1 <!DOCTYPE html> 2<html lang="de"> 3<head> 4 <link rel="preconnect" href="https://consent.cookiebot.com" crossorigin> 5 <link rel="preconnect" href="https://consentcdn.cookiebot.com" crossorigin> 6 7 <!-- Cookiebot CMP --> 8
8<script 9 id="Cookiebot" 10 src="https://consent.cookiebot.com/uc.js" 11 data-cbid="d1b1017f-e996-4640-a974-2d072d2ca5c4" 12 type="text/javascript"> 13 </script>
13 14 15 <!-- Google Tag Manager --> 16
16<script type="text/plain" data-cookieconsent="statistics"> 17 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 18 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 19 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 20 'https://data.betriebsrat.de/gtm.js?id=' +i+dl;f.parentNode.insertBefore(j,f); 21 })(window,document,'script','dataLayer','GTM-MH42QJW'); 22 </script>
22 23 24 <!-- Microsoft Clarity --> 25
25<script type="text/plain" data-cookieconsent="statistics"> 26 (function(c,l,a,r,i,t,y){ 27 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 28 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 29 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 30 })(window, document, "clarity", "script", "upwlr10g20"); 31 </script>
31 32 33 34 <title>ifb | Seminare, Wissen & Services für Betriebsräte</title> 35 <meta name="description" content="Das umfassendste Angebot für Ihre Arbeit als Betriebsrat. Von Schulungen über Wissensinhalte bis zu kostenlosen Services - das ifb ist der Partner an Ihrer Seite."/> 36
37<script type="application/ld+json"> 38 {"@context":"https:\/\/schema.org","@type":"WebSite","name":"ifb","url":"https:\/\/www.betriebsrat.de\/","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.betriebsrat.de\/suche?query={search_term_string}"},"query-input":"required name=search_term_string"}} 39</script>
vendor: 1 bytes, line 39
39
40<script type="application/ld+json"> 41 {"@context":"https:\/\/schema.org","@type":"Organization","name":"ifb","legalName":"Institut zur Fortbildung von Betriebsr\u00e4ten GmbH & Co. KG","url":"https:\/\/www.betriebsrat.de","logo":"https:\/\/www.betriebsrat.de\/ifb-192.png","sameAs":["https:\/\/www.linkedin.com\/company\/ifbseminar\/","https:\/\/www.youtube.com\/ifbseminar","https:\/\/de.wikipedia.org\/wiki\/Ifb_%E2%80%93_Institut_zur_Fortbildung_von_Betriebsr%C3%A4ten"]} 42</script>
42 43 <meta name="robots" content="index,follow"> 44 45 46
46<script> 47 window.br_domain = "https://www.betriebsrat.de"; 48 </script>
48 49
49<script> 50 window.sessionStorage.setItem("_translations", '{"de":{"__pimcore_dummy":"only_a_dummy","page_event_text_dguv":" Dieses Seminar ist mit { dguvHours } Stunden zur Rezertifizierung von Certified Disability Management Professionals (CDMP) von der DGUV anerkannt.","page_location_headline_highlights":"{ locationName } erleben","page_location_headline_hotels":"Unsere Seminar-Hotels in { locationName }","page_location_headline_seminars":"Seminar-Termine in { locationName }","page_pdf_text_full_board":"Vollpension: { price } &euro; (Mittag- und Abendessen)","page_pdf_text_full_board_overnight":"Vollpension: { price } &euro; (Fr\u00fchst\u00fcck, Mittag- und Abendessen)","page_pdf_text_half_board":"Halbpension: { price } &euro; (Mittagessen)","page_pdf_text_half_board_overnight":"Halbpension: { price } &euro; (Fr\u00fchst\u00fcck und Mittagessen)","page_pdf_text_single_room":"Einzelzimmer: { price } &euro;","page_personalized_trainingplan_text_consulting":"<p>Wir beraten Sie zu Ihrem pers\u00f6nlichen Schulungsplan!<\/p> <p>08841 \/ 61 12-395<\/p> <a class="text-ifb" href="mailto:[email protected]">[email protected]<\/a>","page_personalized_trainingplan_text_data_privacy":"Datenschutz-Hinweis: Was macht das ifb mit Ihren Angaben?<br \/> Wir speichern die Seminare, die Ihr Kundenbetreuer mit Ihnen ausw\u00e4hlt, um eine \u00dcbersicht f\u00fcr Sie zu erstellen. Au\u00dferdem verkn\u00fcpfen wir diese Empfehlungen mit Ihren Kundendaten bzw. Ihrem Kundenkonto, damit wir k\u00fcnftig bei Beratungen einen \u00dcberblick \u00fcber die f\u00fcr Sie individuell empfohlenen Schulungen haben. Bitte sagen Sie uns, wenn Sie das nicht wollen.<br \/> Mehr Infos unter <a class="text-ifb" href="https:\/\/ifb.de\/ifb-datenschutz">ifb.de\/ifb-datenschutz<\/a>","page_tag_title":"Ihr Rundblick zum Thema { name }","page_theme_text_dguv":"Dieses Seminar ist mit { dguv } Stunden zur Rezertifizierung von Certified Disability Management Professionals (CDMP) von der DGUV anerkannt.","1":"","2":"","F\u00fcge beliebig viele Tags hinzu":"","Online-Seminar":"","Pr\u00e4senz- oder Online-Seminar":"","Pr\u00e4senz-Seminar":"","Tags hinzuf\u00fcgen":"","brick_accordion_link_further":"Weiterlesen...","brick_accordion_link_hide":"Verstecken","brick_betriebsratMagazinArticleSidetext_more":"Jetzt weiterlesen","brick_betriebsratSeminarvorschlag_headline":"Seminarvorschlag","brick_betriebsratTopNews_headline":"Top News","brick_betriebsratTopNews_linkToAll":"Alle News & Fachthemen","brick_frontpageHerostage_mobile_headline":"<p>Willkommen beim ifb<\/p>","brick_frontpageHerostage_mobile_inspiration":"Oder lassen Sie sich begeistern","brick_frontpageHerostage_search_suggestions":"Vorschl\u00e4ge","brick_frontpageHerostage_search_title":"Ihre Suche im gesamten ifb-Angebot","brick_frontpageHerostage_testsieger_alt":"Testsieger","brick_frontpageHerostage_testsieger_more":"erfahren Sie mehr","brick_frontpageHerostage_testsieger_title":"Die Nr. 1 f\u00fcr<br \/> BR-Schulungen","brick_frontpageLocationSliderWithInfo_count":"rund 180","brick_frontpageLocationSliderWithInfo_countLocations":"ca. 70","brick_frontpageLocationSliderWithInfo_everywhere":"\u00dcberall f\u00fcr Sie da","brick_frontpageLocationSliderWithInfo_locations":"Seminarstandorte","brick_frontpageLocationSliderWithInfo_locationsGermany":"Standorte deutschlandweit","brick_frontpageLocationSliderWithInfo_more":"Zum Standortfinder","brick_frontpageLocationSliderWithInfo_topHotels":"Top-Hotels","brick_frontpageReasons_imageAlt":"7 Gr\u00fcnde","brick_frontpageReasons_reasonsText":"<p>Gute Gr\u00fcnde<br \/>f\u00fcr das ifb<\/p>","brick_frontpageTabSection_tab1_domain":"betriebsrat.de","brick_frontpageTabSection_tab1_headlineTopics":"Aktuell wichtige Themen","brick_frontpageTabSection_tab1_morelink":"Alle news & Fachthemen","brick_frontpageTabSection_tab1_name":"News","brick_frontpageTabSection_tab2_name":"Wissen","brick_frontpageTabSection_tab2_textLabel":"Leitfaden","brick_frontpageTabSection_tab2_textLink":"Leitfaden lesen","brick_frontpageTabSection_tab3_forumHeadline":"Aktuelle Beitr\u00e4ge im ifb-Forum f\u00fcr Betriebsr\u00e4te und Interessenvertreter","brick_frontpageTabSection_tab3_name":"Kostenlos-Offerten","brick_frontpageTabSection_tab3_quickHeadline":"Quick Access","brick_frontpageTabSection_tab3_textLabel":"Leitfaden","brick_frontpageTabSection_tab3_textLink":"Leitfaden lesen","brick_frontpageTabSection_tab4_name":"Fortbildung","brick_guidelinesLinkCards_linktext":"Leitfaden Lesen","brick_guidelinesLinkCards_metaLeftText":"Leitfaden","brick_guidelinesLinkCards_new":"Neu","brick_heroStage_addToWishList":"Kollegen empfehlen","brick_inhouseRequest_teamName":"ifb-Inhouse Team","brick_jobList_error_noEducations":"Im Moment haben wir keine offenen Ausbildungsangebote.","brick_jobList_error_noOffers":"Im Moment haben wir keine offenen Stellenangebote.","brick_jobList_error_noSeminar":"Im Moment haben wir keine offenen Angebote f\u00fcr Seminarbetreuer.","brick_kundenberatung_action_headline":"Vereinbaren Sie mit mir ein Kennenlerngespr\u00e4ch","brick_kundenberatung_consultant_headline":"Ihr pers\u00f6nlicher ifb-Berater f\u00fcr Ihre Region","brick_kundenberatung_default_headline":"Unsere Kundenberatung ist pers\u00f6nlich f\u00fcr Sie da!","brick_kundenberatung_default_text":"Sie haben Fragen zu unseren Seminaren oder einer speziellen
50Situation in Ihrem Betrieb? Kein Problem!<br\/>Geben Sie einfach Ihre Postleitzahl ein und nehmen Sie Kontakt mit Ihrem zust\u00e4ndigen Berater vor Ort auf \u2013 Unsere Kundenberater helfen Ihnen bei passgenauen Schulungen, die auf Ihre Bed\u00fcrfnisse zugeschnitten sind.","brick_lexiconSection_highlightWord":"Lexikon","brick_lexiconSection_moreLink":"Mehr erfahren auf betriebsrat.de","brick_lexiconSection_text1":"Das schnelle Nachschlagewerk f\u00fcr betriebliche Interessenvertreter","brick_lexiconSection_text2":"Gerade zu Beginn Ihrer Arbeit als Interessenvertreter werden Sie bestimmt auf einige Fachbegriffe sto\u00dfen, die Sie zun\u00e4chst nicht richtig einordnen k\u00f6nnen.","brick_lexiconSection_text3":"In unserem Lexikon f\u00fcr Betriebsr\u00e4te finden Sie daher immer aktuell alle wichtigen Begriffe rund um Ihr Ehrenamt kurz und leicht verst\u00e4ndlich erkl\u00e4rt. Hier warten \u00fcber 300 Stichw\u00f6rter zum Nachschlagen auf Sie, von A wie Akkordlohn bis Z wie Zulagen.","brick_modal_iframe_button_change_settings":"Einstellungen anpassen","brick_modal_iframe_button_close":"schlie\u00dfen","brick_modal_iframe_text_content_blocked":" An dieser Stelle wurde das Laden von einer externen Resource unterbunden. Um diesen Inhalt anzeigen zu k\u00f6nnen, \u00e4ndern Sie bitte Ihre Datenschutz-Einwilligungen.","brick_modal_iframe_title_content_blocked":" Externe Inhalte blockiert!","brick_neuBetriebsratForumEntries_headline":"Kennen Sie unser ifb-Forum? Chat und Austausch f\u00fcr Interessenvertreter","brick_neuBetriebsratForumEntries_headlineForum":"Aktuelle Beitr\u00e4ge im ifb-Forum:","brick_neuBetriebsratForumEntries_teaser":"\u00dcber 22.000 Mitglieder warten im ifb-Forum auf Sie! Stellen Sie als Betriebsrat, Schwerbehindertenvertreter und JAV-Mitglied Ihre Fragen, diskutieren Sie mit Kollegen anderer Gremien und finden Sie hilfreiche Tipps und Ratschl\u00e4ge in mehr als 100.000 Beitr\u00e4gen. Tipp: Das ifb-Forum ist auch mobil nutzbar \u2013 und nat\u00fcrlich kostenlos!","brick_rechtsprechungSearchForm_headline":"Suchergebnis im ifb Rechtsprechungsarchiv: Beispielhafte Sucheingabe","brick_rechtsprechungSearchForm_teaser":"Hier finden Sie aktuell relevante Rechtsprechungen f\u00fcr Betriebsratsmitglieder, Interessenvertreter und Arbeitnehmer zu Ihrer Sucheingabe.","brick_social_media_title":"Folgen Sie uns in den\u2028 Sozialen Medien","brick_themeGrid_both":"Sie haben die Wahl zwischen einem Termin in einem unserer Seminar-Hotels oder online","brick_themeGrid_inperson":"Dieses Seminar findet in einem unserer Seminar-Hotels statt","brick_themeGrid_online":"Dieses Seminar findet online statt","brick_tigerGraph_headline":"Seminartipps speziell f\u00fcr Sie!","brick_topnews_suggestions_header":"Diese Themen k\u00f6nnten Sie auch interessieren:","brick_transportTicketOptions_bookinglink":"<span>Buchen Sie jetzt<\/span>&nbsp;<span>Ihre Reise <span class="hidden md:inline">bequem<\/span> online!<\/span>","brick_transportTicketOptions_creditcard":"<strong>Hinweis:<\/strong> Die Zahlung erfolgt \u00fcber eine pers\u00f6nliche Kreditkarte.","brick_transportTicketOptions_headline":"Ihre Ticket-M\u00f6glichkeiten","brick_transportTicketOptions_teaser":"Ihr Veranstaltungsticket zum bundesweiten Festpreis, von jedem DB-Bahnhof.","brick_transportTicketOptions_text1":"Einfache Fahrt vollflexibel","brick_transportTicketOptions_text1_teaser":"Veranstaltungsticket einfache Fahrt vollflexibel (immer verf\u00fcgbar):","brick_transportTicketOptions_text2":"Einfache Fahrt mit Zugbindung","brick_transportTicketOptions_text2_teaser":"Veranstaltungsticket einfache Fahrt mit Zugbindung (solange der Vorrat reicht):","brick_uncategorized_faq_title":"H\u00e4ufig gestellte Fragen","brick_widgetDataobject_more":"Mehr erfahren","de":"Deutsch","dummy_for_loading_translations":"","en":"Englisch","event_skills_certificate_headline":"... und erhalten ein Zertifikat","group":"","kostenloses Webinar":"","main_site":"","module_article_partials_controls_contact":"Kontakt zur Redaktion","module_article_partials_controls_print":"Drucken","module_article_partials_controls_share":"Kollegen empfehlen","module_article_partials_downloads_text":"Downloads","module_article_partials_meta_date":"Stand:","module_article_partials_meta_time":"Lesezeit:","module_article_partials_meta_timemin":"min","module_article_partials_share_copied":"URL wurde kopiert","module_article_partials_share_copy":"URL in die Zwischenablage kopieren","module_article_partials_share_emailTitle":"Per E-Mail teilen","module_article_partials_share_facebookTitle":"Auf Facebook teilen","module_article_partials_share_print":"Drucken","module_article_partials_share_text":"Teilen:","module_chat_working_hours":"Unsere Chat-Beratungszeiten sind von Montag bis Freitag zu den angegebenen Uhrzeiten verf\u00fcgbar.","module_consultant_contact_type_label_group":" Wie sollen wir mit Ihnen Kontakt aufnehmen:","module_consultant_contact_type_label_person":"Wie soll ich mit Ihnen Kontakt aufnehmen:","module_content_target_groups_headline":"Empfohlen f\u00fcr:","module_download_button_text":"Herunterladen","module_facts_headline_locations":"Standorte in ganz Deutschland","module_facts_headline_recommend":"unserer Kunden empfehlen das ifb weiter","module_facts_headline_seminars":"Seminartermine pro Jahr","module_facts_headline_themes":"verschiedene Seminarthemen: von Grundlagen bis Spezialwissen","module_footer_headline_awards":"ifb: Die Nr. 1 f\u00fcr Betriebsrats-Schulungen","module_footer_headline_security":"Sicherheit durch gepr\u00fcfte Qualit\u00e4t!","module_footer_headline_socials":"Folgen Sie uns auf","module_footer_label_awards_show_more":"erfahren
50Sie mehr!","module_footer_text_corporate_full":"Institut zur Fortbildung von Betriebsr\u00e4ten GmbH & Co. KG","module_hr_person_contact_headline":"Ihr direkter Draht!","module_hr_person_contact_text":"F\u00fcr Fragen und Antworten stehen wir Ihnen gerne jederzeit zur Verf\u00fcgung. Wir freuen auf Sie!","module_ifb_contact_info_headline":"Ihr pers\u00f6nlicher Ansprechpartner","module_jobmesse_title":"Jobmesse","module_location_filter_city_select_not_all_selectable":"Die verf\u00fcgbaren Optionen ergeben sich\u2028aus Ihrer vorherigen Filterauswahl","module_location_filter_city_select_placeholder":"Bitte w\u00e4hlen Sie einen Standort","module_locationlist_no_results_found":"Keine Ergebnisse gefunden","module_meinifb_inhouse_pending":"Buchungsbest\u00e4tigung ausstehend","module_newsArticle_headlineNav_headline":"Inhalte des Artikels:","module_newsArticle_partial_related_headline":"Das k\u00f6nnte Sie auch interessieren","module_participant_testimonial":"Das sagen unsere Teilnehmer zu diesem Seminar","module_shopping_cart_acknowledgment":"Vielen Dank! ","module_shopping_cart_alt_text_train":"Bahn Preisvorteil","module_shopping_cart_error_action":"Bitte \u00fcberpr\u00fcfen Sie ihre Angaben oder wenden sich direkt an den Kundensupport!","module_shopping_cart_error_headline":"Entschuldigung","module_shopping_cart_error_info":"Es ist ein Fehler aufgetreten!","module_shopping_cart_headline_download":"Vorab downloaden:","module_shopping_cart_info_text":"Sobald wir Ihre Anfrage bearbeitet haben, erhalten Sie von uns eine Best\u00e4tigung per E-Mail mit allen weiteren Informationen.","module_shopping_cart_text_train":"","module_sidebar_headline_article_tags":"Themen des Artikels","module_sidebar_headline_conferences":"Veranstaltungstipp:","module_sidebar_headline_events":"Veranstaltungstipp:","module_sidebar_headline_jurisdiction":"Aktuelle Rechtsprechung","module_sidebar_headline_lexicon":"Aus unserem Lexikon ","module_sidebar_headline_news":"News & Fachthemen ","module_sidebar_headline_service":"Service & Wissen ","module_sidebar_headline_theme_two":"Seminare zum Thema:","module_sidebar_headline_themes":"Seminare zum Thema:","module_sidebar_subheadline_services":"Lesetipps zum Thema","module_static_newsletter_headline":"Abonnieren Sie unsere Newsletter","module_static_newsletter_label":"Kostenlose ifb-Newsletter","module_tigergraph_recommendation_button_text":"Zum Seminar","module_tigergraph_recommendation_title":"Weitere Seminare","module_top_bar_disturber_new":"NEU!","module_training_claim_button_text":"Zum Schulungsanspruch","module_training_claim_contact":"Ihre pers\u00f6nlicher Ansprechpartner","module_training_claim_headline":"ifb-Schulungsberatung","page_access_denied":"<p class="text-body-2">Diese Seite ist nur f\u00fcr meinifb Nutzer zug\u00e4nglich.<\/p> <p class="text-body-2">Bitte loggen Sie sich ein oder registrieren Sie sich. Informationen zur Nutzung von meinifb finden Sie <a href="https:\/\/ifb.de\/service\/meinifb" target="_blank"><span style="color:#bf1d2e">hier<\/span><\/a>.<\/p> ","page_article_seminars_default":"Diese Seminare k\u00f6nnten Sie zum Thema interessieren","page_betriebsrat_fachthemen_col_betriebsratgrundlagen":"Betriebsratgrundlagen","page_betriebsrat_fachthemen_col_newsHeadline":"News & Aktuelles","page_betriebsrat_fachthemen_col_tag":"Tag der Woche","page_betriebsrat_fachthemen_forum_headline":"Aktuelle Beitr\u00e4ge im ifb-Forum f\u00fcr Betriebsr\u00e4te und Interessenvertreter","page_betriebsrat_jurisdiction_notfound":"Es wurde keine Rechtsprechung-Eintrag gefunden","page_betriebsrat_jurisdiction_overview_headline":"Neueste Gerichtsurteile und Rechtsprechungen im ifb Archiv","page_betriebsrat_jurisdiction_overview_tab_betriebsrat":"Rechtsprechung Betriebsrat","page_betriebsrat_jurisdiction_overview_tab_sbv":"Rechtsprechung SBV","page_betriebsrat_jurisdiction_relatedheadline":"Diese Artikel ko\u0308nnten Sie auch interessieren","page_betriebsrat_jurisdiction_seminarheadline":"Seminarvorschlag","page_betriebsrat_jurisdiction_videoheadline":"Aktuelle Videos zum Thema Rechtsprechung","page_betriebsrat_metamacro_description":"T\u00e4glich stehen Sie als Betriebsrat und Interessenvertreter vor neuen Herausforderungen. Wir unterst\u00fctzen Sie in Ihrer Betriebsratsarbeit mit unserem Expertenwissen!","page_betriebsrat_metamacro_title":"betriebsrat.de | News, aktuelle Rechtsprechung, Forum","page_betriebsrat_partials_forum_morelink":"zum Forum","page_betriebsrat_partials_forum_reply":"Antworten","page_betriebsrat_startseite_hero_lexLink1":"BR | WA","page_betriebsrat_startseite_hero_lexLink2":"JAV","page_betriebsrat_startseite_hero_lexLink3":"SBV","page_betriebsrat_startseite_hero_lexicon":"Klicken Sie rein in unser Lexikon! Hier finden Sie praxisnahe Erla\u0308uterungen zu allen wichtigen Stichworten fu\u0308r Betriebsra\u0308te und Interessenvertreter.","page_betriebsrat_startseite_hero_more":"weitere Rechtsprechung","page_betriebsrat_startseite_hero_service":"Service & Wissen","page_betriebsrat_startseite_hero_service2":"Betriebsratsarbeit einfach erkla\u0308rt","page_betriebsrat_startseite_hero_teaser":"Aktuelle Gerichtsurteile","page_betriebsrat_startseite_hero_title":"Rechtsprechung","page_betriebsrat_startseite_search_teaser":"Mit einem Klick zum Rundblick f\u00fcr Ihr spezielles Amt:","page_betriebsrat_startseite_search_title":"Wonach suchen Sie heute im Speziellen?","page_betriebsrat_startseite_tags_title":"Aktuell im Fokus","page_betriebsrat_startseite_topnews_title":"Alle News & Fachthemen","page_brwahl_footer_text_leftCol":"Deutschlands gr\u00f6\u00dfte Seminarauswahl f\u00fcr Arbeitnehmervertreter","page_brwahl_footer_text_rightCol":"Hilfe und Unterst\u00fctzung f\u00fcr<br \/> Betriebsr\u00e4te seit \u00fcber 35 Jahren","page_career_label_apply_button":" Jetzt Bewerben","page_career_label_contract_type":"Art der Anstellung","page_career_label_location":"Arbeitsort","page_career_label_show_more_ifb":"Alles zum ifb erfahren","page_career_label_start_date":"Beginn","page_career_label_training_duration":"Dauer","page_career_label_training_location":"Berufsschule","page_career_label_training_location_high_education":"Hochschule","page_career_label_training_location_vocational_school":"Berufsschule","page_career_label_training_salary":"Verg\u00fctung","page_career_text_default_start":"N\u00e4chstm\u00f6glich","page_career_text_match_job":"Finden Sie heraus, ob wir zu Ihnen passen! Hier erfahren
50Sie mehr \u00fcber unser Unternehmen und finden weitere Stellenangebote.","page_career_text_match_training":"Finde heraus, ob wir zu Dir passen! Hier erf\u00e4hrst Du mehr \u00fcber unser Unternehmen und findest weitere Stellenangebote.","page_career_text_take_action_job":"Interesse geweckt?<br \/> Wir freuen uns auf ein Kennenlernen!","page_career_text_take_action_training":"Interesse geweckt?<br \/> Starte jetzt Deine Karriere beim ifb!","page_career_text_take_action_variant_two":"Interesse geweckt?<br \/> Starte jetzt deine Karriere mit ifb!","page_career_title_match":"Noch unsicher?","page_convention_advantage_text_first":"Erfahrene Anw\u00e4lte","page_convention_advantage_text_second":"Maximal 25 Teilnehmer","page_convention_advantage_text_third":"Kostenlos & Unverbindlich","page_convention_advantage_title_first":"Top Referenten","page_convention_advantage_title_second":"Kleine Gruppen","page_convention_advantage_title_third":"Platzreservierung","page_event_detail_link_dates":"Termine","page_event_detail_link_experience":"Erlebnis","page_event_detail_link_overview":"\u00dcberblick","page_event_disturber_new":"NEU!","page_event_free_webinar":"kostenloses Webinar","page_event_headline_after_training":"Nach der Ausbildung k\u00f6nnen Sie","page_event_headline_book":"Platz vorab sichern","page_event_headline_online_seminar_flow":"So funktioniert ein Online-Seminar","page_event_label_audience":"Speziell f\u00fcr","page_event_label_convention":"Fachtagung","page_event_label_date_facts":"Datum","page_event_label_education":"Ausbildung zum","page_event_label_hotel":"Hotel:","page_event_label_hotel_facts":"Hotel","page_event_label_link_book":"jetzt anmelden","page_event_label_location":"Standort:","page_event_label_location_facts":"Standort","page_event_label_online_seminar":"Online-Seminar","page_event_label_presence_seminar":"Pr\u00e4senz-Seminar","page_event_label_prior_knowledge_needed":"Vorkenntnisse erforderlich","page_event_label_talk":"Vortr\u00e4ge und Highlights","page_event_link_label_online_seminar_flow":"Hier informieren","page_event_text_book":"Sichern Sie sich schon jetzt ein Platz bei dieser Fachtagung.<br> Weitere Infos folgen","page_event_text_online_follow_up":"mit Online-Nachbetreuung","page_event_text_online_seminar_flow":" Weitere Informationen zum genauen Ablauf unserer Online-Seminare finden Sie hier","page_event_text_steps_online_fifth":"Sie bekommen einen Tag vor Seminarbeginn eine E-Mail mit Ihrem pers\u00f6nlichen Teilnahmelink","page_event_text_steps_online_first":"Sie haben Ihr Wunschseminar gefunden? Dann einfach und schnell hier online buchen","page_event_text_steps_online_fourth":"Vorbereitung: Sie brauchen nat\u00fcrlich ein Teilnahmeger\u00e4t und Internetzugang","page_event_text_steps_online_second":"F\u00fcr eine lebendiges Seminarerlebnis brauchen Sie eine Kamera und ein Mikrofon","page_event_text_steps_online_sixth":"Bei Fragen oder Problemen hilft Ihnen unser Online-Service","page_event_text_steps_online_third":"Wir begleiten Sie live und pers\u00f6nlich in der Einstiegsphase","page_hotel_label_link_impressions":"Hotel Impressionen","page_hotelstories_headline_rooms":"Entdecken Sie unsere R\u00e4umlichkeiten","page_hotelstories_label_read_more":"mehr lesen","page_hotelstories_label_tab_environment":"Umgebung","page_hotelstories_label_tab_highlights":"Highlights","page_hotelstories_label_tab_info":"Info","page_hotelstories_label_tab_interview":"Interview","page_hotelstories_label_tab_report":"Reportage","page_hotelstories_label_tab_rooms":"Schulungsr\u00e4ume","page_inhouse_label_contact_link":"zum Kontaktformular","page_inhouse_text":"Wir erstellen Ihnen gerne ein unverbindliches Angebot. Kontaktieren Sie uns!","page_inhouse_title":"Inhouse Seminar","page_inhouse_title_offer":"Und wie sieht Ihr Inhouse-Seminar aus? Wir erstellen Ihnen gerne ein unverbindliches Angebot!","page_juris_category_headline":"ifb-Leitfaden","page_juris_category_morelink":"Zum Leitfaden","page_juris_category_mostread":"Meistgelesene Beitr\u00e4ge","page_juris_category_newsrHeadline":"News, Grundlagen und Fachthemen","page_juris_category_notfound":"Es wurde keine Rechtsprechung-Kategorie gefunden","page_juris_category_seminarHeadline":"ifb-Seminartipps","page_juris_category_suggestHeader":"Diese Artikel ko\u0308nnten Sie auch interessieren","page_juris_entry_meta_copied":"URL wurde kopiert","page_juris_entry_meta_copy":"URL in die Zwischenablage kopieren","page_juris_entry_meta_email":"Per E-Mail teilen","page_juris_entry_meta_facebook":"Auf Facebook teilen","page_juris_entry_meta_text":"Teilen:","page_legislation_overview_description":"Hier finden Sie relevante Gesetze f\u00fcr Ihre t\u00e4gliche Arbeit als Betriebsrat oder SBV.","page_legislation_overview_hint":"Gesetze von A-Z","page_legislation_overview_title":"Wic
50htige Gesetze f\u00fcr Betriebsr\u00e4te und Interessenvertreter","page_lexicon_detail_notfound":"Es wurde kein Lexikon-Eintrag gefunden","page_lexicon_overview_tab_betriebsrat":"Betriebsratslexikon","page_lexicon_overview_tab_jav":"JAV-Lexikon","page_lexicon_overview_tab_sbv":"SBV-Lexikon","page_lexicon_overview_title":"St\u00f6bern Sie im Lexikon von A bis Z!","page_lexicon_partial_articleslider_linkjuris":"zur Rechtsprechung","page_lexicon_partial_articleslider_suggest":"Das k\u00f6nnte Sie auch interessieren","page_lexicon_partial_header_lexicon_link":"Lexikon","page_lexicon_partial_main_date":"Stand:","page_lexicon_partial_main_time":"Lesezeit:","page_lexicon_partial_main_timemin":"min","page_lexicon_partial_newsletter_headline":"Kostenlose ifb-Newsletter","page_lexicon_partial_newsletter_link":"Jetzt abonnieren","page_lexicon_partial_newsletter_teaser":"Abonnieren Sie unsere Newsletter","page_lexicon_partial_newsletter_teaser2":"Bleiben Sie auf dem Laufenden mit unseren Newslettern fu\u0308r Betriebsra\u0308te, SBV und JAV.","page_lexicon_partial_related_headline":"Diese Lexikonbegriffe k\u00f6nnten Sie auch interessieren","page_lexicon_partial_seminar_headline":"Seminare zum Thema:","page_lexicon_partial_video_headline":"Aktuelles Video zum Thema","page_lexicon_partial_video_headline2":"Aktuelle Videos zum Thema","page_location_label_button_show_location":"Standort entdecken","page_location_note_loading":"Unsere Standorte werden geladen.","page_magazin_reportbox_morelink":"Jetzt weiterlesen","page_newinbetriebsrat_forum_headline":"Kennen Sie unser ifb-Forum? Chat und Austausch f\u00fcr Interessenvertreter","page_newinbetriebsrat_forum_teaser":"\u00dcber 22.000 Mitglieder warten im ifb-Forum auf Sie! Stellen Sie als Betriebsrat, Schwerbehindertenvertreter und JAV-Mitglied Ihre Fragen, diskutieren Sie mit Kollegen anderer Gremien und finden Sie hilfreiche Tipps und Ratschl\u00e4ge in mehr als 100.000 Beitr\u00e4gen. Tipp: Das ifb-Forum ist auch mobil nutzbar \u2013 und nat\u00fcrlich kostenlos!","page_newinbetriebsrat_forum_titleforum":"Aktuelle Beitr\u00e4ge im ifb-Forum:","page_newinbetriebsrat_hero_more":"Mehr erfahren","page_newinbetriebsrat_hero_newslettertitle":"Abonnieren Sie unseren ifb-Newsletter und erhalten Sie 1 x pro Woche aktuelle Infos passende Videos und neue Rechtsprechung bequem per E-Mail. So bleiben Sie als Interessenvertreter auf dem Laufenden!","page_pdf_description_social_program":"Bei mehrt\u00e4gigen Pr\u00e4senz-Veranstaltungen organisieren wir au\u00dferhalb der Seminarzeiten ein gemeinsames Freizeitprogramm f\u00fcr den Austausch in entspannter Atmosph\u00e4re. Hierzu sind Sie herzlich eingeladen, die Teilnahme ist freiwillig. ","page_pdf_disclaimer_price":"*) Preise pro Person und Nacht zzgl. MwSt., alle Hotelpreise ohne Gew\u00e4hr.","page_pdf_headline_additional_seminar_dates":"Zus\u00e4tzliche Termine","page_pdf_headline_additional_seminar_infos":"und Infos unter:","page_pdf_headline_event_data":"Seminardaten:","page_pdf_headline_hotel":"Hotel","page_pdf_headline_online_follow_up":"Online-Nachbetreuung","page_pdf_headline_online_follow_up_second_variant":"mit Online-Nachbetreuung","page_pdf_headline_price":"Hotelpreise*","page_pdf_headline_seminar_dates":"Seminartermine","page_pdf_headline_seminar_process":"Seminarablauf","page_pdf_headline_social_program":"Rahmenprogramm","page_pdf_info_duration_unit":"Minuten","page_pdf_label_afternoon":"Nachmittag","page_pdf_label_morning":"Vormittag","page_pdf_label_seminar_date":"Termin","page_pdf_label_seminar_duration":"Dauer","page_pdf_label_seminar_number":"Seminarnummer","page_pdf_label_seminar_start":"Seminarstart","page_pdf_subheadline_price_with_stayover":"Preise mit \u00dcbernachtung","page_pdf_subheadline_price_without_stayover":"Preise ohne \u00dcbernachtung","page_pdf_text_online_follow_up_long":"6 Wochen nach dem Seminar gemeinsamer Online-Austausch zur Umsetzung Ihrer Ziele im WA!","page_personalized_trainingplan_label_number":"Schulungsplan Nr.","page_personalized_trainingplan_text_not_found":"Dieser Schulungsplan existiert leider nicht.","page_starter_package_label_more_information_compliance":"weitere Informationen finden Sie hier","page_starter_package_title":"Ihr ifb-Starterpaket f\u00fcr","page_starter_package_title_compliance":"Unsere Seminare und Starterpakete sind Compliance-konform","page_startpage_slider_links_label":"Seminarempfehlungen f\u00fcr Ihre Funktion:","page_tag_headline_downloads_forms":"Alle Downloads & Formulare an einem Ort!","page_tag_link_downloads_forms":"Finden Sie Ihre Arbeitshilfen","page_tag_share_subject":"Diese Artikel von betriebsrat.de k\u00f6nnten dich interessieren","page_tag_title_forum_entries":"Aktuelle Beitr\u00e4ge im ifb-Forum f\u00fcr Betriebsr\u00e4te und Interessenvertreter","page_tag_title_second":"Aktuelle Themen:","page_theme_disturber_new":"NEU!","page_theme_experience_label_experience_nav_dates":"Termine","page_theme_experience_label_experience_nav_experience":"Erlebnis","page_theme_experience_label_experience_nav_overview":"\u00dcberblick","page_theme_experience_label_select_date":"Jetzt Termin ausw\u00e4hlen","page_theme_headline_achievements":"Unsere Garantie","page_theme_headline_advantages":"Ihre V
50orteile","page_theme_headline_audience":"Speziell f\u00fcr","page_theme_headline_benefits_default":"Nutzen des Seminars","page_theme_headline_prior_knowledge":"Vorkenntnisse erforderlich","page_theme_headline_seminar_content":"Inhalt des Seminars","page_theme_label_show_more":"Weitere Seminare","page_theme_link_inhouse":"Inhouse Seminar anfragen","page_theme_tag_online_follow_up":"mit Online-Nachbetreuung","page_theme_text_achievement_center":"Vertrauen Sie der Meinung Ihrer Kollegen: 96% unserer Kunden empfehlen unsere Seminare weiter.","page_theme_text_achievement_left":"Wir lassen uns vom T\u00dcV Rheinland auf die Finger schauen \u2013 damit Sie sich bei unseren Weiterbildungen auf h\u00f6chste Qualit\u00e4t verlassen k\u00f6nnen.","page_theme_text_achievement_right":"Das ifb ist unabh\u00e4ngig und ideologiefrei. In unseren Seminaren konzentrieren wir uns voll auf die Inhalte, die Sie f\u00fcr Ihre Aufgabe als Interessenvertreter brauchen!","page_theme_text_advantages_center":"Viel Raum f\u00fcr pers\u00f6nliche Fragen und Austausch","page_theme_text_advantages_left":"Erfahrene Fachexperten mit viel Praxiswissen","page_theme_text_advantages_right":"Kostenlos und unverbindlich","page_theme_text_compliance":" Infos zu unseren Compliance-Richtlinien","page_theme_text_inhouse_first":" All unsere Weiterbildungen gibt es auch als Inhouse-Firmenschulungen, abgestimmt auf Ihre Bed\u00fcrfnisse. ","page_theme_text_inhouse_second":" Ma\u00dfgeschneiderte Seminare f\u00fcr Ihr Gremium \u2013 vor Ort oder online. In unseren Inhouse-Seminaren bestimmen Sie die Inhalte, die Zeit und den Ort Ihrer Weiterbildung! W\u00e4hlen Sie aus unseren Themen-Vorschl\u00e4gen oder kommen Sie mit eigenen W\u00fcnschen auf uns zu.","page_theme_text_not_found":"Thema konnte nicht gefunden werden","page_theme_text_starter_package_duration":"G\u00fcltig bis 31.12.2024, solange der Vorrat reicht.","page_theme_title_achievement_center":"96% Kundenzufriedenheit","page_theme_title_achievement_left":"T\u00dcV zertifiziert","page_theme_title_achievement_right":"Ideologiefrei","page_theme_title_advantages_center":"Kleine Gruppen","page_theme_title_advantages_left":"Top Referenten","page_theme_title_advantages_right":"Platzreservierung","page_theme_title_prefix_education":"Ausbildung zum","page_theme_url_text_achievement_left":"Weitere Informationen","page_training_series_hub_disturber":"Erlebnis Ausbildung","page_training_series_hub_label_testimonial":"Andreas K.","page_training_series_hub_pretitle":"Werden Sie Experte","page_training_series_hub_teaser_gallery":"Unsere Ausbildungsreihen sind speziell auf Ihre Betriebsratsarbeit zugeschnitten. In einer Reihe von mehrt\u00e4gigen Modulen bilden Sie sich zu verschiedenen Aspekten Ihres Themas weiter, inklusive vertiefenden Projektarbeiten. Die Praxis steht dabei immer mit im Fokus. Schon w\u00e4hrend der Ausbildung trainieren Sie so f\u00fcr den Alltag im Betrieb.","page_training_series_hub_text_disturber":"","page_training_series_hub_text_gallery":"Gemeinsam lernen, netzwerken, Spa\u00df haben: Der Teilnehmerkreis bleibt \u00fcber die gesamte Dauer der Ausbildung gleich. Nach dem Abschluss der Reihe sind Sie nicht nur Experte auf Ihrem Gebiet \u2013 Sie k\u00f6nnen bereits auf ein Netzwerk aus gleichgesinnten Kollegen bauen! Und auch pers\u00f6nlich sind Sie einen Schritt weiter mit Ihrem Ausbildungszertifikat in der Tasche!","page_training_series_hub_text_introduction":"Mit einer ifb-Ausbildung werden Sie zum gefragten Ansprechpartner in einem Themenbereich! \u00dcber mehrere Module erwerben Sie breites und fundiertes Hintergrundwissen und werden zum echten Experten in Ihrem Gremium. Zudem sichern Sie sich wertvolle Zusatzqualifikationen f\u00fcr Ihre pers\u00f6nliche Weiterentwicklung. Zum Abschluss jeder Ausbildung erhalten Sie ein Gesamtzertifikat mit Titel.","page_training_series_hub_text_overview":"Vom Mitgestalter in Ver\u00e4nderungsprozessen bis zum betrieblichen Gesundheitsberater: Hier finden Sie alle unsere Ausbildungen auf einen Blick! Sortieren Sie nach Datum, Region oder Thema, um das passende Angebot f\u00fcr sich zu finden. Jede Ausbildung besteht dabei aus einer Reihe an verschiedenen Modulen und dauert insgesamt mehrere Monate.","page_training_series_hub_text_reason_five":"Zum Absc
50hluss bekommen Sie ein Gesamtzertifikat mit Titel","page_training_series_hub_text_reason_four":"Entwickeln Sie ein Netzwerk f\u00fcr Fragen, Ideen und Austausch","page_training_series_hub_text_reason_one":"Sichern Sie sich eine wichtige pers\u00f6nliche und berufliche Zusatzqualifikation","page_training_series_hub_text_reason_three":"Speziell auf Ihre Aufgaben als Betriebsrat zugeschnitten","page_training_series_hub_text_reason_two":"Werden Sie zum kompetenten Ansprechpartner in Ihrem Betrieb","page_training_series_hub_text_testimonial":"Mit der Ausbildungsreihe konnte ich eine tolle Zusatzqualifikation erwerben. Gerade der hohe Praxisteil in den einzelnen Modulen war echt wertvoll! Man kann danach sofort loslegen und den Kollegen kompetent weiterhelfen.","page_training_series_hub_title":"ifb-Ausbildungen","page_training_series_hub_title_gallery":"Die ideale Mischung aus Theorie und Praxis","page_training_series_hub_title_overview":"\u00dcbersicht aller Ausbildungen","page_training_series_hub_title_reason_five":"Zertifikat","page_training_series_hub_title_reason_four":"Gleichbleibende Teilnehmergruppe","page_training_series_hub_title_reason_one":"Zusatzqualifikation","page_training_series_hub_title_reason_three":"Passgenaue Inhalte","page_training_series_hub_title_reason_two":"Fundiertes Wissen","page_ueber_uns_headline_contact_slider":"Immer ein offenes Ohr","page_ueber_uns_headline_event_slider":"Seminare, die begeistern","page_ueber_uns_headline_idea_map":"Unsere Qualit\u00e4t, Ihr Erfolg","page_ueber_uns_headline_intro":"...damit Sie etwas bewegen k\u00f6nnen","page_ueber_uns_headline_kitchen":"Liebe geht durch den Magen","page_ueber_uns_headline_packageslider":"Das Rundum-Sorglos-Paket","page_ueber_uns_headline_people":"Der Mensch im Mittelpunkt","page_ueber_uns_headline_team":"Unser Antrieb: <br> Seminare, die begeistern!","page_ueber_uns_headline_technology":"Ohne Technik l\u00e4uft nichts","page_ueber_uns_label_button_online":"Online","page_ueber_uns_label_button_presence":"Pr\u00e4senz","page_ueber_uns_label_loading_idea_map":"Unsere Ideenschmiede wird geladen.","page_ueber_uns_signature_team":"Ihr ifb-Team","page_ueber_uns_subheadline_contact_slider":"Wir finden die passende L\u00f6sung f\u00fcr Sie!","page_ueber_uns_subheadline_event_slider":"Wo Lernen zum Erlebnis wird!","page_ueber_uns_subheadline_idea_map":"Gemeinsam bewegen wir mehr!","page_ueber_uns_subheadline_kitchen":"Unsere Kantine, der Energielieferant f\u00fcr gute Ideen!","page_ueber_uns_subheadline_packageslider":"Mehr als nur eine Weiterbildung!","page_ueber_uns_subheadline_people":"Das Herz des ifb sind unsere Mitarbeiter!","page_ueber_uns_subheadline_technology":"Damit es f\u00fcr Sie immer rund l\u00e4uft!","page_ueber_uns_text_event_slider":"W\u00e4hlen Sie zwischen<br \/>Pr\u00e4senz und Online","page_ueber_uns_text_kitchen":"Gemeinschaft wird im ifb gelebt. Nirgends kann man das besser sp\u00fcren, als beim Mittagsessen in unserer Kantine. Hier kommen alle zusammen, tauschen sich aus und lassen sich das leckere Essen schmecken.","page_ueber_uns_text_people":"Das ifb steht f\u00fcr eine bessere Arbeitswelt ein, das treibt uns an. Angefangen bei uns selbst. Wertsch\u00e4tzung und Kommunikation auf Augenh\u00f6he - das Leben wir hier im ifb!","page_ueber_uns_text_people_second":"Das ifb steht f\u00fcr eine bessere Arbeitswelt ein, das treibt uns an. Angefangen bei uns selbst. Wertsch\u00e4tzung und Kommunikation auf Augenh\u00f6he - das Leben wir hier im ifb!","page_ueber_uns_text_second":"Die Gemeinschaft wird im ifb gelebt, nirgends kann man das besser sp\u00fcren, als beim Mittagsessen in unserer Kantine. Hier kommen alle zusammen, tauschen sich aus und lassen sich das leckere Essen schmecken.","page_ueber_uns_text_technology":"Ein reibungsloser Ablauf bei unseren Online-Seminaren, technischer Support, wenn es doch mal hakt und gezieltes Interessenten- und Neukundenmanagement: Dank unserer IT und unserem CRM kein Problem!","reservation_contact_only_modal_text":"Online ist eine Reservierung aufgrund der Kurzfristigkeit leider nicht mehr m\u00f6glich. Bitte kontaktieren Sie uns telefonisch.","serviceteam":"","social_link_facebook":"","social_link_instagram":"","social_link_linkedin":"","social_link_youtube":"","social_media_header":"Finden Sie uns auch auf:","timeout_error_message":"<p><em>Dies hat leider nicht geklappt. Bitte versuchen Sie es erneut. Wenn das Problem weiterhin besteht, wenden Sie sich gerne an den Kundenservice unter\u00a0\u00a0oder
5008841\/61 12 20. Wir helfen Ihnen weiter.<\/em><\/p>","tr":"T\u00fcrkisch","trainingclaim":""}}'); 51 </script>
51 52 <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/> 53 <link rel="apple-touch-icon" sizes="128x128" href="/ifb-128.png"> 54 <link rel="icon" sizes="192x192" href="/ifb-192.png"> 55 56 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 57<meta name="home_url" content="https://www.betriebsrat.de" /> 58<meta name="identifier-url" content="https://www.betriebsrat.de" /> 59<meta name="revisit-after" content="1 day" /> 60<meta name="language" content="German, de, deutsch" /> 61<meta name="audience" content="all, Alle, Betriebsräte" /> 62<meta name="author" content="ifb - Institut zur Fortbildung von Betriebsräten" /> 63<meta name="publisher" content="ifb - Institut zur Fortbildung von Betriebsräten" /> 64<meta name="copyright" content="Copyright © 2026 ifb - Institut zur Fortbildung von Betriebsräten" /> 65<meta property="og:site_name" content="ifb" /> 66<meta property="og:image" content="https://www.betriebsrat.de/static/ifb-preview.png" /> 67 68 69 70 <link rel="preload" href="/static/fonts/segoe-print/SegoePrintW01-Regular.woff2" as="font" type="font/woff2" crossorigin> 71 <link rel="preconnect" href="https://use.typekit.net" crossorigin> 72 <link rel="preconnect" href="https://p.typekit.net" crossorigin> 73 <link rel="stylesheet" type="text/css" crossorigin="anonymous" as="style" media="screen" href="https://use.typekit.net/yfd6ssd.css" > 74 75 <link href="/cache-buster-1790867268/build/app.css" media="screen" rel="stylesheet" type="text/css" /><link href="/cache-buster-1790867268/build/vue.css" media="screen" rel="stylesheet" type="text/css" /><link href="/cache-buster-1790867268/build/tailwind-utilities.css" media="screen" rel="stylesheet" type="text/css" /><link href="/cache-buster-1790867268/build/shared-top.css" media="screen" rel="stylesheet" type="text/css" /> 76 <link rel="canonical" href="https://www.betriebsrat.de/br"> 77 78</head> 79 80<body class=""> 81 <noscript> 82 <iframe src="https://data.betriebsrat.de/ns.html?id=GTM-MH42QJW" height="0" width="0" style="display:none;visibility:hidden"></iframe> 83 </noscript> 84 85 86 87 88 89<!-- Embed user data as window variables -->
90<script> 91 window.smod_user = null; 92 window.navMeinifbDto = "null"; 93 window.settingsLink = "\/meinifb\/einstellungen"; 94 window.logOutLink = "https:\/\/www.betriebsrat.de\/kundenportal\/logout"; 95</script>
95 96 97<div class="flex flex-col sticky top-0 left-0 right-0 bg-white" style="z-index: 210;"> 98 <div class="nav-first-level order-1 xl:order-2"> 99 <div class="flex items-center"> 100 <div class="xl:hidden ml-6 mr-1"> 101 <div id="mobileMenuToggle"> 102 <span id="menuIcon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu ifb-icon" ><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg></span> 103 <span id="closeMenuIcon" class="hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x ifb-icon" ><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span> 104 </div> 105 </div> 106 <div class="w-full h-50px xl:h-68px legacy-container"> 107 <div class="flex h-full"> 108 <div class="w-1/3 flex items-center relative -ml-4 xl:ml-0 mr-4 xl:mr-0"> 109 <a class="logo logo-absolute inline-flex h-8 xl:h-12" href="/" title="Gehe zur Startseite"> 110 <svg width="48" viewbox="0 0 88 73"> 111 <g stroke="none" stroke-width="1"> 112 <path fill="#BF1D2D" d="M51.4637573,48.4683716 C48.8710997,48.3266461 47.5048681,46.2435242 47.0709994,45.2365443 C46.7855424,44.4475786 46.5915031,43.3915212 46.5915031,42.241682 L46.5915031,27.5109765 C52.7114544,23.3170355 60.3595263,28.5304283 60.3595263,36.8638877 C60.3595263,45.9882563 55.3502268,48.4683716 51.4637573,48.4683716 M54.7765524,20.6274905 C51.5150681,20.6274905 46.7089009,23.9748038 46.7089009,23.9748038 C46.7089009,23.9748038 46.5915031,22.5643516 46.5915031,21.660062 L46.5915031,5.5057846 C46.5915031,3.77171238 47.0922706,0.879540352 47.0922706,0.879540352 L45.1177785,0.0424690583 C44.5738189,0.522878009 43.9059664,0.935096748 43.1639081,1.28754782 C36.8684283,-1.54728612 29.77552,2.1223515 27.4459115,4.23641004 C23.7758892,7.46839932 22.3349646,11.4634387 21.5826766,16.6556131 C21.3074493,18.5485799 21.7294645,19.7883135 20.5829276,21.1892094 C19.6333528,22.3463373 17.2230435,23.0361761 17.2230435,23.0361761 L16.7544263,25.9317495 L20.6207612,25.9317495 L20.6207612,44.046212 C20.6207612,48.4162166 20.116259,48.1374628 16.7562125,48.6350407 C12.8983211,48.2045192 12.3121438,47.7629835 12.3121438,43.2519013 C12.3121438,43.2519013 12.3207497,30.5578318 12.3207497,25.6925169 C12.3207497,24.6205862 12.7997589,20.9585612 12.7997589,20.9585612 L10.8341975,20.0774336 C8.55313945,22.1084005 3.62778831,23.7503106 0.260110111,24.1741914 L0.260110111,26.4741937 C3.86550677,26.889328 4.36302682,26.7398278 4.36302682,30.9062336 L4.36400108,43.2838098 C4.36400108,47.8097934 3.82751078,48.2088924 0.0102134503,48.6382802 L0.0102134503,49.1408793 L-1.62375982e-05,49.1408793 L-1.62375982e-05,51.7356707 L34.084979,51.7356707 L34.084979,49.1408793 L34.084979,48.6382802 C29.2570534,48.1342233 28.6812681,48.4278786 28.6812681,44.046212 L28.6812681,25.9317495 L36.202362,25.9317495 L37.3964751,22.4135557 L28.6812681,22.4135557 L28.6098227,15.7383657 C28.6098227,8.34580164 31.0256528,3.78272647 34.5050457,3.91084632 L34.5410931,6.43906726 C38.5038794,6.87137053 38.647095,6.94393399 38.647095,11.1816074 L38.647095,40.2847363 C38.647095,46.5893344 37.9258208,51.6929101 37.9258208,51.6929101 C42.8828353,49.9384294 47.4110147,51.7887975 50.7959048,51.8798258 C61.4565385,52.1605233 68.358168,45.2023682 68.358168,34.6440614 C68.358168,26.5263487 62.6267824,20.6274905 54.7765524,20.6274905 M7.93367502,16.9171979 C10.6310651,16.9171979 12.6359215,14.7103294 12.6359215,12.0880027 C12.6359215,9.32913365 10.6310651,7.19256101 7.99992442,7.19256101 L7.93367502,7.19256101 C5.44315196,7.19256101 3.3010878,9.32913365 3.3010878,12.0880027 C3.3010878,14.7103294 5.44315196,16.9171979 7.93367502,16.9171979"></path> 113 <path id="ifb-hook" d="M79.2932747,52.05345 C81.8201251,50.0044815 84.235864,47.8452563 86.5310591,45.5826975 C86.934001,45.1854852 87.6162067,45.4709298 87.6162067,46.0367388 L87.6162067,46.7257128 C87.6162067,46.8877675 87.5544964,47.0437409 87.44362,47.1619277 C79.3589152,55.7
113796786 70.7642113,62.3962969 61.4361671,66.818043 C53.1986675,70.7225234 44.8869682,72.7439923 36.8664814,72.4974007 C28.2112542,72.2322245 19.8462912,69.49009 12.2363679,64.5707581 C11.9168337,64.3641995 11.8481846,63.9255524 12.0893326,63.631246 L15.2830764,59.7334766 C15.4886897,59.4825381 15.8499544,59.426012 16.1223914,59.6021514 C22.9904947,64.0426032 30.422823,66.7075849 37.90719,67.2177842 C45.0739579,67.705504 52.4239593,66.5069373 59.4142851,63.7846881 C66.3970012,61.0647185 73.0826199,57.0866458 79.2932747,52.05345 Z" fill="#575756" fill-rule="nonzero"></path> 114 </g> 115 </svg> 116 </a> 117 </div> 118 <div class="w-2/3 flex items-center"> 119 <div class="hidden xl:block xl:w-2/3"> 120 <div class="search-container search-offset"> 121 <div id="searchv3-live-search-holder"></div> 122
122<script> 123 (function () { 124 const cssHref = 'https://search.ifb.de/css/ifbV2Live3.css?v=1790867268'; 125 const scriptSrc = 'https://search.ifb.de/js/ifbV2Live3.js?v=1790867268'; 126 127 function loadSearchAssets() { 128 if (window.ifbV2Live3SearchLoaded) { 129 return; 130 } 131 window.ifbV2Live3SearchLoaded = true; 132 133 if (!document.querySelector('link[href="' + cssHref + '"]')) { 134 const link = document.createElement('link'); 135 link.rel = 'stylesheet'; 136 link.href = cssHref; 137 document.head.appendChild(link); 138 } 139 140 if (!document.querySelector('script[src="' + scriptSrc + '"]')) { 141 const script = document.createElement('script'); 142 script.src = scriptSrc; 143 script.async = true; 144 document.head.appendChild(script); 145 } 146 } 147 148 function queueSearchAssetsLoad() { 149 const run = () => { 150 if ('requestIdleCallback' in window) { 151 window.requestIdleCallback(loadSearchAssets, { timeout: 1000 }); 152 return; 153 } 154 155 window.setTimeout(loadSearchAssets, 300); 156 }; 157 158 if (document.readyState === 'loading') { 159 document.addEventListener('DOMContentLoaded', run, { once: true }); 160 return; 161 } 162 163 run(); 164 } 165 166 ['pointerdown', 'keydown', 'touchstart'].forEach((eventName) => { 167 window.addEventListener(eventName, loadSearchAssets, { once: true, passive: true }); 168 }); 169 170 document.querySelectorAll('#searchv3-live-search-holder').forEach((holder) => { 171 holder.addEventListener('pointerdown', loadSearchAssets, { once: true }); 172 holder.addEventListener('focusin', loadSearchAssets, { once: true }); 173 }); 174 175 queueSearchAssetsLoad(); 176 }()); 177</script>
177 178 </div> 179 </div> 180 <div class="w-full xl:w-1/3 flex items-center justify-end xl:justify-center"> 181 <div id="navigation-interactive-app"> 182 <navigation-interactive></navigation-interactive> 183 </div> 184 </div> 185 </div> 186</div> 187 188<style> 189 @media (min-width: 1200px) { 190 .logo-absolute { 191 position: absolute; 192 left: -60px; 193 top: 50%; 194 transform: translateY(-50%); 195 } 196 .search-offset { 197 position: relative; 198 left: 10px; 199 } 200 } 201</style> 202 </div> 203 </div> 204 </div> 205 <div class="h-screen xl:h-auto order-2 xl:order-1 hidden xl:block overflow-y-auto pb-12 pt-3 xl:pb-0" id="mainNav"> 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243<div 244 class="xl:flex w-full items-center justify-between xxl:justify-start pt-2 xl:pt-0 legacy-container"> 245 <div class="flex flex-wrap xl:flex-nowrap justify-start xxl:w-400px mt-4 xl:mt-0 gap-x-4 xl:gap-x-0 gap-y-4 xl:gap-y-0 border-b border-gray-4 xl:border-none pb-6 xl:pb-0"> 246 <div class="nav-item-target-group xl:px-[6px] nav-item-first-level xl:h-[30px]" target-group style="--start-color: #bf1d2eff; --end-color: #dd6d29ff;" > 247 <a class="hidden xl:flex h6 mt-6px pointer-events-none" href="/br" target="_self" > 248 <div class="border-gray border-b-[3px] px-3 pb-[3px]" style="border-image-source: linear-gradient(to right, #bf1d2eff, #dd6d29ff); border-image-slice: 1;"> 249 Betriebsrat 250 </div> 251 </a> 252 <div class="xl:hidden"> 253 <a class="flex flex-col h5 rounded-1 w-160px min-h-80px items-stretch text-white pointer-events-none" href="/br" style="background: linear-gradient(to right, #bf1d2eff, #dd6d29ff);" > 254 <div class="flex grow items-center px-3 xl:px-0 xl:py-0 whitespace-normal break-words"> 255 Betriebsrat 256 <span class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><polyline points="9 18 15 12 9 6"></polyline></svg></span> 257 </div> 258 </a> 259 </div> 260 261<div class="nav-second-level invisible" data-page-id="4124"> 262 <div class="nav-container absolute left-0 w-full z-50 mt-50px xl:top-[42px] xl:mt-0"> 263 <div class="nav-wrapper shadow-lg"> 264 <div class="bg-white nav-motion-panel"> 265 <div class="legacy-container --no-padding-mobile flex flex-col xl:flex-row xl:pt-8 xl:pb-12 xl:px-24"> 266 <div class="nav-motion-item w-full xl:w-[294px] xl:shrink-0 xl:mr-12"> 267 <div class="xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%); "> 268 <span class="ml-1 chevron-close" data-target-id="4124"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg></span> 269 <p class="font-bold">Betriebsrat</p> 270 </div> 271 <div class="h-screen xl:h-auto space-y-3 xl:space-y-0 rounded-1 bg-gradient xl:bg-white disable-gradient-on-mobile xl:overflow-hidden xl:py-3 nav-second-level-menu" style="min-height: fit-content; --navigation-gradient: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);"> 272 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="4130"> 273 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent xl:border-b xl:border-gray-4"> 274 Themen A-Z 275 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 276 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 277 </div> 278 </div> 279 </div> 280 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="6892"> 281 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent xl:border-b xl:border-gray-4"> 282 Neu im Amt 283 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 284 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 285 </div> 286 </div> 287 </div> 288 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="4146"> 289 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent xl:border-b xl:border-gray-4"> 290 Ausschüsse 291 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 292 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 293 </div> 294 </div> 295 </div> 296 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="4134"> 297 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent xl:border-b xl:border-gray-4"> 298 Lernformate 299 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 300 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 301 </div> 302 </div> 303 </div> 304 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="6026"> 305 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent xl:border-b xl:border-gray-4"> 306 Schulungsanspruch 307 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 308 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 309 </div> 310 </div> 311 </div> 312 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="4136"> 313 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent xl:border-b xl:border-gray-4"> 314 Rechtsprechung & Lexikon 315 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 316 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 317 </div> 318 </div> 319 </div> 320 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="6523"> 321 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent "> 322 Services für Betriebsräte 323 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 324 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 325 </div> 326 </div> 327 </div> 328 <div class="mx-6"> 329 <div class="xl:hidden"> 330 <hr class="my-6 w-full border-gray-4"/> 331 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 332 <div class="flex gap-x-12"> 333 <div class="flex flex-col items-center"> 334 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 335 <picture > 336 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 337 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 338</picture> 339 340 </div> 341 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 342 Service 343 </a> 344 </div> 345 <div class="flex flex-col items-center"> 346 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 347 <picture > 348 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 349 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 350</picture> 351 352 </div> 353 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 354 Ãber uns 355 </a> 356 </div> 357 </div> 358 </div> 359 </div> 360 </div> 361 </div> 362 <div class="hidden xl:block"> 363 <div class="sidebar-top-card-container hidden top-card-container mt-6" data-parent-id="4130"> 364 365 <div class="text-lg text-gray-1 lg:text-base font-bold mb-3">Topaktuelle Themen für Betriebsräte</div> 366 367 <div class="navigation-top-card-slider overflow-visible"> 368 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 369 370 371 <a href="/seminare/t/betriebsrat-teil-i-1523" target="_blank" aria-label="Topaktuelle Themen für Betriebsräte" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 372 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BR/275329/image-thumb__275329___auto_af5e86273278818cc2959ec4d705eeef/br-1-navi-br-mobile.3cff20dc.webp" alt="Topaktuelle Themen für Betriebsräte" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/werbeflaechen-navigation/br/264679/image-thumb__264679___auto_ef98c734de94ce319ff0ce600e32d451/navi-mittel-br1-mobile.01c698bf.webp" alt="Topaktuelle Themen für Betriebsräte" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 373 </a> 374 375 376 <a href="/seminare/ifb-direkt/rente" target="_blank" aria-label="Topaktuelle Themen für Betriebsräte" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 377 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BR/275334/image-thumb__275334___auto_af5e86273278818cc2959ec4d705eeef/ifb-direkt-rente-navi-br-mobile.bbf99da8.webp" alt="Topaktuelle Themen für Betriebsräte" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/werbeflaechen-navigation/br/273123/image-thumb__273123___auto_ef98c734de94ce319ff0ce600e32d451/ifb-direkt-rente-navi.af12c0f4.webp" alt="Topaktuelle Themen für Betriebsräte" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 378 </a> 379 </div> 380 </div> 381 </div> 382 383 </div> 384 </div> 385 <div class="nav-motion-item w-full xl:flex-1"> 386 387 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen overflow-y-auto xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="4130" data-flyout-type="a-z"> 388
388<div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100% ); "> 389 <span class="ml-1 chevron-close" data-target-id="4130"> 390 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 391 </span> 392 Themen A-Z 393 </div> 394 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 395 396<div class="xl:hidden"> 397 398 399<div class="navigation-a-z "> 400 <ul class="list-none"> 401 <li> 402 <a href="/br/themen/rechtsprechung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 403 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 404 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 405 Aktuelle Rechtsprechung und neue Gesetze 406 </span> 407 408 </a> 409 </li> 410 411 <li> 412 <a href="/br/themen/anv/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 413 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 414 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 415 Arbeitnehmervertretung â¨im Aufsichtsrat 416 </span> 417 418 </a> 419 </li> 420 421 <li> 422 <a href="/br/themen/arbeitsrecht/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 423 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 424 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 425 Arbeitsrecht 426 </span> 427 428 </a> 429 </li> 430 431 <li> 432 <a href="/br/themen/arbeitsschutz-arbeitssicherheit/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 433 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 434 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 435 Arbeitsschutz und Arbeitssicherheit 436 </span> 437 438 </a> 439 </li> 440 441 <li> 442 <a href="/br/themen/arbeitszeit-verguetung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 443 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 444 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 445 Arbeitszeit und Vergütung 446 </span> 447 448 </a> 449 </li> 450 451 <li> 452 <a href="/br/themen/assistenz-br-buero/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 453 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 454 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 455 Assistenz und BR-Büro 456 </span> 457 458 </a> 459 </li> 460 461 <li> 462 <a href="/br/themen/betriebsausschuss/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 463 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 464 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 465 Betriebsausschuss 466 </span> 467
468 <span class="relative z-10 shrink-0 bg-other-poster px-[6px] py-[3px] text-xs font-medium leading-[1.3] text-gray-1"> 469 Wichtiges Thema! 470 </span> 471 </a> 472 </li> 473 474 <li> 475 <a href="/br/themen/personalentwicklung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 476 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 477 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 478 Betriebliche Weiterbildung 479 </span> 480 481 </a> 482 </li> 483 484 <li> 485 <a href="/br/themen/bem/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 486 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 487 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 488 Betriebliches â¨Eingliederungsmanagement (BEM) 489 </span> 490 491 </a> 492 </li> 493 494 <li> 495 <a href="/br/themen/bgm/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 496 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 497 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 498 Betrieblichesâ¨Gesundheitsmanagement (BGM) 499 </span> 500 501 </a> 502 </li> 503 504 <li> 505 <a href="/br/themen/betriebsrat-gruenden/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 506 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 507 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 508 Betriebsrat gründen 509 </span> 510 511 </a> 512 </li> 513 514 <li> 515 <a href="/br/themen/betriebsratswahl/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 516 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 517 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 518 Betriebsratswahl 519 </span> 520 521 </a> 522 </li> 523 524 <li> 525 <a href="/br/themen/betriebsvereinbarungen/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 526 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 527 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 528 Betriebsvereinbarungen 529 </span> 530 531 </a> 532 </li> 533 534 <li> 535 <a href="/br/themen/betriebsverfassungsrecht/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 536 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 537 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 538 Betriebsverfassungsrecht 539 </span> 540 541 </a> 542 </li> 543 544 <li> 545 <a href="/br/themen/betriebsversammlung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 546 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 547 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 548 Betriebsversammlung 549 </span> 550 551 </a> 552 </li> 553 554 <li> 555 <a href="/br/themen/datenschutz/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 556 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 557 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 558 Datenschutz 559 </span> 560 561 </a> 562 </li> 563 564 <li> 565 <a href="/br/themen/digitale-br-arbeit/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 566 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 567 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 568 Digitale BR-Arbeit 569 </span> 570 571 </a> 572 </li> 573 574 <li> 575 <a href="/br/themen/digitalisierung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 576 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 577 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 578 Digitaler Wandel / Digitalisierung 579 </span> 580 581 </a> 582 </li> 583 584 <li> 585 <a href="/br/themen/ersatzmitglieder/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 586 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 587 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 588 Ersatzmitglieder 589 </span> 590 591 </a> 592 </li> 593 594 <li> 595 <a href="/br/themen/gbr-kbr-ebr/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 596 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 597 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 598 GBR, KBR u. EBR 599 </span> 600 601 </a> 602 </li> 603 604 <li> 605 <a href="/br/themen/kommunikation-zusammenarbeit/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 606 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 607 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 608 Kommunikation und Zusammenarbeit 609 </span> 610 611 </a> 612 </li> 613 614 <li> 615 <a href="/br/themen/konfliktmanagement/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 616 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 617 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 618 Konfliktmanagement 619 </span> 620 621 </a> 622 </li> 623 624 <li> 625 <a href="/br/themen/kuendigung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 626 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 627 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 628 Kündigung 629 </span> 630 631 </a> 632 </li> 633 634 <li> 635 <a href="/br/themen/ki/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 636 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 637 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 638 Künstliche Intelligenz 639 </span> 640 641 </a> 642 </li> 643 644 <li> 645 <a href="/kampagnen/neu-im-betriebsrat/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 646 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 647 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 648 Neu im Amt 649 </span> 650
651 <span class="relative z-10 shrink-0 bg-other-poster px-[6px] py-[3px] text-xs font-medium leading-[1.3] text-gray-1"> 652 Für den Start! 653 </span> 654 </a> 655 </li> 656 657 <li> 658 <a href="/br/themen/oeffentlichkeitsarbeit/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 659 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 660 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 661 Ãffentlichkeitsarbeit 662 </span> 663 664 </a> 665 </li> 666 667 <li> 668 <a href="/br/themen/personalentwicklung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 669 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 670 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 671 Personalplanung und -entwicklung 672 </span> 673 674 </a> 675 </li> 676 677 <li> 678 <a href="/br/themen/personelles/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 679 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 680 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 681 Personelle Angelegenheiten 682 </span> 683 684 </a> 685 </li> 686 687 <li> 688 <a href="/br/themen/protokoll/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 689 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 690 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 691 Protokollführung 692 </span> 693 694 </a> 695 </li> 696 697 <li> 698 <a href="/br/themen/psychische-gesundheit/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 699 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 700 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 701 Psychische Gesundheit 702 </span> 703 704 </a> 705 </li> 706 707 <li> 708 <a href="/br/themen/rente-sozialrecht/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 709 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 710 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 711 Rente und Sozialrecht 712 </span> 713 714 </a> 715 </li> 716 717 <li> 718 <a href="/br/themen/rhetorik/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 719 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 720 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 721 Rhetorik 722 </span> 723 724 </a> 725 </li> 726 727 <li> 728 <a href="/br/themen/suchtpraevention/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 729 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 730 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 731 Suchtprävention 732 </span> 733 734 </a> 735 </li> 736 737 <li> 738 <a href="/br/themen/sozialplan/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 739 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 740 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 741 Sozialplan 742 </span> 743 744 </a> 745 </li> 746 747 <li> 748 <a href="/br/themen/umstrukturierung-betriebsaenderung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 749 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 750 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 751 Umstrukturierung und Betriebsänderung 752 </span> 753 754 </a> 755 </li> 756 757 <li> 758 <a href="/br/themen/verhandlung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 759 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 760 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 761 Verhandlungsführung 762 </span> 763 764 </a> 765 </li> 766 767 <li>
768 <a href="/br/themen/wirtschaftsausschuss/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 769 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 770 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 771 Wirtschaftsausschuss 772 </span> 773 774 </a> 775 </li> 776 777 <li> 778 <a href="/br/themen/wirtschaftskompetenz/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 779 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 780 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 781 Wirtschaftskompetenz 782 </span> 783 784 </a> 785 </li> 786 787 <li>
788 <a href="/br/themen/wirtschaftskrise/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 789 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 790 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 791 Wirtschaftskrise 792 </span> 793 794 </a> 795 </li> 796 797 </ul> 798 </div> 799 800</div> 801 802<div class="hidden xl:block"> 803 804 805 806 807<div class="navigation-a-z xl:flex xl:items-start xl:gap-12"> 808 <div class="xl:flex-1"> 809 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4130-a-1"> 810 <h3 id="navigation-a-z-4130-a-1" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 811 A 812 </h3> 813 814 <ul class="list-none"> 815 <li> 816 <a href="/br/themen/rechtsprechung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 817 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 818 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 819 Aktuelle Rechtsprechung und neue Gesetze 820 </span> 821 822 </a> 823 </li> 824 825 <li> 826 <a href="/br/themen/anv/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 827 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 828 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 829 Arbeitnehmervertretung â¨im Aufsichtsrat 830 </span> 831 832 </a> 833 </li> 834 835 <li> 836 <a href="/br/themen/arbeitsrecht/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 837 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 838 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 839 Arbeitsrecht 840 </span> 841 842 </a> 843 </li> 844 845 <li> 846 <a href="/br/themen/arbeitsschutz-arbeitssicherheit/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 847 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 848 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 849 Arbeitsschutz und Arbeitssicherheit 850 </span> 851 852 </a> 853 </li> 854 855 <li> 856 <a href="/br/themen/arbeitszeit-verguetung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 857 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 858 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 859 Arbeitszeit und Vergütung 860 </span> 861 862 </a> 863 </li> 864 865 <li> 866 <a href="/br/themen/assistenz-br-buero/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 867 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 868 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 869 Assistenz und BR-Büro 870 </span> 871 872 </a> 873 </li> 874 875 </ul> 876 </section> 877 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4130-a-2"> 878 <h3 id="navigation-a-z-4130-a-2" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 879 B 880 </h3> 881 882 <ul class="list-none"> 883 <li> 884 <a href="/br/themen/betriebsausschuss/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 885 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 886 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 887 Betriebsausschuss 888 </span> 889
890 <span class="relative z-10 shrink-0 bg-other-poster px-[6px] py-[3px] text-xs font-medium leading-[1.3] text-gray-1"> 891 Wichtiges Thema! 892 </span> 893 </a> 894 </li> 895 896 <li> 897 <a href="/br/themen/personalentwicklung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 898 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 899 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 900 Betriebliche Weiterbildung 901 </span> 902 903 </a> 904 </li> 905 906 <li> 907 <a href="/br/themen/bem/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 908 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 909 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 910 Betriebliches â¨Eingliederungsmanagement (BEM) 911 </span> 912 913 </a> 914 </li> 915 916 <li> 917 <a href="/br/themen/bgm/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 918 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 919 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 920 Betrieblichesâ¨Gesundheitsmanagement (BGM) 921 </span> 922 923 </a> 924 </li> 925 926 <li> 927 <a href="/br/themen/betriebsrat-gruenden/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 928 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 929 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 930 Betriebsrat gründen 931 </span> 932 933 </a> 934 </li> 935 936 <li> 937 <a href="/br/themen/betriebsratswahl/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 938 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 939 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 940 Betriebsratswahl 941 </span> 942 943 </a> 944 </li> 945 946 <li> 947 <a href="/br/themen/betriebsvereinbarungen/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 948 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 949 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 950 Betriebsvereinbarungen 951 </span> 952 953 </a> 954 </li> 955 956 <li> 957 <a href="/br/themen/betriebsverfassungsrecht/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 958 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 959 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 960 Betriebsverfassungsrecht 961 </span> 962 963 </a> 964 </li> 965 966 <li> 967 <a href="/br/themen/betriebsversammlung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 968 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 969 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 970 Betriebsversammlung 971 </span> 972 973 </a> 974 </li> 975 976 </ul> 977 </section> 978 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4130-a-3"> 979 <h3 id="navigation-a-z-4130-a-3" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 980 D 981 </h3> 982 983 <ul class="list-none"> 984 <li> 985 <a href="/br/themen/datenschutz/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 986 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 987 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 988 Datenschutz 989 </span> 990 991 </a> 992 </li> 993 994 <li> 995 <a href="/br/themen/digitale-br-arbeit/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 996 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 997 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 998 Digitale BR-Arbeit 999 </span> 1000 1001 </a> 1002 </li> 1003 1004 <li> 1005 <a href="/br/themen/digitalisierung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1006 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1007 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1008 Digitaler Wandel / Digitalisierung 1009 </span> 1010 1011 </a> 1012 </li> 1013 1014 </ul> 1015 </section> 1016 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4130-a-4"> 1017 <h3 id="navigation-a-z-4130-a-4" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 1018 E 1019 </h3> 1020 1021 <ul class="list-none"> 1022 <li> 1023 <a href="/br/themen/ersatzmitglieder/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1024 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1025 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1026 Ersatzmitglieder 1027 </span> 1028 1029 </a> 1030 </li> 1031 1032 </ul> 1033 </section> 1034 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4130-a-5"> 1035 <h3 id="navigation-a-z-4130-a-5" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 1036 G 1037 </h3> 1038 1039 <ul class="list-none"> 1040 <li> 1041 <a href="/br/themen/gbr-kbr-ebr/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1042 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1043 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1044 GBR, KBR u. EBR 1045 </span> 1046 1047 </a> 1048 </li> 1049 1050 </ul> 1051 </section> 1052 </div> 1053 <div class="xl:flex-1"> 1054 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4130-b-1"> 1055 <h3 id="navigation-a-z-4130-b-1" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 1056 K 1057 </h3> 1058 1059 <ul class="list-none"> 1060 <li> 1061 <a href="/br/themen/kommunikation-zusammenarbeit/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1062 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1063 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1064 Kommunikation und Zusammenarbeit 1065 </span> 1066 1067 </a> 1068 </li> 1069 1070 <li> 1071 <a href="/br/themen/konfliktmanagement/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1072 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1073 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1074 Konfliktmanagement 1075 </span> 1076 1077 </a> 1078 </li> 1079 1080 <li> 1081 <a href="/br/themen/kuendigung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1082 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1083 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1084 Kündigung 1085 </span> 1086 1087 </a> 1088 </li> 1089 1090 <li> 1091 <a href="/br/themen/ki/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1092 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1093 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1094 Künstliche Intelligenz 1095 </span> 1096 1097 </a> 1098 </li> 1099 1100 </ul> 1101 </section> 1102 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4130-b-2"> 1103 <h3 id="navigation-a-z-4130-b-2" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 1104 N 1105 </h3> 1106 1107 <ul class="list-none"> 1108 <li> 1109 <a href="/kampagnen/neu-im-betriebsrat/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1110 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1111 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-wh
1111ite"> 1112 Neu im Amt 1113 </span> 1114 1115 <span class="relative z-10 shrink-0 bg-other-poster px-[6px] py-[3px] text-xs font-medium leading-[1.3] text-gray-1"> 1116 Für den Start! 1117 </span> 1118 </a> 1119 </li> 1120 1121 </ul> 1122 </section> 1123 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4130-b-3"> 1124 <h3 id="navigation-a-z-4130-b-3" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 1125 à 1126 </h3> 1127 1128 <ul class="list-none"> 1129 <li> 1130 <a href="/br/themen/oeffentlichkeitsarbeit/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1131 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1132 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1133 Ãffentlichkeitsarbeit 1134 </span> 1135 1136 </a> 1137 </li> 1138 1139 </ul> 1140 </section> 1141 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4130-b-4"> 1142 <h3 id="navigation-a-z-4130-b-4" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 1143 P 1144 </h3> 1145 1146 <ul class="list-none"> 1147 <li> 1148 <a href="/br/themen/personalentwicklung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1149 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1150 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1151 Personalplanung und -entwicklung 1152 </span> 1153 1154 </a> 1155 </li> 1156 1157 <li> 1158 <a href="/br/themen/personelles/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1159 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1160 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1161 Personelle Angelegenheiten 1162 </span> 1163 1164 </a> 1165 </li> 1166 1167 <li> 1168 <a href="/br/themen/protokoll/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1169 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1170 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1171 Protokollführung 1172 </span> 1173 1174 </a> 1175 </li> 1176 1177 <li> 1178 <a href="/br/themen/psychische-gesundheit/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1179 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1180 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1181 Psychische Gesundheit 1182 </span> 1183 1184 </a> 1185 </li> 1186 1187 </ul> 1188 </section> 1189 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4130-b-5"> 1190 <h3 id="navigation-a-z-4130-b-5" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 1191 R 1192 </h3> 1193 1194 <ul class="list-none"> 1195 <li> 1196 <a href="/br/themen/rente-sozialrecht/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1197 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1198 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1199 Rente und Sozialrecht 1200 </span> 1201 1202 </a> 1203 </li> 1204 1205 <li> 1206 <a href="/br/themen/rhetorik/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1207 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1208 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1209 Rhetorik 1210 </span> 1211 1212 </a> 1213 </li> 1214 1215 </ul> 1216 </section> 1217 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4130-b-6"> 1218 <h3 id="navigation-a-z-4130-b-6" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 1219 S 1220 </h3> 1221 1222 <ul class="list-none"> 1223 <li> 1224 <a href="/br/themen/suchtpraevention/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1225 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1226 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1227 Suchtprävention 1228 </span> 1229 1230 </a> 1231 </li> 1232 1233 <li> 1234 <a href="/br/themen/sozialplan/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1235 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1236 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1237 Sozialplan 1238 </span> 1239 1240 </a> 1241 </li> 1242 1243 </ul> 1244 </section> 1245 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4130-b-7"> 1246 <h3 id="navigation-a-z-4130-b-7" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 1247 U 1248 </h3> 1249 1250 <ul class="list-none"> 1251 <li> 1252 <a href="/br/themen/umstrukturierung-betriebsaenderung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1253 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1254 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1255 Umstrukturierung und Betriebsänderung 1256 </span> 1257 1258 </a> 1259 </li> 1260 1261 </ul> 1262 </section> 1263 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4130-b-8"> 1264 <h3 id="navigation-a-z-4130-b-8" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 1265 V 1266 </h3> 1267 1268 <ul class="list-none"> 1269 <li> 1270 <a href="/br/themen/verhandlung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1271 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1272 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1273 Verhandlungsführung 1274 </span> 1275 1276 </a> 1277 </li> 1278 1279 </ul> 1280 </section> 1281 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4130-b-9"> 1282 <h3 id="navigation-a-z-4130-b-9" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 1283 W 1284 </h3> 1285 1286 <ul class="list-none"> 1287 <li>
1288 <a href="/br/themen/wirtschaftsausschuss/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1289 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1290 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1291 Wirtschaftsausschuss 1292 </span> 1293 1294 </a> 1295 </li> 1296 1297 <li> 1298 <a href="/br/themen/wirtschaftskompetenz/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1299 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1300 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1301 Wirtschaftskompetenz 1302 </span> 1303 1304 </a> 1305 </li> 1306 1307 <li>
1308 <a href="/br/themen/wirtschaftskrise/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 1309 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1310 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1311 Wirtschaftskrise 1312 </span> 1313 1314 </a> 1315 </li> 1316 1317 </ul> 1318 </section> 1319 </div> 1320 </div> 1321 1322</div> 1323 1324 <div class="top-card-container block xl:hidden mt-6"> 1325 1326 <div class="text-lg text-gray-1 lg:text-base font-bold mb-3">Topaktuelle Themen für Betriebsräte</div> 1327 1328 <div class="navigation-top-card-slider overflow-visible"> 1329 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 1330 1331 1332 <a href="/seminare/t/betriebsrat-teil-i-1523" target="_blank" aria-label="Topaktuelle Themen für Betriebsräte" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 1333 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BR/275329/image-thumb__275329___auto_af5e86273278818cc2959ec4d705eeef/br-1-navi-br-mobile.3cff20dc.webp" alt="Topaktuelle Themen für Betriebsräte" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/werbeflaechen-navigation/br/264679/image-thumb__264679___auto_ef98c734de94ce319ff0ce600e32d451/navi-mittel-br1-mobile.01c698bf.webp" alt="Topaktuelle Themen für Betriebsräte" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 1334 </a> 1335 </div> 1336 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 1337 1338 1339 <a href="/seminare/ifb-direkt/rente" target="_blank" aria-label="Topaktuelle Themen für Betriebsräte" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 1340 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BR/275334/image-thumb__275334___auto_af5e86273278818cc2959ec4d705eeef/ifb-direkt-rente-navi-br-mobile.bbf99da8.webp" alt="Topaktuelle Themen für Betriebsräte" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/werbeflaechen-navigation/br/273123/image-thumb__273123___auto_ef98c734de94ce319ff0ce600e32d451/ifb-direkt-rente-navi.af12c0f4.webp" alt="Topaktuelle Themen für Betriebsräte" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 1341 </a> 1342 </div> 1343 </div> 1344 </div> 1345 1346 1347 <div class="xl:hidden"> 1348 <hr class="my-6 w-full border-gray-4"/> 1349 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 1350 <div class="flex gap-x-12"> 1351 <div class="flex flex-col items-center"> 1352 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 1353 <picture > 1354 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 1355 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 1356</picture> 1357 1358 </div> 1359 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 1360 Service 1361 </a> 1362 </div> 1363 <div class="flex flex-col items-center"> 1364 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 1365 <picture > 1366 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 1367 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 1368</picture> 1369 1370 </div> 1371 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 1372 Ãber uns 1373 </a> 1374 </div> 1375 </div> 1376 </div> 1377 </div> 1378 </div> 1379 </div> 1380 1381 1382 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="6892" data-flyout-type="neu-im-amt"> 1383 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100% ); "> 1384 <span class="ml-1 chevron-close" data-target-id="6892"> 1385 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 1386 </span> 1387 Neu im Amt
1388 </div> 1389 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 1390 1391<div class="grid gap-8 xl:grid-cols-2 xl:gap-12"> 1392 <section aria-labelledby="neu-im-amt-info-6892"> 1393 <h2 id="neu-im-amt-info-6892" class="typography-v2 h3-1 text-gray-1"> 1394 Infos & Wissen für Ihr neues Amt 1395 </h2> 1396 1397 <div class="mt-6"> 1398 1399 1400<div class="navigation-a-z "> 1401 <ul class="list-none"> 1402 <li> 1403 <a href="/kampagnen/neu-im-betriebsrat/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 1404 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1405 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1406 Ãbersicht 1407 </span> 1408 1409 </a> 1410 </li> 1411 1412 <li> 1413 <a href="/kampagnen/neu-im-betriebsrat/seminare" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 1414 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1415 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1416 Seminare 1417 </span> 1418 1419 </a> 1420 </li> 1421 1422 <li> 1423 <a href="/kampagnen/neu-im-betriebsrat/neu-im-betriebsrat" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 1424 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1425 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1426 Schulungsanspruch 1427 </span> 1428 1429 </a> 1430 </li> 1431 1432 <li> 1433 <a href="/kampagnen/neu-im-betriebsrat/faq" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 1434 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1435 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1436 FAQ 1437 </span> 1438 1439 </a> 1440 </li> 1441 1442 <li> 1443 <a href="/kampagnen/neu-im-betriebsrat/downloads" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 1444 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1445 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1446 Downloads 1447 </span> 1448 1449 </a> 1450 </li> 1451 1452 <li> 1453 <a href="/kampagnen/neu-im-betriebsrat/news-und-wissen" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 1454 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1455 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1456 News & Wissen 1457 </span> 1458 1459 </a> 1460 </li> 1461 1462 <li> 1463 <a href="/kampagnen/neu-im-betriebsrat/videos" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 1464 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1465 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1466 Videos 1467 </span> 1468 1469 </a> 1470 </li> 1471 1472 <li> 1473 <a href="/kampagnen/neu-im-betriebsrat/forum" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 1474 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1475 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1476 Forum 1477 </span> 1478 1479 </a> 1480 </li> 1481 1482 </ul> 1483 </div> 1484 1485 </div> 1486 </section> 1487 1488 <section class="top-card-container hidden xl:block xl:min-w-0" aria-labelledby="neu-im-amt-cards-6892"> 1489 <h2 id="neu-im-amt-cards-6892" class="typography-v2 h3-1 mb-6 text-gray-1"> 1490 Topaktuelle Themen 1491 </h2> 1492 1493 1494 1495 <div class="navigation-top-card-slider overflow-visible"> 1496 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 1497 1498 1499 <a href="/seminare/t/betriebsrat-teil-i-1523/termine?_fragment=inhouse" target="_blank" aria-label="Topaktuelle Themen" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 1500 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BR/275338/image-thumb__275338___auto_dacf04b6b41eacbb102bb0c6a4882061/inhouse-navi-br-mobile.08497647.webp" alt="Topaktuelle Themen" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BR/275337/image-thumb__275337___auto_73486f257419bcba2b8337c1dcab5370/inhouse-navi-br-desktop-wide.3d213fb3.webp" alt="Topaktuelle Themen" width="858" height="296" loading="lazy" decoding="async" style="aspect-ratio: 2.9"/> 1501 </a> 1502 1503 1504 <a href="/schulungsanspruch/neu-im-betriebsrat" target="_blank" aria-label="Topaktuelle Themen" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 1505 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BR/275342/image-thumb__275342___auto_dacf04b6b41eacbb102bb0c6a4882061/schulungsanspruch-navi-br-mobile.38f246f0.webp" alt="Topaktuelle Themen" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BR/275341/image-thumb__275341___auto_73486f257419bcba2b8337c1dcab5370/schulungsanspruch-navi-br-desktop-wide.a7c7f43e.webp" alt="Topaktuelle Themen" width="858" height="296" loading="lazy" decoding="async" style="aspect-ratio: 2.9"/> 1506 </a> 1507 </div> 1508 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 1509 1510 1511 <a href="/service/chatbot/info" target="_blank" aria-label="Topaktuelle Themen" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 1512 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BR/275331/image-thumb__275331___auto_dacf04b6b41eacbb102bb0c6a4882061/chatbot-navi-br-mobile.f6406ee2.webp" alt="Topaktuelle Themen" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BR/275332/image-thumb__275332___auto_73486f257419bcba2b8337c1dcab5370/chatbot-navi-br-desktop-wide.042e73ef.webp" alt="Topaktuelle Themen" width="858" height="296" loading="lazy" decoding="async" style="aspect-ratio: 2.9"/> 1513 </a> 1514 1515 1516 <a href="/seminare/t/betriebsrat-teil-i-das-online-vormittagsseminar-1968" target="_blank" aria-label="Topaktuelle Themen" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 1517 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BR/275340/image-thumb__275340___auto_dacf04b6b41eacbb102bb0c6a4882061/neu-im-br-vormittag-navi-br-mobile.4683b78e.webp" alt="Topaktuelle Themen" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BR/275339/image-thumb__275339___auto_73486f257419bcba2b8337c1dcab5370/neu-im-br-vormittag-navi-br-desktop-wide.968a3c1a.webp" alt="Topaktuelle Themen" width="858" height="296" loading="lazy" decoding="async" style="aspect-ratio: 2.9"/> 1518 </a> 1519 </div> 1520 </div> 1521 </section> 1522 </div> 1523 1524 <div class="top-card-container block xl:hidden mt-6"> 1525 1526 <div class="text-lg text-gray-1 lg:text-base font-bold mb-3">Topaktuelle Themen</div> 1527 1528 <div class="navigation-top-card-slider overflow-visible"> 1529 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 1530 1531 1532 <a href="/seminare/t/betriebsrat-teil-i-1523/termine?_fragment=inhouse" target="_blank" aria-label="Topaktuelle Themen" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 1533 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BR/275338/image-thumb__275338___auto_af5e86273278818cc2959ec4d705eeef/inhouse-navi-br-mobile.9465e3a5.webp" alt="Topaktuelle Themen" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BR/275337/image-thumb__275337___auto_ef98c734de94ce319ff0ce600e32d451/inhouse-navi-br-desktop-wide.e8557d70.webp" alt="Topaktuelle Themen" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 1534 </a> 1535 </div> 1536 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 1537 1538 1539 <a href="/schulungsanspruch/neu-im-betriebsrat" target="_blank" aria-label="Topaktuelle Themen" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 1540 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BR/275342/image-thumb__275342___auto_af5e86273278818cc2959ec4d705eeef/schulungsanspruch-navi-br-mobile.1b5c5845.webp" alt="Topaktuelle Themen" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BR/275341/image-thumb__275341___auto_ef98c734de94ce319ff0ce600e32d451/schulungsanspruch-navi-br-desktop-wide.547f2bcf.webp" alt="Topaktuelle Themen" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 1541 </a> 1542 </div> 1543 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 1544 1545 1546 <a href="/service/chatbot/info" target="_blank" aria-label="Topaktuelle Themen" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 1547 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BR/275331/image-thumb__275331___auto_af5e86273278818cc2959ec4d705eeef/chatbot-navi-br-mobile.7bc2b282.webp" alt="Topaktuelle Themen" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BR/275332/image-thumb__275332___auto_ef98c734de94ce319ff0ce600e32d451/chatbot-navi-br-desktop-wide.a28e306d.webp" alt="Topaktuelle Themen" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 1548 </a> 1549 </div> 1550 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 1551 1552 1553 <a href="/seminare/t/betriebsrat-teil-i-das-online-vormittagsseminar-1968" target="_blank" aria-label="Topaktuelle Themen" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 1554 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BR/275340/image-thumb__275340___auto_af5e86273278818cc2959ec4d705eeef/neu-im-br-vormittag-navi-br-mobile.dae7708c.webp" alt="Topaktuelle Themen" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BR/275339/image-thumb__275339___auto_ef98c734de94ce319ff0ce600e32d451/neu-im-br-vormittag-navi-br-desktop-wide.5d6f77a4.webp" alt="Topaktuelle Themen" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 1555 </a> 1556 </div> 1557 </div> 1558 </div> 1559 1560 1561 <div class="xl:hidden"> 1562 <
1562hr class="my-6 w-full border-gray-4"/> 1563 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 1564 <div class="flex gap-x-12"> 1565 <div class="flex flex-col items-center"> 1566 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 1567 <picture > 1568 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 1569 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 1570</picture> 1571 1572 </div> 1573 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 1574 Service 1575 </a> 1576 </div> 1577 <div class="flex flex-col items-center"> 1578 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 1579 <picture > 1580 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 1581 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 1582</picture> 1583 1584 </div> 1585 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 1586 Ãber uns 1587 </a> 1588 </div> 1589 </div> 1590 </div> 1591 </div> 1592 </div> 1593 </div> 1594 1595 1596 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="4146" data-flyout-type="icon-committee"> 1597 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100% ); "> 1598 <span class="ml-1 chevron-close" data-target-id="4146"> 1599 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 1600 </span> 1601 Ausschüsse 1602 </div> 1603 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 1604 <div class="nav-flyout-icon-and-desc"> 1605 <p class="mb-2 xl:mb-0 block text-lg font-bold leading-ifb text-gray-1 xl:text-[25px] xl:font-extrabold"> 1606 Kompetentes Wissen für jeden Ausschuss 1607 </p> 1608 1609 <div class=""> 1610 <div class="xl:legacy-equal-grid-columns-2 xl:gap-x-12 xl:gap-y-6 xl:space-y-0 space-y-0 xl:mt-6"> 1611 <div class="group/icon h-[78px] xl:h-auto"> 1612 <a href="/br/ausschuesse/arbeitsschutzausschuss/uebersicht" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 1613 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 1614 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Ausschuss/arbeitsschutzausschuss.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 1615 class="h-12 w-12 max-w-none brightness-0"/> 1616 </div> 1617 <div class="relative isolate block min-w-0
1617w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 1618 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1619 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 1620 Arbeitsschutzausschuss 1621 </p> 1622 </div> 1623 </a> 1624 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 1625 </div> 1626 <div class="group/icon h-[78px] xl:h-auto"> 1627 <a href="/br/themen/betriebsausschuss/uebersicht" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 1628 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 1629 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Ausschuss/betriebsausschuss.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 1630 class="h-12 w-12 max-w-none brightness-0"/> 1631 </div> 1632 <div class="relative isolate block min-w-0
1632w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 1633 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1634 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 1635 Betriebsausschuss 1636 </p> 1637 </div> 1638 </a> 1639 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 1640 </div> 1641 <div class="group/icon h-[78px] xl:h-auto"> 1642 <a href="/br/ausschuesse/it-ausschuss/uebersicht" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 1643 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 1644 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Ausschuss/it-ausschuss.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 1645 class="h-12 w-12 max-w-none brightness-0"/> 1646 </div> 1647 <div class="relative isolate block min-w-0
1647w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 1648 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1649 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 1650 IT-Ausschuss 1651 </p> 1652 </div> 1653 </a> 1654 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 1655 </div> 1656 <div class="group/icon h-[78px] xl:h-auto"> 1657 <a href="/br/ausschuesse/personalausschuss/uebersicht" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 1658 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 1659 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Ausschuss/personalausschuss.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 1660 class="h-12 w-12 max-w-none brightness-0"/> 1661 </div> 1662 <div class="relative isolate block min-w-0
1662w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 1663 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1664 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 1665 Personalausschuss 1666 </p> 1667 </div> 1668 </a> 1669 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 1670 </div> 1671 <div class="group/icon h-[78px] xl:h-auto"> 1672 <a href="/br/themen/wirtschaftsausschuss/uebersicht" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 1673 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 1674 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Ausschuss/wirtschaftsausschuss.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 1675 class="h-12 w-12 max-w-none brightness-0"/> 1676 </div> 1677 <div class="relative isolate block min-w-0
1677w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 1678 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1679 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 1680 Wirtschaftsausschuss 1681 </p> 1682 </div> 1683 </a> 1684 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 1685 </div> 1686 </div> 1687 1688 </div> 1689</div> 1690 1691 1692 <div class="xl:hidden"> 1693 <hr class="my-6 w-full border-gray-4"/> 1694 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 1695 <div class="flex gap-x-12"> 1696 <div class="flex flex-col items-center"> 1697 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 1698 <picture > 1699 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 1700 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 1701</picture> 1702 1703 </div> 1704 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 1705 Service 1706 </a> 1707 </div> 1708 <div class="flex flex-col items-center"> 1709 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 1710 <picture > 1711 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 1712 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 1713</picture> 1714 1715 </div> 1716 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 1717 Ãber uns 1718 </a> 1719 </div> 1720 </div> 1721 </div> 1722 </div> 1723 </div> 1724 </div> 1725 1726 1727 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="4134" data-flyout-type="icon-committee"> 1728 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100% ); "> 1729 <span class="ml-1 chevron-close" data-target-id="4134"> 1730 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 1731 </span> 1732 Lernformate 1733 </div> 1734 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 1735 <div class="nav-flyout-icon-and-desc"> 1736 <p class="mb-2 xl:mb-0 block text-lg font-bold leading-ifb text-gray-1 xl:text-[25px] xl:font-extrabold"> 1737 Lernen wie es Ihnen gefällt! 1738 </p> 1739 1740 <div class=""> 1741 <div class="xl:legacy-equal-grid-columns-2 xl:gap-x-12 xl:gap-y-6 xl:space-y-0 space-y-0 xl:mt-6"> 1742 <div class="group/icon h-[78px] xl:h-auto"> 1743 <a href="/seminare?tab=prasenz-seminar&page=seminar&themeGroup=3819025&inPerson=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 1744 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 1745 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/praesenz.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 1746 class="h-12 w-12 max-w-none brightness-0"/> 1747 </div> 1748 <div class="relative isolate block min-w-0
1748w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 1749 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1750 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 1751 Präsenz-Seminare 1752 </p> 1753 </div> 1754 </a> 1755 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 1756 </div> 1757 <div class="group/icon h-[78px] xl:h-auto"> 1758 <a href="/seminare?page=seminar&tab=online-seminar&themeGroup=3819025&typeWebinar=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 1759 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 1760 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/online.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 1761 class="h-12 w-12 max-w-none brightness-0"/> 1762 </div> 1763 <div class="relative isolate block min-w-0
1763w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 1764 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1765 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 1766 Online-Seminare 1767 </p> 1768 </div> 1769 </a> 1770 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 1771 </div> 1772 <div class="group/icon h-[78px] xl:h-auto"> 1773 <a href="/seminare?page=seminar&tab=inhouse-seminar&themeGroup=3819025&isInhouse=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 1774 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 1775 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/inhouse.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 1776 class="h-12 w-12 max-w-none brightness-0"/> 1777 </div> 1778 <div class="relative isolate block min-w-0
1778w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 1779 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1780 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 1781 Inhouse-Seminare 1782 </p> 1783 </div> 1784 </a> 1785 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 1786 </div> 1787 <div class="group/icon h-[78px] xl:h-auto"> 1788 <a href="/seminare?page=seminar&tab=veranstaltungen&themeGroup=3819025&typeFachtagung=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 1789 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 1790 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/fachtagungen.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 1791 class="h-12 w-12 max-w-none brightness-0"/> 1792 </div> 1793 <div class="relative isolate block min-w-0
1793w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 1794 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1795 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 1796 Fachtagungen & Symposien 1797 </p> 1798 </div> 1799 </a> 1800 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 1801 </div> 1802 <div class="group/icon h-[78px] xl:h-auto"> 1803 <a href="/seminare?tab=ifb-direkt" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 1804 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 1805 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/ifbdirekt.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 1806 class="h-12 w-12 max-w-none brightness-0"/> 1807 </div> 1808 <div class="relative isolate block min-w-0
1808w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 1809 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1810 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 1811 ifb-Direkt! 1812 </p> 1813 </div> 1814 </a> 1815 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 1816 </div> 1817 <div class="group/icon h-[78px] xl:h-auto"> 1818 <a href="/seminare?page=seminar&tab=kostenlose-webinare&themeGroup=3819025&typeFreeWebinar=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 1819 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 1820 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/webinar.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 1821 class="h-12 w-12 max-w-none brightness-0"/> 1822 </div> 1823 <div class="relative isolate block min-w-0
1823w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 1824 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1825 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 1826 Kostenlose Webinare 1827 </p> 1828 </div> 1829 </a> 1830 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 1831 </div> 1832 <div class="group/icon h-[78px] xl:h-auto"> 1833 <a href="/seminare?page=seminar&tab=ausbildungen&themeGroup=3819025&typeAusbildung=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 1834 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 1835 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/ausbildung.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 1836 class="h-12 w-12 max-w-none brightness-0"/> 1837 </div> 1838 <div class="relative isolate block min-w-0
1838w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 1839 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1840 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 1841 Ausbildungen 1842 </p> 1843 </div> 1844 </a> 1845 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 1846 </div> 1847 <div class="group/icon h-[78px] xl:h-auto"> 1848 <a href="/seminare?page=seminar&tab=fremdsprachige-seminare&themeGroup=3819025&language=en&language=tr" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 1849 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 1850 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/fremdsprachig.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 1851 class="h-12 w-12 max-w-none brightness-0"/> 1852 </div> 1853 <div class="relative isolate block min-w-0
1853w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 1854 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1855 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 1856 Fremdsprachige Seminare 1857 </p> 1858 </div> 1859 </a> 1860 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 1861 </div> 1862 <div class="group/icon h-[78px] xl:h-auto"> 1863 <a href="/seminare?tab=Zertifikats-%E2%80%A8lehrgänge&page=seminar" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 1864 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 1865 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/zertifikat.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 1866 class="h-12 w-12 max-w-none brightness-0"/> 1867 </div> 1868 <div class="relative isolate block min-w-0
1868w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 1869 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1870 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 1871 Zertifikatslehrgänge 1872 </p> 1873 </div> 1874 </a> 1875 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 1876 </div> 1877 </div> 1878 1879 </div> 1880</div> 1881 1882 1883 <div class="xl:hidden"> 1884 <hr class="my-6 w-full border-gray-4"/> 1885 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 1886 <div class="flex gap-x-12"> 1887 <div class="flex flex-col items-center"> 1888 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 1889 <picture > 1890 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 1891 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 1892</picture> 1893 1894 </div> 1895 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 1896 Service 1897 </a> 1898 </div> 1899 <div class="flex flex-col items-center"> 1900 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 1901 <picture > 1902 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 1903 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 1904</picture> 1905 1906 </div> 1907 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 1908 Ãber uns 1909 </a> 1910 </div> 1911 </div> 1912 </div> 1913 </div> 1914 </div> 1915 </div> 1916 1917 1918 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="6026" data-flyout-type="schulungsanspruch"> 1919 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100% ); "> 1920 <span class="ml-1 chevron-close" data-target-id="6026"> 1921 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 1922 </span> 1923 Schulungsanspruch 1924 </div> 1925 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 1926 1927<h2 class="typography-v2 h3-1 mb-6 text-gray-1"> 1928 So kommen Sie als Betriebsrat sicher zum Seminar! 1929</h2> 1930 1931<div class="grid gap-8 xl:grid-cols-2 xl:gap-x-12 xl:gap-y-8"> 1932 1933 <section aria-labelledby="schulungsanspruch-6026-4705" class=""> 1934 <h3 id="schulungsanspruch-6026-4705" class="mb-3 bg-clip-text text-lg font-bold leading-[1.3] text-transparent" style="background-image: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);"> 1935 Rollen und Funktionen 1936 </h3> 1937 1938 1939 1940<div class="navigation-a-z "> 1941 <ul class="list-none"> 1942 <li> 1943 <a href="/schulungsanspruch/arbeitnehmervertreter/erforderlichkeit" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 1944 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1945 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1946 Arbeitnehmervertreter im Aufsichtsrat 1947 </span> 1948 1949 </a> 1950 </li> 1951 1952 <li> 1953 <a href="/schulungsanspruch/betriebsrat/erforderlichkeit" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 1954 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1955 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1956 Betriebsrat 1957 </span> 1958 1959 </a> 1960 </li> 1961 1962 <li> 1963 <a href="/schulungsanspruch/ersatzmitglieder/erforderlichkeit" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 1964 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1965 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1966 Ersatzmitglieder im Betriebsrat 1967 </span> 1968 1969 </a> 1970 </li> 1971 1972 <li> 1973 <a href="/schulungsanspruch/personalrat/erforderlichkeit" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 1974 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1975 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1976 Personalrat 1977 </span> 1978 1979 </a> 1980 </li> 1981 1982 <li> 1983 <a href="/schulungsanspruch/wahlvorstand/erforderlichkeit" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 1984 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1985 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1986 Wahlvorstand 1987 </span> 1988 1989 </a> 1990 </li> 1991 1992 <li>
1993 <a href="/schulungsanspruch/wirtschaftsausschuss/erforderlichkeit" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 1994 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 1995 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 1996 Wirtschaftsausschuss 1997 </span> 1998 1999 </a> 2000 </li> 2001 2002 </ul> 2003 </div> 2004 2005 </section> 2006 2007 <section aria-labelledby="schulungsanspruch-6026-4758" class="xl:col-start-2 xl:row-start-1"> 2008 <h3 id="schulungsanspruch-6026-4758" class="mb-3 bg-clip-text text-lg font-bold leading-[1.3] text-transparent" style="background-image: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);"> 2009 Häufige Fragen 2010 </h3> 2011 2012 2013 2014<div class="navigation-a-z "> 2015 <ul class="list-none"> 2016 <li> 2017 <a href="/schulungsanspruch/durchsetzung-des-anspruchs" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 2018 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2019 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 2020 Durchsetzung des Anspruchs 2021 </span> 2022 2023 </a> 2024 </li> 2025 2026 <li> 2027 <a href="/schulungsanspruch/erforderliche-schulungsthemen" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 2028 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2029 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 2030 Erforderliche Schulungsthemen 2031 </span> 2032 2033 </a> 2034 </li> 2035 2036 <li> 2037 <a href="/schulungsanspruch/formaler-ablauf" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 2038 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2039 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 2040 Formaler Ablauf 2041 </span> 2042 2043 </a> 2044 </li> 2045 2046 <li> 2047 <a href="/schulungsanspruch/kosten" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 2048 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2049 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 2050 Kosten 2051 </span> 2052 2053 </a> 2054 </li> 2055 2056 <li> 2057 <a href="/schulungsanspruch/neu-im-betriebsrat" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 2058 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2059 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 2060 Neu im Betriebsrat 2061 </span> 2062 2063 </a> 2064 </li> 2065 2066 </ul> 2067 </div> 2068 2069 </section> 2070
2071 <section aria-labelledby="schulungsanspruch-6026-4764" class="xl:col-start-1 xl:row-start-2"> 2072 <h3 id="schulungsanspruch-6026-4764" class="mb-3 bg-clip-text text-lg font-bold leading-[1.3] text-transparent" style="background-image: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);"> 2073 Spezielle Themen 2074 </h3> 2075 2076 2077 2078<div class="navigation-a-z "> 2079 <ul class="list-none"> 2080 <li> 2081 <a href="/schulungsanspruch/arbeits-und-gesundheitsschutz" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 2082 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2083 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 2084 Arbeits- und Gesundheitsschutz 2085 </span> 2086 2087 </a> 2088 </li> 2089 2090 <li> 2091 <a href="/schulungsanspruch/informationstechnik-pc-und-datenschutz" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 2092 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2093 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 2094 IT, PC und Datenschutz 2095 </span> 2096 2097 </a> 2098 </li> 2099 2100 <li> 2101 <a href="/schulungsanspruch/kommunikation-rhetorik-und-mobbing" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 2102 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2103 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 2104 Rhetorik, Kommunikation und Mobbing 2105 </span> 2106 2107 </a> 2108 </li> 2109 2110 </ul> 2111 </div> 2112 2113 </section> 2114 </div> 2115 2116 2117 <div class="xl:hidden"> 2118 <hr class="my-6 w-full border-gray-4"/> 2119 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 2120 <div class="flex gap-x-12"> 2121 <div class="flex flex-col items-center"> 2122 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 2123 <picture > 2124 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 2125 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 2126</picture> 2127 2128 </div> 2129 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 2130 Service 2131 </a> 2132 </div> 2133 <div class="flex flex-col items-center"> 2134 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 2135 <picture > 2136 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 2137 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 2138</picture> 2139 2140 </div> 2141 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 2142 Ãber uns 2143 </a> 2144 </div> 2145 </div> 2146 </div> 2147 </div> 2148 </div> 2149 </div> 2150 2151 2152 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="4136" data-flyout-type="rechtsprechung-lexikon"> 2153 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100% ); "> 2154 <span class="ml-1 chevron-close" data-target-id="4136"> 2155 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 2156 </span> 2157 Rechtsprechung & Lexikon 2158 </div> 2159 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 2160 2161 2162 2163<div class="grid gap-8 xl:grid-cols-2 xl:gap-12"> 2164 <section aria-labelledby="rechtsprechung-4136"> 2165 <h2 id="rechtsprechung-4136" class="typography-v2 h3-1 text-gray-1"> 2166 Aktuelle Rechtsprechungen 2167 </h2> 2168 2169 <div class="mt-6"> 2170 2171 2172<div class="navigation-a-z "> 2173 <ul class="list-none"> 2174 <li> 2175 <a href="/rechtsprechung/br/arbeits-und-gesundheitsschutz" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 2176 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2177 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 2178 Arbeits- und Gesundheitsschutz 2179 </span> 2180 2181 </a> 2182 </li> 2183 2184 <li> 2185 <a href="/rechtsprechung/br/arbeitsvertrag-und-verguetung" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 2186 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2187 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 2188 Arbeitsvertrag und Vergütung 2189 </span> 2190 2191 </a> 2192 </li> 2193 2194 <li> 2195 <a href="/rechtsprechung/br/arbeitszeit" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 2196 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2197 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 2198 Arbeitszeit 2199 </span> 2200 2201 </a> 2202 </li> 2203 2204 <li> 2205 <a href="/rechtsprechung/br/betriebsrat-und-mitbestimmung" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 2206 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2207 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 2208 Betriebsrat und Mitbestimmung 2209 </span> 2210 2211 </a> 2212 </li> 2213 2214 <li> 2215 <a href="/rechtsprechung/br/br-wahl" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 2216 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2217 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 2218 Betriebsratswahl 2219 </span> 2220 2221 </a> 2222 </li> 2223 2224 <li> 2225 <a href="/rechtsprechung/br/datenschutz-und-digitaler-wandel" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 2226 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2227 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 2228 Datenschutz und Digitaler Wandel 2229 </span> 2230 2231 </a> 2232 </li> 2233 2234 <li> 2235 <a href="/rechtsprechung/br/kuendigung-und-aufhebungsvertrag" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 2236 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2237 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 2238 Kündigung- und Aufhebungsvertrag 2239 </span> 2240 2241 </a> 2242 </li> 2243 2244 <li> 2245 <a href="/rechtsprechung/br/schulungsanspruch" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 2246 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2247 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 2248 Schulungsanspruch 2249 </span> 2250 2251 </a> 2252 </li> 2253 2254 <li> 2255 <a href="/rechtsprechung/br/schwerbehindertenvertretung" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 2256 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2257 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 2258 Schwerbehinderung 2259 </span> 2260 2261 </a> 2262 </li> 2263 2264 <li> 2265 <a href="/rechtsprechung/br/wirtschaftsausschuss-und-wirtschaftliche-angelegenheiten" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 2266 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2267 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 2268 Wirtschaftsausschuss 2269 </span> 2270 2271 </a> 2272 </li> 2273 2274 <li> 2275 <a href="/rechtsprechung/br/weitere-themen" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 2276 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2277 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 2278 Weitere Themen 2279 </span> 2280 2281 </a> 2282 </li> 2283 2284 </ul> 2285 </div> 2286 2287 </div> 2288 </section> 2289 2290 2291 <section aria-labelledby="lexikon-4136"> 2292 <h2 id="lexikon-4136" class="typography-v2 h3-1 mb-6 text-gray-1"> 2293 Lexikon 2294 </h2> 2295 2296 <a href="/lexikon#ifb" target="_self" aria-label="Lexikon" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 2297 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/Allgemein/lexikon-navi-mobile.jpg" alt="Lexikon" width="429" height="319" loading="lazy" decoding="async" class="block h-auto w-full xl:hidden"> 2298 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/Allgemein/lexikon-navi-desktop.jpg" alt="Lexikon" width="429" height="319" loading="lazy" decoding="async" class="hidden xl:block xl:h-[319px] xl:object-fill"> 2299 </a> 2300 </section> 2301 </div> 2302 2303 2304 <div class="xl:hidden"> 2305 <hr class="my-6 w-full border-gray-4"/> 2306 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 2307 <div class="flex gap-x-12"> 2308 <div class="flex flex-col items-center"> 2309 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 2310 <picture > 2311 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 2312 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 2313</picture> 2314 2315 </div> 2316 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 2317 Service 2318 </a> 2319 </div> 2320
2320 <div class="flex flex-col items-center"> 2321 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 2322 <picture > 2323 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 2324 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 2325</picture> 2326 2327 </div> 2328 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 2329 Ãber uns 2330 </a> 2331 </div> 2332 </div> 2333 </div> 2334 </div> 2335 </div> 2336 </div> 2337 2338 2339 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="6523" data-flyout-type="icon-committee"> 2340 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100% ); "> 2341 <span class="ml-1 chevron-close" data-target-id="6523"> 2342 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 2343 </span> 2344 Services für Betriebsräte 2345 </div> 2346 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 2347 <div class="nav-flyout-icon-and-desc"> 2348 <p class="mb-2 xl:mb-0 block text-lg font-bold leading-ifb text-gray-1 xl:text-[25px] xl:font-extrabold"> 2349 Wichtige ifb-Services auf einen Blick 2350 </p> 2351 2352 <div class=""> 2353 <div class="xl:legacy-equal-grid-columns-2 xl:gap-x-12 xl:gap-y-6 xl:space-y-0 space-y-0 xl:mt-6"> 2354 <div class="group/icon h-[78px] xl:h-auto"> 2355 <a href="/service/downloads#betriebsrat" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 2356 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 2357 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/downloads.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 2358 class="h-12 w-12 max-w-none brightness-0"/> 2359 </div> 2360 <div class="relative isolate block min-w-0
2360w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 2361 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2362 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 2363 Arbeitshilfen und Downloads 2364 </p> 2365 </div> 2366 </a> 2367 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 2368 </div> 2369 <div class="group/icon h-[78px] xl:h-auto"> 2370 <a href="/service/deutsche-bahn" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 2371 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 2372 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/bahn.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 2373 class="h-12 w-12 max-w-none brightness-0"/> 2374 </div> 2375 <div class="relative isolate block min-w-0
2375w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 2376 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2377 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 2378 Bahn Sondertarif 2379 </p> 2380 </div> 2381 </a> 2382 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 2383 </div> 2384 <div class="group/icon h-[78px] xl:h-auto"> 2385 <a href="/service/betriebsrat360" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 2386 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 2387 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/br360.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 2388 class="h-12 w-12 max-w-none brightness-0"/> 2389 </div> 2390 <div class="relative isolate block min-w-0
2390w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 2391 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2392 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 2393 Betriebsrat360 â Ihr kostenloser Sitzungsmanager 2394 </p> 2395 </div> 2396 </a> 2397 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 2398 </div> 2399 <div class="group/icon h-[78px] xl:h-auto"> 2400 <a href="https://forum.betriebsrat.de" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 2401 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 2402 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/forum.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 2403 class="h-12 w-12 max-w-none brightness-0"/> 2404 </div> 2405 <div class="relative isolate block min-w-0
2405w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 2406 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2407 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 2408 BR-Forum 2409 </p> 2410 </div> 2411 </a> 2412 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 2413 </div> 2414 <div class="group/icon h-[78px] xl:h-auto"> 2415 <a href="https://www.brwahl.de/kostenlose-wahlhilfen" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 2416 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 2417 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/brwahl.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 2418 class="h-12 w-12 max-w-none brightness-0"/> 2419 </div> 2420 <div class="relative isolate block min-w-0
2420w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 2421 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2422 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 2423 BR-Wahl: Kostenlose Wahlhilfen 2424 </p> 2425 </div> 2426 </a> 2427 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 2428 </div> 2429 <div class="group/icon h-[78px] xl:h-auto"> 2430 <a href="/service/faq" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 2431 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 2432 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/faq.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 2433 class="h-12 w-12 max-w-none brightness-0"/> 2434 </div> 2435 <div class="relative isolate block min-w-0
2435w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 2436 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2437 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 2438 Häufig gestellte Fragen 2439 </p> 2440 </div> 2441 </a> 2442 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 2443 </div> 2444 <div class="group/icon h-[78px] xl:h-auto"> 2445 <a href="/service/kataloge" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 2446 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 2447 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/kataloge.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 2448 class="h-12 w-12 max-w-none brightness-0"/> 2449 </div> 2450 <div class="relative isolate block min-w-0
2450w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 2451 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2452 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 2453 Kataloge 2454 </p> 2455 </div> 2456 </a> 2457 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 2458 </div> 2459 <div class="group/icon h-[78px] xl:h-auto"> 2460 <a href="/service/meinifb" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 2461 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 2462 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/meinifb.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 2463 class="h-12 w-12 max-w-none brightness-0"/> 2464 </div> 2465 <div class="relative isolate block min-w-0
2465w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 2466 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2467 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 2468 meinifb 2469 </p> 2470 </div> 2471 </a> 2472 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 2473 </div> 2474 <div class="group/icon h-[78px] xl:h-auto"> 2475 <a href="/service/mobbing-landkarte" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 2476 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 2477 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/mobbinglandkarte.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 2478 class="h-12 w-12 max-w-none brightness-0"/> 2479 </div> 2480 <div class="relative isolate block min-w-0
2480w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 2481 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2482 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 2483 Mobbinglandkarte 2484 </p> 2485 </div> 2486 </a> 2487 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 2488 </div> 2489 <div class="group/icon h-[78px] xl:h-auto"> 2490 <a href="/service/newsletter" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 2491 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 2492 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/newsletter.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 2493 class="h-12 w-12 max-w-none brightness-0"/> 2494 </div> 2495 <div class="relative isolate block min-w-0
2495w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 2496 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2497 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 2498 Newsletter 2499 </p> 2500 </div> 2501 </a> 2502 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 2503 </div> 2504 <div class="group/icon h-[78px] xl:h-auto"> 2505 <a href="/service/chatbot" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 2506 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #dd6d29ff 24%, transparent);"> 2507 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/chatbot.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 2508 class="h-12 w-12 max-w-none brightness-0"/> 2509 </div> 2510 <div class="relative isolate block min-w-0
2510w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 2511 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #bf1d2eff 0%, #dd6d29ff 100%);" aria-hidden="true"></span> 2512 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 2513 ifb-Chatbot 2514 </p> 2515 </div> 2516 </a> 2517 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 2518 </div> 2519 </div> 2520 2521 </div> 2522</div> 2523 2524 2525 <div class="xl:hidden"> 2526 <hr class="my-6 w-full border-gray-4"/> 2527 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 2528 <div class="flex gap-x-12"> 2529 <div class="flex flex-col items-center"> 2530 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 2531 <picture > 2532 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 2533 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 2534</picture> 2535 2536 </div> 2537 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 2538 Service 2539 </a> 2540 </div> 2541 <div class="flex flex-col items-center"> 2542 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 2543 <picture > 2544 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 2545 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 2546</picture> 2547 2548 </div> 2549 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 2550 Ãber uns 2551 </a> 2552 </div> 2553 </div> 2554 </div> 2555 </div> 2556 </div> 2557 </div> 2558 2559 </div> 2560 <div class="nav-motion-item nav-button-close cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x ifb-icon" ><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></div> 2561 </div> 2562 </div> 2563 </div> 2564 <div class='gray-transparent-bg-wrapper nav-button-close'></div> 2565 </div> 2566</div> 2567 2568 2569 2570
2571<script> 2572 function updateNavPosition() { 2573 let navElements = document.querySelectorAll(".nav-container"); 2574 if (!navElements.length) 2575 return; 2576 2577 2578 2579 if (window.innerWidth < 1200) { 2580 navElements.forEach((navElement) => { 2581 navElement.classList.add("top-0"); 2582 }); 2583 } else { 2584 navElements.forEach((navElement) => { 2585 navElement.classList.remove("top-0"); 2586 }); 2587 } 2588 } 2589 2590 window.addEventListener("DOMContentLoaded", function() { 2591 updateNavPosition(); 2592 }); 2593 2594 window.addEventListener("resize", function() { 2595 updateNavPosition(); 2596 }); 2597</script>
2597 2598 2599<style> 2600 @media screen and(max-width: 1279px) { 2601 .disable-gradient-on-mobile { 2602 background: none !important; 2603 } 2604 2605 .nav-item-second-level { 2606 .nav-item-second-level-text { 2607 color: initial; 2608 } 2609 2610 &:hover:not(.active) { 2611 opacity: 1; 2612 .nav-item-second-level-text { 2613 color: initial; 2614 } 2615 } 2616 2617 &.active { 2618 background-color: initial; 2619 opacity: 1; 2620 2621 .nav-item-second-level-text { 2622 color: initial; 2623 opacity: 1; 2624 } 2625 } 2626 } 2627 } 2628 2629 @media screen and (min-width: 1280px) { 2630 .nav-second-level-menu { 2631 box-shadow: 0 2px 16px 0 rgba(50, 61, 81, 0.16), 0 24px 80px 0 rgba(88, 89, 91, 0.16); 2632 } 2633 } 2634 2635 .nav-wrapper { 2636 background-color: #fff; 2637 overflow-y: auto; 2638 max-height: calc(100vh); 2639 2640 &::-webkit-scrollbar { 2641 width: 8px; 2642 } 2643 2644 &::-webkit-scrollbar-track { 2645 background: transparent; 2646 margin: 5px; 2647 } 2648 2649 &::-webkit-scrollbar-thumb { 2650 background: #5C5C5C; 2651 border-radius: 10px; 2652 } 2653 2654 &::-webkit-scrollbar-button { 2655 display: none; 2656 } 2657 2658 scrollbar-width: thin; 2659 scrollbar-color: #5C5C5C transparent; 2660 } 2661 2662 .nav-wrapper.nav-height-transition { 2663 overflow: hidden; 2664 } 2665 2666 .nav-container::before { 2667 content: ""; 2668 position: absolute; 2669 top: 0; 2670 left: 0; 2671 right: 0; 2672 height: 100px; 2673 pointer-events: none; 2674 z-index: 250; 2675 background: linear-gradient(to bottom, rgba(0, 0, 0, 0.11) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.07) 20%, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.02) 60%, rgba(0, 0, 0, 0.01) 80%, rgba(0, 0, 0, 0) 100%); 2676 } 2677 2678 .top-card-container-slider .flickity-page-dots { 2679 bottom: 4px; 2680 top: unset; 2681 margin-top: 12px; 2682 } 2683 2684 .navigation-top-card-slider .flickity-page-dots { 2685 margin-top: 12px; 2686 } 2687 2688 .nav-motion-enter .nav-motion-panel, 2689 .nav-flyout.nav-motion-enter, 2690 .mobile-subnav-flyout.nav-motion-enter, 2691 .sidebar-top-card-container.nav-motion-enter { 2692 animation: nav-flyout-reveal 300ms cubic-bezier(0.22, 1, 0.36, 1) both; 2693 } 2694 2695 .nav-motion-overlay-enter { 2696 animation: nav-overlay-reveal 300ms cubic-bezier(0.22, 1, 0.36, 1) both; 2697 } 2698 2699 .nav-motion-exit { 2700 z-index: 49; 2701 pointer-events: none; 2702 } 2703 2704 .nav-second-level.nav-motion-exit .nav-container { 2705 z-index: 49; 2706 } 2707 2708 .nav-second-level.nav-motion-exit .nav-wrapper, 2709 .nav-flyout.nav-motion-exit, 2710 .mobile-subnav-flyout.nav-motion-exit, 2711 .sidebar-top-card-container.nav-motion-exit { 2712 animation: nav-flyout-hide 420ms cubic-bezier(0.4, 0, 0.2, 1) both; 2713 } 2714 2715 .nav-second-level.nav-motion-enter .nav-container::before { 2716 animation: nav-top-shadow-reveal 300ms ease-out both; 2717 } 2718 2719 .nav-second-level.nav-motion-exit .nav-container::before { 2720 animation: nav-top-shadow-hide 420ms cubic-bezier(0.4, 0, 0.2, 1) both; 2721 } 2722 2723 .nav-motion-overlay-exit { 2724 pointer-events: none; 2725 animation: nav-overlay-hide 340ms ease-out both; 2726 } 2727 2728 .nav-motion-hidden { 2729 visibility: hidden; 2730 } 2731 2732 .nav-motion-enter .nav-motion-item { 2733 animation: nav-content-reveal 220ms cubic-bezier(0.22, 1, 0.36, 1) both; 2734 } 2735 2736 .nav-flyout.nav-motion-tab-enter, 2737 .sidebar-top-card-container.nav-motion-tab-enter { 2738 animation: nav-tab-content-enter 180ms ease-out both; 2739 } 2740 2741 .nav-flyout.nav-motion-tab-exit, 2742 .sidebar-top-card-container.nav-motion-tab-exit { 2743 z-index: 49; 2744 pointer-events: none; 2745 animation: nav-tab-content-exit 140ms ease-in both; 2746 } 2747 2748 .nav-motion-enter .nav-motion-item:nth-child(2) { 2749 animation-delay: 35ms; 2750 } 2751 2752 .nav-motion-enter .nav-motion-item:nth-child(n + 3) { 2753 animation-delay: 70ms; 2754 } 2755 2756 @keyframes nav-flyout-reveal { 2757 from { 2758 opacity: 0; 2759 transform: translateY(-14px) scale(0.995); 2760 } 2761 2762 to { 2763 opacity: 1; 2764 transform: translateY(0) scale(1); 2765 } 2766 } 2767 2768 @keyframes nav-content-reveal { 2769 from { 2770 opacity: 0; 2771 transform: translateY(-4px); 2772 } 2773 2774 to { 2775 opacity: 1; 2776 transform: translateY(0); 2777 } 2778 } 2779 2780 @keyframes nav-tab-content-enter { 2781 from { 2782 opacity: 0; 2783 transform: translateX(4px); 2784 } 2785 2786 to { 2787 opacity: 1; 2788 transform: translateX(0); 2789 } 2790 } 2791 2792 @keyframes nav-tab-content-exit { 2793 from { 2794 opacity: 1; 2795 transform: translateX(0); 2796 } 2797 2798 to { 2799 opacity: 0; 2800 transform: translateX(-4px); 2801 } 2802 } 2803 2804 @keyframes nav-flyout-hide { 2805 0, 2806 18% { 2807 opacity: 1; 2808 transform: translateY(0); 2809 } 2810 2811 to { 2812 opacity: 0; 2813 transform: translateY(-14px) scale(0.99); 2814 } 2815 } 2816 2817 @keyframes nav-top-shadow-reveal { 2818 from { 2819 opacity: 0; 2820 } 2821 2822 to { 2823 opacity: 1; 2824 } 2825 } 2826 2827 @keyframes nav-top-shadow-hide { 2828 0, 2829 18% { 2830 opacity: 1; 2831 } 2832 2833 to { 2834 opacity: 0; 2835 } 2836 } 2837 2838 @keyframes nav-overlay-reveal { 2839 from { 2840 opacity: 0; 2841 } 2842 2843 to { 2844 opacity: 0.62; 2845 } 2846 } 2847 2848 @keyframes nav-overlay-hide { 2849 from { 2850 opacity: 0.62; 2851 } 2852 2853 to { 2854 opacity: 0; 2855 } 2856 } 2857 2858 @media screen and(max-width: 1279px) {
2859 .mobile-subnav-flyout.nav-motion-enter { 2860 z-index: 50; 2861 } 2862 2863 .nav-second-level.nav-motion-enter .nav-motion-panel, 2864 .nav-flyout.nav-motion-enter, 2865 .mobile-subnav-flyout.nav-motion-enter { 2866 animation-name: nav-mobile-flyout-reveal; 2867 } 2868 2869 .nav-flyout.nav-motion-exit, 2870 .mobile-subnav-flyout.nav-motion-exit { 2871 animation-name: nav-mobile-flyout-hide; 2872 } 2873 2874 @keyframes nav-mobile-flyout-reveal { 2875 from { 2876 opacity: 0; 2877 transform: translateX(12px); 2878 } 2879 2880 to { 2881 opacity: 1; 2882 transform: translateX(0); 2883 } 2884 } 2885 2886 @keyframes nav-mobile-flyout-hide { 2887 0, 2888 18% { 2889 opacity: 1; 2890 transform: translateX(0); 2891 } 2892 2893 to { 2894 opacity: 0; 2895 transform: translateX(14px); 2896 } 2897 } 2898 } 2899 2900 @media(prefers-reduced-motion: reduce) { 2901 .nav-wrapper.nav-height-transition { 2902 transition: none; 2903 } 2904 2905 .nav-motion-enter .nav-motion-panel, 2906 .nav-flyout.nav-motion-enter, 2907 .mobile-subnav-flyout.nav-motion-enter, 2908 .sidebar-top-card-container.nav-motion-enter, 2909 .nav-motion-overlay-enter, 2910 .nav-motion-exit, 2911 .nav-motion-overlay-exit, 2912 .nav-second-level.nav-motion-enter .nav-container::before, 2913 .nav-second-level.nav-motion-exit .nav-container::before, 2914 .nav-flyout.nav-motion-tab-enter, 2915 .sidebar-top-card-container.nav-motion-tab-enter, 2916 .nav-flyout.nav-motion-tab-exit, 2917 .sidebar-top-card-container.nav-motion-tab-exit, 2918 .nav-motion-enter .nav-motion-item { 2919 animation: none; 2920 } 2921 } 2922</style> 2923 </div> 2924 2925 <div class="nav-item-target-group xl:px-[6px] nav-item-first-level xl:h-[30px]" target-group style="--start-color: #830a0aff; --end-color: #bf1d2eff;" > 2926 <a class="hidden xl:flex h6 mt-6px pointer-events-none" href="/brv" target="_self" > 2927 <div class="border-gray border-b-[3px] px-3 pb-[3px]" style="border-image-source: linear-gradient(to right, #830a0aff, #bf1d2eff); border-image-slice: 1;"> 2928 BRV 2929 </div> 2930 </a> 2931 <div class="xl:hidden"> 2932 <a class="flex flex-col h5 rounded-1 w-160px min-h-80px items-stretch text-white pointer-events-none" href="/brv" style="background: linear-gradient(to right, #830a0aff, #bf1d2eff);" > 2933 <div class="flex grow items-center px-3 xl:px-0 xl:py-0 whitespace-normal break-words"> 2934 BRV 2935 <span class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><polyline points="9 18 15 12 9 6"></polyline></svg></span> 2936 </div> 2937 </a> 2938 </div> 2939 2940<div class="nav-second-level invisible" data-page-id="4129"> 2941 <div class="nav-container absolute left-0 w-full z-50 mt-50px xl:top-[42px] xl:mt-0"> 2942 <div class="nav-wrapper shadow-lg"> 2943 <div class="bg-white nav-motion-panel"> 2944 <div class="legacy-container --no-padding-mobile flex flex-col xl:flex-row xl:pt-8 xl:pb-12 xl:px-24"> 2945 <div class="nav-motion-item w-full xl:w-[294px] xl:shrink-0 xl:mr-12"> 2946 <div class="xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%); "> 2947 <span class="ml-1 chevron-close" data-target-id="4129"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg></span> 2948 <p class="font-bold">BRV</p> 2949 </div> 2950 <div class="h-screen xl:h-auto space-y-3 xl:space-y-0 rounded-1 bg-gradient xl:bg-white disable-gradient-on-mobile xl:overflow-hidden xl:py-3 nav-second-level-menu" style="min-height: fit-content; --navigation-gradient: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);"> 2951 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="4211"> 2952 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent xl:border-b xl:border-gray-4"> 2953 Themen für BRV 2954 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 2955 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 2956 </div> 2957 </div> 2958 </div> 2959 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="6900"> 2960 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent xl:border-b xl:border-gray-4"> 2961 Neu im Amt als BRV 2962 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 2963 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 2964 </div> 2965 </div> 2966 </div> 2967 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="5285"> 2968 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent xl:border-b xl:border-gray-4"> 2969 Ausschüsse 2970 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 2971 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 2972 </div> 2973 </div> 2974 </div> 2975 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="4186"> 2976 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent xl:border-b xl:border-gray-4"> 2977 Lernformate 2978 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 2979 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 2980 </div> 2981 </div> 2982 </div> 2983 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="6027"> 2984 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent xl:border-b xl:border-gray-4"> 2985 Schulungsanspruch 2986 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 2987 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 2988 </div> 2989 </div> 2990 </div> 2991 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="6494"> 2992 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent xl:border-b xl:border-gray-4"> 2993 Rechtsprechung & Lexikon 2994 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 2995 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 2996 </div> 2997 </div> 2998 </div> 2999 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="6508"> 3000 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent "> 3001 Services für BRV 3002 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 3003 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 3004 </div> 3005 </div> 3006 </div> 3007 <div class="mx-6"> 3008 <div class="xl:hidden"> 3009 <hr class="my-6 w-full border-gray-4"/> 3010 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 3011 <div class="flex gap-x-12"> 3012 <div class="flex flex-col items-center"> 3013 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 3014 <picture > 3015 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 3016 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 3017</picture> 3018 3019 </div> 3020 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 3021 Service 3022 </a> 3023 </div> 3024 <div class="flex flex-col items-center"> 3025 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 3026 <picture > 3027 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 3028 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 3029</picture> 3030 3031 </div> 3032 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 3033 Ãber uns 3034 </a> 3035 </div> 3036 </div> 3037 </div> 3038 </div> 3039 </div> 3040 </div> 3041 <div class="hidden xl:block"> 3042 <div class="sidebar-top-card-container hidden top-card-container mt-6" data-parent-id="4211"> 3043 3044 <div class="text-lg text-gray-1 lg:text-base font-bold mb-3">Topaktuelle Themen für BRV</div> 3045 3046 <div class="navigation-top-card-slider overflow-visible"> 3047 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 3048 3049 3050 <a href="/service/chatbot" target="_blank" aria-label="Topaktuelle Themen für BRV" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 3051 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/werbeflaechen-navigation/jpgs/263836/image-thumb__263836___auto_ef98c734de94ce319ff0ce600e32d451/startseite-mittel-chatbot-mobile.e28d8050.webp" alt="Topaktuelle Themen für BRV" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/werbeflaechen-navigation/jpgs/263836/image-thumb__263836___auto_ef98c734de94ce319ff0ce600e32d451/startseite-mittel-chatbot-mobile.e28d8050.webp" alt="Topaktuelle Themen für BRV" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 3052 </a> 3053 3054 3055 <a href="/service/betriebsrat360" target="_blank" aria-label="Topaktuelle Themen für BRV" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 3056 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/werbeflaechen-navigation/jpgs/228098/image-thumb__228098___auto_ef98c734de94ce319ff0ce600e32d451/t-br360-navi4x.bda7220a.webp" alt="Topaktuelle Themen für BRV" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/werbeflaechen-navigation/jpgs/228098/image-thumb__228098___auto_ef98c734de94ce319ff0ce600e32d451/t-br360-navi4x.bda7220a.webp" alt="Topaktuelle Themen für BRV" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 3057 </a> 3058 </div> 3059 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 3060 3061 3062 <a href="/seminare/t/update-fuer-betriebsratsvorsitzende-1314" target="_blank" aria-label="Topaktuelle Themen für BRV" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ri
3062ng-2 focus-visible:ring-ifb"> 3063 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/werbeflaechen-navigation/jpgs/228100/image-thumb__228100___auto_ef98c734de94ce319ff0ce600e32d451/t-brv-update-kostenloses-webinar-navi4x.338d64d8.webp" alt="Topaktuelle Themen für BRV" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/werbeflaechen-navigation/jpgs/228100/image-thumb__228100___auto_ef98c734de94ce319ff0ce600e32d451/t-brv-update-kostenloses-webinar-navi4x.338d64d8.webp" alt="Topaktuelle Themen für BRV" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 3064 </a> 3065 3066 3067 <a href="/seminare/t/betriebsratsvorsitz-teil-i-769" target="_blank" aria-label="Topaktuelle Themen für BRV" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 3068 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/werbeflaechen-navigation/brv/264680/image-thumb__264680___auto_ef98c734de94ce319ff0ce600e32d451/navi-mittel-brv1-mobile.96fd924a.webp" alt="Topaktuelle Themen für BRV" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/werbeflaechen-navigation/brv/264680/image-thumb__264680___auto_ef98c734de94ce319ff0ce600e32d451/navi-mittel-brv1-mobile.96fd924a.webp" alt="Topaktuelle Themen für BRV" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 3069 </a> 3070 </div> 3071 </div> 3072 </div> 3073 3074 </div> 3075 </div> 3076 <div class="nav-motion-item w-full xl:flex-1"> 3077 3078 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen overflow-y-auto xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="4211" data-flyout-type="a-z"> 3079 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100% ); "> 3080 <span class="ml-1 chevron-close" data-target-id="4211"> 3081 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 3082 </span> 3083 Themen für BRV 3084 </div> 3085 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 3086 3087<div class="xl:hidden"> 3088 3089 3090<div class="navigation-a-z "> 3091 <ul class="list-none"> 3092 <li> 3093 <a href="/brv/themen/rechtsprechung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3094 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3095 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3096 Aktuelle Rechtsprechung und neue Gesetze 3097 </span> 3098 3099 </a> 3100 </li> 3101 3102 <li> 3103 <a href="/brv/themen/aktuelle-themen/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3104 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3105 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3106 Aktuelle Themen und Updates 3107 </span> 3108 3109 </a> 3110 </li> 3111 3112 <li> 3113 <a href="/brv/themen/amtsfuehrung-organisation/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3114 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3115 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3116 Amtsführung und Organisation 3117 </span> 3118 3119 </a> 3120 </li> 3121 3122 <li> 3123 <a href="/brv/themen/assistenz-br-buero/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3124 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3125 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3126 Assistenz und BR-Büro 3127 </span> 3128 3129 </a> 3130 </li> 3131 3132 <li> 3133 <a href="/brv/themen/betriebsversammlung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3134 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3135 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3136 Betriebsversammlung 3137 </span> 3138 3139 </a> 3140 </li> 3141 3142 <li> 3143 <a href="/brv/themen/digitale-br-arbeit/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3144 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3145 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3146 Digitale BR-Arbeit 3147 </span> 3148 3149 </a> 3150 </li> 3151 3152 <li> 3153 <a href="/brv/themen/digitalisierung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3154 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3155 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3156 Digitaler Wandel / Digitalisierung 3157 </span> 3158 3159 </a> 3160 </li> 3161 3162 <li> 3163 <a href="/brv/themen/ersatzmitglieder/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3164 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3165 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3166 Ersatzmitglieder 3167 </span> 3168 3169 </a> 3170 </li> 3171 3172 <li> 3173 <a href="/brv/themen/freigestellter-betriebsrat/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3174 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3175 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3176 Freigestellter Betriebsrat 3177 </span> 3178 3179 </a> 3180 </li> 3181 3182 <li> 3183 <a href="/brv/themen/fuehrung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3184 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3185 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3186 Führung des Gremiums 3187 </span> 3188 3189 </a> 3190 </li> 3191 3192 <li> 3193 <a href="/brv/themen/strategie/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3194 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3195 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3196 Klausurtagung und Strategie 3197 </span> 3198
3199 <span class="relative z-10 shrink-0 bg-other-poster px-[6px] py-[3px] text-xs font-medium leading-[1.3] text-gray-1"> 3200 Wichtiges Thema! 3201 </span> 3202 </a> 3203 </li> 3204 3205 <li> 3206 <a href="/brv/themen/kommunikation/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3207 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3208 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3209 Kommunikation 3210 </span> 3211 3212 </a> 3213 </li> 3214 3215 <li> 3216 <a href="/kampagnen/neu-im-amt-als-brv/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3217 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3218 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3219 Neu im Amt als BRV 3220 </span> 3221
3222 <span class="relative z-10 shrink-0 bg-other-poster px-[6px] py-[3px] text-xs font-medium leading-[1.3] text-gray-1"> 3223 Für den Start! 3224 </span> 3225 </a> 3226 </li> 3227 3228 <li> 3229 <a href="/brv/themen/oeffentlichkeitsarbeit/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3230 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3231 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3232 Ãffentlichkeitsarbeit 3233 </span> 3234 3235 </a> 3236 </li> 3237 3238 <li> 3239 <a href="/brv/themen/protokoll/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3240 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3241 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3242 Protokollführung 3243 </span> 3244 3245 </a> 3246 </li> 3247 3248 <li> 3249 <a href="/brv/themen/stellvertreter/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3250 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3251 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3252 Stellvertreter 3253 </span> 3254 3255 </a> 3256 </li> 3257 3258 <li> 3259 <a href="/brv/themen/veraenderung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3260 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3261 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3262 Veränderung 3263 </span> 3264 3265 </a> 3266 </li> 3267 3268 <li> 3269 <a href="/brv/themen/verhandlung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3270 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3271 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3272 Verhandlungsführung 3273 </span> 3274 3275 </a> 3276 </li> 3277 3278 <li> 3279 <a href="/brv/themen/wahlen/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3280 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3281 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3282 Wahlen 3283 </span> 3284 3285 </a> 3286 </li> 3287 3288 <li>
3289 <a href="/brv/themen/wirtschaftskompetenz/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3290 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3291 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3292 Wirtschaftskompetenz 3293 </span> 3294 3295 </a> 3296 </li> 3297 3298 <li> 3299 <a href="/brv/themen/zusammenarbeit-teambildung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 3300 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3301 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 3302 Zusammenarbeit und Teambildung 3303 </span> 3304 3305 </a> 3306 </li> 3307 3308 </ul> 3309 </div> 3310 3311</div> 3312 3313<div class="hidden xl:block"> 3314 3315 3316 3317 3318<div class="navigation-a-z xl:flex xl:items-start xl:gap-12"> 3319 <div class="xl:flex-1"> 3320 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4211-a-1"> 3321 <h3 id="navigation-a-z-4211-a-1" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 3322 A 3323 </h3> 3324 3325 <ul class="list-none"> 3326 <li> 3327 <a href="/brv/themen/rechtsprechung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3328 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3329 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3330 Aktuelle Rechtsprechung und neue Gesetze 3331 </span> 3332 3333 </a> 3334 </li> 3335 3336 <li> 3337 <a href="/brv/themen/aktuelle-themen/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3338 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3339 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3340 Aktuelle Themen und Updates 3341 </span> 3342 3343 </a> 3344 </li> 3345 3346 <li> 3347 <a href="/brv/themen/amtsfuehrung-organisation/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3348 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3349 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3350 Amtsführung und Organisation 3351 </span> 3352 3353 </a> 3354 </li> 3355 3356 <li> 3357 <a href="/brv/themen/assistenz-br-buero/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3358 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3359 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3360 Assistenz und BR-Büro 3361 </span> 3362 3363 </a> 3364 </li> 3365 3366 </ul> 3367 </section> 3368 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4211-a-2"> 3369 <h3 id="navigation-a-z-4211-a-2" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 3370 B 3371 </h3> 3372 3373 <ul class="list-none"> 3374 <li> 3375 <a href="/brv/themen/betriebsversammlung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3376 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3377 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3378 Betriebsversammlung 3379 </span> 3380 3381 </a> 3382 </li> 3383 3384 </ul> 3385 </section> 3386 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4211-a-3"> 3387 <h3 id="navigation-a-z-4211-a-3" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 3388 D 3389 </h3> 3390 3391 <ul class="list-none"> 3392 <li> 3393 <a href="/brv/themen/digitale-br-arbeit/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3394 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3395 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3396 Digitale BR-Arbeit 3397 </span> 3398 3399 </a> 3400 </li> 3401 3402 <li> 3403 <a href="/brv/themen/digitalisierung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3404 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3405 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3406 Digitaler Wandel / Digitalisierung 3407 </span> 3408 3409 </a> 3410 </li> 3411 3412 </ul> 3413 </section> 3414 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4211-a-4"> 3415 <h3 id="navigation-a-z-4211-a-4" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 3416 E 3417 </h3> 3418 3419 <ul class="list-none"> 3420 <li> 3421 <a href="/brv/themen/ersatzmitglieder/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3422 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3423 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3424 Ersatzmitglieder 3425 </span> 3426 3427 </a> 3428 </li> 3429 3430 </ul> 3431 </section> 3432 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4211-a-5"> 3433 <h3 id="navigation-a-z-4211-a-5" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 3434 F 3435 </h3> 3436 3437 <ul class="list-none"> 3438 <li> 3439 <a href="/brv/themen/freigestellter-betriebsrat/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3440 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3441 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3442 Freigestellter Betriebsrat 3443 </span> 3444 3445 </a> 3446 </li> 3447 3448 <li> 3449 <a href="/brv/themen/fuehrung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3450 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3451 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3452 Führung des Gremiums 3453 </span> 3454 3455 </a> 3456 </li> 3457 3458 </ul> 3459 </section> 3460 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4211-a-6"> 3461 <h3 id="navigation-a-z-4211-a-6" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 3462 K 3463 </h3> 3464 3465 <ul class="list-none"> 3466 <li> 3467 <a href="/brv/themen/strategie/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3468 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3469 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3470 Klausurtagung und Strategie 3471 </span> 3472
3473 <span class="relative z-10 shrink-0 bg-other-poster px-[6px] py-[3px] text-xs font-medium leading-[1.3] text-gray-1"> 3474 Wichtiges Thema! 3475 </span> 3476 </a> 3477 </li> 3478 3479 <li> 3480 <a href="/brv/themen/kommunikation/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3481 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3482 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3483 Kommunikation 3484 </span> 3485 3486 </a> 3487 </li> 3488 3489 </ul> 3490 </section> 3491 </div> 3492 <div class="xl:flex-1"> 3493 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4211-b-1"> 3494 <h3 id="navigation-a-z-4211-b-1" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 3495 N 3496 </h3> 3497 3498 <ul class="list-none"> 3499 <li> 3500 <a href="/kampagnen/neu-im-amt-als-brv/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3501 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3502 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3503 Neu im Amt als BRV 3504 </span> 3505
3506 <span class="relative z-10 shrink-0 bg-other-poster px-[6px] py-[3px] text-xs font-medium leading-[1.3] text-gray-1"> 3507 Für den Start! 3508 </span> 3509 </a> 3510 </li> 3511 3512 </ul> 3513 </section> 3514 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4211-b-2"> 3515 <h3 id="navigation-a-z-4211-b-2" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 3516 à 3517 </h3> 3518 3519 <ul class="list-none"> 3520 <li> 3521 <a href="/brv/themen/oeffentlichkeitsarbeit/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3522 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3523 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3524 Ãffentlichkeitsarbeit 3525 </span> 3526 3527 </a> 3528 </li> 3529 3530 </ul> 3531 </section> 3532 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4211-b-3"> 3533 <h3 id="navigation-a-z-4211-b-3" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 3534 P 3535 </h3> 3536 3537 <ul class="list-none"> 3538 <li> 3539 <a href="/brv/themen/protokoll/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3540 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3541 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3542 Protokollführung 3543 </span> 3544 3545 </a> 3546 </li> 3547 3548 </ul> 3549 </section> 3550 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4211-b-4"> 3551 <h3 id="navigation-a-z-4211-b-4" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 3552 S 3553 </h3> 3554 3555 <ul class="list-none"> 3556 <li> 3557 <a href="/brv/themen/stellvertreter/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3558 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3559 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3560 Stellvertreter 3561 </span> 3562 3563 </a> 3564 </li> 3565 3566 </ul> 3567 </section> 3568 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4211-b-5"> 3569 <h3 id="navigation-a-z-4211-b-5" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 3570 V 3571 </h3> 3572 3573 <ul class="list-none"> 3574 <li> 3575 <a href="/brv/themen/veraenderung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3576 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3577 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3578 Veränderung 3579 </span> 3580 3581 </a> 3582 </li> 3583 3584 <li> 3585 <a href="/brv/themen/verhandlung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3586 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3587 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3588 Verhandlungsführung 3589 </span> 3590 3591 </a> 3592 </li> 3593 3594 </ul> 3595 </section> 3596 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4211-b-6"> 3597 <h3 id="navigation-a-z-4211-b-6" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 3598 W 3599 </h3> 3600 3601 <ul class="list-none"> 3602 <li> 3603 <a href="/brv/themen/wahlen/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3604 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3605 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3606 Wahlen 3607 </span> 3608 3609 </a> 3610 </li> 3611 3612 <li>
3613 <a href="/brv/themen/wirtschaftskompetenz/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3614 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3615 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3616 Wirtschaftskompetenz 3617 </span> 3618 3619 </a> 3620 </li> 3621 3622 </ul> 3623 </section> 3624 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4211-b-7"> 3625 <h3 id="navigation-a-z-4211-b-7" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 3626 Z 3627 </h3> 3628 3629 <ul class="list-none"> 3630 <li> 3631 <a href="/brv/themen/zusammenarbeit-teambildung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 3632 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3633 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3634 Zusammenarbeit und Teambildung 3635 </span> 3636 3637 </a> 3638 </li> 3639 3640 </ul> 3641 </section> 3642 </div> 3643 </div> 3644 3645</div> 3646 3647 <div class="top-card-container block xl:hidden mt-6"> 3648 3649 <div class="text-lg text-gray-1 lg:text-base font-bold mb-3">Topaktuelle Themen für BRV</div> 3650 3651 <div class="navigation-top-card-slider overflow-visible"> 3652 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 3653 3654 3655 <a href="/service/chatbot" target="_blank" aria-label="Topaktuelle Themen für BRV" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 3656 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/werbeflaechen-navigation/jpgs/263836/image-thumb__263836___auto_ef98c734de94ce319ff0ce600e32d451/startseite-mittel-chatbot-mobile.e28d8050.webp" alt="Topaktuelle Themen für BRV" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/werbeflaechen-navigation/jpgs/263836/image-thumb__263836___auto_ef98c734de94ce319ff0ce600e32d451/startseite-mittel-chatbot-mobile.e28d8050.webp" alt="Topaktuelle Themen für BRV" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 3657 </a> 3658 </div> 3659 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 3660 3661 3662 <a href="/service/betriebsrat360" target="_blank" aria-label="Topaktuelle Themen für BRV" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 3663 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/werbeflaechen-navigation/jpgs/228098/image-thumb__228098___auto_ef98c734de94ce319ff0ce600e32d451/t-br360-navi4x.bda7220a.webp" alt="Topaktuelle Themen für BRV" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/werbeflaechen-navigation/jpgs/228098/image-thumb__228098___auto_ef98c734de94ce319ff0ce600e32d451/t-br360-navi4x.bda7220a.webp" alt="Topaktuelle Themen für BRV" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 3664 </a> 3665 </div> 3666 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 3667 3668 3669 <a href="/seminare/t/update-fuer-betriebsratsvorsitzende-1314" target="_blank" aria-label="Topaktuelle Themen für BRV" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 3670 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/werbeflaechen-navigation/jpgs/228100/image-thumb__228100___auto_ef98c734de94ce319ff0ce600e32d451/t-brv-update-kostenloses-webinar-navi4x.338d64d8.webp" alt="Topaktuelle Themen für BRV" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/werbeflaechen-navigation/jpgs/228100/image-thumb__228100___auto_ef98c734de94ce319ff0ce600e32d451/t-brv-update-kostenloses-webinar-navi4x.338d64d8.webp" alt="Topaktuelle Themen für BRV" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 3671 </a> 3672 </div> 3673 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 3674 3675 3676 <a href="/seminare/t/betriebsratsvorsitz-teil-i-769" target="_blank" aria-label="Topaktuelle Themen für BRV" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 3677 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/werbeflaechen-navigation/brv/264680/image-thumb__264680___auto_ef98c734de94ce319ff0ce600e32d451/navi-mittel-brv1-mobile.96fd924a.webp" alt="Topaktuelle Themen für BRV" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/werbeflaechen-navigation/brv/264680/image-thumb__264680___auto_ef98c734de94ce319ff0ce600e32d451/navi-mittel-brv1-mobile.96fd924a.webp" alt="Topaktuelle Themen für BRV" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 3678 </a> 3679 </div> 3680 </div> 3681 </div> 3682 3683 3684 <div class="xl:hidden"> 3685 <hr class="my-6 w-full border-gray-4"/> 3686 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 3687 <div class="flex gap-x-12"> 3688 <div class="flex flex-col items-center"> 3689 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 3690 <picture > 3691 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 3692 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 3693</picture> 3694 3695 </div> 3696 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 3697 Service 3698 </a> 3699 </div> 3700 <div class="flex flex-col items-center"> 3701 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 3702 <picture > 3703 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 3704 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 3705</picture> 3706 3707 </div> 3708 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 3709 Ãber uns 3710 </a> 3711 </div> 3712 </div> 3713 </div> 3714 </div> 3715 </div> 3716 </div> 3717 3718 3719 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="6900" data-flyout-type="neu-im-amt"> 3720 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100% ); "> 3721 <span class="ml-1 chevron-close" data-target-id="6900"> 3722 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 3723 </span> 3724 Neu im Amt als BRV 3725 </div> 3726 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 3727 3728<div class="grid gap-8 xl:grid-cols-2 xl:gap-12"> 3729 <section aria-labelledby="neu-im-amt-info-6900"> 3730 <h2 id="neu-im-amt-info-6900" class="typography-v2 h3-1 text-gray-1"> 3731 Infos & Wissen für Ihr neues Amt 3732 </h2> 3733 3734 <div class="mt-6"> 3735 3736 3737<div class="navigation-a-z "> 3738 <ul class="list-none"> 3739 <li> 3740 <a href="/kampagnen/neu-im-amt-als-brv/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 3741 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3742 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3743 Ãbersicht 3744 </span> 3745 3746 </a> 3747 </li> 3748 3749 <li> 3750 <a href="/kampagnen/neu-im-amt-als-brv/seminare" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 3751 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3752 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3753 Seminare 3754 </span> 3755 3756 </a> 3757 </li> 3758 3759 <li> 3760 <a href="/kampagnen/ausbildung-brv" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 3761 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3762 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3763 BRV-Zertifikatsprogramm 3764 </span> 3765 3766 </a> 3767 </li> 3768 3769 <li> 3770 <a href="/kampagnen/neu-im-amt-als-brv/news-und-wissen" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 3771 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3772 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3773 News & Wissen 3774 </span> 3775 3776 </a> 3777 </li> 3778 3779 <li> 3780 <a href="/kampagnen/neu-im-amt-als-brv/videos" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 3781 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3782 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3783 Videos 3784 </span> 3785 3786 </a> 3787 </li> 3788 3789 <li> 3790 <a href="/kampagnen/neu-im-amt-als-brv/downloads" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 3791 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3792 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3793 Downloads 3794 </span> 3795 3796 </a> 3797 </li> 3798 3799 <li> 3800 <a href="/kampagnen/neu-im-amt-als-brv/forum" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 3801 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3802 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 3803 Forum 3804 </span> 3805 3806 </a> 3807 </li> 3808 3809 </ul> 3810 </div> 3811 3812 </div> 3813 </section> 3814 3815 <section class="top-card-container hidden xl:block xl:min-w-0" aria-labelledby="neu-im-amt-cards-6900"> 3816 <h2 id="neu-im-amt-cards-6900" class="typography-v2 h3-1 mb-6 text-gray-1"> 3817 Topaktuelle Themen 3818 </h2> 3819 3820 3821 3822 <div class="navigation-top-card-slider overflow-visible"> 3823 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 3824 3825 3826 <a href="/service/betriebsrat360" target="_blank" aria-label="Topaktuelle Themen" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 3827 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BRV/275347/image-thumb__275347___auto_dacf04b6b41eacbb102bb0c6a4882061/br360-2-navi-brv-mobile.077bdb6b.webp" alt="Topaktuelle Themen" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-n
3827av-src="/grafiken/navigation/Banner2/BRV/275345/image-thumb__275345___auto_73486f257419bcba2b8337c1dcab5370/br360-2-navi-brv-desktop-wide.a297e4cc.webp" alt="Topaktuelle Themen" width="858" height="296" loading="lazy" decoding="async" style="aspect-ratio: 2.9"/> 3828 </a> 3829 3830 3831 <a href="/seminare/t/update-fuer-betriebsratsvorsitzende-1314" target="_blank" aria-label="Topaktuelle Themen" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 3832 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BRV/275349/image-thumb__275349___auto_dacf04b6b41eacbb102bb0c6a4882061/brv-update-2-navi-brv-mobile.4b8b4dce.webp" alt="Topaktuelle Themen" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BRV/275350/image-thumb__275350___auto_73486f257419bcba2b8337c1dcab5370/brv-update-2-navi-brv-desktop-wide.98752348.webp" alt="Topaktuelle Themen" width="858" height="296" loading="lazy" decoding="async" style="aspect-ratio: 2.9"/> 3833 </a> 3834 </div> 3835 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 3836 3837 3838 <a href="/inhouse/themenvorschlaege/klausurtagung-und-strategieworkshop" target="_blank" aria-label="Topaktuelle Themen" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 3839 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BRV/275359/image-thumb__275359___auto_dacf04b6b41eacbb102bb0c6a4882061/klausurtragung-navi-brv-mobile.760ffc8f.webp" alt="Topaktuelle Themen" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BRV/275357/image-thumb__275357___auto_73486f257419bcba2b8337c1dcab5370/klausurtragung-navi-brv-desktop-wide.d5206c6c.webp" alt="Topaktuelle Themen" width="858" height="296" loading="lazy" decoding="async" style="aspect-ratio: 2.9"/> 3840 </a> 3841 3842 3843 <a href="/fachtagung/brv2" target="_blank" aria-label="Topaktuelle Themen" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 3844 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BRV/275356/image-thumb__275356___auto_dacf04b6b41eacbb102bb0c6a4882061/fachtagung-jahrestagung-navi-brv-mobile.d6aff3f4.webp" alt="Topaktuelle Themen" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BRV/275355/image-thumb__275355___auto_73486f257419bcba2b8337c1dcab5370/fachtagung-jahrestagung-navi-brv-desktop-wide.ecafa47c.webp" alt="Topaktuelle Themen" width="858" height="296" loading="lazy" decoding="async" style="aspect-ratio: 2.9"/> 3845 </a> 3846 </div> 3847 </div> 3848 </section> 3849 </div> 3850 3851 <div class="top-card-container block xl:hidden mt-6"> 3852 3853 <div class="text-lg text-gray-1 lg:text-base font-bold mb-3">Topaktuelle Themen</div> 3854 3855 <div class="navigation-top-card-slider overflow-visible"> 3856 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 3857 3858 3859 <a href="/service/betriebsrat360" target="_blank" aria-label="Topaktuelle Themen" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 3860 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BRV/275347/image-thumb__275347___auto_af5e86273278818cc2959ec4d705eeef/br360-2-navi-brv-mobile.8742c2f8.webp" alt="Topaktuelle Themen" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BRV/275345/image-thumb__275345___auto_ef98c734de94ce319ff0ce600e32d451/br360-2-navi-brv-desktop-wide.8bb22518.webp" alt="Topaktuelle Themen" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 3861 </a> 3862 </div> 3863 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 3864 3865 3866 <a href="/seminare/t/update-fuer-betriebsratsvorsitzende-1314" target="_blank" aria-label="Topaktuelle Themen" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 3867 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BRV/275349/image-thumb__275349___auto_af5e86273278818cc2959ec4d705eeef/brv-update-2-navi-brv-mobile.7910fc67.webp" alt="Topaktuelle Themen" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BRV/275350/image-thumb__275350___auto_ef98c734de94ce319ff0ce600e32d451/brv-update-2-navi-brv-desktop-wide.78e36c0c.webp" alt="Topaktuelle Themen" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 3868 </a> 3869 </div> 3870 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 3871 3872 3873 <a href="/inhouse/themenvorschlaege/klausurtagung-und-strategieworkshop" target="_blank" aria-label="Topaktuelle Themen" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 3874 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BRV/275359/image-thumb__275359___auto_af5e86273278818cc2959ec4d705eeef/klausurtragung-navi-brv-mobile.256a87f4.webp" alt="Topaktuelle Themen" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BRV/275357/image-thumb__275357___auto_ef98c734de94ce319ff0ce600e32d451/klausurtragung-navi-brv-desktop-wide.189d46d8.webp" alt="Topaktuelle Themen" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 3875 </a> 3876 </div> 3877 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 3878 3879 3880 <a href="/fachtagung/brv2" target="_blank" aria-label="Topaktuelle Themen" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 3881 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BRV/275356/image-thumb__275356___auto_af5e86273278818cc2959ec4d705eeef/fachtagung-jahrestagung-navi-brv-mobile.a88b38b3.webp" alt="Topaktuelle Themen" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/BRV/275355/image-thumb__275355___auto_ef98c734de94ce319ff0ce600e32d451/fachtagung-jahrestagung-navi-brv-desktop-wide.535533a5.webp" alt="Topaktuelle Themen" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 3882 </a> 3883 </div> 3884 </div> 3885 </div> 3886 3887 3888 <div class="xl:hidden"> 3889 <hr class="my-6 w-full border-gray-4"/> 3890 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 3891 <div class="flex gap-x-12"> 3892 <div class="flex flex-col items-center"> 3893 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 3894 <picture > 3895 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 3896 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 3897</picture> 3898 3899 </div> 3900 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 3901 Service 3902 </a> 3903 </div> 3904 <div class="flex flex-col items-center"> 3905 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 3906 <picture > 3907 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 3908 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 3909</picture> 3910 3911 </div> 3912 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 3913 Ãber uns 3914 </a> 3915 </div> 3916 </div> 3917 </div> 3918 </div> 3919 </div> 3920 </div> 3921 3922 3923 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="5285" data-flyout-type="icon-committee"> 3924 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100% ); "> 3925 <span class="ml-1 chevron-close" data-target-id="5285"> 3926 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 3927 </span> 3928 Ausschüsse 3929 </div> 3930 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 3931 <div class="nav-flyout-icon-and-desc"> 3932 <p class="mb-2 xl:mb-0 block text-lg font-bold leading-ifb text-gray-1 xl:text-[25px] xl:font-extrabold"> 3933 Kompetentes Wissen für jeden Ausschuss 3934 </p> 3935 3936 <div class=""> 3937 <div class="xl:legacy-equal-grid-columns-2 xl:gap-x-12 xl:gap-y-6 xl:space-y-0 space-y-0 xl:mt-6"> 3938 <div class="group/icon h-[78px] xl:h-auto"> 3939 <a href="/br/ausschuesse/arbeitsschutzausschuss/uebersicht" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 3940 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 3941 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Ausschuss/arbeitsschutzausschuss.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 3942 class="h-12 w-12 max-w-none brightness-0"/> 3943 </div> 3944 <div class="relative isolate block min-w-0
3944w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 3945 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3946 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 3947 Arbeitsschutzausschuss 3948 </p> 3949 </div> 3950 </a> 3951 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 3952 </div> 3953 <div class="group/icon h-[78px] xl:h-auto"> 3954 <a href="/br/themen/betriebsausschuss/uebersicht" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 3955 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 3956 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Ausschuss/betriebsausschuss.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 3957 class="h-12 w-12 max-w-none brightness-0"/> 3958 </div> 3959 <div class="relative isolate block min-w-0
3959w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 3960 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3961 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 3962 Betriebsausschuss 3963 </p> 3964 </div> 3965 </a> 3966 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 3967 </div> 3968 <div class="group/icon h-[78px] xl:h-auto"> 3969 <a href="/br/ausschuesse/it-ausschuss/uebersicht" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 3970 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 3971 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Ausschuss/it-ausschuss.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 3972 class="h-12 w-12 max-w-none brightness-0"/> 3973 </div> 3974 <div class="relative isolate block min-w-0
3974w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 3975 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3976 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 3977 IT-Ausschuss 3978 </p> 3979 </div> 3980 </a> 3981 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 3982 </div> 3983 <div class="group/icon h-[78px] xl:h-auto"> 3984 <a href="/br/ausschuesse/personalausschuss/uebersicht" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 3985 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 3986 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Ausschuss/personalausschuss.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 3987 class="h-12 w-12 max-w-none brightness-0"/> 3988 </div> 3989 <div class="relative isolate block min-w-0
3989w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 3990 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 3991 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 3992 Personalausschuss 3993 </p> 3994 </div> 3995 </a> 3996 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 3997 </div> 3998 <div class="group/icon h-[78px] xl:h-auto"> 3999 <a href="/br/themen/wirtschaftsausschuss/uebersicht" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 4000 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 4001 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Ausschuss/wirtschaftsausschuss.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 4002 class="h-12 w-12 max-w-none brightness-0"/> 4003 </div> 4004 <div class="relative isolate block min-w-0
4004w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 4005 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4006 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 4007 Wirtschaftsausschuss 4008 </p> 4009 </div> 4010 </a> 4011 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 4012 </div> 4013 </div> 4014 4015 </div> 4016</div> 4017 4018 4019 <div class="xl:hidden"> 4020 <hr class="my-6 w-full border-gray-4"/> 4021 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 4022 <div class="flex gap-x-12"> 4023 <div class="flex flex-col items-center"> 4024 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 4025 <picture > 4026 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 4027 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 4028</picture> 4029 4030 </div> 4031 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 4032 Service 4033 </a> 4034 </div> 4035 <div class="flex flex-col items-center"> 4036 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 4037 <picture > 4038 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 4039 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 4040</picture> 4041 4042 </div> 4043 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 4044 Ãber uns 4045 </a> 4046 </div> 4047 </div> 4048 </div> 4049 </div> 4050 </div> 4051 </div> 4052 4053 4054 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="4186" data-flyout-type="icon-committee"> 4055 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100% ); "> 4056 <span class="ml-1 chevron-close" data-target-id="4186"> 4057 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 4058 </span> 4059 Lernformate 4060 </div> 4061 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 4062 <div class="nav-flyout-icon-and-desc"> 4063 <p class="mb-2 xl:mb-0 block text-lg font-bold leading-ifb text-gray-1 xl:text-[25px] xl:font-extrabold"> 4064 Lernen, wie es Ihnen gefällt! 4065 </p> 4066 4067 <div class=""> 4068 <div class="xl:legacy-equal-grid-columns-2 xl:gap-x-12 xl:gap-y-6 xl:space-y-0 space-y-0 xl:mt-6"> 4069 <div class="group/icon h-[78px] xl:h-auto"> 4070 <a href="/seminare?tab=prasenz-seminar&page=seminar&themeGroup=3819026&inPerson=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 4071 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 4072 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/praesenz.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 4073 class="h-12 w-12 max-w-none brightness-0"/> 4074 </div> 4075 <div class="relative isolate block min-w-0
4075w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 4076 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4077 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 4078 Präsenz-Seminare 4079 </p> 4080 </div> 4081 </a> 4082 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 4083 </div> 4084 <div class="group/icon h-[78px] xl:h-auto"> 4085 <a href="/seminare?page=seminar&tab=online-seminar&themeGroup=3819026&typeWebinar=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 4086 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 4087 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/online.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 4088 class="h-12 w-12 max-w-none brightness-0"/> 4089 </div> 4090 <div class="relative isolate block min-w-0
4090w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 4091 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4092 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 4093 Online-Seminare 4094 </p> 4095 </div> 4096 </a> 4097 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 4098 </div> 4099 <div class="group/icon h-[78px] xl:h-auto"> 4100 <a href="/seminare?page=seminar&tab=inhouse-seminar&themeGroup=3819026&isInhouse=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 4101 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 4102 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/inhouse.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 4103 class="h-12 w-12 max-w-none brightness-0"/> 4104 </div> 4105 <div class="relative isolate block min-w-0
4105w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 4106 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4107 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 4108 Inhouse-Seminare 4109 </p> 4110 </div> 4111 </a> 4112 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 4113 </div> 4114 <div class="group/icon h-[78px] xl:h-auto"> 4115 <a href="/seminare?page=seminar&tab=veranstaltungen&themeGroup=3819026&typeFachtagung=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 4116 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 4117 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/fachtagungen.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 4118 class="h-12 w-12 max-w-none brightness-0"/> 4119 </div> 4120 <div class="relative isolate block min-w-0
4120w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 4121 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4122 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 4123 Fachtagungen und Symposien 4124 </p> 4125 </div> 4126 </a> 4127 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 4128 </div> 4129 <div class="group/icon h-[78px] xl:h-auto"> 4130 <a href="/seminare?page=seminar&tab=ifb-direkt" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 4131 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 4132 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/ifbdirekt.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 4133 class="h-12 w-12 max-w-none brightness-0"/> 4134 </div> 4135 <div class="relative isolate block min-w-0
4135w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 4136 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4137 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 4138 ifb-Direkt! 4139 </p> 4140 </div> 4141 </a> 4142 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 4143 </div> 4144 <div class="group/icon h-[78px] xl:h-auto"> 4145 <a href="/seminare?page=seminar&tab=kostenlose-webinare&themeGroup=3819026&typeFreeWebinar=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 4146 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 4147 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/webinar.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 4148 class="h-12 w-12 max-w-none brightness-0"/> 4149 </div> 4150 <div class="relative isolate block min-w-0
4150w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 4151 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4152 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 4153 Kostenlose Webinare 4154 </p> 4155 </div> 4156 </a> 4157 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 4158 </div> 4159 <div class="group/icon h-[78px] xl:h-auto"> 4160 <a href="/seminare?page=seminar&tab=ausbildungen&themeGroup=3819026&typeAusbildung=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 4161 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 4162 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/ausbildung.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 4163 class="h-12 w-12 max-w-none brightness-0"/> 4164 </div> 4165 <div class="relative isolate block min-w-0
4165w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 4166 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4167 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 4168 Ausbildungen 4169 </p> 4170 </div> 4171 </a> 4172 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 4173 </div> 4174 <div class="group/icon h-[78px] xl:h-auto"> 4175 <a href="/seminare?page=seminar&tab=fremdsprachige-seminare&themeGroup=3819026&language=en&language=tr" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 4176 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 4177 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/fremdsprachig.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 4178 class="h-12 w-12 max-w-none brightness-0"/> 4179 </div> 4180 <div class="relative isolate block min-w-0
4180w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 4181 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4182 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 4183 Fremdsprachige Seminare 4184 </p> 4185 </div> 4186 </a> 4187 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 4188 </div> 4189 <div class="group/icon h-[78px] xl:h-auto"> 4190 <a href="/seminare?tab=Zertifikats-%E2%80%A8lehrgänge&page=seminar" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 4191 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 4192 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/zertifikat.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 4193 class="h-12 w-12 max-w-none brightness-0"/> 4194 </div> 4195 <div class="relative isolate block min-w-0
4195w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 4196 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4197 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 4198 Zertifikatslehrgänge 4199 </p> 4200 </div> 4201 </a> 4202 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 4203 </div> 4204 </div> 4205 4206 </div> 4207</div> 4208 4209 4210 <div class="xl:hidden"> 4211 <hr class="my-6 w-full border-gray-4"/> 4212 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 4213 <div class="flex gap-x-12"> 4214 <div class="flex flex-col items-center"> 4215 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 4216 <picture > 4217 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 4218 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 4219</picture> 4220 4221 </div> 4222 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 4223 Service 4224 </a> 4225 </div> 4226 <div class="flex flex-col items-center"> 4227 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 4228 <picture > 4229 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 4230 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 4231</picture> 4232 4233 </div> 4234 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 4235 Ãber uns 4236 </a> 4237 </div> 4238 </div> 4239 </div> 4240 </div> 4241 </div> 4242 </div> 4243 4244 4245 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="6027" data-flyout-type="schulungsanspruch"> 4246 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100% ); "> 4247 <span class="ml-1 chevron-close" data-target-id="6027"> 4248 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 4249 </span> 4250 Schulungsanspruch 4251 </div> 4252 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 4253 4254<h2 class="typography-v2 h3-1 mb-6 text-gray-1"> 4255 Sicher zum Seminar 4256</h2> 4257 4258<div class="grid gap-8 xl:grid-cols-2 xl:gap-x-12 xl:gap-y-8"> 4259 4260 <section aria-labelledby="schulungsanspruch-6027-6631" class=""> 4261 <h3 id="schulungsanspruch-6027-6631" class="mb-3 bg-clip-text text-lg font-bold leading-[1.3] text-transparent" style="background-image: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);"> 4262 Rollen und Funktionen 4263 </h3> 4264 4265 4266 4267<div class="navigation-a-z "> 4268 <ul class="list-none"> 4269 <li> 4270 <a href="/schulungsanspruch/arbeitnehmervertreter/erforderlichkeit" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4271 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4272 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4273 Arbeitnehmervertreter im Aufsichtsrat 4274 </span> 4275 4276 </a> 4277 </li> 4278 4279 <li> 4280 <a href="/brv/schulungsanspruch/betriebsrat/erforderlichkeit" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4281 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4282 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4283 Betriebsrat 4284 </span> 4285 4286 </a> 4287 </li> 4288 4289 <li> 4290 <a href="/schulungsanspruch/ersatzmitglieder/erforderlichkeit" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4291 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4292 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4293 Ersatzmitglieder im Betriebsrat 4294 </span> 4295 4296 </a> 4297 </li> 4298 4299 <li> 4300 <a href="/schulungsanspruch/personalrat/erforderlichkeit" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4301 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4302 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4303 Personalrat 4304 </span> 4305 4306 </a> 4307 </li> 4308 4309 <li> 4310 <a href="/schulungsanspruch/wahlvorstand/erforderlichkeit" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4311 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4312 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4313 Wahlvorstand 4314 </span> 4315 4316 </a> 4317 </li> 4318 4319 <li>
4320 <a href="/schulungsanspruch/wirtschaftsausschuss/erforderlichkeit" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4321 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4322 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4323 Wirtschaftsausschuss 4324 </span> 4325 4326 </a> 4327 </li> 4328 4329 </ul> 4330 </div> 4331 4332 </section> 4333 4334 <section aria-labelledby="schulungsanspruch-6027-6674" class="xl:col-start-2 xl:row-start-1"> 4335 <h3 id="schulungsanspruch-6027-6674" class="mb-3 bg-clip-text text-lg font-bold leading-[1.3] text-transparent" style="background-image: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);"> 4336 Häufige Fragen 4337 </h3> 4338 4339 4340 4341<div class="navigation-a-z "> 4342 <ul class="list-none"> 4343 <li> 4344 <a href="/brv/schulungsanspruch/durchsetzung-des-anspruchs" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4345 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4346 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4347 Durchsetzung des Anspruchs 4348 </span> 4349 4350 </a> 4351 </li> 4352 4353 <li> 4354 <a href="/brv/schulungsanspruch/erforderliche-schulungsthemen" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4355 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4356 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4357 Erforderliche Schulungsthemen 4358 </span> 4359 4360 </a> 4361 </li> 4362 4363 <li> 4364 <a href="/brv/schulungsanspruch/formaler-ablauf" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4365 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4366 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4367 Formaler Ablauf 4368 </span> 4369 4370 </a> 4371 </li> 4372 4373 <li> 4374 <a href="/brv/schulungsanspruch/kosten" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4375 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4376 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4377 Kosten 4378 </span> 4379 4380 </a> 4381 </li> 4382 4383 <li> 4384 <a href="/brv/schulungsanspruch/neu-im-betriebsrat" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4385 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4386 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4387 Neu im Betriebsrat 4388 </span> 4389 4390 </a> 4391 </li> 4392 4393 </ul> 4394 </div> 4395 4396 </section> 4397 4398 <section aria-labelledby="schulungsanspruch-6027-6683" class="xl:col-start-1 xl:row-start-2"> 4399 <h3 id="schulungsanspruch-6027-6683" class="mb-3 bg-clip-text text-lg font-bold leading-[1.3] text-transparent" style="background-image: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);"> 4400 Spezielle Themen 4401 </h3> 4402 4403 4404 4405<div class="navigation-a-z "> 4406 <ul class="list-none"> 4407 <li> 4408 <a href="/brv/schulungsanspruch/arbeits-und-gesundheitsschutz" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4409 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4410 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4411 Arbeits- und Gesundheitsschutz 4412 </span> 4413 4414 </a> 4415 </li> 4416 4417 <li> 4418 <a href="/brv/schulungsanspruch/informationstechnik-pc-und-datenschutz" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4419 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4420 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4421 IT, PC und Datenschutz 4422 </span> 4423 4424 </a> 4425 </li> 4426 4427 <li> 4428 <a href="/brv/schulungsanspruch/kommunikation-rhetorik-und-mobbing" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4429 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4430 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4431 Rhetorik, Kommunikation und Mobbing 4432 </span> 4433 4434 </a> 4435 </li> 4436 4437 </ul> 4438 </div> 4439 4440 </section> 4441 </div> 4442 4443 4444 <div class="xl:hidden"> 4445 <hr class="my-6 w-full border-gray-4"/> 4446 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 4447 <div class="flex gap-x-12"> 4448 <div class="flex flex-col items-center"> 4449 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 4450 <picture > 4451 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 4452 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 4453</picture> 4454 4455 </div> 4456 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 4457 Service 4458 </a> 4459 </div> 4460 <div class="flex flex-col items-center"> 4461 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 4462 <picture > 4463 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 4464 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 4465</picture> 4466 4467 </div> 4468 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 4469 Ãber uns 4470 </a> 4471 </div> 4472 </div> 4473 </div> 4474 </div> 4475 </div> 4476 </div> 4477 4478 4479 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="6494" data-flyout-type="rechtsprechung-lexikon"> 4480 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100% ); "> 4481 <span class="ml-1 chevron-close" data-target-id="6494"> 4482 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 4483 </span> 4484 Rechtsprechung & Lexikon 4485 </div> 4486 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 4487 4488 4489 4490<div class="grid gap-8 xl:grid-cols-2 xl:gap-12"> 4491 <section aria-labelledby="rechtsprechung-6494"> 4492 <h2 id="rechtsprechung-6494" class="typography-v2 h3-1 text-gray-1"> 4493 Aktuelle Rechtsprechungen 4494 </h2> 4495 4496 <div class="mt-6"> 4497 4498 4499<div class="navigation-a-z "> 4500 <ul class="list-none"> 4501 <li> 4502 <a href="/rechtsprechung/br/arbeits-und-gesundheitsschutz" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4503 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4504 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4505 Arbeits- und Gesundheitsschutz 4506 </span> 4507 4508 </a> 4509 </li> 4510 4511 <li> 4512 <a href="/rechtsprechung/br/arbeitsvertrag-und-verguetung" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4513 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4514 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4515 Arbeitsvertrag und Vergütung 4516 </span> 4517 4518 </a> 4519 </li> 4520 4521 <li> 4522 <a href="/rechtsprechung/br/arbeitszeit" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4523 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4524 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4525 Arbeitszeit 4526 </span> 4527 4528 </a> 4529 </li> 4530 4531 <li> 4532 <a href="/rechtsprechung/br/betriebsrat-und-mitbestimmung" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4533 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4534 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4535 Betriebsrat und Mitbestimmung 4536 </span> 4537 4538 </a> 4539 </li> 4540 4541 <li> 4542 <a href="/rechtsprechung/br/br-wahl" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4543 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4544 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4545 Betriebsratswahl 4546 </span> 4547 4548 </a> 4549 </li> 4550 4551 <li> 4552 <a href="/rechtsprechung/br/datenschutz-und-digitaler-wandel" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4553 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4554 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4555 Datenschutz und Digitaler Wandel 4556 </span> 4557 4558 </a> 4559 </li> 4560 4561 <li> 4562 <a href="/rechtsprechung/br/kuendigung-und-aufhebungsvertrag" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4563 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 10
45630%);" aria-hidden="true"></span> 4564 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4565 Kündigung- und Aufhebungsvertrag 4566 </span> 4567 4568 </a> 4569 </li> 4570 4571 <li> 4572 <a href="/rechtsprechung/br/schulungsanspruch" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4573 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4574 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4575 Schulungsanspruch 4576 </span> 4577 4578 </a> 4579 </li> 4580 4581 <li> 4582 <a href="/rechtsprechung/br/schwerbehindertenvertretung" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4583 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4584 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4585 Schwerbehinderung 4586 </span> 4587 4588 </a> 4589 </li> 4590 4591 <li> 4592 <a href="/rechtsprechung/br/wirtschaftsausschuss-und-wirtschaftliche-angelegenheiten" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4593 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4594 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4595 Wirtschaftsausschuss 4596 </span> 4597 4598 </a> 4599 </li> 4600 4601 <li> 4602 <a href="/rechtsprechung/br/weitere-themen" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 4603 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4604 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 4605 Weitere Themen 4606 </span> 4607 4608 </a> 4609 </li> 4610 4611 </ul> 4612 </div> 4613 4614 </div> 4615 </section> 4616 4617 4618 <section aria-labelledby="lexikon-6494"> 4619 <h2 id="lexikon-6494" class="typography-v2 h3-1 mb-6 text-gray-1"> 4620 Lexikon 4621 </h2> 4622 4623 <a href="/lexikon#ifb" target="_self" aria-label="Lexikon" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 4624 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/Allgemein/lexikon-navi-mobile.jpg" alt="Lexikon" width="429" height="319" loading="lazy" decoding="async" class="block h-auto w-full xl:hidden"> 4625 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/Allgemein/lexikon-navi-desktop.jpg" alt="Lexikon" width="429" height="319" loading="lazy" decoding="async" class="hidden xl:block xl:h-[319px] xl:object-fill"> 4626 </a> 4627 </section> 4628 </div> 4629 4630 4631 <div class="xl:hidden"> 4632 <hr class="my-6 w-full border-gray-4"/> 4633 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 4634 <div class="flex gap-x-12"> 4635 <div class="flex flex-col items-center"> 4636 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 4637 <picture > 4638 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 4639 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 4640</picture> 4641 4642 </div> 4643 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 4644 Service 4645 </a> 4646 </div> 4647 <div class="flex flex-col items-center"> 4648 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 4649 <picture > 4650 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 4651 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 4652</picture> 4653 4654 </div> 4655 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 4656 Ãber uns 4657 </a> 4658 </div> 4659 </div> 4660 </div> 4661 </div> 4662 </div> 4663 </div> 4664 4665 4666 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="6508" data-flyout-type="icon-committee"> 4667 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #830a0aff 0%, #bf1d2eff 100% ); "> 4668 <span class="ml-1 chevron-close" data-target-id="6508"> 4669 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 4670 </span> 4671 Services für BRV 4672 </div> 4673 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 4674 <div class="nav-flyout-icon-and-desc"> 4675 <p class="mb-2 xl:mb-0 block text-lg font-bold leading-ifb text-gray-1 xl:text-[25px] xl:font-extrabold"> 4676 Wichtige ifb-Services auf einen Blick 4677 </p> 4678 4679 <div class=""> 4680 <div class="xl:legacy-equal-grid-columns-2 xl:gap-x-12 xl:gap-y-6 xl:space-y-0 space-y-0 xl:mt-6"> 4681 <div class="group/icon h-[78px] xl:h-auto"> 4682 <a href="/service/downloads#betriebsratsvorsitzender" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 4683 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 4684 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/downloads.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 4685 class="h-12 w-12 max-w-none brightness-0"/> 4686 </div> 4687 <div class="relative isolate block min-w-0
4687w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 4688 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4689 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 4690 Arbeitshilfen und Downloads 4691 </p> 4692 </div> 4693 </a> 4694 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 4695 </div> 4696 <div class="group/icon h-[78px] xl:h-auto"> 4697 <a href="/service/deutsche-bahn" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 4698 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 4699 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/bahn.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 4700 class="h-12 w-12 max-w-none brightness-0"/> 4701 </div> 4702 <div class="relative isolate block min-w-0
4702w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 4703 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4704 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 4705 Bahn Sondertarif 4706 </p> 4707 </div> 4708 </a> 4709 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 4710 </div> 4711 <div class="group/icon h-[78px] xl:h-auto"> 4712 <a href="/service/betriebsrat360" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 4713 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 4714 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/br360.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 4715 class="h-12 w-12 max-w-none brightness-0"/> 4716 </div> 4717 <div class="relative isolate block min-w-0
4717w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 4718 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4719 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 4720 Betriebsrat360 â Ihr kostenloser Sitzungsmanager 4721 </p> 4722 </div> 4723 </a> 4724 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 4725 </div> 4726 <div class="group/icon h-[78px] xl:h-auto"> 4727 <a href="https://forum.betriebsrat.de/board/45-brv-allgemeine-themen" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 4728 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 4729 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/forum.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 4730 class="h-12 w-12 max-w-none brightness-0"/> 4731 </div> 4732 <div class="relative isolate block min-w-0
4732w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 4733 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4734 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 4735 BRV-Forum 4736 </p> 4737 </div> 4738 </a> 4739 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 4740 </div> 4741 <div class="group/icon h-[78px] xl:h-auto"> 4742 <a href="/service/faq" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 4743 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 4744 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/faq.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 4745 class="h-12 w-12 max-w-none brightness-0"/> 4746 </div> 4747 <div class="relative isolate block min-w-0
4747w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 4748 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4749 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 4750 Häufig gestellte Fragen 4751 </p> 4752 </div> 4753 </a> 4754 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 4755 </div> 4756 <div class="group/icon h-[78px] xl:h-auto"> 4757 <a href="/service/kataloge" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 4758 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 4759 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/kataloge.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 4760 class="h-12 w-12 max-w-none brightness-0"/> 4761 </div> 4762 <div class="relative isolate block min-w-0
4762w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 4763 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4764 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 4765 Kataloge 4766 </p> 4767 </div> 4768 </a> 4769 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 4770 </div> 4771 <div class="group/icon h-[78px] xl:h-auto"> 4772 <a href="/service/meinifb" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 4773 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 4774 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/meinifb.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 4775 class="h-12 w-12 max-w-none brightness-0"/> 4776 </div> 4777 <div class="relative isolate block min-w-0
4777w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 4778 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4779 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 4780 meinifb 4781 </p> 4782 </div> 4783 </a> 4784 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 4785 </div> 4786 <div class="group/icon h-[78px] xl:h-auto"> 4787 <a href="/service/newsletter" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 4788 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 4789 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/newsletter.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 4790 class="h-12 w-12 max-w-none brightness-0"/> 4791 </div> 4792 <div class="relative isolate block min-w-0
4792w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 4793 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4794 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 4795 Newsletter 4796 </p> 4797 </div> 4798 </a> 4799 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 4800 </div> 4801 <div class="group/icon h-[78px] xl:h-auto"> 4802 <a href="/seminare/t/update-fuer-betriebsratsvorsitzende-1314" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 4803 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 4804 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/update.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 4805 class="h-12 w-12 max-w-none brightness-0"/> 4806 </div> 4807 <div class="relative isolate block min-w-0
4807w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 4808 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4809 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 4810 Update für Betriebsratsvorsitzende 4811 </p> 4812 </div> 4813 </a> 4814 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 4815 </div> 4816 <div class="group/icon h-[78px] xl:h-auto"> 4817 <a href="/service/chatbot" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 4818 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #bf1d2eff 24%, transparent);"> 4819 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/chatbot.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 4820 class="h-12 w-12 max-w-none brightness-0"/> 4821 </div> 4822 <div class="relative isolate block min-w-0
4822w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 4823 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #830a0aff 0%, #bf1d2eff 100%);" aria-hidden="true"></span> 4824 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 4825 ifb-Chatbot 4826 </p> 4827 </div> 4828 </a> 4829 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 4830 </div> 4831 </div> 4832 4833 </div> 4834</div> 4835 4836 4837 <div class="xl:hidden"> 4838 <hr class="my-6 w-full border-gray-4"/> 4839 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 4840 <div class="flex gap-x-12"> 4841 <div class="flex flex-col items-center"> 4842 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 4843 <picture > 4844 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 4845 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 4846</picture> 4847 4848 </div> 4849 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 4850 Service 4851 </a> 4852 </div> 4853 <div class="flex flex-col items-center"> 4854 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 4855 <picture > 4856 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 4857 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 4858</picture> 4859 4860 </div> 4861 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 4862 Ãber uns 4863 </a> 4864 </div> 4865 </div> 4866 </div> 4867 </div> 4868 </div> 4869 </div> 4870 4871 </div> 4872 <div class="nav-motion-item nav-button-close cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x ifb-icon" ><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></div> 4873 </div> 4874 </div> 4875 </div> 4876 <div class='gray-transparent-bg-wrapper nav-button-close'></div> 4877 </div> 4878</div> 4879 4880 4881 4882
4883<script> 4884 function updateNavPosition() { 4885 let navElements = document.querySelectorAll(".nav-container"); 4886 if (!navElements.length) 4887 return; 4888 4889 4890 4891 if (window.innerWidth < 1200) { 4892 navElements.forEach((navElement) => { 4893 navElement.classList.add("top-0"); 4894 }); 4895 } else { 4896 navElements.forEach((navElement) => { 4897 navElement.classList.remove("top-0"); 4898 }); 4899 } 4900 } 4901 4902 window.addEventListener("DOMContentLoaded", function() { 4903 updateNavPosition(); 4904 }); 4905 4906 window.addEventListener("resize", function() { 4907 updateNavPosition(); 4908 }); 4909</script>
4909 4910 4911<style> 4912 @media screen and(max-width: 1279px) { 4913 .disable-gradient-on-mobile { 4914 background: none !important; 4915 } 4916 4917 .nav-item-second-level { 4918 .nav-item-second-level-text { 4919 color: initial; 4920 } 4921 4922 &:hover:not(.active) { 4923 opacity: 1; 4924 .nav-item-second-level-text { 4925 color: initial; 4926 } 4927 } 4928 4929 &.active { 4930 background-color: initial; 4931 opacity: 1; 4932 4933 .nav-item-second-level-text { 4934 color: initial; 4935 opacity: 1; 4936 } 4937 } 4938 } 4939 } 4940 4941 @media screen and (min-width: 1280px) { 4942 .nav-second-level-menu { 4943 box-shadow: 0 2px 16px 0 rgba(50, 61, 81, 0.16), 0 24px 80px 0 rgba(88, 89, 91, 0.16); 4944 } 4945 } 4946 4947 .nav-wrapper { 4948 background-color: #fff; 4949 overflow-y: auto; 4950 max-height: calc(100vh); 4951 4952 &::-webkit-scrollbar { 4953 width: 8px; 4954 } 4955 4956 &::-webkit-scrollbar-track { 4957 background: transparent; 4958 margin: 5px; 4959 } 4960 4961 &::-webkit-scrollbar-thumb { 4962 background: #5C5C5C; 4963 border-radius: 10px; 4964 } 4965 4966 &::-webkit-scrollbar-button { 4967 display: none; 4968 } 4969 4970 scrollbar-width: thin; 4971 scrollbar-color: #5C5C5C transparent; 4972 } 4973 4974 .nav-wrapper.nav-height-transition { 4975 overflow: hidden; 4976 } 4977 4978 .nav-container::before { 4979 content: ""; 4980 position: absolute; 4981 top: 0; 4982 left: 0; 4983 right: 0; 4984 height: 100px; 4985 pointer-events: none; 4986 z-index: 250; 4987 background: linear-gradient(to bottom, rgba(0, 0, 0, 0.11) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.07) 20%, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.02) 60%, rgba(0, 0, 0, 0.01) 80%, rgba(0, 0, 0, 0) 100%); 4988 } 4989 4990 .top-card-container-slider .flickity-page-dots { 4991 bottom: 4px; 4992 top: unset; 4993 margin-top: 12px; 4994 } 4995 4996 .navigation-top-card-slider .flickity-page-dots { 4997 margin-top: 12px; 4998 } 4999 5000 .nav-motion-enter .nav-motion-panel, 5001 .nav-flyout.nav-motion-enter, 5002 .mobile-subnav-flyout.nav-motion-enter, 5003 .sidebar-top-card-container.nav-motion-enter { 5004 animation: nav-flyout-reveal 300ms cubic-bezier(0.22, 1, 0.36, 1) both; 5005 } 5006 5007 .nav-motion-overlay-enter { 5008 animation: nav-overlay-reveal 300ms cubic-bezier(0.22, 1, 0.36, 1) both; 5009 } 5010 5011 .nav-motion-exit { 5012 z-index: 49; 5013 pointer-events: none; 5014 } 5015 5016 .nav-second-level.nav-motion-exit .nav-container { 5017 z-index: 49; 5018 } 5019 5020 .nav-second-level.nav-motion-exit .nav-wrapper, 5021 .nav-flyout.nav-motion-exit, 5022 .mobile-subnav-flyout.nav-motion-exit, 5023 .sidebar-top-card-container.nav-motion-exit { 5024 animation: nav-flyout-hide 420ms cubic-bezier(0.4, 0, 0.2, 1) both; 5025 } 5026 5027 .nav-second-level.nav-motion-enter .nav-container::before { 5028 animation: nav-top-shadow-reveal 300ms ease-out both; 5029 } 5030 5031 .nav-second-level.nav-motion-exit .nav-container::before { 5032 animation: nav-top-shadow-hide 420ms cubic-bezier(0.4, 0, 0.2, 1) both; 5033 } 5034 5035 .nav-motion-overlay-exit { 5036 pointer-events: none; 5037 animation: nav-overlay-hide 340ms ease-out both; 5038 } 5039 5040 .nav-motion-hidden { 5041 visibility: hidden; 5042 } 5043 5044 .nav-motion-enter .nav-motion-item { 5045 animation: nav-content-reveal 220ms cubic-bezier(0.22, 1, 0.36, 1) both; 5046 } 5047 5048 .nav-flyout.nav-motion-tab-enter, 5049 .sidebar-top-card-container.nav-motion-tab-enter { 5050 animation: nav-tab-content-enter 180ms ease-out both; 5051 } 5052 5053 .nav-flyout.nav-motion-tab-exit, 5054 .sidebar-top-card-container.nav-motion-tab-exit { 5055 z-index: 49; 5056 pointer-events: none; 5057 animation: nav-tab-content-exit 140ms ease-in both; 5058 } 5059 5060 .nav-motion-enter .nav-motion-item:nth-child(2) { 5061 animation-delay: 35ms; 5062 } 5063 5064 .nav-motion-enter .nav-motion-item:nth-child(n + 3) { 5065 animation-delay: 70ms; 5066 } 5067 5068 @keyframes nav-flyout-reveal { 5069 from { 5070 opacity: 0; 5071 transform: translateY(-14px) scale(0.995); 5072 } 5073 5074 to { 5075 opacity: 1; 5076 transform: translateY(0) scale(1); 5077 } 5078 } 5079 5080 @keyframes nav-content-reveal { 5081 from { 5082 opacity: 0; 5083 transform: translateY(-4px); 5084 } 5085 5086 to { 5087 opacity: 1; 5088 transform: translateY(0); 5089 } 5090 } 5091 5092 @keyframes nav-tab-content-enter { 5093 from { 5094 opacity: 0; 5095 transform: translateX(4px); 5096 } 5097 5098 to { 5099 opacity: 1; 5100 transform: translateX(0); 5101 } 5102 } 5103 5104 @keyframes nav-tab-content-exit { 5105 from { 5106 opacity: 1; 5107 transform: translateX(0); 5108 } 5109 5110 to { 5111 opacity: 0; 5112 transform: translateX(-4px); 5113 } 5114 } 5115 5116 @keyframes nav-flyout-hide { 5117 0, 5118 18% { 5119 opacity: 1; 5120 transform: translateY(0); 5121 } 5122 5123 to { 5124 opacity: 0; 5125 transform: translateY(-14px) scale(0.99); 5126 } 5127 } 5128 5129 @keyframes nav-top-shadow-reveal { 5130 from { 5131 opacity: 0; 5132 } 5133 5134 to { 5135 opacity: 1; 5136 } 5137 } 5138 5139 @keyframes nav-top-shadow-hide { 5140 0, 5141 18% { 5142 opacity: 1; 5143 } 5144 5145 to { 5146 opacity: 0; 5147 } 5148 } 5149 5150 @keyframes nav-overlay-reveal { 5151 from { 5152 opacity: 0; 5153 } 5154 5155 to { 5156 opacity: 0.62; 5157 } 5158 } 5159 5160 @keyframes nav-overlay-hide { 5161 from { 5162 opacity: 0.62; 5163 } 5164 5165 to { 5166 opacity: 0; 5167 } 5168 } 5169 5170 @media screen and(max-width: 1279px) {
5171 .mobile-subnav-flyout.nav-motion-enter { 5172 z-index: 50; 5173 } 5174 5175 .nav-second-level.nav-motion-enter .nav-motion-panel, 5176 .nav-flyout.nav-motion-enter, 5177 .mobile-subnav-flyout.nav-motion-enter { 5178 animation-name: nav-mobile-flyout-reveal; 5179 } 5180 5181 .nav-flyout.nav-motion-exit, 5182 .mobile-subnav-flyout.nav-motion-exit { 5183 animation-name: nav-mobile-flyout-hide; 5184 } 5185 5186 @keyframes nav-mobile-flyout-reveal { 5187 from { 5188 opacity: 0; 5189 transform: translateX(12px); 5190 } 5191 5192 to { 5193 opacity: 1; 5194 transform: translateX(0); 5195 } 5196 } 5197 5198 @keyframes nav-mobile-flyout-hide { 5199 0, 5200 18% { 5201 opacity: 1; 5202 transform: translateX(0); 5203 } 5204 5205 to { 5206 opacity: 0; 5207 transform: translateX(14px); 5208 } 5209 } 5210 } 5211 5212 @media(prefers-reduced-motion: reduce) { 5213 .nav-wrapper.nav-height-transition { 5214 transition: none; 5215 } 5216 5217 .nav-motion-enter .nav-motion-panel, 5218 .nav-flyout.nav-motion-enter, 5219 .mobile-subnav-flyout.nav-motion-enter, 5220 .sidebar-top-card-container.nav-motion-enter, 5221 .nav-motion-overlay-enter, 5222 .nav-motion-exit, 5223 .nav-motion-overlay-exit, 5224 .nav-second-level.nav-motion-enter .nav-container::before, 5225 .nav-second-level.nav-motion-exit .nav-container::before, 5226 .nav-flyout.nav-motion-tab-enter, 5227 .sidebar-top-card-container.nav-motion-tab-enter, 5228 .nav-flyout.nav-motion-tab-exit, 5229 .sidebar-top-card-container.nav-motion-tab-exit, 5230 .nav-motion-enter .nav-motion-item { 5231 animation: none; 5232 } 5233 } 5234</style> 5235 </div> 5236 5237 <div class="nav-item-target-group xl:px-[6px] nav-item-first-level xl:h-[30px]" target-group style="--start-color: #509c22ff; --end-color: #a8c01bff;" > 5238 <a class="hidden xl:flex h6 mt-6px pointer-events-none" href="/sbv" target="_self" > 5239 <div class="border-gray border-b-[3px] px-3 pb-[3px]" style="border-image-source: linear-gradient(to right, #509c22ff, #a8c01bff); border-image-slice: 1;"> 5240 SBV
5241 </div> 5242 </a> 5243 <div class="xl:hidden"> 5244 <a class="flex flex-col h5 rounded-1 w-160px min-h-80px items-stretch text-white pointer-events-none" href="/sbv" style="background: linear-gradient(to right, #509c22ff, #a8c01bff);" > 5245 <div class="flex grow items-center px-3 xl:px-0 xl:py-0 whitespace-normal break-words"> 5246 SBV 5247 <span class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><polyline points="9 18 15 12 9 6"></polyline></svg></span> 5248 </div> 5249 </a> 5250 </div> 5251 5252<div class="nav-second-level invisible" data-page-id="4125"> 5253 <div class="nav-container absolute left-0 w-full z-50 mt-50px xl:top-[42px] xl:mt-0"> 5254 <div class="nav-wrapper shadow-lg"> 5255 <div class="bg-white nav-motion-panel"> 5256 <div class="legacy-container --no-padding-mobile flex flex-col xl:flex-row xl:pt-8 xl:pb-12 xl:px-24"> 5257 <div class="nav-motion-item w-full xl:w-[294px] xl:shrink-0 xl:mr-12"> 5258 <div class="xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%); "> 5259 <span class="ml-1 chevron-close" data-target-id="4125"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg></span> 5260 <p class="font-bold">SBV</p> 5261 </div> 5262 <div class="h-screen xl:h-auto space-y-3 xl:space-y-0 rounded-1 bg-gradient xl:bg-white disable-gradient-on-mobile xl:overflow-hidden xl:py-3 nav-second-level-menu" style="min-height: fit-content; --navigation-gradient: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);"> 5263 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="4155"> 5264 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent xl:border-b xl:border-gray-4"> 5265 Themen für die SBV 5266 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 5267 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 5268 </div> 5269 </div> 5270 </div> 5271 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="5905"> 5272 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent xl:border-b xl:border-gray-4"> 5273 Lernformate 5274 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 5275 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 5276 </div> 5277 </div> 5278 </div> 5279 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="6028"> 5280 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent xl:border-b xl:border-gray-4"> 5281 Schulungsanspruch 5282 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 5283 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 5284 </div> 5285 </div> 5286 </div> 5287 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="4721"> 5288 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent xl:border-b xl:border-gray-4"> 5289 Rechtsprechung & Lexikon 5290 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 5291 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 5292 </div> 5293 </div> 5294 </div> 5295 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="6539"> 5296 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent "> 5297 Services für SBV 5298 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 5299 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 5300 </div> 5301 </div> 5302 </div> 5303 <div class="mx-6"> 5304 <div class="xl:hidden"> 5305 <hr class="my-6 w-full border-gray-4"/> 5306 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 5307 <div class="flex gap-x-12"> 5308 <div class="flex flex-col items-center"> 5309 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 5310 <picture > 5311 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 5312 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 5313</picture> 5314 5315 </div> 5316 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 5317 Service 5318 </a> 5319 </div> 5320 <div class="flex flex-col items-center"> 5321 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 5322 <picture > 5323 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 5324 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 5325</picture> 5326 5327 </div> 5328 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 5329 Ãber uns 5330 </a> 5331 </div> 5332 </div> 5333 </div> 5334 </div> 5335 </div> 5336 </div> 5337 <div class="hidden xl:block"> 5338 <div class="sidebar-top-card-container hidden top-card-container mt-6" data-parent-id="4155"> 5339 5340 <div class="text-lg text-gray-1 lg:text-base font-bold mb-3">Topaktuelle Themen für die SBV</div> 5341 5342 <div class="navigation-top-card-slider overflow-visible"> 5343 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 5344 5345 5346 <a href="/seminare/t/schwerbehindertenvertretung-teil-i-151" target="_blank" aria-label="Topaktuelle Themen für die SBV" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 5347 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/SBV/275999/image-thumb__275999___auto_af5e86273278818cc2959ec4d705eeef/sbv-teil1-navi-sbv-mobile.95944f10.webp" alt="Topaktuelle Themen für die SBV" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/SBV/276000/image-thumb__276000___auto_ef98c734de94ce319ff0ce600e32d451/sbv-teil1-navi-sbv-desktop.a62293fb.webp" alt="Topaktuelle Themen für die SBV" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 5348 </a> 5349 5350 5351 <a href="/seminare/t/schwerbehindertenvertretung-teil-ii-152" target="_blank" aria-label="Topaktuelle Themen für die SBV" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 5352 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/SBV/276002/image-thumb__276002___auto_af5e86273278818cc2959ec4d705eeef/sbv-teil2-sbv-mobile.b6a62172.webp" alt="Topaktuelle Themen für die SBV" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/SBV/276001/image-thumb__276001___auto_ef98c734de94ce319ff0ce600e32d451/sbv-teil2-sbv-desktop.2892e478.webp" alt="Topaktuelle Themen für die SBV" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 5353 </a> 5354 </div> 5355 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 5356 5357 5358 <a href="/seminare/t/rente-und-schwerbehinderung-teil-ii-1814" target="_blank" aria-label="Topaktuelle Themen für die SBV" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 5359 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/SBV/275997/image-thumb__275997___auto_af5e86273278818cc2959ec4d705eeef/rente-teil2-navi-sbv-mobile.676396d6.webp" alt="Topaktuelle Themen für die SBV" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/SBV/275998/image-thumb__275998___auto_ef98c734de94ce319ff0ce600e32d451/rente-teil2-navi-sbv-desktop.20f23d38.webp" alt="Topaktuelle Themen für die SBV" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 5360 </a> 5361 5362 5363 <a href="/seminare/t/sbv-und-kuenstliche-intelligenz-1358" target="_blank" aria-label="Topaktuelle Themen für die SBV" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 5364 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/SBV/275996/image-thumb__275996___auto_af5e86273278818cc2959ec4d705eeef/ki-navi-sbv-mobile.1fec7161.webp" alt="Topaktuelle Themen für die SBV" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/SBV/275995/image-thumb__275995___auto_ef98c734de94ce319ff0ce600e32d451/ki-navi-sbv-desktop.0202e4a1.webp" alt="Topaktuelle Themen für die SBV" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 5365 </a> 5366 </div> 5367 </div> 5368 </div> 5369 5370 </div> 5371 </div> 5372 <div class="nav-motion-item w-full xl:flex-1"> 5373 5374 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen overflow-y-auto xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="4155" data-flyout-type="a-z"> 5375 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100% ); "> 5376 <span class="ml-1 chevron-close" data-target-id="4155"> 5377 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 5378 </span> 5379 Themen für die SBV 5380 </div> 5381 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 5382 5383<div class="xl:hidden"> 5384 5385 5386<div class="navigation-a-z "> 5387 <ul class="list-none"> 5388 <li> 5389 <a href="/sbv/themen/amtsfuehrung-organisation/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 5390 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5391 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 5392 Amtsführung und Organisation 5393 </span> 5394 5395 </a> 5396 </li> 5397 5398 <li> 5399 <a href="/sbv/themen/arbeits-gesundheitsschutz/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-ba
5399se py-3 text-base"> 5400 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5401 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 5402 Arbeits- und Gesundheitsschutz 5403 </span> 5404 5405 </a> 5406 </li> 5407 5408 <li> 5409 <a href="/sbv/themen/beratungsgespraeche/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 5410 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5411 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 5412 Beratungsgespräche 5413 </span> 5414 5415 </a> 5416 </li> 5417 5418 <li> 5419 <a href="/sbv/themen/bem/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 5420 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5421 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 5422 Betriebliches Eingliederungsmanagement (BEM) 5423 </span> 5424 5425 </a> 5426 </li> 5427 5428 <li> 5429 <a href="/kampagnen/neu-im-amt-als-sbv" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 5430 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5431 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 5432 Neu im Amt als SBV 5433 </span> 5434
5435 <span class="relative z-10 shrink-0 bg-other-poster px-[6px] py-[3px] text-xs font-medium leading-[1.3] text-gray-1"> 5436 Aktuelles Thema! 5437 </span> 5438 </a> 5439 </li> 5440 5441 <li> 5442 <a href="/sbv/themen/oeffentlichkeitsarbeit/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 5443 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5444 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 5445 Ãffentlichkeitsarbeit 5446 </span> 5447 5448 </a> 5449 </li> 5450 5451 <li> 5452 <a href="/sbv/themen/personelles-rente/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 5453 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5454 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 5455 Personelles / Rente 5456 </span> 5457 5458 </a> 5459 </li> 5460 5461 <li> 5462 <a href="/sbv/themen/psychische-gesundheit/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 5463 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5464 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 5465 Psychische Gesundheit 5466 </span> 5467 5468 </a> 5469 </li> 5470 5471 <li> 5472 <a href="/sbv/themen/rechtliches/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 5473 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5474 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 5475 Rechtliche Angelegenheiten 5476 </span> 5477 5478 </a> 5479 </li> 5480 5481 <li> 5482 <a href="/sbv/themen/wahl/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 5483 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5484 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 5485 SBV-Wahl 5486 </span> 5487 5488 </a> 5489 </li> 5490 5491 <li> 5492 <a href="/sbv/themen/strategie/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 5493 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5494 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 5495 Strategie 5496 </span> 5497 5498 </a> 5499 </li> 5500 5501 <li> 5502 <a href="/sbv/themen/verhandlung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 5503 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5504 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 5505 Verhandlung 5506 </span> 5507 5508 </a> 5509 </li> 5510 5511 <li> 5512 <a href="/sbv/themen/zusammenarbeit/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb text-base py-3 text-base"> 5513 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none " style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5514 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none "> 5515 Zusammenarbeit mit internen und externen Partnern 5516 </span> 5517 5518 </a> 5519 </li> 5520 5521 </ul> 5522 </div> 5523 5524</div> 5525 5526<div class="hidden xl:block"> 5527 5528 5529 5530 5531<div class="navigation-a-z xl:flex xl:items-start xl:gap-12"> 5532 <div class="xl:flex-1"> 5533 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4155-a-1"> 5534 <h3 id="navigation-a-z-4155-a-1" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 5535 A 5536 </h3> 5537 5538 <ul class="list-none"> 5539 <li> 5540 <a href="/sbv/themen/amtsfuehrung-organisation/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 5541 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5542 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 5543 Amtsführung und Organisation 5544 </span> 5545 5546 </a> 5547 </li> 5548 5549 <li> 5550 <a href="/sbv/themen/arbeits-gesundheitsschutz/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 5551 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5552 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 5553 Arbeits- und Gesundheitsschutz 5554 </span> 5555 5556 </a> 5557 </li> 5558 5559 </ul> 5560 </section> 5561 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4155-a-2"> 5562 <h3 id="navigation-a-z-4155-a-2" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 5563 B 5564 </h3> 5565 5566 <ul class="list-none"> 5567 <li> 5568 <a href="/sbv/themen/beratungsgespraeche/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 5569 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5570 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 5571 Beratungsgespräche 5572 </span> 5573 5574 </a> 5575 </li> 5576 5577 <li> 5578 <a href="/sbv/themen/bem/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 5579 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5580 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 5581 Betriebliches Eingliederungsmanagement (BEM) 5582 </span> 5583 5584 </a> 5585 </li> 5586 5587 </ul> 5588 </section> 5589 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4155-a-3"> 5590 <h3 id="navigation-a-z-4155-a-3" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 5591 N 5592 </h3> 5593 5594 <ul class="list-none"> 5595 <li> 5596 <a href="/kampagnen/neu-im-amt-als-sbv" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 5597 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5598 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 5599 Neu im Amt als SBV 5600 </span> 5601
5602 <span class="relative z-10 shrink-0 bg-other-poster px-[6px] py-[3px] text-xs font-medium leading-[1.3] text-gray-1"> 5603 Aktuelles Thema! 5604 </span> 5605 </a> 5606 </li> 5607 5608 </ul> 5609 </section> 5610 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4155-a-4"> 5611 <h3 id="navigation-a-z-4155-a-4" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 5612 à 5613 </h3> 5614 5615 <ul class="list-none"> 5616 <li> 5617 <a href="/sbv/themen/oeffentlichkeitsarbeit/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 5618 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5619 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 5620 Ãffentlichkeitsarbeit 5621 </span> 5622 5623 </a> 5624 </li> 5625 5626 </ul> 5627 </section> 5628 </div> 5629 <div class="xl:flex-1"> 5630 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4155-b-1"> 5631 <h3 id="navigation-a-z-4155-b-1" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 5632 P 5633 </h3> 5634 5635 <ul class="list-none"> 5636 <li> 5637 <a href="/sbv/themen/personelles-rente/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 5638 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5639 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 5640 Personelles / Rente 5641 </span> 5642 5643 </a> 5644 </li> 5645 5646 <li> 5647 <a href="/sbv/themen/psychische-gesundheit/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 5648 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5649 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 5650 Psychische Gesundheit 5651 </span> 5652 5653 </a> 5654 </li> 5655 5656 </ul> 5657 </section> 5658 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4155-b-2"> 5659 <h3 id="navigation-a-z-4155-b-2" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 5660 R 5661 </h3> 5662 5663 <ul class="list-none"> 5664 <li> 5665 <a href="/sbv/themen/rechtliches/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 5666 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5667 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 5668 Rechtliche Angelegenheiten 5669 </span> 5670 5671 </a> 5672 </li> 5673 5674 </ul> 5675 </section> 5676 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4155-b-3"> 5677 <h3 id="navigation-a-z-4155-b-3" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 5678 S 5679 </h3> 5680 5681 <ul class="list-none"> 5682 <li> 5683 <a href="/sbv/themen/wahl/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 5684 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5685 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 5686 SBV-Wahl 5687 </span> 5688 5689 </a> 5690 </li> 5691 5692 <li> 5693 <a href="/sbv/themen/strategie/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 5694 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5695 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 5696 Strategie 5697 </span> 5698 5699 </a> 5700 </li> 5701 5702 </ul> 5703 </section> 5704 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4155-b-4"> 5705 <h3 id="navigation-a-z-4155-b-4" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 5706 V 5707 </h3> 5708 5709 <ul class="list-none"> 5710 <li> 5711 <a href="/sbv/themen/verhandlung/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 5712 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5713 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 5714 Verhandlung 5715 </span> 5716 5717 </a> 5718 </li> 5719 5720 </ul> 5721 </section> 5722 <section class="navigation-a-z-group relative mb-6 w-full pl-10 last:mb-0" aria-labelledby="navigation-a-z-4155-b-5"> 5723 <h3 id="navigation-a-z-4155-b-5" class="absolute left-0 top-0 w-7 text-center text-[25px] font-extrabold leading-[1.3] text-gray-4"> 5724 Z 5725 </h3> 5726 5727 <ul class="list-none"> 5728 <li> 5729 <a href="/sbv/themen/zusammenarbeit/uebersicht" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-sm"> 5730 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5731 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 5732 Zusammenarbeit mit internen und externen Partnern 5733 </span> 5734 5735 </a> 5736 </li> 5737 5738 </ul> 5739 </section> 5740 </div> 5741 </div> 5742 5743</div> 5744 5745 <div class="top-card-container block xl:hidden mt-6"> 5746 5747 <div class="text-lg text-gray-1 lg:text-base font-bold mb-3">Topaktuelle Themen für die SBV</div> 5748 5749 <div class="navigation-top-card-slider overflow-visible"> 5750 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 5751 5752 5753 <a href="/seminare/t/schwerbehindertenvertretung-teil-i-151" target="_blank" aria-label="Topaktuelle Themen für die SBV" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 5754 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/SBV/275999/image-thumb__275999___auto_af5e86273278818cc2959ec4d705eeef/sbv-teil1-navi-sbv-mobile.95944f10.webp" alt="Topaktuelle Themen für die SBV" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/SBV/276000/image-thumb__276000___auto_ef98c734de94ce319ff0ce600e32d451/sbv-teil1-navi-sbv-desktop.a62293fb.webp" alt="Topaktuelle Themen für die SBV" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 5755 </a> 5756 </div> 5757 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 5758 5759 5760 <a href="/seminare/t/schwerbehindertenvertretung-teil-ii-152" target="_blank" aria-label="Topaktuelle Themen für die SBV" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 5761 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/SBV/276002/image-thumb__276002___auto_af5e86273278818cc2959ec4d705eeef/sbv-teil2-sbv-mobile.b6a62172.webp" alt="Topaktuelle Themen für die SBV" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/SBV/276001/image-thumb__276001___auto_ef98c734de94ce319ff0ce600e32d451/sbv-teil2-sbv-desktop.2892e478.webp" alt="Topaktuelle Themen für die SBV" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 5762 </a> 5763 </div> 5764 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 5765 5766 5767 <a href="/seminare/t/rente-und-schwerbehinderung-teil-ii-1814" target="_blank" aria-label="Topaktuelle Themen für die SBV" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 5768 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/SBV/275997/image-thumb__275997___auto_af5e86273278818cc2959ec4d705eeef/rente-teil2-navi-sbv-mobile.676396d6.webp" alt="Topaktuelle Themen für die SBV" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/SBV/275998/image-thumb__275998___auto_ef98c734de94ce319ff0ce600e32d451/rente-teil2-navi-sbv-desktop.20f23d38.webp" alt="Topaktuelle Themen für die SBV" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 5769 </a> 5770 </div> 5771 <div class="navigation-top-card-slide mr-3 w-full space-y-3"> 5772 5773 5774 <a href="/seminare/t/sbv-und-kuenstliche-intelligenz-1358" target="_blank" aria-label="Topaktuelle Themen für die SBV" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 5775 <img class="block h-auto w-full object-contain xl:hidden" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/SBV/275996/image-thumb__275996___auto_af5e86273278818cc2959ec4d705eeef/ki-navi-sbv-mobile.1fec7161.webp" alt="Topaktuelle Themen für die SBV" loading="lazy" decoding="async"/><img class="hidden h-auto w-full object-cover xl:block" src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/SBV/275995/image-thumb__275995___auto_ef98c734de94ce319ff0ce600e32d451/ki-navi-sbv-desktop.0202e4a1.webp" alt="Topaktuelle Themen für die SBV" width="506" height="254" loading="lazy" decoding="async" style="aspect-ratio: 2"/> 5776 </a> 5777 </div> 5778 </div> 5779 </div> 5780 5781 5782 <div class="xl:hidden"> 5783 <hr class="my-6 w-full border-gray-4"/> 5784 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 5785 <div class="flex gap-x-12"> 5786 <div class="flex flex-col items-center"> 5787 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 5788 <picture > 5789 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 5790 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 5791</picture> 5792 5793 </div> 5794 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 5795 Service 5796 </a> 5797 </div> 5798 <div class="flex flex-col items-center"> 5799 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 5800 <picture > 5801 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 5802 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 5803</picture> 5804 5805 </div> 5806 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 5807 Ãber uns 5808 </a> 5809 </div> 5810 </div> 5811 </div> 5812 </div> 5813 </div> 5814 </div> 5815 5816 5817 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="5905" data-flyout-type="icon-committee"> 5818 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100% ); "> 5819 <span class="ml-1 chevron-close" data-target-id="5905"> 5820 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 5821 </span> 5822 Lernformate 5823 </div> 5824 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 5825 <div class="nav-flyout-icon-and-desc"> 5826 <p class="mb-2 xl:mb-0 block text-lg font-bold leading-ifb text-gray-1 xl:text-[25px] xl:font-extrabold"> 5827 Lernen, wie
5827 es Ihnen gefällt! 5828 </p> 5829 5830 <div class=""> 5831 <div class="xl:legacy-equal-grid-columns-2 xl:gap-x-12 xl:gap-y-6 xl:space-y-0 space-y-0 xl:mt-6"> 5832 <div class="group/icon h-[78px] xl:h-auto"> 5833 <a href="/seminare?tab=prasenz-seminar&page=seminar&themeGroup=3819029&inPerson=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 5834 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #a8c01bff 24%, transparent);"> 5835 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/praesenz.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 5836 class="h-12 w-12 max-w-none brightness-0"/> 5837 </div> 5838 <div class="relative isolate block min-w-0
5838w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 5839 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5840 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 5841 Präsenz-Seminare 5842 </p> 5843 </div> 5844 </a> 5845 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 5846 </div> 5847 <div class="group/icon h-[78px] xl:h-auto"> 5848 <a href="/seminare?page=seminar&tab=online-seminar&themeGroup=3819029&typeWebinar=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 5849 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #a8c01bff 24%, transparent);"> 5850 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/online.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 5851 class="h-12 w-12 max-w-none brightness-0"/> 5852 </div> 5853 <div class="relative isolate block min-w-0
5853w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 5854 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5855 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 5856 Online-Seminare 5857 </p> 5858 </div> 5859 </a> 5860 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 5861 </div> 5862 <div class="group/icon h-[78px] xl:h-auto"> 5863 <a href="/seminare?page=seminar&tab=inhouse-seminar&themeGroup=3819029&isInhouse=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 5864 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #a8c01bff 24%, transparent);"> 5865 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/inhouse.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 5866 class="h-12 w-12 max-w-none brightness-0"/> 5867 </div> 5868 <div class="relative isolate block min-w-0
5868w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 5869 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5870 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 5871 Inhouse-Seminare 5872 </p> 5873 </div> 5874 </a> 5875 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 5876 </div> 5877 <div class="group/icon h-[78px] xl:h-auto"> 5878 <a href="/seminare?page=seminar&tab=veranstaltungen&themeGroup=3819029&typeFachtagung=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 5879 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #a8c01bff 24%, transparent);"> 5880 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/fachtagungen.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 5881 class="h-12 w-12 max-w-none brightness-0"/> 5882 </div> 5883 <div class="relative isolate block min-w-0
5883w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 5884 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5885 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 5886 Fachtagungen & Symposien 5887 </p> 5888 </div> 5889 </a> 5890 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 5891 </div> 5892 <div class="group/icon h-[78px] xl:h-auto"> 5893 <a href="/seminare?page=seminar&tab=kostenlose-webinare&themeGroup=3819029&typeFreeWebinar=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 5894 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #a8c01bff 24%, transparent);"> 5895 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/webinar.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 5896 class="h-12 w-12 max-w-none brightness-0"/> 5897 </div> 5898 <div class="relative isolate block min-w-0
5898w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 5899 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5900 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 5901 Kostenlose Webinare 5902 </p> 5903 </div> 5904 </a> 5905 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 5906 </div> 5907 <div class="group/icon h-[78px] xl:h-auto"> 5908 <a href="/seminare?page=seminar&tab=ausbildungen&themeGroup=3819029&typeAusbildung=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 5909 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #a8c01bff 24%, transparent);"> 5910 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/ausbildung.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 5911 class="h-12 w-12 max-w-none brightness-0"/> 5912 </div> 5913 <div class="relative isolate block min-w-0
5913w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 5914 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5915 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 5916 Ausbildungen 5917 </p> 5918 </div> 5919 </a> 5920 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 5921 </div> 5922 <div class="group/icon h-[78px] xl:h-auto"> 5923 <a href="/seminare?page=seminar&tab=fremdsprachige-seminare&themeGroup=3819029&language=en&language=tr" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 5924 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #a8c01bff 24%, transparent);"> 5925 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/fremdsprachig.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 5926 class="h-12 w-12 max-w-none brightness-0"/> 5927 </div> 5928 <div class="relative isolate block min-w-0
5928w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 5929 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5930 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 5931 Fremdsprachige Seminare 5932 </p> 5933 </div> 5934 </a> 5935 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 5936 </div> 5937 <div class="group/icon h-[78px] xl:h-auto"> 5938 <a href="/seminare?tab=Zertifikats-%E2%80%A8lehrgänge&page=seminar" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 5939 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #a8c01bff 24%, transparent);"> 5940 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/zertifikat.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 5941 class="h-12 w-12 max-w-none brightness-0"/> 5942 </div> 5943 <div class="relative isolate block min-w-0
5943w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 5944 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 5945 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 5946 Zertifikatslehrgänge 5947 </p> 5948 </div> 5949 </a> 5950 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 5951 </div> 5952 </div> 5953 5954 </div> 5955</div> 5956 5957 5958 <div class="xl:hidden"> 5959 <hr class="my-6 w-full border-gray-4"/> 5960 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 5961 <div class="flex gap-x-12"> 5962 <div class="flex flex-col items-center"> 5963 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 5964 <picture > 5965 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 5966 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 5967</picture> 5968 5969 </div> 5970 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 5971 Service 5972 </a> 5973 </div> 5974 <div class="flex flex-col items-center"> 5975 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 5976 <picture > 5977 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 5978 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 5979</picture> 5980 5981 </div> 5982 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 5983 Ãber uns 5984 </a> 5985 </div> 5986 </div> 5987 </div> 5988 </div> 5989 </div> 5990 </div> 5991 5992 5993 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="6028" data-flyout-type="3-2-links-with-images"> 5994 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100% ); "> 5995 <span class="ml-1 chevron-close" data-target-id="6028"> 5996 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 5997 </span> 5998 Schulungsanspruch 5999 </div> 6000 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 6001 6002 6003<div class="md:flex md:flex-nowrap md:gap-x-6"> 6004 <div class=" md:w-2/3 "> 6005 <h2 class="typography-v2 h3-1 flex flex-1 "> 6006 Sicher zum Seminar 6007 </h2> 6008 <a href="/sbv/schulungsanspruch/erforderlichkeit" target="_self"> 6009 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/schulungsanspruch/sbv-schulungsanspruch.svg" alt="Sicher zum Seminar" width="680" height="340" loading="lazy" decoding="async" class="rounded-1 hover:shadow-0 mt-6 w-full md:hidden"> 6010 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/schulungsanspruch/sbv-schulungsanspruch.svg" alt="Sicher zum Seminar" width="680" height="340" loading="lazy" decoding="async" class="rounded-1 hover:shadow-0 mt-6 hidden md:block md:h-[340px] md:w-auto"> 6011 </a> 6012 </div> 6013 </div> 6014 6015 6016 <div class="xl:hidden"> 6017 <hr class="my-6 w-full border-gray-4"/> 6018 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 6019 <div class="flex gap-x-12"> 6020 <div class="flex flex-col items-center"> 6021 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 6022 <picture > 6023 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 6024 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 6025</picture> 6026 6027 </div> 6028 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 6029 Service 6030 </a> 6031 </div> 6032 <div class="flex flex-col items-center"> 6033 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 6034 <picture > 6035 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 6036 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 6037</picture> 6038 6039 </div> 6040 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 6041 Ãber uns 6042 </a> 6043 </div> 6044 </div> 6045 </div> 6046 </div> 6047 </div> 6048 </div> 6049 6050 6051 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="4721" data-flyout-type="rechtsprechung-lexikon"> 6052 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100% ); "> 6053 <span class="ml-1 chevron-close" data-target-id="4721"> 6054 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 6055 </span> 6056 Rechtsprechung & Lexikon 6057 </div> 6058 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 6059 6060 6061 6062<div class="grid gap-8 xl:grid-cols-2 xl:gap-12"> 6063 <section aria-labelledby="rechtsprechung-4721"> 6064 <h2 id="rechtsprechung-4721" class="typography-v2 h3-1 text-gray-1"> 6065 Aktuelle Rechtsprechungen 6066 </h2> 6067 6068 <div class="mt-6"> 6069 6070 6071<div class="navigation-a-z "> 6072 <ul class="list-none"> 6073 <li> 6074 <a href="/rechtsprechung/sbv/behinderungsgerechter-arbeitsplatz" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 6075 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6076 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 6077 Behinderungsgerechter Arbeitsplatz 6078 </span> 6079 6080 </a> 6081 </li> 6082 6083 <li> 6084 <a href="/rechtsprechung/sbv/betriebliches-eingliederungsmanagement-bem-und-krankheit" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 6085 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6086 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 6087 BEM und Krankheit 6088 </span> 6089 6090 </a> 6091 </li> 6092 6093 <li> 6094 <a href="/rechtsprechung/sbv/diskriminierungsverbot" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 6095 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6096 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 6097 Diskriminierungsverbot 6098 </span> 6099 6100 </a> 6101 </li> 6102 6103 <li> 6104 <a href="/rechtsprechung/sbv/einstellung" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 6105 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6106 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 6107 Einstellung 6108 </span> 6109 6110 </a> 6111 </li> 6112 6113 <li> 6114 <a href="/rechtsprechung/sbv/feststellung-einer-behinderung-und-gleichstellung" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 6115 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6116 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 6117 Feststellung einer Behinderung und Gleichstellung 6118 </span> 6119 6120 </a> 6121 </li> 6122 6123 <li> 6124 <a href="/rechtsprechung/sbv/integrationsvereinbarung" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 6125 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6126 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 6127 Integrations- und Inklusionsvereinbarungen 6128 </span> 6129 6130 </a> 6131 </li> 6132 6133 <li> 6134 <a href="/rechtsprechung/sbv/kuendigung-allgemein" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 6135 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6136 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 6137 Kündigung, allgemein 6138 </span> 6139 6140 </a> 6141 </li> 6142 6143 <li> 6144 <a href="/rechtsprechung/sbv/kuendigungsschutz-besonderer-fuer-schwerbehinderte-gleichgestellte" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 6145 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6146 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 6147 Kündigungsschutz, besonderer 6148 </span> 6149 6150 </a> 6151 </li> 6152 6153 <li> 6154 <a href="/rechtsprechung/sbv/leistungen-zur-teilhabe-am-arbeitsleben" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 6155 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6156 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 6157 Leistungen zur Teilhabe am Arbeitsleben 6158 </span> 6159 6160 </a> 6161 </li> 6162 6163 <li> 6164 <a href="/rechtsprechung/sbv/mehrarbeit" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 6165 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6166 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 6167 Mehrarbeit 6168 </span> 6169 6170 </a> 6171 </li> 6172 6173 <li> 6174 <a href="/rechtsprechung/sbv/rechte-und-pflichten-der-schwerbehindertenvertretung" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 6175 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6176 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 6177 Rechte und Pflichten der SBV 6178 </span> 6179 6180 </a> 6181 </li> 6182 6183 <li> 6184 <a href="/rechtsprechung/sbv/rente" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 6185 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-red
6185uce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6186 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 6187 Rente 6188 </span> 6189 6190 </a> 6191 </li> 6192 6193 <li> 6194 <a href="/rechtsprechung/sbv/schulungsanspruch-sbv" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 6195 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6196 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 6197 Schulungsanspruch 6198 </span> 6199 6200 </a> 6201 </li> 6202 6203 <li> 6204 <a href="/rechtsprechung/sbv/sozialplan" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 6205 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6206 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 6207 Sozialplan 6208 </span> 6209 6210 </a> 6211 </li> 6212 6213 <li> 6214 <a href="/rechtsprechung/sbv/stufenweise-wiedereingliederung" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 6215 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6216 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 6217 Stufenweise Wiedereingliederung 6218 </span> 6219 6220 </a> 6221 </li> 6222 6223 <li> 6224 <a href="/rechtsprechung/sbv/unfallversicherung-gesetzliche" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 6225 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6226 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 6227 Unfallversicherung, gesetzliche 6228 </span> 6229 6230 </a> 6231 </li> 6232 6233 <li> 6234 <a href="/rechtsprechung/sbv/urlaub" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 6235 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6236 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 6237 Urlaub 6238 </span> 6239 6240 </a> 6241 </li> 6242 6243 <li> 6244 <a href="/rechtsprechung/sbv/wahl-der-sbv" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 6245 <span class="navigation-a-z-gradient absolute inset-0 opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" style="background: radial-gradient(255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6246 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 6247 Wahl der SBV 6248 </span> 6249 6250 </a> 6251 </li> 6252 6253 </ul> 6254 </div> 6255 6256 </div> 6257 </section> 6258 6259 6260 <section aria-labelledby="lexikon-4721"> 6261 <h2 id="lexikon-4721" class="typography-v2 h3-1 mb-6 text-gray-1"> 6262 Lexikon 6263 </h2> 6264 6265 <a href="/lexikon#sbv" target="_self" aria-label="Lexikon" class="block w-full overflow-hidden rounded-1 hover:shadow-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-ifb"> 6266 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/Allgemein/lexikon-navi-mobile.jpg" alt="Lexikon" width="429" height="319" loading="lazy" decoding="async" class="block h-auto w-full xl:hidden"> 6267 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/Allgemein/lexikon-navi-desktop.jpg" alt="Lexikon" width="429" height="319" loading="lazy" decoding="async" class="hidden xl:block xl:h-[319px] xl:object-fill"> 6268 </a> 6269 </section> 6270 </div> 6271 6272 6273 <div class="xl:hidden"> 6274 <hr class="my-6 w-full border-gray-4"/> 6275 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 6276 <div class="flex gap-x-12"> 6277 <div class="flex flex-col items-center"> 6278 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 6279 <picture > 6280 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 6281 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 6282</picture> 6283 6284 </div> 6285 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 6286 Service 6287 </a> 6288 </div> 6289 <div class="flex flex-col items-center"> 6290 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 6291 <picture > 6292 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 6293 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 6294</picture> 6295 6296 </div> 6297 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 6298 Ãber uns 6299 </a> 6300 </div> 6301 </div> 6302 </div> 6303 </div> 6304 </div> 6305 </div> 6306 6307 6308 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="6539" data-flyout-type="icon-committee"> 6309 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #509c22ff 0%, #a8c01bff 100% ); "> 6310 <span class="ml-1 chevron-close" data-target-id="6539"> 6311 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 6312 </span> 6313 Services für SBV 6314 </div> 6315 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 6316 <div class="nav-flyout-icon-and-desc"> 6317 <p class="mb-2 xl:mb-0 block text-lg font-bold leading-ifb text-gray-1 xl:text-[25px] xl:font-extrabold"> 6318 Wichtige ifb-Services auf einen Blick 6319 </p> 6320 6321 <div class=""> 6322 <div class="xl:legacy-equal-grid-columns-2 xl:gap-x-12 xl:gap-y-6 xl:space-y-0 space-y-0 xl:mt-6"> 6323 <div class="group/icon h-[78px] xl:h-auto"> 6324 <a href="/service/downloads#schwerbehindertenvertretung" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 6325 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #a8c01bff 24%, transparent);"> 6326 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/downloads.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 6327 class="h-12 w-12 max-w-none brightness-0"/> 6328 </div> 6329 <div class="relative isolate block min-w-0
6329w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 6330 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6331 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 6332 Arbeitshilfen und Downloads 6333 </p> 6334 </div> 6335 </a> 6336 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 6337 </div> 6338 <div class="group/icon h-[78px] xl:h-auto"> 6339 <a href="/service/deutsche-bahn" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 6340 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #a8c01bff 24%, transparent);"> 6341 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/bahn.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 6342 class="h-12 w-12 max-w-none brightness-0"/> 6343 </div> 6344 <div class="relative isolate block min-w-0
6344w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 6345 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6346 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 6347 Bahn Sondertarif 6348 </p> 6349 </div> 6350 </a> 6351 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 6352 </div> 6353 <div class="group/icon h-[78px] xl:h-auto"> 6354 <a href="/service/faq" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 6355 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #a8c01bff 24%, transparent);"> 6356 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/faq.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 6357 class="h-12 w-12 max-w-none brightness-0"/> 6358 </div> 6359 <div class="relative isolate block min-w-0
6359w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 6360 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6361 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 6362 Häufig gestellte Fragen 6363 </p> 6364 </div> 6365 </a> 6366 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 6367 </div> 6368 <div class="group/icon h-[78px] xl:h-auto"> 6369 <a href="/service/kataloge" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 6370 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #a8c01bff 24%, transparent);"> 6371 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/kataloge.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 6372 class="h-12 w-12 max-w-none brightness-0"/> 6373 </div> 6374 <div class="relative isolate block min-w-0
6374w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 6375 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6376 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 6377 Kataloge 6378 </p> 6379 </div> 6380 </a> 6381 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 6382 </div> 6383 <div class="group/icon h-[78px] xl:h-auto"> 6384 <a href="/service/meinifb" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 6385 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #a8c01bff 24%, transparent);"> 6386 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/meinifb.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 6387 class="h-12 w-12 max-w-none brightness-0"/> 6388 </div> 6389 <div class="relative isolate block min-w-0
6389w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 6390 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6391 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 6392 meinifb 6393 </p> 6394 </div> 6395 </a> 6396 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 6397 </div> 6398 <div class="group/icon h-[78px] xl:h-auto"> 6399 <a href="/service/mobbing-landkarte" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 6400 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #a8c01bff 24%, transparent);"> 6401 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/mobbinglandkarte.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 6402 class="h-12 w-12 max-w-none brightness-0"/> 6403 </div> 6404 <div class="relative isolate block min-w-0
6404w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 6405 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6406 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 6407 Mobbinglandkarte 6408 </p> 6409 </div> 6410 </a> 6411 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 6412 </div> 6413 <div class="group/icon h-[78px] xl:h-auto"> 6414 <a href="/service/newsletter" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 6415 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #a8c01bff 24%, transparent);"> 6416 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/newsletter.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 6417 class="h-12 w-12 max-w-none brightness-0"/> 6418 </div> 6419 <div class="relative isolate block min-w-0
6419w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 6420 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6421 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 6422 SBV-Newsletter 6423 </p> 6424 </div> 6425 </a> 6426 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 6427 </div> 6428 <div class="group/icon h-[78px] xl:h-auto"> 6429 <a href="https://forum.betriebsrat.de/board/56-sbv-forum" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 6430 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #a8c01bff 24%, transparent);"> 6431 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/forum.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 6432 class="h-12 w-12 max-w-none brightness-0"/> 6433 </div> 6434 <div class="relative isolate block min-w-0
6434w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 6435 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6436 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 6437 SBV-Forum 6438 </p> 6439 </div> 6440 </a> 6441 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 6442 </div> 6443 <div class="group/icon h-[78px] xl:h-auto"> 6444 <a href="https://www.sbv-wahl.de/" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 6445 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #a8c01bff 24%, transparent);"> 6446 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/brwahl.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 6447 class="h-12 w-12 max-w-none brightness-0"/> 6448 </div> 6449 <div class="relative isolate block min-w-0
6449w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 6450 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6451 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 6452 SBV-Wahl: Kostenlose Wahlhilfen 6453 </p> 6454 </div> 6455 </a> 6456 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 6457 </div> 6458 <div class="group/icon h-[78px] xl:h-auto"> 6459 <a href="/service/chatbot" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 6460 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #a8c01bff 24%, transparent);"> 6461 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/chatbot.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 6462 class="h-12 w-12 max-w-none brightness-0"/> 6463 </div> 6464 <div class="relative isolate block min-w-0
6464w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 6465 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #509c22ff 0%, #a8c01bff 100%);" aria-hidden="true"></span> 6466 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 6467 ifb-Chatbot 6468 </p> 6469 </div> 6470 </a> 6471 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 6472 </div> 6473 </div> 6474 6475 </div> 6476</div> 6477 6478 6479 <div class="xl:hidden"> 6480 <hr class="my-6 w-full border-gray-4"/> 6481 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 6482 <div class="flex gap-x-12"> 6483 <div class="flex flex-col items-center"> 6484 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 6485 <picture > 6486 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 6487 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 6488</picture> 6489 6490 </div> 6491 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 6492 Service 6493 </a> 6494 </div> 6495 <div class="flex flex-col items-center"> 6496 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 6497 <picture > 6498 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 6499 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 6500</picture> 6501 6502 </div> 6503 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 6504 Ãber uns 6505 </a> 6506 </div> 6507 </div> 6508 </div> 6509 </div> 6510 </div> 6511 </div> 6512 6513 </div> 6514 <div class="nav-motion-item nav-button-close cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x ifb-icon" ><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></div> 6515 </div> 6516 </div> 6517 </div> 6518 <div class='gray-transparent-bg-wrapper nav-button-close'></div> 6519 </div> 6520</div> 6521 6522 6523 6524
6525<script> 6526 function updateNavPosition() { 6527 let navElements = document.querySelectorAll(".nav-container"); 6528 if (!navElements.length) 6529 return; 6530 6531 6532 6533 if (window.innerWidth < 1200) { 6534 navElements.forEach((navElement) => { 6535 navElement.classList.add("top-0"); 6536 }); 6537 } else { 6538 navElements.forEach((navElement) => { 6539 navElement.classList.remove("top-0"); 6540 }); 6541 } 6542 } 6543 6544 window.addEventListener("DOMContentLoaded", function() { 6545 updateNavPosition(); 6546 }); 6547 6548 window.addEventListener("resize", function() { 6549 updateNavPosition(); 6550 }); 6551</script>
6551 6552 6553<style> 6554 @media screen and(max-width: 1279px) { 6555 .disable-gradient-on-mobile { 6556 background: none !important; 6557 } 6558 6559 .nav-item-second-level { 6560 .nav-item-second-level-text { 6561 color: initial; 6562 } 6563 6564 &:hover:not(.active) { 6565 opacity: 1; 6566 .nav-item-second-level-text { 6567 color: initial; 6568 } 6569 } 6570 6571 &.active { 6572 background-color: initial; 6573 opacity: 1; 6574 6575 .nav-item-second-level-text { 6576 color: initial; 6577 opacity: 1; 6578 } 6579 } 6580 } 6581 } 6582 6583 @media screen and (min-width: 1280px) { 6584 .nav-second-level-menu { 6585 box-shadow: 0 2px 16px 0 rgba(50, 61, 81, 0.16), 0 24px 80px 0 rgba(88, 89, 91, 0.16); 6586 } 6587 } 6588 6589 .nav-wrapper { 6590 background-color: #fff; 6591 overflow-y: auto; 6592 max-height: calc(100vh); 6593 6594 &::-webkit-scrollbar { 6595 width: 8px; 6596 } 6597 6598 &::-webkit-scrollbar-track { 6599 background: transparent; 6600 margin: 5px; 6601 } 6602 6603 &::-webkit-scrollbar-thumb { 6604 background: #5C5C5C; 6605 border-radius: 10px; 6606 } 6607 6608 &::-webkit-scrollbar-button { 6609 display: none; 6610 } 6611 6612 scrollbar-width: thin; 6613 scrollbar-color: #5C5C5C transparent; 6614 } 6615 6616 .nav-wrapper.nav-height-transition { 6617 overflow: hidden; 6618 } 6619 6620 .nav-container::before { 6621 content: ""; 6622 position: absolute; 6623 top: 0; 6624 left: 0; 6625 right: 0; 6626 height: 100px; 6627 pointer-events: none; 6628 z-index: 250; 6629 background: linear-gradient(to bottom, rgba(0, 0, 0, 0.11) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.07) 20%, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.02) 60%, rgba(0, 0, 0, 0.01) 80%, rgba(0, 0, 0, 0) 100%); 6630 } 6631 6632 .top-card-container-slider .flickity-page-dots { 6633 bottom: 4px; 6634 top: unset; 6635 margin-top: 12px; 6636 } 6637 6638 .navigation-top-card-slider .flickity-page-dots { 6639 margin-top: 12px; 6640 } 6641 6642 .nav-motion-enter .nav-motion-panel, 6643 .nav-flyout.nav-motion-enter, 6644 .mobile-subnav-flyout.nav-motion-enter, 6645 .sidebar-top-card-container.nav-motion-enter { 6646 animation: nav-flyout-reveal 300ms cubic-bezier(0.22, 1, 0.36, 1) both; 6647 } 6648 6649 .nav-motion-overlay-enter { 6650 animation: nav-overlay-reveal 300ms cubic-bezier(0.22, 1, 0.36, 1) both; 6651 } 6652 6653 .nav-motion-exit { 6654 z-index: 49; 6655 pointer-events: none; 6656 } 6657 6658 .nav-second-level.nav-motion-exit .nav-container { 6659 z-index: 49; 6660 } 6661 6662 .nav-second-level.nav-motion-exit .nav-wrapper, 6663 .nav-flyout.nav-motion-exit, 6664 .mobile-subnav-flyout.nav-motion-exit, 6665 .sidebar-top-card-container.nav-motion-exit { 6666 animation: nav-flyout-hide 420ms cubic-bezier(0.4, 0, 0.2, 1) both; 6667 } 6668 6669 .nav-second-level.nav-motion-enter .nav-container::before { 6670 animation: nav-top-shadow-reveal 300ms ease-out both; 6671 } 6672 6673 .nav-second-level.nav-motion-exit .nav-container::before { 6674 animation: nav-top-shadow-hide 420ms cubic-bezier(0.4, 0, 0.2, 1) both; 6675 } 6676 6677 .nav-motion-overlay-exit { 6678 pointer-events: none; 6679 animation: nav-overlay-hide 340ms ease-out both; 6680 } 6681 6682 .nav-motion-hidden { 6683 visibility: hidden; 6684 } 6685 6686 .nav-motion-enter .nav-motion-item { 6687 animation: nav-content-reveal 220ms cubic-bezier(0.22, 1, 0.36, 1) both; 6688 } 6689 6690 .nav-flyout.nav-motion-tab-enter, 6691 .sidebar-top-card-container.nav-motion-tab-enter { 6692 animation: nav-tab-content-enter 180ms ease-out both; 6693 } 6694 6695 .nav-flyout.nav-motion-tab-exit, 6696 .sidebar-top-card-container.nav-motion-tab-exit { 6697 z-index: 49; 6698 pointer-events: none; 6699 animation: nav-tab-content-exit 140ms ease-in both; 6700 } 6701 6702 .nav-motion-enter .nav-motion-item:nth-child(2) { 6703 animation-delay: 35ms; 6704 } 6705 6706 .nav-motion-enter .nav-motion-item:nth-child(n + 3) { 6707 animation-delay: 70ms; 6708 } 6709 6710 @keyframes nav-flyout-reveal { 6711 from { 6712 opacity: 0; 6713 transform: translateY(-14px) scale(0.995); 6714 } 6715 6716 to { 6717 opacity: 1; 6718 transform: translateY(0) scale(1); 6719 } 6720 } 6721 6722 @keyframes nav-content-reveal { 6723 from { 6724 opacity: 0; 6725 transform: translateY(-4px); 6726 } 6727 6728 to { 6729 opacity: 1; 6730 transform: translateY(0); 6731 } 6732 } 6733 6734 @keyframes nav-tab-content-enter { 6735 from { 6736 opacity: 0; 6737 transform: translateX(4px); 6738 } 6739 6740 to { 6741 opacity: 1; 6742 transform: translateX(0); 6743 } 6744 } 6745 6746 @keyframes nav-tab-content-exit { 6747 from { 6748 opacity: 1; 6749 transform: translateX(0); 6750 } 6751 6752 to { 6753 opacity: 0; 6754 transform: translateX(-4px); 6755 } 6756 } 6757 6758 @keyframes nav-flyout-hide { 6759 0, 6760 18% { 6761 opacity: 1; 6762 transform: translateY(0); 6763 } 6764 6765 to { 6766 opacity: 0; 6767 transform: translateY(-14px) scale(0.99); 6768 } 6769 } 6770 6771 @keyframes nav-top-shadow-reveal { 6772 from { 6773 opacity: 0; 6774 } 6775 6776 to { 6777 opacity: 1; 6778 } 6779 } 6780 6781 @keyframes nav-top-shadow-hide { 6782 0, 6783 18% { 6784 opacity: 1; 6785 } 6786 6787 to { 6788 opacity: 0; 6789 } 6790 } 6791 6792 @keyframes nav-overlay-reveal { 6793 from { 6794 opacity: 0; 6795 } 6796 6797 to { 6798 opacity: 0.62; 6799 } 6800 } 6801 6802 @keyframes nav-overlay-hide { 6803 from { 6804 opacity: 0.62; 6805 } 6806 6807 to { 6808 opacity: 0; 6809 } 6810 } 6811 6812 @media screen and(max-width: 1279px) {
6813 .mobile-subnav-flyout.nav-motion-enter { 6814 z-index: 50; 6815 } 6816 6817 .nav-second-level.nav-motion-enter .nav-motion-panel, 6818 .nav-flyout.nav-motion-enter, 6819 .mobile-subnav-flyout.nav-motion-enter { 6820 animation-name: nav-mobile-flyout-reveal; 6821 } 6822 6823 .nav-flyout.nav-motion-exit, 6824 .mobile-subnav-flyout.nav-motion-exit { 6825 animation-name: nav-mobile-flyout-hide; 6826 } 6827 6828 @keyframes nav-mobile-flyout-reveal { 6829 from { 6830 opacity: 0; 6831 transform: translateX(12px); 6832 } 6833 6834 to { 6835 opacity: 1; 6836 transform: translateX(0); 6837 } 6838 } 6839 6840 @keyframes nav-mobile-flyout-hide { 6841 0, 6842 18% { 6843 opacity: 1; 6844 transform: translateX(0); 6845 } 6846 6847 to { 6848 opacity: 0; 6849 transform: translateX(14px); 6850 } 6851 } 6852 } 6853 6854 @media(prefers-reduced-motion: reduce) { 6855 .nav-wrapper.nav-height-transition { 6856 transition: none; 6857 } 6858 6859 .nav-motion-enter .nav-motion-panel, 6860 .nav-flyout.nav-motion-enter, 6861 .mobile-subnav-flyout.nav-motion-enter, 6862 .sidebar-top-card-container.nav-motion-enter, 6863 .nav-motion-overlay-enter, 6864 .nav-motion-exit, 6865 .nav-motion-overlay-exit, 6866 .nav-second-level.nav-motion-enter .nav-container::before, 6867 .nav-second-level.nav-motion-exit .nav-container::before, 6868 .nav-flyout.nav-motion-tab-enter, 6869 .sidebar-top-card-container.nav-motion-tab-enter, 6870 .nav-flyout.nav-motion-tab-exit, 6871 .sidebar-top-card-container.nav-motion-tab-exit, 6872 .nav-motion-enter .nav-motion-item { 6873 animation: none; 6874 } 6875 } 6876</style> 6877 </div> 6878 6879 <div class="nav-item-target-group xl:px-[6px] nav-item-first-level xl:h-[30px]" target-group style="--start-color: #007399ff; --end-color: #84d1d2ff;" > 6880 <a class="hidden xl:flex h6 mt-6px pointer-events-none" href="/jav" target="_self" > 6881 <div class="border-gray border-b-[3px] px-3 pb-[3px]" style="border-image-source: linear-gradient(to right, #007399ff, #84d1d2ff); border-image-slice: 1;"> 6882 JAV 6883 </div> 6884 </a> 6885 <div class="xl:hidden"> 6886 <a class="flex flex-col h5 rounded-1 w-160px min-h-80px items-stretch text-white pointer-events-none" href="/jav" style="background: linear-gradient(to right, #007399ff, #84d1d2ff);" > 6887 <div class="flex grow items-center px-3 xl:px-0 xl:py-0 whitespace-normal break-words"> 6888 JAV 6889 <span class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><polyline points="9 18 15 12 9 6"></polyline></svg></span> 6890 </div> 6891 </a> 6892 </div> 6893 6894<div class="nav-second-level invisible" data-page-id="4127"> 6895 <div class="nav-container absolute left-0 w-full z-50 mt-50px xl:top-[42px] xl:mt-0"> 6896 <div class="nav-wrapper shadow-lg"> 6897 <div class="bg-white nav-motion-panel"> 6898 <div class="legacy-container --no-padding-mobile flex flex-col xl:flex-row xl:pt-8 xl:pb-12 xl:px-24"> 6899 <div class="nav-motion-item w-full xl:w-[294px] xl:shrink-0 xl:mr-12"> 6900 <div class="xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient(255.81% 141.42% at 0% 0%, #007399ff 0%, #84d1d2ff 100%); "> 6901 <span class="ml-1 chevron-close" data-target-id="4127"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg></span> 6902 <p class="font-bold">JAV</p> 6903 </div> 6904 <div class="h-screen xl:h-auto space-y-3 xl:space-y-0 rounded-1 bg-gradient xl:bg-white disable-gradient-on-mobile xl:overflow-hidden xl:py-3 nav-second-level-menu" style="min-height: fit-content; --navigation-gradient: radial-gradient(255.81% 141.42% at 0% 0%, #007399ff 0%, #84d1d2ff 100%);"> 6905 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="5039"> 6906 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent xl:border-b xl:border-gray-4"> 6907 Themen für die JAV 6908 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 6909 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 6910 </div> 6911 </div> 6912 </div> 6913 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="5979"> 6914 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent xl:border-b xl:border-gray-4"> 6915 Lernformate 6916 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 6917 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 6918 </div> 6919 </div> 6920 </div> 6921 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="6029"> 6922 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent xl:border-b xl:border-gray-4"> 6923 Schulungsanspruch 6924 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 6925 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 6926 </div> 6927 </div> 6928 </div> 6929 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="4338"> 6930 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent xl:border-b xl:border-gray-4"> 6931 Rechtsprechung & Lexikon 6932 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 6933 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 6934 </div> 6935 </div> 6936 </div> 6937 <div class="nav-item-second-level group relative overflow-hidden px-6 hover:bg-white cursor-pointer xl:transition-[height] xl:duration-100 xl:ease-in-out xl:before:absolute xl:before:inset-0 xl:before:bg-[image:var(--navigation-gradient)] xl:before:opacity-0 xl:before:transition-opacity xl:before:duration-100 xl:before:ease-in-out xl:[&.active]:before:opacity-100" data-page-id="6551"> 6938 <div class="nav-item-second-level-text relative z-10 flex items-center lg:mt-3 lg:pb-3 leading-ifb text-gray-1 xl:h-full xl:transition-colors xl:duration-100 xl:ease-in-out xl:group-[.active]:!text-white xl:group-[.active]:border-transparent "> 6939 Services für JAV 6940 <div class="-ml-[2px] h-24px w-24px shrink-0 xl:hidden" aria-hidden="true"> 6941 <span class="block h-full w-full" style="background: var(--navigation-gradient); -webkit-mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat; mask: url('/static/img/navigation/chevron-forward.svg') center / contain no-repeat;"></span> 6942 </div> 6943 </div> 6944 </div> 6945 <div class="mx-6"> 6946 <div class="xl:hidden"> 6947 <hr class="my-6 w-full border-gray-4"/> 6948 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 6949 <div class="flex gap-x-12"> 6950 <div class="flex flex-col items-center"> 6951 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 6952 <picture > 6953 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 6954 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 6955</picture> 6956 6957 </div> 6958 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 6959 Service 6960 </a> 6961 </div> 6962 <div class="flex flex-col items-center"> 6963 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 6964 <picture > 6965 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 6966 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 6967</picture> 6968 6969 </div> 6970 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 6971 Ãber uns 6972 </a> 6973 </div> 6974 </div> 6975 </div> 6976 </div> 6977 </div> 6978 </div> 6979 <div class="hidden xl:block"> 6980 </div> 6981 </div> 6982 <div class="nav-motion-item w-full xl:flex-1"> 6983 6984 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="5039" data-flyout-type="icon-and-description-single-column"> 6985 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #007399ff 0%, #84d1d2ff 100% ); "> 6986 <span class="ml-1 chevron-close" data-target-id="5039"> 6987 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 6988 </span> 6989 Themen für die JAV 6990 </div> 6991 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 6992 <div class="nav-flyout-icon-and-desc"> 6993 <p class="mb-2 xl:mb-0 block text-lg font-bold leading-ifb text-gray-1 xl:text-[25px] xl:font-extrabold"> 6994 Deine Themen für Dein Amt! 6995 </p> 6996 6997 <div class="xl:flex xl:gap-12"> 6998 <div class="xl:w-[429px] xl:shrink-0 xl:space-y-6 space-y-0 xl:mt-6"> 6999 <div class="group/icon h-[78px] xl:h-auto"> 7000 <a href="/jav/themen/neu-im-amt/uebersicht" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 7001 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 bg-[rgba(132,209,210,0.24)]"> 7002 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/JAV/neugewahlt.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 7003 class="h-12 w-12 max-w-none "/> 7004 </div> 7005 <div class="relative isolate block min-w-0
7005w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 7006 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #007399ff 0%, #84d1d2ff 100%);" aria-hidden="true"></span> 7007 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 7008 Für Neugewählte 7009 </p> 7010 </div> 7011 </a> 7012 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 7013 </div> 7014 <div class="group/icon h-[78px] xl:h-auto"> 7015 <a href="/jav/themen/amtszeit/uebersicht" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 7016 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 bg-[rgba(132,209,210,0.24)]"> 7017 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/JAV/amtszeit.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 7018 class="h-12 w-12 max-w-none "/> 7019 </div> 7020 <div class="relative isolate block min-w-0
7020w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 7021 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #007399ff 0%, #84d1d2ff 100%);" aria-hidden="true"></span> 7022 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 7023 In der Amtszeit 7024 </p> 7025 </div> 7026 </a> 7027 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 7028 </div> 7029 <div class="group/icon h-[78px] xl:h-auto"> 7030 <a href="/jav/themen/wahl/uebersicht" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 7031 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 bg-[rgba(132,209,210,0.24)]"> 7032 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/JAV/jav-wahl.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 7033 class="h-12 w-12 max-w-none "/> 7034 </div> 7035 <div class="relative isolate block min-w-0
7035w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 7036 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #007399ff 0%, #84d1d2ff 100%);" aria-hidden="true"></span> 7037 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 7038 JAV-Wahl 7039 </p> 7040 </div> 7041 </a> 7042 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 7043 </div> 7044 </div> 7045 7046 <div class="mt-6 xl:mt-6 xl:w-[429px] xl:shrink-0"> 7047 <a href="https://www.wahl-jav.de" class="block overflow-hidden rounded-1 hover:shadow-1-hover" target="_self"> 7048 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Banner2/JAV/jav-wahl-navi-jav-desktop.jpg" alt="" width="429" height="210" loading="lazy" decoding="async" class="h-auto w-full rounded-1"> 7049 </a> 7050 </div> 7051 </div> 7052</div> 7053 7054 7055 <div class="xl:hidden"> 7056 <hr class="my-6 w-full border-gray-4"/> 7057 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 7058 <div class="flex gap-x-12"> 7059 <div class="flex flex-col items-center"> 7060 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 7061 <picture > 7062 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 7063 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 7064</picture> 7065 7066 </div> 7067 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 7068 Service 7069 </a> 7070 </div> 7071 <div class="flex flex-col items-center"> 7072 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 7073 <picture > 7074 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 7075 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 7076</picture> 7077 7078 </div> 7079 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 7080 Ãber uns 7081 </a> 7082 </div> 7083 </div> 7084 </div> 7085 </div> 7086 </div> 7087 </div> 7088 7089 7090 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="5979" data-flyout-type="icon-committee"> 7091 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #007399ff 0%, #84d1d2ff 100% ); "> 7092 <span class="ml-1 chevron-close" data-target-id="5979"> 7093 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 7094 </span> 7095 Lernformate 7096 </div> 7097 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 7098 <div class="nav-flyout-icon-and-desc"> 7099 <p class="mb-2 xl:mb-0 block text-lg font-bold leading-ifb text-gray-1 xl:text-[25px] xl:font-extrabold"> 7100 Lernen wie es Dir gefällt! 7101 </p> 7102 7103 <div class=""> 7104 <div class="xl:legacy-equal-grid-columns-2 xl:gap-x-12 xl:gap-y-6 xl:space-y-0 space-y-0 xl:mt-6"> 7105 <div class="group/icon h-[78px] xl:h-auto"> 7106 <a href="/seminare?tab=prasenz-seminar&page=seminar&themeGroup=3819027&inPerson=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 7107 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #84d1d2ff 24%, transparent);"> 7108 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/praesenz.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 7109 class="h-12 w-12 max-w-none brightness-0"/> 7110 </div> 7111 <div class="relative isolate block min-w-0
7111w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 7112 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #007399ff 0%, #84d1d2ff 100%);" aria-hidden="true"></span> 7113 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 7114 Präsenz-Seminare 7115 </p> 7116 </div> 7117 </a> 7118 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 7119 </div> 7120 <div class="group/icon h-[78px] xl:h-auto"> 7121 <a href="/seminare?page=seminar&tab=online-seminar&themeGroup=3819027&typeWebinar=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 7122 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #84d1d2ff 24%, transparent);"> 7123 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/online.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 7124 class="h-12 w-12 max-w-none brightness-0"/> 7125 </div> 7126 <div class="relative isolate block min-w-0
7126w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 7127 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #007399ff 0%, #84d1d2ff 100%);" aria-hidden="true"></span> 7128 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 7129 Online-Seminare 7130 </p> 7131 </div> 7132 </a> 7133 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 7134 </div> 7135 <div class="group/icon h-[78px] xl:h-auto"> 7136 <a href="/seminare?page=seminar&tab=inhouse-seminar&themeGroup=3819027&isInhouse=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 7137 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #84d1d2ff 24%, transparent);"> 7138 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/inhouse.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 7139 class="h-12 w-12 max-w-none brightness-0"/> 7140 </div> 7141 <div class="relative isolate block min-w-0
7141w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 7142 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #007399ff 0%, #84d1d2ff 100%);" aria-hidden="true"></span> 7143 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 7144 Inhouse-Seminare 7145 </p> 7146 </div> 7147 </a> 7148 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 7149 </div> 7150 <div class="group/icon h-[78px] xl:h-auto"> 7151 <a href="/seminare?page=seminar&tab=veranstaltungen&themeGroup=3819027&typeFachtagung=true" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 7152 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #84d1d2ff 24%, transparent);"> 7153 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Lernformat/fachtagungen.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 7154 class="h-12 w-12 max-w-none brightness-0"/> 7155 </div> 7156 <div class="relative isolate block min-w-0
7156w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 7157 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #007399ff 0%, #84d1d2ff 100%);" aria-hidden="true"></span> 7158 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 7159 Fachtagungen & Symposien 7160 </p> 7161 </div> 7162 </a> 7163 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 7164 </div> 7165 </div> 7166 7167 </div> 7168</div> 7169 7170 7171 <div class="xl:hidden"> 7172 <hr class="my-6 w-full border-gray-4"/> 7173 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 7174 <div class="flex gap-x-12"> 7175 <div class="flex flex-col items-center"> 7176 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 7177 <picture > 7178 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 7179 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 7180</picture> 7181 7182 </div> 7183 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 7184 Service 7185 </a> 7186 </div> 7187 <div class="flex flex-col items-center"> 7188 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 7189 <picture > 7190 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 7191 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 7192</picture> 7193 7194 </div> 7195 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 7196 Ãber uns 7197 </a> 7198 </div> 7199 </div> 7200 </div> 7201 </div> 7202 </div> 7203 </div> 7204 7205 7206 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="6029" data-flyout-type="3-2-links-with-images"> 7207 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #007399ff 0%, #84d1d2ff 100% ); "> 7208 <span class="ml-1 chevron-close" data-target-id="6029"> 7209 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 7210 </span> 7211 Schulungsanspruch 7212 </div> 7213 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 7214 7215 7216<div class="md:flex md:flex-nowrap md:gap-x-6"> 7217 <div class=" md:w-2/3 "> 7218 <h2 class="typography-v2 h3-1 flex flex-1 "> 7219 Sicher zum Seminar 7220 </h2> 7221 <a href="/jav/schulungsanspruch/erforderlichkeit" target="_self"> 7222 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/schulungsanspruch/jav-schulungsanspruch.jpg" alt="Sicher zum Seminar" width="680" height="340" loading="lazy" decoding="async" class="rounded-1 hover:shadow-0 mt-6 w-full md:hidden"> 7223 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/schulungsanspruch/jav-schulungsanspruch.jpg" alt="Sicher zum Seminar" width="680" height="340" loading="lazy" decoding="async" class="rounded-1 hover:shadow-0 mt-6 hidden md:block md:h-[340px] md:w-auto"> 7224 </a> 7225 </div> 7226 </div> 7227 7228 7229 <div class="xl:hidden"> 7230 <hr class="my-6 w-full border-gray-4"/> 7231 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 7232 <div class="flex gap-x-12"> 7233 <div class="flex flex-col items-center"> 7234 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 7235 <picture > 7236 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 7237 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 7238</picture> 7239 7240 </div> 7241 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 7242 Service 7243 </a> 7244 </div> 7245 <div class="flex flex-col items-center"> 7246 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 7247 <picture > 7248 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 7249 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 7250</picture> 7251 7252 </div> 7253 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 7254 Ãber uns 7255 </a> 7256 </div> 7257 </div> 7258 </div> 7259 </div> 7260 </div> 7261 </div> 7262 7263 7264 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="4338" data-flyout-type="3-2-links-with-images"> 7265 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #007399ff 0%, #84d1d2ff 100% ); "> 7266 <span class="ml-1 chevron-close" data-target-id="4338"> 7267 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 7268 </span> 7269 Rechtsprechung & Lexikon 7270 </div> 7271 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 7272 7273 7274<div class="md:flex md:flex-nowrap md:gap-x-6"> 7275 <div class=" md:w-2/3 "> 7276 <h2 class="typography-v2 h3-1 flex flex-1 "> 7277 Aktuelle Rechtsprechungen 7278 </h2> 7279 <a href="/rechtsprechung/br/jugend-und-auszubildendenvertretung" target="_self"> 7280 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/rechtsprechung.jpg" alt="Aktuelle Rechtsprechungen" width="680" height="340" loading="lazy" decoding="async" class="rounded-1 hover:shadow-0 mt-6 w-full md:hidden"> 7281 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/rechtsprechung.jpg" alt="Aktuelle Rechtsprechungen" width="680" height="340" loading="lazy" decoding="async" class="rounded-1 hover:shadow-0 mt-6 hidden md:block md:h-[340px] md:w-auto"> 7282 </a> 7283 </div> 7284 <div class=" md:w-1/3 mt-6 md:mt-0 "> 7285 <h2 class="typography-v2 h3-1 flex flex-1 "> 7286 Lexikon 7287 </h2> 7288 <a href="/lexikon#jav" target="_self"> 7289 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/lexikon.jpg" alt="Lexikon" width="680" height="340" loading="lazy" decoding="async" class="rounded-1 hover:shadow-0 mt-6 w-full md:hidden"> 7290 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/lexikon.jpg" alt="Lexikon" width="680" height="340" loading="lazy" decoding="async" class="rounded-1 hover:shadow-0 mt-6 hidden md:block md:h-[340px] md:w-auto"> 7291 </a> 7292 </div>
7293 </div> 7294 <div class="flex flex-wrap"> 7295 </div> 7296 7297 7298 <div class="xl:hidden"> 7299 <hr class="my-6 w-full border-gray-4"/> 7300 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 7301 <div class="flex gap-x-12"> 7302 <div class="flex flex-col items-center"> 7303 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 7304 <picture > 7305 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 7306 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 7307</picture> 7308 7309 </div> 7310 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 7311 Service 7312 </a> 7313 </div> 7314 <div class="flex flex-col items-center"> 7315 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 7316 <picture > 7317 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 7318 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 7319</picture> 7320 7321 </div> 7322 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 7323 Ãber uns 7324 </a> 7325 </div> 7326 </div> 7327 </div> 7328 </div> 7329 </div> 7330 </div> 7331 7332 7333 <div class="nav-flyout absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="6551" data-flyout-type="icon-committee"> 7334 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #007399ff 0%, #84d1d2ff 100% ); "> 7335 <span class="ml-1 chevron-close" data-target-id="6551"> 7336 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 7337 </span> 7338 Services für JAV 7339 </div> 7340 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 7341 <div class="nav-flyout-icon-and-desc"> 7342 <p class="mb-2 xl:mb-0 block text-lg font-bold leading-ifb text-gray-1 xl:text-[25px] xl:font-extrabold"> 7343 Wichtige ifb-Services auf einen Blick 7344 </p> 7345 7346 <div class=""> 7347 <div class="xl:legacy-equal-grid-columns-2 xl:gap-x-12 xl:gap-y-6 xl:space-y-0 space-y-0 xl:mt-6"> 7348 <div class="group/icon h-[78px] xl:h-auto"> 7349 <a href="/service/downloads#jugend-und-auszubildendenvertretung" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 7350 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #84d1d2ff 24%, transparent);"> 7351 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/downloads.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 7352 class="h-12 w-12 max-w-none brightness-0"/> 7353 </div> 7354 <div class="relative isolate block min-w-0
7354w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 7355 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #007399ff 0%, #84d1d2ff 100%);" aria-hidden="true"></span> 7356 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 7357 Arbeitshilfen und Downloads 7358 </p> 7359 </div> 7360 </a> 7361 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 7362 </div> 7363 <div class="group/icon h-[78px] xl:h-auto"> 7364 <a href="/service/deutsche-bahn" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 7365 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #84d1d2ff 24%, transparent);"> 7366 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/bahn.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 7367 class="h-12 w-12 max-w-none brightness-0"/> 7368 </div> 7369 <div class="relative isolate block min-w-0
7369w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 7370 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #007399ff 0%, #84d1d2ff 100%);" aria-hidden="true"></span> 7371 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 7372 Bahn Sondertarif 7373 </p> 7374 </div> 7375 </a> 7376 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 7377 </div> 7378 <div class="group/icon h-[78px] xl:h-auto"> 7379 <a href="/service/faq" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 7380 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #84d1d2ff 24%, transparent);"> 7381 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/faq.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 7382 class="h-12 w-12 max-w-none brightness-0"/> 7383 </div> 7384 <div class="relative isolate block min-w-0
7384w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 7385 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #007399ff 0%, #84d1d2ff 100%);" aria-hidden="true"></span> 7386 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 7387 Häufig gestellte Fragen 7388 </p> 7389 </div> 7390 </a> 7391 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 7392 </div> 7393 <div class="group/icon h-[78px] xl:h-auto"> 7394 <a href="/service/newsletter" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 7395 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #84d1d2ff 24%, transparent);"> 7396 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/newsletter.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 7397 class="h-12 w-12 max-w-none brightness-0"/> 7398 </div> 7399 <div class="relative isolate block min-w-0
7399w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 7400 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #007399ff 0%, #84d1d2ff 100%);" aria-hidden="true"></span> 7401 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 7402 JAV-Newsletter 7403 </p> 7404 </div> 7405 </a> 7406 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 7407 </div> 7408 <div class="group/icon h-[78px] xl:h-auto"> 7409 <a href="https://forum.betriebsrat.de/board/57-jav-forum" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 7410 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #84d1d2ff 24%, transparent);"> 7411 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/forum.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 7412 class="h-12 w-12 max-w-none brightness-0"/> 7413 </div> 7414 <div class="relative isolate block min-w-0
7414w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 7415 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #007399ff 0%, #84d1d2ff 100%);" aria-hidden="true"></span> 7416 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 7417 JAV-Forum 7418 </p> 7419 </div> 7420 </a> 7421 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 7422 </div> 7423 <div class="group/icon h-[78px] xl:h-auto"> 7424 <a href="https://www.wahl-jav.de/" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 7425 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #84d1d2ff 24%, transparent);"> 7426 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/brwahl.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 7427 class="h-12 w-12 max-w-none brightness-0"/> 7428 </div> 7429 <div class="relative isolate block min-w-0
7429w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 7430 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #007399ff 0%, #84d1d2ff 100%);" aria-hidden="true"></span> 7431 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 7432 JAV-Wahl: Kostenlose Wahlhilfen 7433 </p> 7434 </div> 7435 </a> 7436 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 7437 </div> 7438 <div class="group/icon h-[78px] xl:h-auto"> 7439 <a href="/service/kataloge" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 7440 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #84d1d2ff 24%, transparent);"> 7441 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/kataloge.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 7442 class="h-12 w-12 max-w-none brightness-0"/> 7443 </div> 7444 <div class="relative isolate block min-w-0
7444w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 7445 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #007399ff 0%, #84d1d2ff 100%);" aria-hidden="true"></span> 7446 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 7447 Kataloge 7448 </p> 7449 </div> 7450 </a> 7451 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 7452 </div> 7453 <div class="group/icon h-[78px] xl:h-auto"> 7454 <a href="/service/meinifb" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 7455 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #84d1d2ff 24%, transparent);"> 7456 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/meinifb.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 7457 class="h-12 w-12 max-w-none brightness-0"/> 7458 </div> 7459 <div class="relative isolate block min-w-0
7459w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 7460 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #007399ff 0%, #84d1d2ff 100%);" aria-hidden="true"></span> 7461 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 7462 meinifb 7463 </p> 7464 </div> 7465 </a> 7466 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 7467 </div> 7468 <div class="group/icon h-[78px] xl:h-auto"> 7469 <a href="/service/chatbot" class="flex h-[77px] items-center gap-[18px] xl:h-auto xl:gap-[6px]" target="_self"> 7470 <div class="h-12 w-12 shrink-0 overflow-hidden rounded-1 " style="background-color: color-mix(in srgb, #84d1d2ff 24%, transparent);"> 7471 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/Icons2/Service/chatbot.svg" alt="" width="48" height="48" loading="lazy" decoding="async" 7472 class="h-12 w-12 max-w-none brightness-0"/> 7473 </div> 7474 <div class="relative isolate block min-w-0
7474w-full overflow-hidden xl:mr-3 xl:px-12px xl:py-6px"> 7475 <span class="absolute inset-0 -z-10 opacity-0 transition-opacity duration-200 ease-in-out group-hover/icon:opacity-100 group-focus-within/icon:opacity-100 motion-reduce:transition-none" style="background: radial-gradient(145.91% 210.11% at 0% 0%, #007399ff 0%, #84d1d2ff 100%);" aria-hidden="true"></span> 7476 <p class="text-base font-normal leading-ifb text-gray-1 transition-colors duration-200 ease-in-out group-hover/icon:text-white group-focus-within/icon:text-white motion-reduce:transition-none"> 7477 ifb-Chatbot 7478 </p> 7479 </div> 7480 </a> 7481 <hr class="mt-0 h-px border-0 bg-gray-4 xl:mt-6px"> 7482 </div> 7483 </div> 7484 7485 </div> 7486</div> 7487 7488 7489 <div class="xl:hidden"> 7490 <hr class="my-6 w-full border-gray-4"/> 7491 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 7492 <div class="flex gap-x-12"> 7493 <div class="flex flex-col items-center"> 7494 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 7495 <picture > 7496 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 7497 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 7498</picture> 7499 7500 </div> 7501 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 7502 Service 7503 </a> 7504 </div> 7505 <div class="flex flex-col items-center"> 7506 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 7507 <picture > 7508 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 7509 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 7510</picture> 7511 7512 </div> 7513 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 7514 Ãber uns 7515 </a> 7516 </div> 7517 </div> 7518 </div> 7519 </div> 7520 </div> 7521 </div> 7522 7523 </div> 7524 <div class="nav-motion-item nav-button-close cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x ifb-icon" ><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></div> 7525 </div> 7526 </div> 7527 </div> 7528 <div class='gray-transparent-bg-wrapper nav-button-close'></div> 7529 </div> 7530</div> 7531 7532 7533 7534
7535<script> 7536 function updateNavPosition() { 7537 let navElements = document.querySelectorAll(".nav-container"); 7538 if (!navElements.length) 7539 return; 7540 7541 7542 7543 if (window.innerWidth < 1200) { 7544 navElements.forEach((navElement) => { 7545 navElement.classList.add("top-0"); 7546 }); 7547 } else { 7548 navElements.forEach((navElement) => { 7549 navElement.classList.remove("top-0"); 7550 }); 7551 } 7552 } 7553 7554 window.addEventListener("DOMContentLoaded", function() { 7555 updateNavPosition(); 7556 }); 7557 7558 window.addEventListener("resize", function() { 7559 updateNavPosition(); 7560 }); 7561</script>
7561 7562 7563<style> 7564 @media screen and(max-width: 1279px) { 7565 .disable-gradient-on-mobile { 7566 background: none !important; 7567 } 7568 7569 .nav-item-second-level { 7570 .nav-item-second-level-text { 7571 color: initial; 7572 } 7573 7574 &:hover:not(.active) { 7575 opacity: 1; 7576 .nav-item-second-level-text { 7577 color: initial; 7578 } 7579 } 7580 7581 &.active { 7582 background-color: initial; 7583 opacity: 1; 7584 7585 .nav-item-second-level-text { 7586 color: initial; 7587 opacity: 1; 7588 } 7589 } 7590 } 7591 } 7592 7593 @media screen and (min-width: 1280px) { 7594 .nav-second-level-menu { 7595 box-shadow: 0 2px 16px 0 rgba(50, 61, 81, 0.16), 0 24px 80px 0 rgba(88, 89, 91, 0.16); 7596 } 7597 } 7598 7599 .nav-wrapper { 7600 background-color: #fff; 7601 overflow-y: auto; 7602 max-height: calc(100vh); 7603 7604 &::-webkit-scrollbar { 7605 width: 8px; 7606 } 7607 7608 &::-webkit-scrollbar-track { 7609 background: transparent; 7610 margin: 5px; 7611 } 7612 7613 &::-webkit-scrollbar-thumb { 7614 background: #5C5C5C; 7615 border-radius: 10px; 7616 } 7617 7618 &::-webkit-scrollbar-button { 7619 display: none; 7620 } 7621 7622 scrollbar-width: thin; 7623 scrollbar-color: #5C5C5C transparent; 7624 } 7625 7626 .nav-wrapper.nav-height-transition { 7627 overflow: hidden; 7628 } 7629 7630 .nav-container::before { 7631 content: ""; 7632 position: absolute; 7633 top: 0; 7634 left: 0; 7635 right: 0; 7636 height: 100px; 7637 pointer-events: none; 7638 z-index: 250; 7639 background: linear-gradient(to bottom, rgba(0, 0, 0, 0.11) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.07) 20%, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.02) 60%, rgba(0, 0, 0, 0.01) 80%, rgba(0, 0, 0, 0) 100%); 7640 } 7641 7642 .top-card-container-slider .flickity-page-dots { 7643 bottom: 4px; 7644 top: unset; 7645 margin-top: 12px; 7646 } 7647 7648 .navigation-top-card-slider .flickity-page-dots { 7649 margin-top: 12px; 7650 } 7651 7652 .nav-motion-enter .nav-motion-panel, 7653 .nav-flyout.nav-motion-enter, 7654 .mobile-subnav-flyout.nav-motion-enter, 7655 .sidebar-top-card-container.nav-motion-enter { 7656 animation: nav-flyout-reveal 300ms cubic-bezier(0.22, 1, 0.36, 1) both; 7657 } 7658 7659 .nav-motion-overlay-enter { 7660 animation: nav-overlay-reveal 300ms cubic-bezier(0.22, 1, 0.36, 1) both; 7661 } 7662 7663 .nav-motion-exit { 7664 z-index: 49; 7665 pointer-events: none; 7666 } 7667 7668 .nav-second-level.nav-motion-exit .nav-container { 7669 z-index: 49; 7670 } 7671 7672 .nav-second-level.nav-motion-exit .nav-wrapper, 7673 .nav-flyout.nav-motion-exit, 7674 .mobile-subnav-flyout.nav-motion-exit, 7675 .sidebar-top-card-container.nav-motion-exit { 7676 animation: nav-flyout-hide 420ms cubic-bezier(0.4, 0, 0.2, 1) both; 7677 } 7678 7679 .nav-second-level.nav-motion-enter .nav-container::before { 7680 animation: nav-top-shadow-reveal 300ms ease-out both; 7681 } 7682 7683 .nav-second-level.nav-motion-exit .nav-container::before { 7684 animation: nav-top-shadow-hide 420ms cubic-bezier(0.4, 0, 0.2, 1) both; 7685 } 7686 7687 .nav-motion-overlay-exit { 7688 pointer-events: none; 7689 animation: nav-overlay-hide 340ms ease-out both; 7690 } 7691 7692 .nav-motion-hidden { 7693 visibility: hidden; 7694 } 7695 7696 .nav-motion-enter .nav-motion-item { 7697 animation: nav-content-reveal 220ms cubic-bezier(0.22, 1, 0.36, 1) both; 7698 } 7699 7700 .nav-flyout.nav-motion-tab-enter, 7701 .sidebar-top-card-container.nav-motion-tab-enter { 7702 animation: nav-tab-content-enter 180ms ease-out both; 7703 } 7704 7705 .nav-flyout.nav-motion-tab-exit, 7706 .sidebar-top-card-container.nav-motion-tab-exit { 7707 z-index: 49; 7708 pointer-events: none; 7709 animation: nav-tab-content-exit 140ms ease-in both; 7710 } 7711 7712 .nav-motion-enter .nav-motion-item:nth-child(2) { 7713 animation-delay: 35ms; 7714 } 7715 7716 .nav-motion-enter .nav-motion-item:nth-child(n + 3) { 7717 animation-delay: 70ms; 7718 } 7719 7720 @keyframes nav-flyout-reveal { 7721 from { 7722 opacity: 0; 7723 transform: translateY(-14px) scale(0.995); 7724 } 7725 7726 to { 7727 opacity: 1; 7728 transform: translateY(0) scale(1); 7729 } 7730 } 7731 7732 @keyframes nav-content-reveal { 7733 from { 7734 opacity: 0; 7735 transform: translateY(-4px); 7736 } 7737 7738 to { 7739 opacity: 1; 7740 transform: translateY(0); 7741 } 7742 } 7743 7744 @keyframes nav-tab-content-enter { 7745 from { 7746 opacity: 0; 7747 transform: translateX(4px); 7748 } 7749 7750 to { 7751 opacity: 1; 7752 transform: translateX(0); 7753 } 7754 } 7755 7756 @keyframes nav-tab-content-exit { 7757 from { 7758 opacity: 1; 7759 transform: translateX(0); 7760 } 7761 7762 to { 7763 opacity: 0; 7764 transform: translateX(-4px); 7765 } 7766 } 7767 7768 @keyframes nav-flyout-hide { 7769 0, 7770 18% { 7771 opacity: 1; 7772 transform: translateY(0); 7773 } 7774 7775 to { 7776 opacity: 0; 7777 transform: translateY(-14px) scale(0.99); 7778 } 7779 } 7780 7781 @keyframes nav-top-shadow-reveal { 7782 from { 7783 opacity: 0; 7784 } 7785 7786 to { 7787 opacity: 1; 7788 } 7789 } 7790 7791 @keyframes nav-top-shadow-hide { 7792 0, 7793 18% { 7794 opacity: 1; 7795 } 7796 7797 to { 7798 opacity: 0; 7799 } 7800 } 7801 7802 @keyframes nav-overlay-reveal { 7803 from { 7804 opacity: 0; 7805 } 7806 7807 to { 7808 opacity: 0.62; 7809 } 7810 } 7811 7812 @keyframes nav-overlay-hide { 7813 from { 7814 opacity: 0.62; 7815 } 7816 7817 to { 7818 opacity: 0; 7819 } 7820 } 7821 7822 @media screen and(max-width: 1279px) {
7823 .mobile-subnav-flyout.nav-motion-enter { 7824 z-index: 50; 7825 } 7826 7827 .nav-second-level.nav-motion-enter .nav-motion-panel, 7828 .nav-flyout.nav-motion-enter, 7829 .mobile-subnav-flyout.nav-motion-enter { 7830 animation-name: nav-mobile-flyout-reveal; 7831 } 7832 7833 .nav-flyout.nav-motion-exit, 7834 .mobile-subnav-flyout.nav-motion-exit { 7835 animation-name: nav-mobile-flyout-hide; 7836 } 7837 7838 @keyframes nav-mobile-flyout-reveal { 7839 from { 7840 opacity: 0; 7841 transform: translateX(12px); 7842 } 7843 7844 to { 7845 opacity: 1; 7846 transform: translateX(0); 7847 } 7848 } 7849 7850 @keyframes nav-mobile-flyout-hide { 7851 0, 7852 18% { 7853 opacity: 1; 7854 transform: translateX(0); 7855 } 7856 7857 to { 7858 opacity: 0; 7859 transform: translateX(14px); 7860 } 7861 } 7862 } 7863 7864 @media(prefers-reduced-motion: reduce) { 7865 .nav-wrapper.nav-height-transition { 7866 transition: none; 7867 } 7868 7869 .nav-motion-enter .nav-motion-panel, 7870 .nav-flyout.nav-motion-enter, 7871 .mobile-subnav-flyout.nav-motion-enter, 7872 .sidebar-top-card-container.nav-motion-enter, 7873 .nav-motion-overlay-enter, 7874 .nav-motion-exit, 7875 .nav-motion-overlay-exit, 7876 .nav-second-level.nav-motion-enter .nav-container::before, 7877 .nav-second-level.nav-motion-exit .nav-container::before, 7878 .nav-flyout.nav-motion-tab-enter, 7879 .sidebar-top-card-container.nav-motion-tab-enter, 7880 .nav-flyout.nav-motion-tab-exit, 7881 .sidebar-top-card-container.nav-motion-tab-exit, 7882 .nav-motion-enter .nav-motion-item { 7883 animation: none; 7884 } 7885 } 7886</style> 7887 </div> 7888 7889 7890 7891 7892 7893 7894 7895 7896 </div> 7897 <div class="flex flex-wrap xl:flex-nowrap justify-start xxl:w-600px mt-4 xl:mt-0 gap-x-4 xl:gap-x-0 gap-y-4 xl:gap-y-0 border-b border-gray-4 xl:border-none pb-6 xl:pb-0 xl:ml-5"> 7898 <div class="nav-item xl:px-3 xl:h-[30px]" > 7899 <a class="hidden xl:flex h6 mt-6px mb-1 " href="/inhouse" target="_self" > 7900 <div class="" style=""> 7901 Inhouse 7902 </div> 7903 </a> 7904 <div class="xl:hidden"> 7905 <a class="flex flex-col h5 rounded-1 w-160px min-h-80px items-stretch text-gray-2 bg-gray-4 " href="/inhouse" > 7906 <div class="flex grow items-center px-3 xl:px-0 xl:py-0 whitespace-normal break-words"> 7907 Inhouse 7908 <span class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="gray" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><polyline points="9 18 15 12 9 6"></polyline></svg></span> 7909 </div> 7910 </a> 7911 </div> 7912 </div> 7913 7914 <div class="nav-item xl:px-3 xl:h-[30px]" > 7915 <a class="hidden xl:flex h6 mt-6px mb-1 " href="/standorte" target="_self" > 7916 <div class="" style=""> 7917 Standorte 7918 </div> 7919 </a> 7920 <div class="xl:hidden"> 7921 <a class="flex flex-col h5 rounded-1 w-160px min-h-80px items-stretch text-gray-2 bg-gray-4 " href="/standorte" > 7922 <div class="flex grow items-center px-3 xl:px-0 xl:py-0 whitespace-normal break-words"> 7923 Standorte 7924 <span class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="gray" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><polyline points="9 18 15 12 9 6"></polyline></svg></span> 7925 </div> 7926 </a> 7927 </div> 7928 </div> 7929 7930 <div class="nav-item xl:px-3 nav-item-first-level xl:h-[30px]" > 7931 <a class="hidden xl:flex h6 mt-6px mb-1 pointer-events-none" href="/beratung" target="_self" > 7932 <div class="" style=""> 7933 Beratung 7934 </div> 7935 </a> 7936 <div class="xl:hidden"> 7937 <a class="flex flex-col h5 rounded-1 w-160px min-h-80px items-stretch text-gray-2 bg-gray-4 pointer-events-none" href="/beratung" > 7938 <div class="flex grow items-center px-3 xl:px-0 xl:py-0 whitespace-normal break-words"> 7939 Beratung 7940 <span class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="gray" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><polyline points="9 18 15 12 9 6"></polyline></svg></span> 7941 </div> 7942 </a> 7943 </div> 7944 7945<div class="nav-second-level invisible" data-page-id="4140"> 7946 <div class="nav-container absolute left-0 w-full z-50 mt-50px xl:top-[42px] xl:mt-0"> 7947 <div class="nav-wrapper shadow-lg"> 7948 <div class="bg-white nav-motion-panel"> 7949 <div class="legacy-container --no-padding-mobile flex flex-col xl:flex-row xl:pt-8 xl:pb-12 xl:px-24"> 7950 7951 <div class=" absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="4140" data-flyout-type="beratung"> 7952 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #BF1D2E 0%, #DD6D29 100% ); "> 7953 <span class="ml-1 chevron-close" data-target-id="4140"> 7954 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 7955 </span> 7956 Beratung 7957 </div> 7958 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 7959 7960 7961<div class="grid gap-8 xl:grid-cols-2 xl:gap-x-12"> 7962 <section aria-labelledby="beratung-4140-6628"> 7963 <h2 id="beratung-4140-6628" class="typography-v2 h3-1 !text-[25px] text-gray-1">
7964 ifb-Bildungsberatung 7965 </h2> 7966 7967 7968 <ul class="mt-6 list-none"> 7969 <li> 7970 <a href="/beratung/bildungsberatung/schulungsanspruch" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 7971 <span class="navigation-a-z-gradient absolute inset-0 bg-gradient-br opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" aria-hidden="true"></span> 7972 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 7973 Zu Ihrem Schulungsanspruch 7974 </span> 7975 7976 </a> 7977 </li> 7978 7979 <li> 7980 <a href="/beratung/bildungsberatung/kundenberatung" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 7981 <span class="navigation-a-z-gradient absolute inset-0 bg-gradient-br opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" aria-hidden="true"></span> 7982 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 7983 Kundenberatung vor Ort 7984 </span> 7985 7986 </a> 7987 </li> 7988 7989 <li> 7990 <a href="/beratung/bildungsberatung/inhouse-schulungen" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 7991 <span class="navigation-a-z-gradient absolute inset-0 bg-gradient-br opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" aria-hidden="true"></span> 7992 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 7993 Zu Inhouse-Schulungen 7994 </span> 7995 7996 </a> 7997 </li> 7998 7999 </ul> 8000 </section> 8001 <section aria-labelledby="beratung-4140-6629"> 8002 <h2 id="beratung-4140-6629" class="typography-v2 h3-1 !text-[25px] text-gray-1"> 8003 ifb-Kompetenzzentren 8004 </h2> 8005 8006 8007 <ul class="mt-6 list-none"> 8008 <li> 8009 <a href="/beratung/kompetenzzentren/bem" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 8010 <span class="navigation-a-z-gradient absolute inset-0 bg-gradient-br opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" aria-hidden="true"></span> 8011 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 8012 Betriebliches Eingliederungsmanagement 8013 </span> 8014 8015 </a> 8016 </li> 8017 8018 <li> 8019 <a href="/beratung/kompetenzzentren/umstrukturierung" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 8020 <span class="navigation-a-z-gradient absolute inset-0 bg-gradient-br opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" aria-hidden="true"></span> 8021 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 8022 Umstrukturierung 8023 </span> 8024 8025 </a> 8026 </li> 8027 8028 <li> 8029 <a href="/beratung/kompetenzzentren/digitale-br-arbeit" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 8030 <span class="navigation-a-z-gradient absolute inset-0 bg-gradient-br opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" aria-hidden="true"></span> 8031 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 8032 Digitale BR-Arbeit 8033 </span> 8034 8035 </a> 8036 </li> 8037 8038 <li> 8039 <a href="/beratung/kompetenzzentren/konflikte" target="_self" class="navigation-a-z-link group relative flex w-full items-center border-b border-gray-4 leading-ifb pt-2 pb-6px pl-3 text-base"> 8040 <span class="navigation-a-z-gradient absolute inset-0 bg-gradient-br opacity-0 transition-opacity duration-200 ease-in-out motion-reduce:transition-none group-hover:opacity-100 group-focus-visible:opacity-100" aria-hidden="true"></span> 8041 <span class="navigation-a-z-title relative z-10 min-w-0 flex-1 text-gray-1 transition-colors duration-200 ease-in-out motion-reduce:transition-none group-hover:text-white group-focus-visible:text-white"> 8042 Innerbetriebliche Konflikte 8043 </span> 8044 8045 </a> 8046 </li> 8047 8048 </ul> 8049 </section> 8050 </div> 8051 8052 8053 <div class="xl:hidden"> 8054 <hr class="my-6 w-full border-gray-4"/> 8055 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 8056 <div class="flex gap-x-12"> 8057 <div class="flex flex-col items-center"> 8058 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 8059 <picture > 8060 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 8061 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 8062</picture> 8063 8064 </div> 8065 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 8066 Service 8067 </a> 8068 </div> 8069 <div class="flex flex-col items-center"> 8070 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 8071 <picture > 8072 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 8073 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 8074</picture> 8075 8076 </div> 8077 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 8078 Ãber uns 8079 </a> 8080 </div> 8081 </div> 8082 </div> 8083 </div> 8084 </div> 8085 </div> 8086 8087 <div class="nav-motion-item nav-button-close cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x ifb-icon" ><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></div>
8088 </div> 8089 </div> 8090 </div> 8091 <div class='gray-transparent-bg-wrapper nav-button-close'></div> 8092 </div> 8093</div> 8094 8095 8096 8097
8098<script> 8099 function updateNavPosition() { 8100 let navElements = document.querySelectorAll(".nav-container"); 8101 if (!navElements.length) 8102 return; 8103 8104 8105 8106 if (window.innerWidth < 1200) { 8107 navElements.forEach((navElement) => { 8108 navElement.classList.add("top-0"); 8109 }); 8110 } else { 8111 navElements.forEach((navElement) => { 8112 navElement.classList.remove("top-0"); 8113 }); 8114 } 8115 } 8116 8117 window.addEventListener("DOMContentLoaded", function() { 8118 updateNavPosition(); 8119 }); 8120 8121 window.addEventListener("resize", function() { 8122 updateNavPosition(); 8123 }); 8124</script>
8124 8125 8126<style> 8127 @media screen and(max-width: 1279px) { 8128 .disable-gradient-on-mobile { 8129 background: none !important; 8130 } 8131 8132 .nav-item-second-level { 8133 .nav-item-second-level-text { 8134 color: initial; 8135 } 8136 8137 &:hover:not(.active) { 8138 opacity: 1; 8139 .nav-item-second-level-text { 8140 color: initial; 8141 } 8142 } 8143 8144 &.active { 8145 background-color: initial; 8146 opacity: 1; 8147 8148 .nav-item-second-level-text { 8149 color: initial; 8150 opacity: 1; 8151 } 8152 } 8153 } 8154 } 8155 8156 @media screen and (min-width: 1280px) { 8157 .nav-second-level-menu { 8158 box-shadow: 0 2px 16px 0 rgba(50, 61, 81, 0.16), 0 24px 80px 0 rgba(88, 89, 91, 0.16); 8159 } 8160 } 8161 8162 .nav-wrapper { 8163 background-color: #fff; 8164 overflow-y: auto; 8165 max-height: calc(100vh); 8166 8167 &::-webkit-scrollbar { 8168 width: 8px; 8169 } 8170 8171 &::-webkit-scrollbar-track { 8172 background: transparent; 8173 margin: 5px; 8174 } 8175 8176 &::-webkit-scrollbar-thumb { 8177 background: #5C5C5C; 8178 border-radius: 10px; 8179 } 8180 8181 &::-webkit-scrollbar-button { 8182 display: none; 8183 } 8184 8185 scrollbar-width: thin; 8186 scrollbar-color: #5C5C5C transparent; 8187 } 8188 8189 .nav-wrapper.nav-height-transition { 8190 overflow: hidden; 8191 } 8192 8193 .nav-container::before { 8194 content: ""; 8195 position: absolute; 8196 top: 0; 8197 left: 0; 8198 right: 0; 8199 height: 100px; 8200 pointer-events: none; 8201 z-index: 250; 8202 background: linear-gradient(to bottom, rgba(0, 0, 0, 0.11) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.07) 20%, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.02) 60%, rgba(0, 0, 0, 0.01) 80%, rgba(0, 0, 0, 0) 100%); 8203 } 8204 8205 .top-card-container-slider .flickity-page-dots { 8206 bottom: 4px; 8207 top: unset; 8208 margin-top: 12px; 8209 } 8210 8211 .navigation-top-card-slider .flickity-page-dots { 8212 margin-top: 12px; 8213 } 8214 8215 .nav-motion-enter .nav-motion-panel, 8216 .nav-flyout.nav-motion-enter, 8217 .mobile-subnav-flyout.nav-motion-enter, 8218 .sidebar-top-card-container.nav-motion-enter { 8219 animation: nav-flyout-reveal 300ms cubic-bezier(0.22, 1, 0.36, 1) both; 8220 } 8221 8222 .nav-motion-overlay-enter { 8223 animation: nav-overlay-reveal 300ms cubic-bezier(0.22, 1, 0.36, 1) both; 8224 } 8225 8226 .nav-motion-exit { 8227 z-index: 49; 8228 pointer-events: none; 8229 } 8230 8231 .nav-second-level.nav-motion-exit .nav-container { 8232 z-index: 49; 8233 } 8234 8235 .nav-second-level.nav-motion-exit .nav-wrapper, 8236 .nav-flyout.nav-motion-exit, 8237 .mobile-subnav-flyout.nav-motion-exit, 8238 .sidebar-top-card-container.nav-motion-exit { 8239 animation: nav-flyout-hide 420ms cubic-bezier(0.4, 0, 0.2, 1) both; 8240 } 8241 8242 .nav-second-level.nav-motion-enter .nav-container::before { 8243 animation: nav-top-shadow-reveal 300ms ease-out both; 8244 } 8245 8246 .nav-second-level.nav-motion-exit .nav-container::before { 8247 animation: nav-top-shadow-hide 420ms cubic-bezier(0.4, 0, 0.2, 1) both; 8248 } 8249 8250 .nav-motion-overlay-exit { 8251 pointer-events: none; 8252 animation: nav-overlay-hide 340ms ease-out both; 8253 } 8254 8255 .nav-motion-hidden { 8256 visibility: hidden; 8257 } 8258 8259 .nav-motion-enter .nav-motion-item { 8260 animation: nav-content-reveal 220ms cubic-bezier(0.22, 1, 0.36, 1) both; 8261 } 8262 8263 .nav-flyout.nav-motion-tab-enter, 8264 .sidebar-top-card-container.nav-motion-tab-enter { 8265 animation: nav-tab-content-enter 180ms ease-out both; 8266 } 8267 8268 .nav-flyout.nav-motion-tab-exit, 8269 .sidebar-top-card-container.nav-motion-tab-exit { 8270 z-index: 49; 8271 pointer-events: none; 8272 animation: nav-tab-content-exit 140ms ease-in both; 8273 } 8274 8275 .nav-motion-enter .nav-motion-item:nth-child(2) { 8276 animation-delay: 35ms; 8277 } 8278 8279 .nav-motion-enter .nav-motion-item:nth-child(n + 3) { 8280 animation-delay: 70ms; 8281 } 8282 8283 @keyframes nav-flyout-reveal { 8284 from { 8285 opacity: 0; 8286 transform: translateY(-14px) scale(0.995); 8287 } 8288 8289 to { 8290 opacity: 1; 8291 transform: translateY(0) scale(1); 8292 } 8293 } 8294 8295 @keyframes nav-content-reveal { 8296 from { 8297 opacity: 0; 8298 transform: translateY(-4px); 8299 } 8300 8301 to { 8302 opacity: 1; 8303 transform: translateY(0); 8304 } 8305 } 8306 8307 @keyframes nav-tab-content-enter { 8308 from { 8309 opacity: 0; 8310 transform: translateX(4px); 8311 } 8312 8313 to { 8314 opacity: 1; 8315 transform: translateX(0); 8316 } 8317 } 8318 8319 @keyframes nav-tab-content-exit { 8320 from { 8321 opacity: 1; 8322 transform: translateX(0); 8323 } 8324 8325 to { 8326 opacity: 0; 8327 transform: translateX(-4px); 8328 } 8329 } 8330 8331 @keyframes nav-flyout-hide { 8332 0, 8333 18% { 8334 opacity: 1; 8335 transform: translateY(0); 8336 } 8337 8338 to { 8339 opacity: 0; 8340 transform: translateY(-14px) scale(0.99); 8341 } 8342 } 8343 8344 @keyframes nav-top-shadow-reveal { 8345 from { 8346 opacity: 0; 8347 } 8348 8349 to { 8350 opacity: 1; 8351 } 8352 } 8353 8354 @keyframes nav-top-shadow-hide { 8355 0, 8356 18% { 8357 opacity: 1; 8358 } 8359 8360 to { 8361 opacity: 0; 8362 } 8363 } 8364 8365 @keyframes nav-overlay-reveal { 8366 from { 8367 opacity: 0; 8368 } 8369 8370 to { 8371 opacity: 0.62; 8372 } 8373 } 8374 8375 @keyframes nav-overlay-hide { 8376 from { 8377 opacity: 0.62; 8378 } 8379 8380 to { 8381 opacity: 0; 8382 } 8383 } 8384 8385 @media screen and(max-width: 1279px) {
8386 .mobile-subnav-flyout.nav-motion-enter { 8387 z-index: 50; 8388 } 8389 8390 .nav-second-level.nav-motion-enter .nav-motion-panel, 8391 .nav-flyout.nav-motion-enter, 8392 .mobile-subnav-flyout.nav-motion-enter { 8393 animation-name: nav-mobile-flyout-reveal; 8394 } 8395 8396 .nav-flyout.nav-motion-exit, 8397 .mobile-subnav-flyout.nav-motion-exit { 8398 animation-name: nav-mobile-flyout-hide; 8399 } 8400 8401 @keyframes nav-mobile-flyout-reveal { 8402 from { 8403 opacity: 0; 8404 transform: translateX(12px); 8405 } 8406 8407 to { 8408 opacity: 1; 8409 transform: translateX(0); 8410 } 8411 } 8412 8413 @keyframes nav-mobile-flyout-hide { 8414 0, 8415 18% { 8416 opacity: 1; 8417 transform: translateX(0); 8418 } 8419 8420 to { 8421 opacity: 0; 8422 transform: translateX(14px); 8423 } 8424 } 8425 } 8426 8427 @media(prefers-reduced-motion: reduce) { 8428 .nav-wrapper.nav-height-transition { 8429 transition: none; 8430 } 8431 8432 .nav-motion-enter .nav-motion-panel, 8433 .nav-flyout.nav-motion-enter, 8434 .mobile-subnav-flyout.nav-motion-enter, 8435 .sidebar-top-card-container.nav-motion-enter, 8436 .nav-motion-overlay-enter, 8437 .nav-motion-exit, 8438 .nav-motion-overlay-exit, 8439 .nav-second-level.nav-motion-enter .nav-container::before, 8440 .nav-second-level.nav-motion-exit .nav-container::before, 8441 .nav-flyout.nav-motion-tab-enter, 8442 .sidebar-top-card-container.nav-motion-tab-enter, 8443 .nav-flyout.nav-motion-tab-exit, 8444 .sidebar-top-card-container.nav-motion-tab-exit, 8445 .nav-motion-enter .nav-motion-item { 8446 animation: none; 8447 } 8448 } 8449</style> 8450 </div> 8451 8452 <div class="nav-item xl:px-3 xl:h-[30px]" > 8453 <a class="hidden xl:flex h6 mt-6px mb-1 " href="/br-magazin" target="_self" > 8454 <div class="" style=""> 8455 BR-Magazin 8456 </div> 8457 </a> 8458 <div class="xl:hidden"> 8459 <a class="flex flex-col h5 rounded-1 w-160px min-h-80px items-stretch text-gray-2 bg-gray-4 " href="/br-magazin" > 8460 <div class="flex grow items-center px-3 xl:px-0 xl:py-0 whitespace-normal break-words"> 8461 BR-Magazin 8462 <span class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="gray" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><polyline points="9 18 15 12 9 6"></polyline></svg></span> 8463 </div> 8464 </a> 8465 </div> 8466 </div> 8467 8468 <div class="nav-item xl:px-3 xl:h-[30px]" > 8469 <a class="hidden xl:flex h6 mt-6px mb-1 " href="https://forum.betriebsrat.de" target="_blank" > 8470 <div class="" style=""> 8471 Forum 8472 </div> 8473 </a> 8474 <div class="xl:hidden"> 8475 <a class="flex flex-col h5 rounded-1 w-160px min-h-80px items-stretch text-gray-2 bg-gray-4 " href="https://forum.betriebsrat.de" > 8476 <div class="flex grow items-center px-3 xl:px-0 xl:py-0 whitespace-normal break-words"> 8477 Forum 8478 <span class="ml-1"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="gray" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><polyline points="9 18 15 12 9 6"></polyline></svg></span> 8479 </div> 8480 </a> 8481 </div> 8482 </div> 8483 8484 </div> 8485 <div class="flex flex-wrap xl:flex-nowrap justify-center xl:justify-start mt-6 xl:mt-0 gap-x-12 xl:gap-x-0 xl:-ml-3"> 8486 <div class="nav-item xl:px-3 xl:h-[30px]" > 8487 <a class="hidden xl:flex h6 mt-6px mb-1 " href="/service/kontakt" target="_self" > 8488 <div class="" style=""> 8489 Service 8490 </div> 8491 </a> 8492 <div class="xl:hidden"> 8493 <a class="flex flex-col items-center text-center " href="/service/kontakt"> 8494 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/info.svg" alt="Service" width="24" height="24" loading="lazy" decoding="async" class="block js-nav-mobile-entry-image h-24px w-24px max-w-none"> 8495 <div class="mt-[6px] whitespace-nowrap text-sm font-normal leading-ifb"> 8496 Service 8497 </div> 8498 </a> 8499 </div> 8500 </div> 8501 8502 <div class="nav-item xl:px-3 nav-item-first-level xl:h-[30px]" > 8503 <a class="hidden xl:flex h6 mt-6px mb-1 pointer-events-none" href="/ueber-uns" target="_self" > 8504 <div class="" style=""> 8505 Ãber uns
8506 </div> 8507 </a> 8508 <div class="xl:hidden"> 8509 <a class="flex flex-col items-center text-center pointer-events-none" href="/ueber-uns"> 8510 <img src="data:image/gif;base64,R0lGODlhAQABAAAAACw=" data-nav-src="/grafiken/navigation/star.svg" alt="Ãber uns" width="24" height="24" loading="lazy" decoding="async" class="block js-nav-mobile-entry-image h-24px w-24px max-w-none"> 8511 <div class="mt-[6px] whitespace-nowrap text-sm font-normal leading-ifb"> 8512 Ãber uns 8513 </div> 8514 </a> 8515 </div> 8516 8517<div class="nav-second-level invisible" data-page-id="6141"> 8518 <div class="nav-container absolute left-0 w-full z-50 mt-50px xl:top-[42px] xl:mt-0"> 8519 <div class="nav-wrapper shadow-lg"> 8520 <div class="bg-white nav-motion-panel"> 8521 <div class="legacy-container --no-padding-mobile flex flex-col xl:flex-row xl:pt-8 xl:pb-12 xl:px-24"> 8522 8523 <div class=" absolute xl:relative top-0 left-0 w-full h-screen xl:h-auto xl:overflow-visible z-50 bg-white xl:bg-transparent" data-parent-id="6141" data-flyout-type="about-us"> 8524 <div class="nav-motion-item xl:hidden flex items-center h5 text-white pl-3 pr-6 py-6 mb-6 bg-gradient rounded-b-1" style=" background: radial-gradient( 255.81% 141.42% at 0% 0%, #BF1D2E 0%, #DD6D29 100% ); "> 8525 <span class="ml-1 chevron-close" data-target-id="6141"> 8526 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7142857142857" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-left ifb-icon" ><polyline points="15 18 9 12 15 6"></polyline></svg> 8527 </span>
8528 Ãber uns 8529 </div> 8530 <div class="nav-motion-item px-6 xl:px-0 xl:pt-6 pb-20 xl:pb-0"> 8531 <div class="xl:hidden"> 8532 <div class="bg-white"> 8533 <span class="typography-v2 h3-1 mb-6px block text-gray-1 md:mb-24px"> 8534 Lernen Sie das ifb kennen 8535 </span> 8536 8537 8538 <div> 8539 <div class="grid legacy-equal-grid-columns-1 md:legacy-equal-grid-columns-4 gap-x-4 gap-y-6px lg:gap-y-6 items-end"> 8540 <div class="navigation-page-link-wrapper rounded-1 md:px-12px md:py-6px"> 8541 <a class="flex flex-col md:gap-6px" href="/ueber-uns/unternehmen" target="_self"> 8542 <span class="font-bold leading-snug text-gray-1 text-sm md:text-lg pt-6px md:pt-0"> 8543 Unser Unternehmen 8544 </span> 8545 <p class="font-normal text-xs leading-tight text-gray-1"> 8546 Wissen, das bewegt. Hier findenâ¨Sie Einblicke in unser Miteinander. 8547 </p> 8548 </a> 8549 </div> 8550 <hr class="block md:hidden text-gray-4"/> 8551 <div class="navigation-page-link-wrapper rounded-1 md:px-12px md:py-6px"> 8552 <a class="flex flex-col md:gap-6px" href="/ueber-uns/gute-gruende" target="_self"> 8553 <span class="font-bold leading-snug text-gray-1 text-sm md:text-lg pt-6px md:pt-0"> 8554 Gute Gründe für das ifb 8555 </span> 8556 <p class="font-normal text-xs leading-tight text-gray-1"> 8557 Warum das ifb der ideale Partner für Ihre Weiterbildung ist? Lesen Sie hier! 8558 </p> 8559 </a> 8560 </div> 8561 <hr class="block md:hidden text-gray-4"/> 8562 <div class="navigation-page-link-wrapper rounded-1 md:px-12px md:py-6px"> 8563 <a class="flex flex-col md:gap-6px" href="/ueber-uns/leitbild" target="_self"> 8564 <span class="font-bold leading-snug text-gray-1 text-sm md:text-lg pt-6px md:pt-0"> 8565 Unser Leitbild 8566 </span> 8567 <p class="font-normal text-xs leading-tight text-gray-1"> 8568 Das ifb versteht sich als Bildungspartner. Erfahren Sie mehr über unsere Haltung. 8569 </p> 8570 </a> 8571 </div> 8572 <hr class="block md:hidden text-gray-4"/> 8573 <div class="navigation-page-link-wrapper rounded-1 md:px-12px md:py-6px"> 8574 <a class="flex flex-col md:gap-6px" href="/ueber-uns/mitarbeiter" target="_self"> 8575 <span class="font-bold leading-snug text-gray-1 text-sm md:text-lg pt-6px md:pt-0"> 8576 Unser ifb-Team 8577 </span> 8578 <p class="font-normal text-xs leading-tight text-gray-1"> 8579 Von der Organisation bis zur Weiterbildung:â¨Lernen Sie unser engagiertes Team kennen. 8580 </p> 8581 </a> 8582 </div> 8583 <hr class="block md:hidden text-gray-4"/> 8584 <div class="navigation-page-link-wrapper rounded-1 md:px-12px md:py-6px"> 8585 <a class="flex flex-col md:gap-6px" href="/jobs-karriere" target="_self"> 8586 <span class="font-bold leading-snug text-gray-1 text-sm md:text-lg pt-6px md:pt-0"> 8587 Karriere im ifb 8588 </span> 8589 <p class="font-normal text-xs leading-tight text-gray-1"> 8590 Auf der Suche nach neuen Herausforderungen? Wir freuen uns auf Sie! 8591 </p> 8592 </a> 8593 </div> 8594 <hr class="block md:hidden text-gray-4"/> 8595 <div class="navigation-page-link-wrapper rounded-1 md:px-12px md:py-6px"> 8596 <a class="flex flex-col md:gap-6px" href="/service/compliance" target="_self"> 8597 <span class="font-bold leading-snug text-gray-1 text-sm md:text-lg pt-6px md:pt-0"> 8598 Compliance Richtlinien 8599 </span> 8600 <p class="font-normal text-xs leading-tight text-gray-1"> 8601 Erfahren Sie mehr über unsereâ¨ethischen und rechtlichen Werte. 8602 </p> 8603 </a> 8604 </div> 8605 <hr class="block md:hidden text-gray-4"/> 8606 <div class="navigation-page-link-wrapper rounded-1 md:px-12px md:py-6px"> 8607 <a class="flex flex-col md:gap-6px" href="/ueber-uns/autoren" target="_self"> 8608 <span class="font-bold leading-snug text-gray-1 text-sm md:text-lg pt-6px md:pt-0"> 8609 Unsere Autoren 8610 </span> 8611 <p class="font-normal text-xs leading-tight text-gray-1"> 8612 Fachartikel, News, Interviews: Wir greifen wichtige Themen aus der Arbeitswelt für Sie auf! 8613 </p> 8614 </a> 8615 </div> 8616 <hr class="block md:hidden text-gray-4"/> 8617 <div class="navigation-page-link-wrapper rounded-1 md:px-12px md:py-6px"> 8618 <a class="flex flex-col md:gap-6px" href="/ueber-uns/referenten/team" target="_self"> 8619 <span class="font-bold leading-snug text-gray-1 text-sm md:text-lg pt-6px md:pt-0"> 8620 Unsere Referenten 8621 </span> 8622 <p class="font-normal text-xs leading-tight text-gray-1"> 8623 Die Experten für inspiriende Seminare und Workshops. 8624 </p> 8625 </a> 8626 </div> 8627 <hr class="block md:hidden text-gray-4"/> 8628 </div> 8629 <div class="mt-4 lg:mt-6"> 8630 <div> 8631 <span class="font-bold leading-snug text-gray-1 text-lg mb-2 block"> 8632 Finden Sie uns auch auf: 8633 </span> 8634 <div class="flex" style="column-gap: 22px"> 8635 <div class="icon-link"> 8636 <a href="https://www.facebook.com/ifb" target="_blank"> 8637 <img loading="lazy" src="/static/img/footer/facebook.svg" alt="social_link_facebook" width="24" height="24" class="h-6 w-auto"> 8638 </a> 8639 </div> 8640 <div class="icon-link"> 8641 <a href="https://www.instagram.com/ifbkg/" target="_blank"> 8642 <img loading="lazy" src="/static/img/footer/instagram.svg" alt="social_link_instagram" width="24" height="24" class="h-6 w-auto"> 8643 </a> 8644 </div> 8645 <div class="icon-link"> 8646 <a href="https://www.linkedin.com/company/ifbseminar/" target="_blank"> 8647 <img loading="lazy" src="/static/img/footer/linkedIn.svg" alt="social_link_linkedin" width="24" height="24" class="h-6 w-auto"> 8648 </a> 8649 </div> 8650 <div class="icon-link"> 8651 <a href="https://www.youtube.com/ifbseminar" target="_blank"> 8652 <img loading="lazy" src="/static/img/footer/youtube.svg" alt="social_link_youtube" width="24" height="24" class="h-6 w-auto"> 8653 </a> 8654 </div> 8655 </div> 8656 </div> 8657 </div> 8658 </div> 8659 </div> 8660</div> 8661 8662<div class="hidden xl:block"> 8663 <p class="typography-v2 h3-1 mb-6 block text-gray-1"> 8664 Lernen Sie das ifb kennen 8665 </p> 8666 8667 <div class="grid grid-cols-3 gap-x-6"> 8668 <div class="flex flex-col gap-y-[30px]"> 8669 <a href="/ueber-uns/unternehmen" target="_self" class="group relative isolate flex min-h-[88px] flex-col justify-center overflow-hidden border-b border-gray-4 px-3 py-2 text-gray-1 outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-white"> 8670 <span class="absolute inset-0 -z-10 bg-gradient-br opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-visible:opacity-100 motion-reduce:transition-none" aria-hidden="true"></span> 8671 <span class="text-lg font-bold leading-[1.3] transition-colors duration-200 group-hover:text-white group-focus-visible:text-white motion-reduce:transition-none"> 8672 Unser Unternehmen 8673 </span> 8674 <span class="mt-[6px] text-sm font-normal leading-[1.3] transition-colors duration-200 group-hover:text-white group-focus-visible:text-white motion-reduce:transition-none"> 8675 Wissen, das bewegt. Hier findenâ¨Sie Einblicke in unser Miteinander. 8676 </span> 8677 </a> 8678 <a href="/ueber-uns/gute-gruende" target="_self" class="group relative isolate flex min-h-[88px] flex-col justify-center overflow-hidden border-b border-gray-4 px-3 py-2 text-gray-1 outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-white"> 8679 <span class="absolute inset-0 -z-10 bg-gradient-br opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-visible:opacity-100 motion-reduce:transition-none" aria-hidden="true"></span> 8680 <span class="text-lg font-bold leading-[1.3] transition-colors duration-200 group-hover:text-white group-focus-visible:text-white motion-reduce:transition-none"> 8681 Gute Gründe für das ifb 8682 </span> 8683 <span class="mt-[6px] text-sm font-normal leading-[1.3] transition-colors duration-200 group-hover:text-white group-focus-visible:text-white motion-reduce:transition-none"> 8684 Warum das ifb der ideale Partner für Ihre Weiterbildung ist? Lesen Sie hier! 8685 </span> 8686 </a> 8687 <a href="/ueber-uns/leitbild" target="_self" class="group relative isolate flex min-h-[88px] flex-col justify-center overflow-hidden border-b border-gray-4 px-3 py-2 text-gray-1 outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-white"> 8688 <span class="absolute inset-0 -z-10 bg-gradient-br opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-visible:opacity-100 motion-reduce:transition-none" aria-hidden="true"></span> 8689 <span class="text-lg font-bold leading-[1.3] transition-colors duration-200 group-hover:text-white group-focus-visible:text-white motion-reduce:transition-none"> 8690 Unser Leitbild 8691 </span> 8692 <span class="mt-[6px] text-sm font-normal leading-[1.3] transition-colors duration-200 group-hover:text-white group-focus-visible:text-white motion-reduce:transition-none"> 8693 Das ifb versteht sich als Bildungspartner. Erfahren Sie mehr über unsere Haltung. 8694 </span> 8695 </a> 8696 8697 </div> 8698 <div class="flex flex-col gap-y-[30px]"> 8699 <a href="/ueber-uns/mitarbeiter" target="_self" class="group relative isolate flex min-h-[88px] flex-col justify-center overflow-hidden border-b border-gray-4 px-3 py-2 text-gray-1 outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-white"> 8700 <span class="absolute inset-0 -z-10 bg-gradient-br opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-visible:opacity-100 motion-reduce:transition-none" aria-hidden="true"></span> 8701 <span class="text-lg font-bold leading-[1.3] transition-colors duration-200 group-hover:text-white group-focus-visible:text-white motion-reduce:transition-none"> 8702 Unser ifb-Team 8703 </span> 8704 <span class="mt-[6px] text-sm font-normal leading-[1.3] transition-colors duration-200 group-hover:text-white group-focus-visible:text-white motion-reduce:transition-none"> 8705 Von der Organisation bis zur Weiterbildung:â¨Lernen Sie unser engagiertes Team kennen. 8706 </span> 8707 </a> 8708 <a href="/jobs-karriere" target="_self" class="group relative isolate flex min-h-[88px] flex-col justify-center overflow-hidden border-b border-gray-4 px-3 py-2 text-gray-1 outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-white"> 8709 <span class="absolute inset-0 -z-10 bg-gradient-br opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-visible:opacity-100 motion-reduce:transition-none" aria-hidden="true"></span> 8710 <span class="text-lg font-bold leading-[1.3] transition-colors duration-200 group-hover:text-white group-focus-visible:text-white motion-reduce:transition-none"> 8711 Karriere im ifb 8712 </span> 8713 <span class="mt-[6px] text-sm font-normal leading-[1.3] transition-colors duration-200 group-hover:text-white group-focus-visible:text-white motion-reduce:transition-none">
8714 Auf der Suche nach neuen Herausforderungen? Wir freuen uns auf Sie! 8715 </span> 8716 </a> 8717 <a href="/service/compliance" target="_self" class="group relative isolate flex min-h-[88px] flex-col justify-center overflow-hidden border-b border-gray-4 px-3 py-2 text-gray-1 outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-white"> 8718 <span class="absolute inset-0 -z-10 bg-gradient-br opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-visible:opacity-100 motion-reduce:transition-none" aria-hidden="true"></span> 8719 <span class="text-lg font-bold leading-[1.3] transition-colors duration-200 group-hover:text-white group-focus-visible:text-white motion-reduce:transition-none"> 8720 Compliance Richtlinien 8721 </span> 8722 <span class="mt-[6px] text-sm font-normal leading-[1.3] transition-colors duration-200 group-hover:text-white group-focus-visible:text-white motion-reduce:transition-none"> 8723 Erfahren Sie mehr über unsereâ¨ethischen und rechtlichen Werte. 8724 </span> 8725 </a> 8726 8727 </div> 8728 <div class="flex flex-col gap-y-[30px]"> 8729 <a href="/ueber-uns/autoren" target="_self" class="group relative isolate flex min-h-[88px] flex-col justify-center overflow-hidden border-b border-gray-4 px-3 py-2 text-gray-1 outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-white"> 8730 <span class="absolute inset-0 -z-10 bg-gradient-br opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-visible:opacity-100 motion-reduce:transition-none" aria-hidden="true"></span> 8731 <span class="text-lg font-bold leading-[1.3] transition-colors duration-200 group-hover:text-white group-focus-visible:text-white motion-reduce:transition-none"> 8732 Unsere Autoren 8733 </span> 8734 <span class="mt-[6px] text-sm font-normal leading-[1.3] transition-colors duration-200 group-hover:text-white group-focus-visible:text-white motion-reduce:transition-none"> 8735 Fachartikel, News, Interviews: Wir greifen wichtige Themen aus der Arbeitswelt für Sie auf! 8736 </span> 8737 </a> 8738 <a href="/ueber-uns/referenten/team" target="_self" class="group relative isolate flex min-h-[88px] flex-col justify-center overflow-hidden border-b border-gray-4 px-3 py-2 text-gray-1 outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-white"> 8739 <span class="absolute inset-0 -z-10 bg-gradient-br opacity-0 transition-opacity duration-200 ease-in-out group-hover:opacity-100 group-focus-visible:opacity-100 motion-reduce:transition-none" aria-hidden="true"></span> 8740 <span class="text-lg font-bold leading-[1.3] transition-colors duration-200 group-hover:text-white group-focus-visible:text-white motion-reduce:transition-none"> 8741 Unsere Referenten 8742 </span> 8743 <span class="mt-[6px] text-sm font-normal leading-[1.3] transition-colors duration-200 group-hover:text-white group-focus-visible:text-white motion-reduce:transition-none"> 8744 Die Experten für inspiriende Seminare und Workshops. 8745 </span> 8746 </a> 8747 8748 <div class="min-h-[88px] px-3 py-2"> 8749 <div> 8750 <span class="font-bold leading-snug text-gray-1 text-lg mb-2 block"> 8751 Finden Sie uns auch auf: 8752 </span> 8753 <div class="flex" style="column-gap: 22px"> 8754 <div class="icon-link"> 8755 <a href="https://www.facebook.com/ifb" target="_blank"> 8756 <img loading="lazy" src="/static/img/footer/facebook.svg" alt="social_link_facebook" width="24" height="24" class="h-6 w-auto"> 8757 </a> 8758 </div> 8759 <div class="icon-link"> 8760 <a href="https://www.youtube.com/ifbseminar" target="_blank"> 8761 <img loading="lazy" src="/static/img/footer/youtube.svg" alt="social_link_youtube" width="24" height="24" class="h-6 w-auto"> 8762 </a> 8763 </div> 8764 <div class="icon-link"> 8765 <a href="https://www.instagram.com/ifbkg/" target="_blank"> 8766 <img loading="lazy" src="/static/img/footer/instagram.svg" alt="social_link_instagram" width="24" height="24" class="h-6 w-auto"> 8767 </a> 8768 </div> 8769 <div class="icon-link"> 8770 <a href="https://www.linkedin.com/company/ifbseminar/" target="_blank"> 8771 <img loading="lazy" src="/static/img/footer/linkedIn.svg" alt="social_link_linkedin" width="24" height="24" class="h-6 w-auto"> 8772 </a> 8773 </div> 8774 </div> 8775 </div> 8776 </div> 8777 </div> 8778 </div> 8779</div> 8780 8781 8782 <div class="xl:hidden"> 8783 <hr class="my-6 w-full border-gray-4"/> 8784 <div class="flex flex-col justify-items-center items-center text-center text-gray-3"> 8785 <div class="flex gap-x-12"> 8786 <div class="flex flex-col items-center"> 8787 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 8788 <picture > 8789 <source srcset="/grafiken/navigation/info.svg 1x" width="24" height="24" type="image/svg+xml" /> 8790 <img src="/grafiken/navigation/info.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/info.svg 1x" /> 8791</picture> 8792 8793 </div> 8794 <a href="/service/kontakt" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 8795 Service 8796 </a> 8797 </div> 8798 <div class="flex flex-col items-center"> 8799 <div class="flex h-24px w-24px shrink-0 items-center justify-center overflow-hidden [&_img]:block [&_img]:h-24px [&_img]:w-24px [&_img]:max-w-none"> 8800 <picture > 8801 <source srcset="/grafiken/navigation/star.svg 1x" width="24" height="24" type="image/svg+xml" /> 8802 <img src="/grafiken/navigation/star.svg" width="24" height="24" alt="" loading="lazy" srcset="/grafiken/navigation/star.svg 1x" /> 8803</picture> 8804 8805 </div> 8806 <a href="/ueber-uns" class="mt-[6px] block whitespace-nowrap text-sm font-normal leading-ifb"> 8807 Ãber uns 8808 </a> 8809 </div> 8810 </div> 8811 </div> 8812 </div> 8813 </div> 8814 </div> 8815 8816 <div class="nav-motion-item nav-button-close cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x ifb-icon" ><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></div>
8817 </div> 8818 </div> 8819 </div> 8820 <div class='gray-transparent-bg-wrapper nav-button-close'></div> 8821 </div> 8822</div> 8823 8824 8825 8826
8827<script> 8828 function updateNavPosition() { 8829 let navElements = document.querySelectorAll(".nav-container"); 8830 if (!navElements.length) 8831 return; 8832 8833 8834 8835 if (window.innerWidth < 1200) { 8836 navElements.forEach((navElement) => { 8837 navElement.classList.add("top-0"); 8838 }); 8839 } else { 8840 navElements.forEach((navElement) => { 8841 navElement.classList.remove("top-0"); 8842 }); 8843 } 8844 } 8845 8846 window.addEventListener("DOMContentLoaded", function() { 8847 updateNavPosition(); 8848 }); 8849 8850 window.addEventListener("resize", function() { 8851 updateNavPosition(); 8852 }); 8853</script>
8853 8854 8855<style> 8856 @media screen and(max-width: 1279px) { 8857 .disable-gradient-on-mobile { 8858 background: none !important; 8859 } 8860 8861 .nav-item-second-level { 8862 .nav-item-second-level-text { 8863 color: initial; 8864 } 8865 8866 &:hover:not(.active) { 8867 opacity: 1; 8868 .nav-item-second-level-text { 8869 color: initial; 8870 } 8871 } 8872 8873 &.active { 8874 background-color: initial; 8875 opacity: 1; 8876 8877 .nav-item-second-level-text { 8878 color: initial; 8879 opacity: 1; 8880 } 8881 } 8882 } 8883 } 8884 8885 @media screen and (min-width: 1280px) { 8886 .nav-second-level-menu { 8887 box-shadow: 0 2px 16px 0 rgba(50, 61, 81, 0.16), 0 24px 80px 0 rgba(88, 89, 91, 0.16); 8888 } 8889 } 8890 8891 .nav-wrapper { 8892 background-color: #fff; 8893 overflow-y: auto; 8894 max-height: calc(100vh); 8895 8896 &::-webkit-scrollbar { 8897 width: 8px; 8898 } 8899 8900 &::-webkit-scrollbar-track { 8901 background: transparent; 8902 margin: 5px; 8903 } 8904 8905 &::-webkit-scrollbar-thumb { 8906 background: #5C5C5C; 8907 border-radius: 10px; 8908 } 8909 8910 &::-webkit-scrollbar-button { 8911 display: none; 8912 } 8913 8914 scrollbar-width: thin; 8915 scrollbar-color: #5C5C5C transparent; 8916 } 8917 8918 .nav-wrapper.nav-height-transition { 8919 overflow: hidden; 8920 } 8921 8922 .nav-container::before { 8923 content: ""; 8924 position: absolute; 8925 top: 0; 8926 left: 0; 8927 right: 0; 8928 height: 100px; 8929 pointer-events: none; 8930 z-index: 250; 8931 background: linear-gradient(to bottom, rgba(0, 0, 0, 0.11) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.07) 20%, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.02) 60%, rgba(0, 0, 0, 0.01) 80%, rgba(0, 0, 0, 0) 100%); 8932 } 8933 8934 .top-card-container-slider .flickity-page-dots { 8935 bottom: 4px; 8936 top: unset; 8937 margin-top: 12px; 8938 } 8939 8940 .navigation-top-card-slider .flickity-page-dots { 8941 margin-top: 12px; 8942 } 8943 8944 .nav-motion-enter .nav-motion-panel, 8945 .nav-flyout.nav-motion-enter, 8946 .mobile-subnav-flyout.nav-motion-enter, 8947 .sidebar-top-card-container.nav-motion-enter { 8948 animation: nav-flyout-reveal 300ms cubic-bezier(0.22, 1, 0.36, 1) both; 8949 } 8950 8951 .nav-motion-overlay-enter { 8952 animation: nav-overlay-reveal 300ms cubic-bezier(0.22, 1, 0.36, 1) both; 8953 } 8954 8955 .nav-motion-exit { 8956 z-index: 49; 8957 pointer-events: none; 8958 } 8959 8960 .nav-second-level.nav-motion-exit .nav-container { 8961 z-index: 49; 8962 } 8963 8964 .nav-second-level.nav-motion-exit .nav-wrapper, 8965 .nav-flyout.nav-motion-exit, 8966 .mobile-subnav-flyout.nav-motion-exit, 8967 .sidebar-top-card-container.nav-motion-exit { 8968 animation: nav-flyout-hide 420ms cubic-bezier(0.4, 0, 0.2, 1) both; 8969 } 8970 8971 .nav-second-level.nav-motion-enter .nav-container::before { 8972 animation: nav-top-shadow-reveal 300ms ease-out both; 8973 } 8974 8975 .nav-second-level.nav-motion-exit .nav-container::before { 8976 animation: nav-top-shadow-hide 420ms cubic-bezier(0.4, 0, 0.2, 1) both; 8977 } 8978 8979 .nav-motion-overlay-exit { 8980 pointer-events: none; 8981 animation: nav-overlay-hide 340ms ease-out both; 8982 } 8983 8984 .nav-motion-hidden { 8985 visibility: hidden; 8986 } 8987 8988 .nav-motion-enter .nav-motion-item { 8989 animation: nav-content-reveal 220ms cubic-bezier(0.22, 1, 0.36, 1) both; 8990 } 8991 8992 .nav-flyout.nav-motion-tab-enter, 8993 .sidebar-top-card-container.nav-motion-tab-enter { 8994 animation: nav-tab-content-enter 180ms ease-out both; 8995 } 8996 8997 .nav-flyout.nav-motion-tab-exit, 8998 .sidebar-top-card-container.nav-motion-tab-exit { 8999 z-index: 49; 9000 pointer-events: none; 9001 animation: nav-tab-content-exit 140ms ease-in both; 9002 } 9003 9004 .nav-motion-enter .nav-motion-item:nth-child(2) { 9005 animation-delay: 35ms; 9006 } 9007 9008 .nav-motion-enter .nav-motion-item:nth-child(n + 3) { 9009 animation-delay: 70ms; 9010 } 9011 9012 @keyframes nav-flyout-reveal { 9013 from { 9014 opacity: 0; 9015 transform: translateY(-14px) scale(0.995); 9016 } 9017 9018 to { 9019 opacity: 1; 9020 transform: translateY(0) scale(1); 9021 } 9022 } 9023 9024 @keyframes nav-content-reveal { 9025 from { 9026 opacity: 0; 9027 transform: translateY(-4px); 9028 } 9029 9030 to { 9031 opacity: 1; 9032 transform: translateY(0); 9033 } 9034 } 9035 9036 @keyframes nav-tab-content-enter { 9037 from { 9038 opacity: 0; 9039 transform: translateX(4px); 9040 } 9041 9042 to { 9043 opacity: 1; 9044 transform: translateX(0); 9045 } 9046 } 9047 9048 @keyframes nav-tab-content-exit { 9049 from { 9050 opacity: 1; 9051 transform: translateX(0); 9052 } 9053 9054 to { 9055 opacity: 0; 9056 transform: translateX(-4px); 9057 } 9058 } 9059 9060 @keyframes nav-flyout-hide { 9061 0, 9062 18% { 9063 opacity: 1; 9064 transform: translateY(0); 9065 } 9066 9067 to { 9068 opacity: 0; 9069 transform: translateY(-14px) scale(0.99); 9070 } 9071 } 9072 9073 @keyframes nav-top-shadow-reveal { 9074 from { 9075 opacity: 0; 9076 } 9077 9078 to { 9079 opacity: 1; 9080 } 9081 } 9082 9083 @keyframes nav-top-shadow-hide { 9084 0, 9085 18% { 9086 opacity: 1; 9087 } 9088 9089 to { 9090 opacity: 0; 9091 } 9092 } 9093 9094 @keyframes nav-overlay-reveal { 9095 from { 9096 opacity: 0; 9097 } 9098 9099 to { 9100 opacity: 0.62; 9101 } 9102 } 9103 9104 @keyframes nav-overlay-hide { 9105 from { 9106 opacity: 0.62; 9107 } 9108 9109 to { 9110 opacity: 0; 9111 } 9112 } 9113 9114 @media screen and(max-width: 1279px) {
9115 .mobile-subnav-flyout.nav-motion-enter { 9116 z-index: 50; 9117 } 9118 9119 .nav-second-level.nav-motion-enter .nav-motion-panel, 9120 .nav-flyout.nav-motion-enter, 9121 .mobile-subnav-flyout.nav-motion-enter { 9122 animation-name: nav-mobile-flyout-reveal; 9123 } 9124 9125 .nav-flyout.nav-motion-exit, 9126 .mobile-subnav-flyout.nav-motion-exit { 9127 animation-name: nav-mobile-flyout-hide; 9128 } 9129 9130 @keyframes nav-mobile-flyout-reveal { 9131 from { 9132 opacity: 0; 9133 transform: translateX(12px); 9134 } 9135 9136 to { 9137 opacity: 1; 9138 transform: translateX(0); 9139 } 9140 } 9141 9142 @keyframes nav-mobile-flyout-hide { 9143 0, 9144 18% { 9145 opacity: 1; 9146 transform: translateX(0); 9147 } 9148 9149 to { 9150 opacity: 0; 9151 transform: translateX(14px); 9152 } 9153 } 9154 } 9155 9156 @media(prefers-reduced-motion: reduce) { 9157 .nav-wrapper.nav-height-transition { 9158 transition: none; 9159 } 9160 9161 .nav-motion-enter .nav-motion-panel, 9162 .nav-flyout.nav-motion-enter, 9163 .mobile-subnav-flyout.nav-motion-enter, 9164 .sidebar-top-card-container.nav-motion-enter, 9165 .nav-motion-overlay-enter, 9166 .nav-motion-exit, 9167 .nav-motion-overlay-exit, 9168 .nav-second-level.nav-motion-enter .nav-container::before, 9169 .nav-second-level.nav-motion-exit .nav-container::before, 9170 .nav-flyout.nav-motion-tab-enter, 9171 .sidebar-top-card-container.nav-motion-tab-enter, 9172 .nav-flyout.nav-motion-tab-exit, 9173 .sidebar-top-card-container.nav-motion-tab-exit, 9174 .nav-motion-enter .nav-motion-item { 9175 animation: none; 9176 } 9177 } 9178</style> 9179 </div> 9180 9181 </div> 9182</div> 9183 9184
9185<script> 9186 document.addEventListener("DOMContentLoaded", function () { 9187 const loadLazyNavigationImages = (container = document, selector = "img[data-nav-src]") => { 9188 container.querySelectorAll(selector).forEach((image) => { 9189 image.src = image.dataset.navSrc; 9190 image.removeAttribute("data-nav-src"); 9191 }); 9192 }; 9193 9194 window.loadLazyNavigationImages = loadLazyNavigationImages; 9195 9196 const navigationOverlay = document.createElement("div"); 9197 navigationOverlay.className = 9198 "navigation-shared-overlay nav-motion-hidden"; 9199 document.body.appendChild(navigationOverlay); 9200 9201 const navigationAnimationStates = new WeakMap(); 9202 const navigationHeightStates = new WeakMap(); 9203 const targetGroupHeightTransitions = new WeakMap(); 9204 9205 const cancelNavigationAnimation = (element) => { 9206 const animationState = navigationAnimationStates.get(element); 9207 if (!animationState) { 9208 return; 9209 } 9210 9211 window.cancelAnimationFrame(animationState.animationFrame); 9212 window.clearTimeout(animationState.timer); 9213 navigationAnimationStates.delete(element); 9214 }; 9215 9216 const revealNavigationElement = ( 9217 element, 9218 hiddenClass, 9219 entranceClass = "nav-motion-enter", 9220 ) => { 9221 if (!element) { 9222 return; 9223 } 9224 9225 cancelNavigationAnimation(element); 9226 9227 element.classList.remove( 9228 hiddenClass, 9229 entranceClass, 9230 "nav-motion-exit", 9231 "nav-motion-overlay-exit", 9232 "nav-motion-switch-enter", 9233 "nav-motion-tab-enter", 9234 "nav-motion-tab-exit", 9235 ); 9236 9237 const entranceTargets = [ 9238 element, 9239 ...element.querySelectorAll( 9240 ".nav-motion-panel, .nav-motion-item", 9241 ), 9242 ]; 9243 entranceTargets.forEach((target) => { 9244 void target.offsetWidth; 9245 window.getComputedStyle(target).animationName; 9246 }); 9247 9248 element.classList.add(entranceClass); 9249 9250 const animationState = { 9251 animationFrame: null, 9252 timer: window.setTimeout(() => { 9253 element.classList.remove(entranceClass); 9254 navigationAnimationStates.delete(element); 9255 }, 500), 9256 }; 9257 9258 navigationAnimationStates.set(element, animationState); 9259 }; 9260 9261 const concealNavigationElement = ( 9262 element, 9263 hiddenClass, 9264 exitClass = "nav-motion-exit", 9265 onHidden = null, 9266 duration = 420, 9267 ) => { 9268 if (!element || element.classList.contains(hiddenClass)) { 9269 onHidden?.(); 9270 return; 9271 } 9272 9273 cancelNavigationAnimation(element); 9274 element.classList.remove( 9275 "nav-motion-enter", 9276 "nav-motion-overlay-enter", 9277 "nav-motion-switch-enter", 9278 "nav-motion-tab-enter", 9279 "nav-motion-tab-exit", 9280 exitClass, 9281 ); 9282 9283 if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) { 9284 element.classList.add(hiddenClass); 9285 onHidden?.(); 9286 return; 9287 } 9288 9289 void element.offsetWidth; 9290 element.classList.add(exitClass); 9291 9292 const animationState = { 9293 animationFrame: null, 9294 timer: window.setTimeout(() => { 9295 element.classList.add(hiddenClass); 9296 element.classList.remove(exitClass); 9297 navigationAnimationStates.delete(element); 9298 onHidden?.(); 9299 }, duration), 9300 }; 9301 9302 navigationAnimationStates.set(element, animationState); 9303 }; 9304 9305 let desktopScrollLockStyles = null; 9306 9307 const lockDesktopScroll = () => { 9308 if (desktopScrollLockStyles) { 9309 return; 9310 } 9311 9312 const documentElement = document.documentElement; 9313 const scrollbarWidth = window.innerWidth - documentElement.clientWidth; 9314 9315 desktopScrollLockStyles = { 9316 bodyOverflowY: document.body.style.overflowY, 9317 documentPaddingRight: documentElement.style.paddingRight, 9318 }; 9319 9320 if (scrollbarWidth > 0) { 9321 const currentPaddingRight = 9322 parseFloat(window.getComputedStyle(documentElement).paddingRight) || 0; 9323 documentElement.style.paddingRight = 9324 currentPaddingRight + scrollbarWidth + "px"; 9325 } 9326 9327 document.body.style.overflowY = "hidden"; 9328 }; 9329 9330 const unlockDesktopScroll = () => { 9331 if (!desktopScrollLockStyles) { 9332 document.body.style.overflowY = ""; 9333 return; 9334 } 9335 9336 document.body.style.overflowY = 9337 desktopScrollLockStyles.bodyOverflowY; 9338 document.documentElement.style.paddingRight = 9339 desktopScrollLockStyles.documentPaddingRight; 9340 desktopScrollLockStyles = null; 9341 }; 9342 9343 // function for hiding all flyouts 9344 const hideAllFlyouts = ({ animate = false, keepOverlay = false } = {}) => { 9345 document 9346 .querySelectorAll(".nav-flyout") 9347 .forEach((flyout) => { 9348 if (animate) { 9349 concealNavigationElement(flyout, "hidden"); 9350 } else { 9351 cancelNavigationAnimation(flyout); 9352 flyout.classList.add("hidden"); 9353 } 9354 }); 9355 document 9356 .querySelectorAll(".sidebar-top-card-container") 9357 .forEach((card) => { 9358 if (animate) { 9359 concealNavigationElement(card, "hidden"); 9360 } else { 9361 cancelNavigationAnimation(card); 9362 card.classList.add("hidden"); 9363 } 9364 }); 9365 document 9366 .querySelectorAll(".nav-item-second-level") 9367 .forEach((item) => item.classList.remove("active")); 9368 if (!keepOverlay) { 9369 removeAllGrayBgWrapperHeight(animate); 9370 } 9371 }; 9372 9373 // set height of gray background wrapper to fill up the remaining vertical space on page (set to diff between window and sub-navigation height) 9374 const setGrayBgWrapperHeight = (subNav, animateOverlay = true) => { 9375 if (window.innerWidth < 1200) { 9376 document.body.style.overflowY = "hidden"; 9377 return; 9378 } 9379 const navWrapper = subNav.querySelector(".nav-wrapper"); 9380 const overlayTop = navWrapper.getBoundingClientRect().top; 9381 9382 const overlayIsAlreadyVisible = 9383 !navigationOverlay.classList.contains("nav-motion-hidden"); 9384 const overlayIsClosing = navigationOverlay.classList.contains( 9385 "nav-motion-overlay-exit", 9386 ); 9387 9388 navigationOverlay.style.top = overlayTop + "px"; 9389 if (!overlayIsAlreadyVisible || overlayIsClosing) { 9390 if (animateOverlay) { 9391 revealNavigationElement( 9392 navigationOverlay, 9393 "nav-motion-hidden", 9394 "nav-motion-overlay-enter", 9395 ); 9396 } else { 9397 cancelNavigationAnimation(navigationOverlay); 9398 navigationOverlay.classList.remove( 9399 "nav-motion-hidden", 9400 "nav-motion-overlay-enter", 9401 "nav-motion-overlay-exit", 9402 ); 9403 } 9404 } 9405 lockDesktopScroll(); 9406 }; 9407 9408 const prepareNavigationHeightTransition = (subNav, startHeight = null) => { 9409 if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) { 9410 return null; 9411 } 9412 9413 const navWrapper = subNav.querySelector(".nav-wrapper"); 9414 const existingState = navigationHeightStates.get(navWrapper); 9415 if (existingState) { 9416 existingState.animation?.cancel(); 9417 window.clearTimeout(existingState.cleanupTimer); 9418 } 9419 9420 const initialHeight = 9421 startHeight ?? navWrapper.getBoundingClientRect().height; 9422 navWrapper.style.height = initialHeight + "px"; 9423 navWrapper.classList.add("nav-height-transition"); 9424 9425 const state = { 9426 animation: null, 9427 cleanupTimer: null, 9428 }; 9429 navigationHeightStates.set(navWrapper, state); 9430 9431 return { navWrapper, state, initialHeight }; 9432 }; 9433 9434 const runNavigationHeightTransition = (subNav, transition) => { 9435 if (!transition) { 9436 setGrayBgWrapperHeight(subNav); 9437 return; 9438 } 9439 9440 const { navWrapper, state, initialHeight } = transition; 9441 const navContent = navWrapper.firstElementChild; 9442 const targetHeight = navContent.getBoundingClientRect().height; 9443 navWrapper.style.height = targetHeight + "px"; 9444 9445 const finishTransition = () => { 9446 if (navigationHeightStates.get(navWrapper) !== state) { 9447 return; 9448 } 9449 9450 navWrapper.classList.remove("nav-height-transition"); 9451 navWrapper.style.height = ""; 9452 navigationHeightStates.delete(navWrapper); 9453 setGrayBgWrapperHeight(subNav); 9454 }; 9455 9456 state.animation = navWrapper.animate( 9457 [ 9458 { height: initialHeight + "px" }, 9459 { height: targetHeight + "px" }, 9460 ], 9461 { 9462 duration: 300, 9463 easing: "cubic-bezier(0.22, 1, 0.36, 1)", 9464 }, 9465 ); 9466 state.animation.addEventListener("finish", finishTransition, { 9467 once: true, 9468 }); 9469 state.cleanupTimer = window.setTimeout(finishTransition, 350); 9470 }; 9471 9472 // remove height of all gray background wrappers (set to 0) 9473 const removeAllGrayBgWrapperHeight = (animate = false) => { 9474 if (!animate) { 9475 navigationOverlay.classList.add("nav-motion-hidden"); 9476 navigationOverlay.style.top = ""; 9477 unlockDesktopScroll(); 9478 return; 9479 } 9480 9481 concealNavigationElement( 9482 navigationOverlay, 9483 "nav-motion-hidden", 9484 "nav-motion-overlay-exit", 9485 () => { 9486 navigationOverlay.style.top = ""; 9487 unlockDesktopScroll(); 9488 }, 9489 ); 9490 }; 9491 9492 // function for closing sub-navigation 9493 const closeSubNav = (subNav) => { 9494 concealNavigationElement( 9495 subNav, 9496 "invisible", 9497 "nav-motion-exit", 9498 () => hideAllFlyouts({ keepOverlay: true }), 9499 ); 9500 removeAllGrayBgWrapperHeight(true); 9501 }; 9502 9503 // function for toggling opened menu, all its sub-navigation items and flyout
9503s 9504 const toggleSubNav = (subNav, isAlreadyOpen, parentNavItem) => { 9505 const isSwitchingTargetGroup = 9506 currentOpenMenu && currentOpenMenu !== subNav; 9507 const previousFlyoutHeight = isSwitchingTargetGroup 9508 ? currentOpenMenu 9509 .querySelector(".nav-wrapper") 9510 ?.getBoundingClientRect().height 9511 : null; 9512 9513 if (isSwitchingTargetGroup && previousFlyoutHeight) { 9514 const heightTransition = prepareNavigationHeightTransition( 9515 subNav, 9516 previousFlyoutHeight, 9517 ); 9518 if (heightTransition) { 9519 targetGroupHeightTransitions.set(subNav, heightTransition); 9520 } 9521 } 9522 9523 document 9524 .querySelectorAll(".nav-second-level") 9525 .forEach((menu) => { 9526 if (menu !== subNav) { 9527 if ( 9528 isSwitchingTargetGroup || 9529 window.innerWidth < 1280 9530 ) { 9531 cancelNavigationAnimation(menu); 9532 menu.classList.add("invisible"); 9533 menu.classList.remove( 9534 "nav-motion-enter", 9535 "nav-motion-exit", 9536 ); 9537 } else { 9538 concealNavigationElement(menu, "invisible"); 9539 } 9540 } 9541 }); 9542 // Remove active class from all first-level nav items 9543 document.querySelectorAll(".nav-item-first-level").forEach((item) => { 9544 item.classList.remove("active"); 9545 }); 9546 if (!isAlreadyOpen) { 9547 hideAllFlyouts({ 9548 animate: false, 9549 keepOverlay: true, 9550 }); 9551 revealNavigationElement( 9552 subNav, 9553 "invisible", 9554 isSwitchingTargetGroup 9555 ? "nav-motion-switch-enter" 9556 : "nav-motion-enter", 9557 ); 9558 loadLazyNavigationImages(subNav, ".nav-second-level-menu img[data-nav-src]"); 9559 setGrayBgWrapperHeight(subNav, !isSwitchingTargetGroup); 9560 // Add active class to the parent nav item 9561 parentNavItem.classList.add("active"); 9562 } else { 9563 closeSubNav(subNav); 9564 } 9565 9566 return isSwitchingTargetGroup; 9567 }; 9568 9569 const toggleEffects = (value = false) => { 9570 const navFirstRow = document.querySelector(".nav-first-level"); 9571 if (value) { 9572 navFirstRow.classList.add("shadow-1"); 9573 navFirstRow.classList.add("nav-shadow"); 9574 } else { 9575 navFirstRow.classList.remove("shadow-1"); 9576 navFirstRow.classList.remove("nav-shadow"); 9577 } 9578 }; 9579 9580 let _currentOpenMenu = null; 9581 Object.defineProperty(window, "currentOpenMenu", { 9582 get() { 9583 return _currentOpenMenu; 9584 }, 9585 set(value) { 9586 _currentOpenMenu = value; 9587 toggleEffects(!value); 9588 }, 9589 }); 9590 // toggle effects on page load to get initial state 9591 toggleEffects(true); 9592 9593 let navItemsFirstLevel = document.querySelectorAll(".nav-item-first-level"); 9594 let clickSwitchedTargetGroup = false; 9595 let flyoutTabTransitionId = 0; 9596 9597 const showInitialFlyout = (group, isSwitchingTargetGroup = false) => { 9598 const entranceClass = isSwitchingTargetGroup 9599 ? "nav-motion-switch-enter" 9600 : "nav-motion-enter"; 9601 const firstFlyout = group.querySelector(".nav-flyout"); 9602 if (firstFlyout) { 9603 revealNavigationElement(firstFlyout, "hidden", entranceClass); 9604 loadLazyNavigationImages(firstFlyout); 9605 9606 const parentId = firstFlyout.dataset.parentId; 9607 const topCardContainer = document.querySelector( 9608 `.sidebar-top-card-container[data-parent-id='${parentId}']`, 9609 ); 9610 revealNavigationElement( 9611 topCardContainer, 9612 "hidden", 9613 entranceClass, 9614 ); 9615 if (topCardContainer) { 9616 loadLazyNavigationImages(topCardContainer); 9617 } 9618 } 9619 9620 const firstSecondLevelItem = group.querySelector( 9621 ".nav-item-second-level", 9622 ); 9623 if (firstSecondLevelItem) { 9624 firstSecondLevelItem.classList.add("active"); 9625 } 9626 9627 const subNav = group.querySelector(".nav-second-level"); 9628 const heightTransition = targetGroupHeightTransitions.get(subNav); 9629 if (heightTransition) { 9630 targetGroupHeightTransitions.delete(subNav); 9631 runNavigationHeightTransition(subNav, heightTransition); 9632 } 9633 }; 9634 9635 navItemsFirstLevel.forEach((navItem) => { 9636 let subNav = navItem.querySelector(".nav-second-level"); 9637 if (!subNav) return; 9638 9639 navItem.addEventListener("click", function (e) { 9640 if (
9641 e.target.closest(".nav-second-level") || 9642 e.target.closest(".nav-flyout") 9643 ) 9644 return; 9645 9646 let isAlreadyOpen = 9647 !subNav.classList.contains("invisible") && 9648 !subNav.classList.contains("nav-motion-exit"); 9649 9650 9651 if (isAlreadyOpen) { 9652 e.stopImmediatePropagation(); 9653 closeNavigation(subNav); 9654 return; 9655 } 9656 9657 clickSwitchedTargetGroup = 9658 toggleSubNav(subNav, false, navItem); 9659 currentOpenMenu = subNav; 9660 if (window.innerWidth >= 1280) { 9661 showInitialFlyout(navItem, clickSwitchedTargetGroup); 9662 } 9663 clickSwitchedTargetGroup = false; 9664 setGrayBgWrapperHeight(subNav); 9665 9666 }); 9667 9668 subNav 9669 .querySelectorAll(".nav-item-second-level") 9670 .forEach((secondLevelItem) => { 9671 secondLevelItem.addEventListener("click", function (e) { 9672 e.stopPropagation(); 9673 if (secondLevelItem.classList.contains("active")) { 9674 return; 9675 } 9676 9677 const pageId = secondLevelItem.getAttribute("data-page-id"); 9678 const transitionId = ++flyoutTabTransitionId; 9679 const flyout = document.querySelector( 9680 `.nav-flyout[data-parent-id='${pageId}']`, 9681 ); 9682 const topCardContainer = document.querySelector( 9683 `.sidebar-top-card-container[data-parent-id='${pageId}']`, 9684 ); 9685 const incomingElements = [flyout, topCardContainer].filter(Boolean); 9686 const heightTransition = 9687 prepareNavigationHeightTransition(subNav); 9688 const outgoingElements = Array.from( 9689 subNav.querySelectorAll( 9690 ".nav-flyout:not(.hidden), .sidebar-top-card-container:not(.hidden)", 9691 ), 9692 ).filter((element) => !incomingElements.includes(element)); 9693 9694 document 9695 .querySelectorAll(".nav-item-second-level") 9696 .forEach((i) => i.classList.remove("active")); 9697 secondLevelItem.classList.add("active"); 9698 9699 incomingElements.forEach((element) => { 9700 cancelNavigationAnimation(element); 9701 element.classList.add("hidden"); 9702 element.classList.remove( 9703 "nav-motion-enter", 9704 "nav-motion-exit", 9705 "nav-motion-tab-enter", 9706 "nav-motion-tab-exit", 9707 ); 9708 }); 9709 9710 const revealIncomingTab = () => { 9711 if (transitionId !== flyoutTabTransitionId) { 9712 return; 9713 } 9714 9715 revealNavigationElement( 9716 flyout, 9717 "hidden", 9718 "nav-motion-tab-enter", 9719 ); 9720 revealNavigationElement( 9721 topCardContainer, 9722 "hidden", 9723 "nav-motion-tab-enter", 9724 ); 9725 incomingElements.forEach((element) => { 9726 loadLazyNavigationImages(element); 9727 }); 9728 runNavigationHeightTransition( 9729 subNav, 9730 heightTransition, 9731 ); 9732 }; 9733 9734 if (outgoingElements.length === 0) { 9735 revealIncomingTab(); 9736 return; 9737 } 9738 9739 let outgoingElementsRemaining = outgoingElements.length; 9740 outgoingElements.forEach((element) => { 9741 concealNavigationElement( 9742 element, 9743 "hidden", 9744 "nav-motion-tab-exit", 9745 () => { 9746 outgoingElementsRemaining -= 1; 9747 if (outgoingElementsRemaining === 0) { 9748 revealIncomingTab(); 9749 } 9750 }, 9751 140, 9752 ); 9753 }); 9754 }); 9755 }); 9756 9757 document.addEventListener("click", function (e) {
9758 if (currentOpenMenu && !e.target.closest(".nav-item-first-level")) { 9759 closeSubNav(currentOpenMenu); 9760 // Remove active class from all first-level nav items 9761 document 9762 .querySelectorAll(".nav-item-first-level") 9763 .forEach((item) => { 9764 item.classList.remove("active"); 9765 }); 9766 currentOpenMenu = null; 9767 } 9768 }); 9769 9770 navItem.querySelectorAll(".chevron-close").forEach((button) => { 9771 button.addEventListener("click", function (e) { 9772 e.stopPropagation(); 9773 const flyout = button.closest(".nav-flyout"); 9774 if (flyout && window.innerWidth < 1280) { 9775 concealNavigationElement(flyout, "hidden"); 9776 navItem 9777 .querySelectorAll(".nav-item-second-level") 9778 .forEach((item) => item.classList.remove("active")); 9779 return; 9780 } 9781 9782 const targetId = button.getAttribute("data-target-id"); 9783 const targetSubNav = document.querySelector( 9784 `.nav-second-level[data-page-id='${targetId}']`, 9785 ); 9786 if (targetSubNav) { 9787 closeNavigation(targetSubNav); 9788 } 9789 }); 9790 }); 9791 }); 9792 9793 const closeNavigation = (nav) => { 9794 if (nav) { 9795 closeSubNav(nav); 9796 nav.closest(".nav-item-first-level")?.classList.remove("active"); 9797 currentOpenMenu = null; 9798 } 9799 }; 9800 9801 navigationOverlay.addEventListener("click", () => { 9802 if (currentOpenMenu) { 9803 closeNavigation(currentOpenMenu); 9804 } 9805 }); 9806 9807 document 9808 .querySelectorAll(".nav-second-level .nav-button-close") 9809 .forEach((button) => { 9810 button.addEventListener("click", function (e) { 9811 e.stopPropagation(); 9812 const parentNav = button.closest(".nav-second-level"); 9813 if (parentNav) { 9814 closeNavigation(parentNav); 9815 } 9816 }); 9817 }); 9818 9819 window.addEventListener("resize", function () { 9820 document.querySelectorAll(".nav-second-level").forEach((nav) => { 9821 closeNavigation(nav); 9822 }); 9823 }); 9824 9825 const toggleMobileSubnavFlyout = (event) => { 9826 const targetId = event.currentTarget.dataset.pageId; 9827 const flyout = document.querySelector( 9828 `.mobile-subnav-flyout[data-page-id="${targetId}"]`, 9829 ); 9830 if ( 9831 flyout.classList.contains("invisible") || 9832 flyout.classList.contains("nav-motion-exit") 9833 ) { 9834 document 9835 .querySelectorAll(".mobile-subnav-flyout") 9836 .forEach((otherFlyout) => { 9837 if (otherFlyout === flyout) { 9838 return; 9839 } 9840 9841 cancelNavigationAnimation(otherFlyout); 9842 otherFlyout.classList.add("invisible"); 9843 otherFlyout.classList.remove( 9844 "visible", 9845 "nav-motion-enter", 9846 "nav-motion-exit", 9847 ); 9848 }); 9849 9850 revealNavigationElement(flyout, "invisible"); 9851 flyout.classList.add("visible"); 9852 loadLazyNavigationImages(flyout); 9853 } else { 9854 flyout.classList.remove("visible"); 9855 concealNavigationElement(flyout, "invisible"); 9856 } 9857 }; 9858 9859 document 9860 .querySelectorAll(".open-mobile-subnav-button") 9861 .forEach((button) => { 9862 button.addEventListener("click", toggleMobileSubnavFlyout); 9863 }); 9864 9865 document 9866 .querySelectorAll(".mobile-subnav-chevron-close") 9867 .forEach((button) => { 9868 button.addEventListener("click", toggleMobileSubnavFlyout); 9869 }); 9870}); 9871</script>
9871 9872 9873<style> 9874 @media screen and (min-width: 1280px) { 9875 .nav-item > a, 9876 .nav-item-target-group > a { 9877 position: relative; 9878 isolation: isolate; 9879 } 9880 9881 .nav-item > a::before, 9882 .nav-item-target-group > a::before { 9883 position: absolute; 9884 z-index: -1; 9885 inset: -6px -12px auto; 9886 height: 30px; 9887 background: radial-gradient(255.81% 141.42% at 0% 0%, #BF1D2E 0%, #DD6D29 100%); 9888 content: ""; 9889 opacity: 0; 9890 pointer-events: none; 9891 transition: opacity 0.2s ease-in-out; 9892 } 9893 9894 .nav-item-target-group > a::before { 9895 inset-inline: -8px; 9896 background: radial-gradient(255.81% 141.42% at 0% 0%, var(--start-color) 0%, var(--end-color) 100%); 9897 } 9898 9899 .nav-item:hover > a::before, 9900 .nav-item.active > a::before, 9901 .nav-item-target-group:hover > a::before, 9902 .nav-item-target-group.active > a::before { 9903 opacity: 1; 9904 } 9905 9906 .nav-item > a div, 9907 .nav-item-target-group > a div { 9908 transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; 9909 } 9910 9911 .nav-item:hover > a div, 9912 .nav-item.active > a div, 9913 .nav-item-target-group:hover > a div, 9914 .nav-item-target-group.active > a div { 9915 color: white; 9916 } 9917 9918 .nav-item-target-group:hover > a div, 9919 .nav-item-target-group.active > a div { 9920 border-image: none !important; 9921 border-color: transparent !important; 9922 } 9923 } 9924 9925 .nav-flyout { 9926 overflow-y: auto; 9927 max-height: auto; 9928 } 9929 9930 @media(min-width: 1280px) { 9931 .nav-flyout { 9932 overflow: visible; 9933 } 9934 } 9935 9936 .gray-transparent-bg-wrapper { 9937 display: none; 9938 } 9939 9940 .navigation-shared-overlay { 9941 position: fixed; 9942 z-index: 49; 9943 inset-inline: 0; 9944 bottom: 0; 9945 background-color: #1F1F1F; 9946 opacity: 0.62; 9947 cursor: pointer; 9948 } 9949 9950 @media (prefers-reduced-motion: reduce) { 9951 .nav-item > a::before, 9952 .nav-item-target-group > a::before, 9953 .nav-item > a div, 9954 .nav-item-target-group > a div { 9955 transition: none; 9956 } 9957 } 9958</style> 9959 9960 9961 </div> 9962 </div> 9963
9964<script> 9965 const menuButton = document.getElementById('mobileMenuToggle'); 9966 const mainNav = document.getElementById('mainNav'); 9967 const menuIcon = document.getElementById('menuIcon'); 9968 const closeIcon = document.getElementById('closeMenuIcon'); 9969 const mobileSubnavFlyouts = document.querySelectorAll('.mobile-subnav-flyout'); 9970 9971 menuButton.addEventListener('click', () => { 9972 mainNav.classList.toggle('hidden'); 9973 if (!mainNav.classList.contains('hidden')) { 9974 window.loadLazyNavigationImages?.(mainNav, '.js-nav-mobile-entry-image[data-nav-src]'); 9975 } 9976 document.body.style.overflowY = document.body.style.overflowY === 'hidden' ? 'visible' : 'hidden'; 9977 menuIcon.classList.toggle('hidden'); 9978 closeIcon.classList.toggle('hidden'); 9979 mobileSubnavFlyouts.forEach(flyout => { 9980 flyout.classList.add('invisible'); 9981 flyout.classList.remove('visible'); 9982 }); 9983 }); 9984</script>
9984 9985 9986<style> 9987 .nav-shadow { 9988 box-shadow: 0px 2px 16px rgba(50, 61, 81, 0.16), 0px 24px 80px rgba(88, 89, 91, 0.16); 9989 } 9990</style> 9991 9992 9993 <div class="legacy-container"> 9994 9995 9996 9997 9998 <div class="my-6"> 9999 <nav aria-label="Breadcrumb"> 10000 <ol class="flex overflow-x-scroll hide-scrollbar sm:-ml-2 md:-ml-6 xl:ml-0"> 10001 <li class="my-auto pb-3px"> 10002 <a href="/"> 10003 <svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" class="ifb-icon"><mask id="mask0_12945_1317" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"> <rect width="24" height="24" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_12945_1317)"> <path d="M4.49974 18.6923V11.2403L3.23049 12.2271C3.05482 12.3552 2.86891 12.4058 2.67274 12.3788C2.47674 12.352 2.31457 12.2507 2.18624 12.0751C2.05807 11.8994 2.00841 11.7135 2.03724 11.5173C2.06607 11.3211 2.16324 11.159 2.32874 11.0308L10.8902 4.46355C11.0542 4.34305 11.2308 4.25263 11.42 4.1923C11.609 4.13213 11.8022 4.10205 11.9997 4.10205C12.1972 4.10205 12.3889 4.13213 12.5747 4.1923C12.7606 4.25263 12.9356 4.34305 13.0997 4.46355L21.6862 11.0308C21.8516 11.159 21.9462 11.3211 21.97 11.5173C21.9937 11.7135 21.9414 11.8994 21.8132 12.0751C21.6849 12.2404 21.5227 12.3366 21.3267 12.3636C21.1306 12.3904 20.9497 12.3397 20.7842 12.2116L19.4997 11.2403V18.6923C19.4997 19.191 19.3232 19.617 18.97 19.9703C18.6167 20.3235 18.1907 20.5001 17.692 20.5001H6.30749C5.80882 20.5001 5.38282 20.3235 5.02949 19.9703C4.67632 19.617 4.49974 19.191 4.49974 18.6923ZM6.30749 19.0001H17.692C17.7818 19.0001 17.8556 18.9712 17.9132 18.9136C17.9709 18.8559 17.9997 18.7821 17.9997 18.6923V10.1001L12.1825 5.6693C12.1312 5.62447 12.0702 5.60205 11.9997 5.60205C11.9292 5.60205 11.8683 5.62447 11.817 5.6693L5.99974 10.1001V18.6923C5.99974 18.7821 6.02857 18.8559 6.08624 18.9136C6.14391 18.9712 6.21766 19.0001 6.30749 19.0001ZM6.30749 19.0001H5.99974H17.9997H6.30749Z" fill="#1C1B1F"/> </g></svg> 10004 </a> 10005 </li> 10006 <li aria-current="page" class="flex items-center shrink-0"> 10007 <span class="mx-3 pb-2px"><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" class="ifb-icon"><mask id="mask0_12945_1320" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"> <rect width="24" height="24" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_12945_1320)"> <path d="M17.3508 12.3499H5.65078C5.55078 12.3499 5.46745 12.3166 5.40078 12.2499C5.33411 12.1832 5.30078 12.0999 5.30078 11.9999C5.30078 11.8999 5.33411 11.8166 5.40078 11.7499C5.46745 11.6832 5.55078 11.6499 5.65078 11.6499H17.3508L13.3508 7.6499C13.2841 7.58324 13.2466 7.50407 13.2383 7.4124C13.2299 7.32074 13.2674 7.23324 13.3508 7.1499C13.4341 7.06657 13.5174 7.0249 13.6008 7.0249C13.6841 7.0249 13.7674 7.06657 13.8508 7.1499L18.1758 11.4749C18.2591 11.5582 18.3174 11.6416 18.3508 11.7249C18.3841 11.8082 18.4008 11.8999 18.4008 11.9999C18.4008 12.0999 18.3841 12.1916 18.3508 12.2749C18.3174 12.3582 18.2591 12.4416 18.1758 12.5249L13.8508 16.8499C13.7841 16.9166 13.7049 16.9541 13.6133 16.9624C13.5216 16.9707 13.4341 16.9332 13.3508 16.8499C13.2674 16.7666 13.2258 16.6832 13.2258 16.5999C13.2258 16.5166 13.2674 16.4332 13.3508 16.3499L17.3508 12.3499Z" fill="#1C1B1F"/> </g></svg></span> 10008 <span class="h7" >Betriebsrat</span> 10009 </li> 10010 10011 </ol> 10012 </nav> 10013 </div> 10014 10015 </div> 10016 10017 10018 10019 <main id="main-content"> 10020 10021 10022 10023 10024 <div class="pimcore_area_columns-x pimcore_area_content "> 10025 10026 10027 10028 10029 10030 10031<div class=" 10032 10033 10034 10035 brick-index-0 10036" style=" "> 10037 10038 <style> 10039 #brick-id-8835 { 10040 margin-top: px; 10041 } 10042 @media only screen and (min-width: 992px) { 10043 #brick-id-8835 { 10044 margin-top: px; 10045 } 10046 } 10047 </style> 10048 10049 <div class="legacy-container" id="brick-id-8835"> 10050 10051 10052 10053 10054 10055 <div class="cols-brick-col-wrapper mx-auto lg:-mx-12px lg:max-w-none flex flex-col lg:flex-row "> 10056 10057 10058 10059 10060 10061 <div id="legacy-col-1-39849" style="flex: 0 0 66.666666666667%; " 10062 class="mb-24px lg:mb-0 grow flex flex-col "> 10063 <div class="mx-12px legacy-col-inner "> 10064 10065 10066 10067 10068 <div class="pimcore_area_rich-text pimcore_area_content "> 10069 10070 10071 10072 10073 10074 10075<div class=" 10076 ifb-rich-text 10077 10078 10079 brick-index-0 10080" style=" "> 10081 <div class="prose typography-v2 text-body" style=""> 10082 <h1 class="h1">Betriebsrat - Unser Angebot für Ihren Einsatz<br /><span style="font-size: 30px; font-weight: 300;">Seminare, Wissen und Services für Ihr Amt</span></h1> 10083<p class="text-body">Hier finden Sie als Betriebsrat nicht nur eine breite Auswahl an Seminaren und Weiterbildungen, sondern auch umfassendes Wissen für Ihr Ehrenamt sowie umfangreiche Services. Informieren Sie sich zu den verschiedenen Möglichkeiten eines Schulungsbesuchs, finden Sie mit unserer individuellen Beratung das passende Weiterbildungsangebot und holen Sie sich zu dringenden Themen direkt das nötige Wissen. Denn wir verstehe
10083n uns als Partner an Ihrer Seite.</p> 10084 </div> 10085</div> 10086 10087 10088 </div> 10089 10090 10091 </div> 10092 </div> 10093 10094 10095 10096 10097 <div id="legacy-col-2-55337" style="flex: 0 0 33.333333333333%; " 10098 class="mb-24px lg:mb-0 grow flex flex-col "> 10099 <div class="mx-12px legacy-col-inner "> 10100 10101 10102 10103 10104 <div class="pimcore_area_image-x pimcore_area_content "> 10105 10106 10107 10108 10109 10110 10111<div class=" 10112 10113 10114 10115 brick-index-0 10116" style=" "> 10117 <picture > 10118 <source srcset="/_default_upload_bucket/259767/image-thumb__259767___auto_b5266af8665a0b70817f36ff52829c8a/betriebsrat_1.7dd42f32.webp 1x, /_default_upload_bucket/259767/image-thumb__259767___auto_b5266af8665a0b70817f36ff52829c8a/[email protected] 2x" type="image/webp" /> 10119 <img class="w-full rounded-1" src="/_default_upload_bucket/259767/image-thumb__259767___auto_b5266af8665a0b70817f36ff52829c8a/betriebsrat_1.7dd42f32.webp" alt="" loading="lazy" srcset="/_default_upload_bucket/259767/image-thumb__259767___auto_b5266af8665a0b70817f36ff52829c8a/betriebsrat_1.7dd42f32.webp 1x, /_default_upload_bucket/259767/image-thumb__259767___auto_b5266af8665a0b70817f36ff52829c8a/[email protected] 2x" /> 10120</picture> 10121 10122 </div> 10123 10124 10125 </div> 10126 10127 10128 </div> 10129 </div> 10130 </div> 10131 10132 10133 </div> 10134 10135 10136</div> 10137 10138 10139 </div> 10140 10141 10142 10143 10144 10145 <div class="pimcore_area_rich-text-with-container pimcore_area_content "> 10146 10147 10148 10149 10150 10151 10152<div class=" 10153 10154 10155 module-spacing 10156 brick-index-1 10157" style=" "> 10158 <div class="ifb-rich-text w-full typography-v2 container "> 10159 10160 10161 10162 <div class="typography-v2 text-body prose w-full mt-3" style=""> 10163 10164 </div> 10165 </div> 10166</div> 10167 10168 10169 </div> 10170 10171 10172 10173 10174 10175 <div class="pimcore_area_sitemap pimcore_area_content "> 10176 10177 10178 <div class="legacy-equal-grid-columns-1 lg:legacy-equal-grid-columns-3 gap-6 container"> 10179 <a href=/br/themen class="child-document-card card p-6 typography-v2 flex flex-col radial-border-top radial-border-top-betriebsrat "> 10180 <h3 class="h3-1 mb-6">Seminare und Wissen für jeden Bereich der BR-Arbeit</h3> 10181 <p class="text-body-2 text-gray-2 mb-6"> 10182 <span class="text-gray-2">Als Betriebsrat müssen Sie in zahlreichen Themen fit sein. Hier finden Sie sowohl Seminare und Weiterbildungen als auch aktuelles Wissen, Downloads und Videos zu Ihren Themen.</span> 10183 </p> 10184 <span class="btn-icon-circle btn-secondary-gradient-ifb mt-auto pointer-events-none" style="height: 32px; width: 32px; border: 1px solid transparent;"> 10185 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="url(#ifb-radial-gradient-68190)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><defs> 10186 <radialGradient id="ifb-radial-gradient-68190" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"> 10187 <stop offset="0%" style="stop-color:#BF1D2E;" /> 10188 <stop offset="100%" style="stop-color:#DD6D29;" /> 10189 </radialGradient> 10190 </defs> 10191 <polyline points="9 18 15 12 9 6"></polyline></svg> 10192 </span> 10193 </a> 10194 <a href=/br/neu-im-amt class="child-document-card card p-6 typography-v2 flex flex-col radial-border-top radial-border-top-betriebsrat "> 10195 <h3 class="h3-1 mb-6">Neu im Amt</h3> 10196 <p class="text-body-2 text-gray-2 mb-6">
10197 <span class="text-gray-2">Die kompakte Ãbersicht mit allem, was für Ihren Start in das neue Amt wichtig ist</span> 10198 </p> 10199 <span class="btn-icon-circle btn-secondary-gradient-ifb mt-auto pointer-events-none" style="height: 32px; width: 32px; border: 1px solid transparent;"> 10200 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="url(#ifb-radial-gradient-77035)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><defs> 10201 <radialGradient id="ifb-radial-gradient-77035" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"> 10202 <stop offset="0%" style="stop-color:#BF1D2E;" /> 10203 <stop offset="100%" style="stop-color:#DD6D29;" /> 10204 </radialGradient> 10205 </defs> 10206 <polyline points="9 18 15 12 9 6"></polyline></svg> 10207 </span> 10208 </a> 10209 <a href=/br/ausschuesse class="child-document-card card p-6 typography-v2 flex flex-col radial-border-top radial-border-top-betriebsrat "> 10210 <h3 class="h3-1 mb-6">Wissen für die Arbeit im Betriebsrats-Ausschuss</h3> 10211 <p class="text-body-2 text-gray-2 mb-6"> 10212 <span class="text-gray-2">Die Arbeit in Ausschüssen des Betriebsrats erfordert spezifisches Wissen. Hier erhalten Sie alles für Ihre Arbeit im Betriebs-, IT-, Arbeitsschutz- oder Wirtschaftsausschuss.</span> 10213 </p> 10214 <span class="btn-icon-circle btn-secondary-gradient-ifb mt-auto pointer-events-none" style="height: 32px; width: 32px; border: 1px solid transparent;"> 10215 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="url(#ifb-radial-gradient-61536)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><defs> 10216 <radialGradient id="ifb-radial-gradient-61536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"> 10217 <stop offset="0%" style="stop-color:#BF1D2E;" /> 10218 <stop offset="100%" style="stop-color:#DD6D29;" /> 10219 </radialGradient> 10220 </defs> 10221 <polyline points="9 18 15 12 9 6"></polyline></svg> 10222 </span> 10223 </a> 10224 <a href=/br/lernformate class="child-document-card card p-6 typography-v2 flex flex-col radial-border-top radial-border-top-betriebsrat "> 10225 <h3 class="h3-1 mb-6">Lernformate</h3> 10226 <p class="text-body-2 text-gray-2 mb-6"> 10227 <span class="text-gray-2">Für jeden Lerntyp etwas dabei: Seminare, Ausbildungen, Fachtagungen und mehr</span> 10228 </p> 10229 <span class="btn-icon-circle btn-secondary-gradient-ifb mt-auto pointer-events-none" style="height: 32px; width: 32px; border: 1px solid transparent;"> 10230 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="url(#ifb-radial-gradient-87197)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><defs> 10231 <radialGradient id="ifb-radial-gradient-87197" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"> 10232 <stop offset="0%" style="stop-color:#BF1D2E;" /> 10233 <stop offset="100%" style="stop-color:#DD6D29;" /> 10234 </radialGradient> 10235 </defs> 10236 <polyline points="9 18 15 12 9 6"></polyline></svg> 10237 </span> 10238 </a> 10239 <a href=/br/schulungsanspruch class="child-document-card card p-6 typography-v2 flex flex-col radial-border-top radial-border-top-betriebsrat "> 10240 <h3 class="h3-1 mb-6">Schulungsanspruch für betriebliche Interessensvertreter</h3> 10241 <p class="text-body-2 text-gray-2 mb-6">
10242 <span class="text-gray-2">Als Betriebsrat haben Sie einen Anspruch auf Schulungen und Weiterbildung. Hier erfahren Sie alles von Erforderlichkeit der Seminare über den formellen Ablauf bis zur Kostenübernahme.</span> 10243 </p> 10244 <span class="btn-icon-circle btn-secondary-gradient-ifb mt-auto pointer-events-none" style="height: 32px; width: 32px; border: 1px solid transparent;"> 10245 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="url(#ifb-radial-gradient-29433)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><defs> 10246 <radialGradient id="ifb-radial-gradient-29433" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"> 10247 <stop offset="0%" style="stop-color:#BF1D2E;" /> 10248 <stop offset="100%" style="stop-color:#DD6D29;" /> 10249 </radialGradient> 10250 </defs> 10251 <polyline points="9 18 15 12 9 6"></polyline></svg> 10252 </span> 10253 </a> 10254 <a href=/br/rechtsprechung-lexikon class="child-document-card card p-6 typography-v2 flex flex-col radial-border-top radial-border-top-betriebsrat "> 10255 <h3 class="h3-1 mb-6">Rechtsprechung & Lexikon für Betriebsräte</h3> 10256 <p class="text-body-2 text-gray-2 mb-6"> 10257 <span class="text-gray-2">Im Betriebsrats-Lexikon finden Sie alle relevanten Begriffe für Ihre Aufgaben erklärt. Aktuelle Rechtsprechungen zeigen Neuerungen mit Auswirkungen auf Ihre Arbeit.</span> 10258 </p> 10259 <span class="btn-icon-circle btn-secondary-gradient-ifb mt-auto pointer-events-none" style="height: 32px; width: 32px; border: 1px solid transparent;"> 10260 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="url(#ifb-radial-gradient-27310)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><defs> 10261 <radialGradient id="ifb-radial-gradient-27310" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"> 10262 <stop offset="0%" style="stop-color:#BF1D2E;" /> 10263 <stop offset="100%" style="stop-color:#DD6D29;" /> 10264 </radialGradient> 10265 </defs> 10266 <polyline points="9 18 15 12 9 6"></polyline></svg> 10267 </span> 10268 </a> 10269 <a href=/br/services class="child-document-card card p-6 typography-v2 flex flex-col radial-border-top radial-border-top-betriebsrat "> 10270 <h3 class="h3-1 mb-6">Services für Betriebsräte</h3> 10271 <p class="text-body-2 text-gray-2 mb-6"> 10272 <span class="text-gray-2">Im Service-Bereich finden Sie zahlreiche Unterstützungen für Ihre Arbeit als Betriebsrat. Von FAQs bis Arbeitshilfen, Downloads sowie kostenlose Software bis Hilfe im Forum.</span> 10273 </p> 10274 <span class="btn-icon-circle btn-secondary-gradient-ifb mt-auto pointer-events-none" style="height: 32px; width: 32px; border: 1px solid transparent;"> 10275 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="url(#ifb-radial-gradient-70049)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><defs> 10276 <radialGradient id="ifb-radial-gradient-70049" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"> 10277 <stop offset="0%" style="stop-color:#BF1D2E;" /> 10278 <stop offset="100%" style="stop-color:#DD6D29;" /> 10279 </radialGradient> 10280 </defs> 10281 <polyline points="9 18 15 12 9 6"></polyline></svg> 10282 </span> 10283 </a> 10284 </div> 10285 10286 10287 </div> 10288 10289 10290 10291 10292 10293 <div class="pimcore_area_icon-slider pimcore_area_content "> 10294 10295 10296 10297 10298 10299 10300<div class=" 10301 10302 10303 module-spacing 10304 brick-index-3 10305" style=" "> 10306 10307 10308 10309 10310 <div class="bg-gray-5 icon-slider-wrapper typography-v2"> 10311 <div class="container flex"> 10312 <div class="mt-12 max-w-5xl"> 10313 <h2 class="h2-1"> 10314 Unser Serviceangebot für Sie 10315 </h2> 10316 <div class="mt-3 text-body-2 text-base font-normal leading-5 "> 10317 <p>
10317Wir verstehen uns nicht nur als Seminaranbeiter, sondern als Ihr Bildungspartner. Für uns bedeutet das, dass wir für Sie da sind, wenn Sie in Ihrem anspruchsvollen Amt unsere Unterstützung brauchen.</p> 10318 </div> 10319 10320 10321 10322 10323 10324 10325 10326 10327 10328 10329 10330 10331 10332 10333 10334 10335 10336 10337 10338 </div> 10339 </div> 10340 <div class="container overflow-hidden"> 10341 <div class="pb-12 md:pb-6"> 10342 10343 10344 <div id="icon-slider-677" class="mt-10" data-flickity-wrapper="{"showPrevNextButtons":false,"equalHeight":true,"freeScroll":true,"contain":true,"overflow":false,"flickityOptions":{"cellAlign":"left","contain":true,"wrapAround":true,"autoPlay":5000,"pauseAutoPlayOnHover":true},"responsive":{"lg":{"showPrevNextButtons":true}}}"> 10345 <div class="flickity-slider-item"> 10346 <a href="/br/schulungsanspruch/rollen-und-funktionen/betriebsrat/erforderlichkeit" target="_blank"> 10347 <div class="text-center max-w-300px relative flex flex-col items-center h-full typography-v2"> 10348 <div class="image-container flex relative justify-center items-center mx-auto"> 10349 <div class="icon-wrapper-circle-outer"> 10350 <div class="icon-wrapper-circle-inner shadow-1-no-top"> 10351 <div class="icon-wrapper-placeholder"> 10352 <svg xmlns="http://www.w3.org/2000/svg" height="48" width="48" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="ifb-icon has-bg bg-white" style="padding: 3.34752px;"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.7611 2.95196C14.0215 2.29074 13.0496 1.95041 12.0591 2.00585C8.7859 2.18908 7.46246 6.05787 9.47763 8.24525L8.05003 9.31594C6.60797 10.3975 6.66002 12.5773 8.15205 13.5888L13.2094 17.0173C14.5953 17.9569 13.8765 20.1245 12.2038 20.0498C11.8653 20.0347 11.5395 19.9163 11.2702 19.7106L9.91299 18.674C9.4741 18.3387 8.84653 18.4227 8.51129 18.8616C8.17604 19.3005 8.26007 19.9281 8.69897 20.2633L10.0562 21.3C10.6499 21.7535 11.3682 22.0145 12.1145 22.0478C15.496 22.1989 17.1094 18.1933 14.9986 15.9298L16.5043 14.7676C17.9936 13.6179 17.8852 11.3371 16.2935 10.3339L11.3404 7.21216C9.90678 6.30863 10.479 4.09743 12.1709 4.00273C12.6317 3.97693 13.0839 4.13527 13.428 4.4429L14.3074 5.22925C14.7192 5.59737 15.3513 5.56203 15.7195 5.15032C16.0876 4.73861 16.0522 4.10643 15.6405 3.73831L14.7611 2.95196ZM13.3358 14.6868L15.2822 13.1844C15.6713 12.884 15.643 12.288 15.2271 12.0259L11.1751 9.47212L9.25003 10.9159C8.90666 11.1735 8.91905 11.6925 9.27433 11.9334L13.3358 14.6868Z"/></svg> 10353 </div> 10354 </div> 10355 </div> 10356 </div> 10357 <div class="text-lg font-extrabold leading-snug mt-3 icon-slider-contrast-text"> 10358 Schulungsanspruch 10359 </div> 10360 <div class="text-base font-light leading-5 icon-slider-contrast-text mt-1 lg:mt-2 grow w-4/5"> 10361 Unsere Juristen habenâ¨Antworten für Sie! 10362 </div> 10363 <div class="btn-hover-gradient btn-circle-small mt-3 mb-6"> 10364 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><polyline points="9 18 15 12 9 6"></polyline></svg> 10365 </div> 10366 </div> 10367 </a> 10368 10369 </div> 10370 <div class="flickity-slider-item"> 10371 <a href="https://forum.betriebsrat.de/" target="_blank"> 10372 <div class="text-center max-w-300px relative flex flex-col items-center h-full typography-v2"> 10373 <div class="image-container flex relative justify-center items-center mx-auto"> 10374 <div class="icon-wrapper-circle-outer"> 10375 <div class="icon-wrapper-circle-inner shadow-1-no-top"> 10376 <div class="icon-wrapper-placeholder"> 10377 <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-message-square ifb-icon has-bg bg-white" style="padding: 3.34752px;" ><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg> 10378 </div> 10379 </div>
10380 </div> 10381 </div> 10382 <div class="text-lg font-extrabold leading-snug mt-3 icon-slider-contrast-text"> 10383 ifb-Forum 10384 </div> 10385 <div class="text-base font-light leading-5 icon-slider-contrast-text mt-1 lg:mt-2 grow w-4/5"> 10386 Die Plattform für einen schnellen Austausch unter Betriebsräten 10387 </div> 10388 <div class="btn-hover-gradient btn-circle-small mt-3 mb-6"> 10389 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><polyline points="9 18 15 12 9 6"></polyline></svg> 10390 </div> 10391 </div> 10392 </a> 10393 10394 </div> 10395 <div class="flickity-slider-item"> 10396 <a href="/service/meinifb" target="_blank"> 10397 <div class="text-center max-w-300px relative flex flex-col items-center h-full typography-v2"> 10398 <div class="image-container flex relative justify-center items-center mx-auto"> 10399 <div class="icon-wrapper-circle-outer"> 10400 <div class="icon-wrapper-circle-inner shadow-1-no-top"> 10401 <div class="icon-wrapper-placeholder"> 10402 <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user-check ifb-icon has-bg bg-white" style="padding: 3.34752px;" ><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="8.5" cy="7" r="4"></circle><polyline points="17 11 19 13 23 9"></polyline></svg> 10403 </div> 10404 </div> 10405 </div> 10406 </div> 10407 <div class="text-lg font-extrabold leading-snug mt-3 icon-slider-contrast-text"> 10408 meinifb 10409 </div> 10410 <div class="text-base font-light leading-5 icon-slider-contrast-text mt-1 lg:mt-2 grow w-4/5"> 10411 Seminare und Wissen im Ãberblick in Ihrem persönlichen Kundenkonto 10412 </div> 10413 <div class="btn-hover-gradient btn-circle-small mt-3 mb-6"> 10414 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><polyline points="9 18 15 12 9 6"></polyline></svg> 10415 </div> 10416 </div> 10417 </a> 10418 10419 </div> 10420 <div class="flickity-slider-item"> 10421 <a href="/service/newsletter" target="_blank"> 10422 <div class="text-center max-w-300px relative flex flex-col items-center h-full typography-v2"> 10423 <div class="image-container flex relative justify-center items-center mx-auto"> 10424 <div class="icon-wrapper-circle-outer"> 10425 <div class="icon-wrapper-circle-inner shadow-1-no-top"> 10426 <div class="icon-wrapper-placeholder"> 10427 <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail ifb-icon has-bg bg-white" style="padding: 3.34752px;" ><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg> 10428 </div> 10429 </div> 10430 </div> 10431 </div> 10432 <div class="text-lg font-extrabold leading-snug mt-3 icon-slider-contrast-text"> 10433 ifb-Newsletter 10434 </div> 10435 <div class="text-base font-light leading-5 icon-slider-contrast-text mt-1 lg:mt-2 grow w-4/5"> 10436 Der wöchentliche und kostenlose Newsletter mit aktuellen Informationen 10437 </div> 10438 <div class="btn-hover-gradient btn-circle-small mt-3 mb-6"> 10439 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><polyline points="9 18 15 12 9 6"></polyline></svg> 10440 </div> 10441 </div> 10442 </a> 10443 10444 </div> 10445 <div class="flickity-slider-item"> 10446 <a href="/service/downloads" target="_blank"> 10447 <div class="text-center max-w-300px relative flex flex-col items-center h-full typography-v2"> 10448 <div class="image-container flex relative justify-center items-center mx-auto"> 10449 <div class="icon-wrapper-circle-outer"> 10450 <div class="icon-wrapper-circle-inner shadow-1-no-top"> 10451 <div class="icon-wrapper-placeholder"> 10452 <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-download ifb-icon has-bg bg-white" style="padding: 3.34752px;" ><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path><polyline points="7 10 12 15 17 10"></polyline><line x1="12" y1="15" x2="12" y2="3"></line></svg> 10453 </div> 10454 </div>
10455 </div> 10456 </div> 10457 <div class="text-lg font-extrabold leading-snug mt-3 icon-slider-contrast-text"> 10458 Kostenlose Downloads 10459 </div> 10460 <div class="text-base font-light leading-5 icon-slider-contrast-text mt-1 lg:mt-2 grow w-4/5"> 10461 Wichtige Downloads und Arbeitshilfen für Ihre Betriebsratsarbeit 10462 </div> 10463 <div class="btn-hover-gradient btn-circle-small mt-3 mb-6"> 10464 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><polyline points="9 18 15 12 9 6"></polyline></svg> 10465 </div> 10466 </div> 10467 </a> 10468 10469 </div> 10470 <div class="flickity-slider-item"> 10471 <a href="/service/betriebsrat360" target="_blank"> 10472 <div class="text-center max-w-300px relative flex flex-col items-center h-full typography-v2"> 10473 <div class="image-container flex relative justify-center items-center mx-auto"> 10474 <div class="icon-wrapper-circle-outer"> 10475 <div class="icon-wrapper-circle-inner shadow-1-no-top"> 10476 <div class="icon-wrapper-placeholder"> 10477 <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-smartphone ifb-icon has-bg bg-white" style="padding: 3.34752px;" ><rect x="5" y="2" width="14" height="20" rx="2" ry="2"></rect><line x1="12" y1="18" x2="12.01" y2="18"></line></svg> 10478 </div> 10479 </div> 10480 </div> 10481 </div> 10482 <div class="text-lg font-extrabold leading-snug mt-3 icon-slider-contrast-text"> 10483 Betriebsrat360 10484 </div> 10485 <div class="text-base font-light leading-5 icon-slider-contrast-text mt-1 lg:mt-2 grow w-4/5"> 10486 Betriebsrat360 - Ihr digitaler Helfer für das BR-Büro 10487 </div> 10488 <div class="btn-hover-gradient btn-circle-small mt-3 mb-6"> 10489 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right ifb-icon" ><polyline points="9 18 15 12 9 6"></polyline></svg> 10490 </div> 10491 </div> 10492 </a> 10493 10494 </div> 10495 </div> 10496 10497 </div> 10498 </div> 10499 </div> 10500 10501 <style> 10502 .icon-slider-wrapper .flickity-page-dots { 10503 margin-top: 0px; 10504 .dot { 10505 margin-right: -10px; 10506 } 10507 } 10508 10509 .icon-slider-wrapper .flickity-prev-next-button { 10510 top: 25%; 10511 box-shadow: none; 10512 } 10513 10514 .icon-slider-wrapper .btn-hover-gradient { 10515 border: 1px solid #1f1f1f; 10516 transition: background 0.3s ease, border-color 0.3s ease, filter 0.3s ease; 10517 } 10518 10519 .icon-slider-wrapper .btn-hover-gradient:hover { 10520 border: transparent; 10521 background: radial-gradient(146% 210% at 0% 0%, #BF1D2E 0%, #DD6D29 100%) no-repeat; 10522 color: white; 10523 filter: drop-shadow(0px 2.767px 2.214px rgba(31, 31, 31, 0.02)) drop-shadow(0px 6.65px 5.32px rgba(31, 31, 31, 0.03)) drop-shadow(0px 12.522px 10.017px rgba(31, 31, 31, 0.04)) drop-shadow(0px 22.336px 17.869px rgba(31, 31, 31, 0.04)); 10524 } 10525 10526 .icon-slider-wrapper .image-container { 10527 width: 130px; 10528 height: 130px; 10529 transition: opacity 0.2s ease-in-out; 10530 } 10531 10532 .icon-slider-wrapper .image-container img { 10533 width: 100%; 10534 height: 100%; 10535 object-fit: cover; 10536 position: absolute; 10537 transition: opacity 0.1s ease-in-out; 10538 filter: drop-shadow(1px 20px 10px rgba(31, 31, 31, 0.2)); 10539 } 10540 10541 .icon-slider-wrapper .image-container .hover-show { 10542 opacity: 1; 10543 } 10544 10545 .icon-slider-wrapper .image-container .hover-hide { 10546 opacity: 0; 10547 } 10548 10549 .icon-slider-wrapper .text-center:hover .image-container .hover-show { 10550 opacity: 0; 10551 } 10552 10553 .icon-slider-wrapper .text-center:hover .image-container .hover-hide { 10554 opacity: 1; 10555 } 10556 10557 .icon-slider-wrapper .text-center:hover .btn-hover-gradient { 10558 border: transparent; 10559 background: radial-gradient(146% 210% at 0% 0%, #BF1D2E 0%, #DD6D29 100%) no-repeat; 10560 color: white; 10561 filter: drop-shadow(0px 2.767px 2.214px rgba(31, 31, 31, 0.02)) drop-shadow(0px 6.65px 5.32px rgba(31, 31, 31, 0.03)) drop-shadow(0px 12.522px 10.017px rgba(31, 31, 31, 0.04)) drop-shadow(0px 22.336px 17.869px rgba(31, 31, 31, 0.04)); 10562 } 10563 10564 .icon-slider-wrapper .icon-wrapper-circle-outer { 10565 width: 100%; 10566 height: 100%; 10567 border: 10px solid rgba(255, 255, 255, 0.1); 10568 border-radius: 100%; 10569 } 10570 10571 .icon-slider-wrapper .icon-wrapper-circle-outer .icon-wrapper-circle-inner { 10572 width: 100%; 10573 height: 100%; 10574 border: 10px solid rgba(255, 255, 255, 0.3); 10575 border-radius: 100%; 10576 } 10577 10578 .icon-slider-wrapper .icon-wrapper-circle-outer .icon-wrapper-circle-inner .icon-wrapper-placeholder { 10579 width: 100%; 10580 height: 100%; 10581 display: flex; 10582 justify-content: center; 10583 align-items: center; 10584 background-color: white; 10585 border-radius: 100%; 10586 } 10587 10588 .icon-slider-wrapper .text-center:hover .icon-wrapper-circle-outer .icon-wrapper-circle-inner .icon-wrapper-placeholder { 10589 background: radial-gradient(146% 210% at 0% 0%, #BF1D2E 0%, #DD6D29 100%) no-repeat; 10590 } 10591 10592 .icon-slider-wrapper .text-center:hover .icon-wrapper-circle-outer .icon-wrapper-circle-inner .icon-wrapper-placeholder svg { 10593 background: transparent; 10594 color: white; 10595 } 10596 10597 .icon-slider-wrapper .flickity-viewport { 10598 overflow: visible; 10599 } 10600 10601 .icon-slider-wrapper .icon-slider-contrast-text { 10602 color: #1F1F1F; 10603 } 10604 10605 .icon-slider-wrapper .flickity-slider-item { 10606 width: 250px; 10607 margin-right: 24px; 10608 box-sizing: border-box; 10609 } 10610 10611 @media (min-width: 768px) { 10612 .icon-slider-wrapper .flickity-slider-item { 10613 width: 25%; 10614 } 10615 10616 .icon-slider-wrapper .flickity-slider > .flickity-slider-item:nth-child(-n+4) { 10617 opacity: 1; 10618 } 10619 10620 .icon-slider-wrapper .flickity-slider-item { 10621 opacity: 0; 10622 } 10623 } 10624 10625 @media (max-width: 767px) { 10626 .icon-slider-wrapper .flickity-slider-item { 10627 opacity: 1; 10628 } 10629 10630 .icon-slider-wrapper .is-selected { 10631 opacity: 1 !important; 10632 } 10633 } 10634 </style> 10635 10636
10636<script> 10637 document.addEventListener('DOMContentLoaded', function () { 10638 const waitForSlider = setInterval(() => { 10639 const sliderId = 'icon-slider-677'; 10640 const flickitySlider = document.getElementById(sliderId); 10641 const slider = flickitySlider.querySelector('.flickity-slider'); 10642 10643 if (!slider) return; 10644 10645 clearInterval(waitForSlider); 10646 10647 const observer = new MutationObserver(function () { 10648 if (window.innerWidth < 768) return; 10649 10650 const flickityItems = [...slider.querySelectorAll('.flickity-slider-item')]; 10651 const activeFlickityItem = slider.querySelector('.flickity-slider-item.is-selected'); 10652 const activeFlickityItemIndex = flickityItems.indexOf(activeFlickityItem); 10653 10654 if (!activeFlickityItem || activeFlickityItemIndex === -1) return; 10655 10656 const visibleItemsCount = 4; 10657 const visibleIndexes = Array.from({ length: visibleItemsCount }, (_, i) => 10658 (activeFlickityItemIndex + i) % flickityItems.length 10659 ); 10660 10661 flickityItems.forEach((item, index) => { 10662 item.style.opacity = visibleIndexes.includes(index) ? '1' : '0'; 10663 }); 10664 }); 10665 10666 observer.observe(slider, { 10667 childList: true, 10668 subtree: true, 10669 attributes: true, 10670 attributeFilter: ['class'] 10671 }); 10672 }, 100); 10673 }); 10674 </script>
10674 10675</div> 10676 10677 10678 </div> 10679 10680 10681 </main> 10682 10683 <button class="btn-tertiary-ifb btn-circle bg-white hidden" id="scroll-to-top-button" > 10684 <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#FFFFFF" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-up ifb-icon" ><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline></svg> 10685</button> 10686 10687 10688 <div class="iframe-modal-dialog-app"> 10689 <iframe-modal-dialog url="https://forms.office.com/Pages/ResponsePage.aspx?id=ht4v4T-gd0WWsejAE0YA0mNFvIyRfn9Hv4Gx853e-bJUM0hTTzhCN1A5QVJLQzY5SEtaQkM2M0VXSS4u" id="online-course-survey"></iframe-modal-dialog> 10690 </div> 10691 10692 <div id="contact-button-stopper"></div> 10693 <div id="chatbot-button-stopper"></div> 10694 <div id="observed-footer-wrapper" class="relative"> 10695 10696 10697 10698 10699 10700<div class="hidden md:flex w-[145px] ifb-gradient gap-1.5 text-white items-center px-3 lg:py-0 lg:pr-10 transition-all hover:opacity-90 z-[1000] unstick cursor-pointer" id="contact-button"> 10701 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#FFFFFF" stroke-width="2.6666666666667" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone ifb-icon" ><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg> 10702 <div id="initiate-chat-expanded-text" class="text-xs font-bold leading-ifb"> 10703 Kontakt 10704 </div> 10705</div> 10706 10707<div class="bg-white rounded-1 shadow-1 relative overflow-hidden chat-hidden" id="chat-window"> 10708 <div id="contact-button-app"> 10709 <contact-button current-path="https://www.betriebsrat.de/br" :contact-button-object="{"enableChat":true,"contactData":[{"contactType":"phone","contactValue":"0 88 41 \/ 61 12-20","workingHours":"<p>Mo. - Do.: 08:00 - 17:00 Uhr<\/p>\n<p>Fr.: 08:00 - 16:00 Uhr<\/p>"},{"contactType":"email","contactValue":"[email protected]","workingHours":"<p>oder nutzen Sie das\u00a0<a href=\"\/service\/kontakt\" target=\"_blank\" rel=\"noopener\"><span style=\"text-decoration: underline;\">Kontaktformular<\/span><\/a><\/p>"}],"contactLinks":[{"linkTitle":"Kostenlose ifb-Beratungsangebote","linkHref":"\/beratung","linkDescription":"Wir stehen Ihnen zur Seite und beraten Sie umfassend und kostenlos zu wichtigen Themen in Ihrem Amt!"}]}" ></contact-button> 10710 </div> 10711 </div> 10712 10713<link 10714 href="https://www.betriebsrat.de/cache-buster-1790867268/build/shared-footer.css" media="screen" rel="stylesheet" type="text/css"/> 10715 10716<div style="height: 48px"></div> 10717 10718<div class="footer-v2 typography-v2 bg-gray-6 py-12"> 10719 <div class="container"> 10720 <div> 10721 <div class="grid grid-cols-2 lg:flex lg:justify-between lg:flex-wrap gap-y-6 lg:gap-y-0 gap-x-12 lg:gap-x-0"> 10722 <div class="lg:mr-36px mb-6 lg:mb-0 col-span-2 max-w-10"> 10723 <a class="logo" href="/" title="Gehe zur Startseite"> 10724 <svg width="48" viewbox="0 0 88 73" class="w-70px lg:w-12"> 10725 <g stroke="none" stroke-width="1"> 10726 <path fill="#BF1D2D" d="M51.4637573,48.4683716 C48.8710997,48.3266461 47.5048681,46.2435242 47.0709994,45.2365443 C46.7855424,44.4475786 46.5915031,43.3915212 46.5915031,42.241682 L46.5915031,27.5109765 C52.7114544,23.3170355 60.3595263,28.5304283 60.3595263,36.8638877 C60.3595263,45.9882563 55.3502268,48.4683716 51.4637573,48.4683716 M54.7765524,20.6274905 C51.5150681,20.6274905 46.7089009,23.9748038 46.7089009,23.9748038 C46.7089009,23.9748038 46.5915031,22.5643516 46.5915031,21.660062 L46.5915031,5.5057846 C46.5915031,3.77171238 47.0922706,0.879540352 47.0922706,0.879540352 L45.1177785,0.0424690583 C44.5738189,0.522878009 43.9059664,0.935096748 43.1639081,1.28754782 C36.8684283,-1.54728612 29.77552,2.1223515 27.4459115,4.23641004 C23.7758892,7.46839932 22.3349646,11.4634387 21.5826766,16.6556131 C21.3074493,18.5485799 21.7294645,19.7883135 20.5829276,21.1892094 C19.6333528,22.3463373 17.2230435,23.0361761 17.2230435,23.0361761 L16.7544263,25.9317495
10726L20.6207612,25.9317495 L20.6207612,44.046212 C20.6207612,48.4162166 20.116259,48.1374628 16.7562125,48.6350407 C12.8983211,48.2045192 12.3121438,47.7629835 12.3121438,43.2519013 C12.3121438,43.2519013 12.3207497,30.5578318 12.3207497,25.6925169 C12.3207497,24.6205862 12.7997589,20.9585612 12.7997589,20.9585612 L10.8341975,20.0774336 C8.55313945,22.1084005 3.62778831,23.7503106 0.260110111,24.1741914 L0.260110111,26.4741937 C3.86550677,26.889328 4.36302682,26.7398278 4.36302682,30.9062336 L4.36400108,43.2838098 C4.36400108,47.8097934 3.82751078,48.2088924 0.0102134503,48.6382802 L0.0102134503,49.1408793 L-1.62375982e-05,49.1408793 L-1.62375982e-05,51.7356707 L34.084979,51.7356707 L34.084979,49.1408793 L34.084979,48.6382802 C29.2570534,48.1342233 28.6812681,48.4278786 28.6812681,44.046212 L28.6812681,25.9317495 L36.202362,25.9317495 L37.3964751,22.4135557 L28.6812681,22.4135557 L28.6098227,15.7383657 C28.6098227,8.34580164 31.0256528,3.78272647 34.5050457,3.91084632 L34.5410931,6.43906726 C38.5038794,6.87137053 38.647095,6.94393399 38.647095,11.1816074 L38.647095,40.2847363 C38.647095,46.5893344 37.9258208,51.6929101 37.9258208,51.6929101 C42.8828353,49.9384294 47.4110147,51.7887975 50.7959048,51.8798258 C61.4565385,52.1605233 68.358168,45.2023682 68.358168,34.6440614 C68.358168,26.5263487 62.6267824,20.6274905 54.7765524,20.6274905 M7.93367502,16.9171979 C10.6310651,16.9171979 12.6359215,14.7103294 12.6359215,12.0880027 C12.6359215,9.32913365 10.6310651,7.19256101 7.99992442,7.19256101 L7.93367502,7.19256101 C5.44315196,7.19256101 3.3010878,9.32913365 3.3010878,12.0880027 C3.3010878,14.7103294 5.44315196,16.9171979 7.93367502,16.9171979"></path> 10727 <path id="ifb-hook" d="M79.2932747,52.05345 C81.8201251,50.0044815 84.235864,47.8452563 86.5310591,45.5826975 C86.934001,45.1854852 87.6162067,45.4709298 87.6162067,46.0367388 L87.6162067,46.7257128 C87.6162067,46.8877675 87.5544964,47.0437409 87.44362,47.1619277 C79.3589152,55.7
10727796786 70.7642113,62.3962969 61.4361671,66.818043 C53.1986675,70.7225234 44.8869682,72.7439923 36.8664814,72.4974007 C28.2112542,72.2322245 19.8462912,69.49009 12.2363679,64.5707581 C11.9168337,64.3641995 11.8481846,63.9255524 12.0893326,63.631246 L15.2830764,59.7334766 C15.4886897,59.4825381 15.8499544,59.426012 16.1223914,59.6021514 C22.9904947,64.0426032 30.422823,66.7075849 37.90719,67.2177842 C45.0739579,67.705504 52.4239593,66.5069373 59.4142851,63.7846881 C66.3970012,61.0647185 73.0826199,57.0866458 79.2932747,52.05345 Z" fill="#575756" fill-rule="nonzero"></path> 10728 </g> 10729 </svg> 10730 </a> 10731 </div> 10732 10733 <div class="lg:mr-36px"> 10734 <p class="font-bold text-sm lg:text-xs text-gray-1 mb-3 leading-4">Ãber uns</p> 10735 <div class="space-y-14px lg:space-y-3"> 10736 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/ueber-uns/unternehmen" linktype="direct" text="Unternehmen" path="/ueber-uns/unternehmen" target="_self">Unternehmen</a></p> 10737 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/ueber-uns/leitbild" linktype="direct" text="Leitbild" path="/ueber-uns/leitbild">Leitbild</a></p> 10738 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/service/compliance" linktype="direct" text="Compliance Richtlinien" path="/service/compliance">Compliance Richtlinien</a></p> 10739 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/ueber-uns/gute-gruende" linktype="direct" text="Gute Gründe für das ifb" path="/ueber-uns/gute-gruende">Gute Gründe für das ifb</a></p> 10740 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/jobs-karriere" linktype="direct" text="Karriere" path="/jobs-karriere">Karriere</a></p> 10741 </div> 10742 </div> 10743 <div class="lg:mr-36px"> 10744 <p class="font-bold text-sm lg:text-xs text-gray-1 mb-3 leading-4">Kontakt</p> 10745 <div class="space-y-14px lg:space-y-3"> 10746 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/service/kontakt" linktype="direct" text="Hilfe & Kontakt" path="/service/kontakt">Hilfe & Kontakt</a></p> 10747 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="tel:08841611220" linktype="direct" text="0 88 41 / 61 12 â 20" path="tel:08841611220">0 88 41 / 61 12 â 20</a></p> 10748 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="mailto:[email protected]" linktype="direct" text="[email protected]" path="mailto:[email protected]">[email protected]</a></p> 10749 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/beratung" linktype="direct" text="Ãbersicht Beratung" path="/beratung" target="_self">Ãbersicht Beratung</a></p> 10750 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/beratung/bildungsberatung/schulungsanspruch" internalType="document" linktype="internal" text="Schulungsberatung" path="/beratung/bildungsberatung/schulungsanspruch" internalId="4244">Schulungsberatung</a></p> 10751 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/beratung/bildungsberatung/inhouse-schulungen" linktype="direct" text="Inhouseberatung" path="/beratung/bildungsberatung/inhouse-schulungen">Inhouseberatung</a></p> 10752 </div> 10753 </div> 10754 <div class="lg:mr-36px"> 10755 <p class="font-bold text-sm lg:text-xs text-gray-1 mb-3 leading-4">Service</p>
10756 <div class="space-y-14px lg:space-y-3"> 10757 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/service/newsletter" linktype="direct" text="Newsletter" path="/service/newsletter">Newsletter</a></p> 10758 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="https://ifb-medien.de/" linktype="direct" text="ifb-medien" path="https://ifb-medien.de/" target="_blank">ifb-medien</a></p> 10759 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/service/deutsche-bahn" linktype="direct" text="Bahn Sondertarif" path="/service/deutsche-bahn">Bahn Sondertarif</a></p> 10760 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/service/meinifb" linktype="direct" text="meinifb" path="/service/meinifb">meinifb</a></p> 10761 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/service/downloads" linktype="direct" text="Downloads & Formulare" path="/service/downloads">Downloads & Formulare</a></p> 10762 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/service/faq" linktype="direct" text="FAQ" path="/service/faq">FAQ</a></p> 10763 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/service/betriebsrat360" linktype="direct" text="ifb-App Betriebsrat360" path="/service/betriebsrat360">ifb-App Betriebsrat360</a></p> 10764 </div> 10765 </div> 10766 <div class="lg:mr-36px"> 10767 <p class="font-bold text-sm lg:text-xs text-gray-1 mb-3 leading-4">Themen</p> 10768 <div class="space-y-14px lg:space-y-3"> 10769 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/br/themen/betriebsrat-gruenden/uebersicht" linktype="direct" text="Betriebsrat gründen" path="/br/themen/betriebsrat-gruenden/uebersicht" target="_self">Betriebsrat gründen</a></p> 10770 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/br/themen/bem/uebersicht" linktype="direct" text="BEM" path="/br/themen/bem/uebersicht" target="_self">BEM</a></p> 10771 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/br/themen/rhetorik/uebersicht" linktype="direct" text="Rhetorik" path="/br/themen/rhetorik/uebersicht">Rhetorik</a></p> 10772 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="https://www.brwahl.de/startseite" linktype="direct" text="BR-Wahl" path="https://www.brwahl.de/startseite" target="_blank">BR-Wahl</a></p> 10773 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="https://www.sbv-wahl.de/startseite" linktype="direct" text="SBV-Wahl" path="https://www.sbv-wahl.de/startseite" target="_blank">SBV-Wahl</a></p> 10774 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="https://www.wahl-jav.de/startseite" linktype="direct" text="JAV-Wahl" path="https://www.wahl-jav.de/startseite" target="_blank">JAV-Wahl</a></p> 10775 </div> 10776 </div> 10777 <div class="lg:mr-36px"> 10778 <p class="font-bold text-sm lg:text-xs text-gray-1 mb-3 leading-4">News. Wissen. Themen.</p>
10779 <div class="space-y-14px lg:space-y-3"> 10780 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/news" linktype="direct" text="News & Fachthemen" path="/news">News & Fachthemen</a></p> 10781 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/lexikon" linktype="direct" text="Lexikon" path="/lexikon">Lexikon</a></p> 10782 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/rechtsprechung" linktype="direct" text="Rechtsprechung" path="/rechtsprechung">Rechtsprechung</a></p> 10783 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/gesetze" linktype="direct" text="Gesetze" path="/gesetze">Gesetze</a></p> 10784 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="/br-magazin" linktype="direct" text="BR-Magazin" path="/br-magazin">BR-Magazin</a></p> 10785 <p class="text-xs leading-4 text-gray-2 w-auto"><a href="https://forum.betriebsrat.de/" linktype="direct" text="Forum" path="https://forum.betriebsrat.de/" target="_blank">Forum</a></p> 10786 </div> 10787 </div> 10788 <div class="desktop-width-107px"> 10789 <p class="font-bold text-sm lg:text-xs text-gray-1 leading-4 mb-3"> 10790 Folgen Sie uns 10791 </p> 10792 <div class="flex space-x-6 lg:space-x-0 lg:justify-between mb-6"> 10793 <div class="relative"> 10794 <img loading="lazy" src="/static/img/footer/facebook.svg" alt="Facebook Link" width="24" height="24" class="h-5 lg:h-13px max-w-none"> 10795 <a href="https://www.facebook.com/ifb" target="_blank" rel="noopener" aria-label="ifb auf Facebook" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0;"></a> 10796 </div> 10797 10798 <div class="relative"> 10799 <img loading="lazy" src="/static/img/footer/youtube.svg" alt="Youtube Link" width="24" height="24" class="h-5 lg:h-13px max-w-none"> 10800 <a href="https://www.youtube.com/ifbseminar" target="_blank" rel="noopener" aria-label="ifb auf YouTube" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0;"></a> 10801 </div> 10802 10803 <div class="relative"> 10804 <img loading="lazy" src="/static/img/footer/instagram.svg" alt="Instagram Link" width="24" height="24" class="h-5 lg:h-13px max-w-none"> 10805 <a href="https://www.instagram.com/ifbkg/" target="_blank" rel="noopener" aria-label="ifb auf Instagram" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0;"></a> 10806 </div> 10807 10808 <div class="relative"> 10809 <img loading="lazy" src="/static/img/footer/linkedIn.svg" alt="LinkedIn Link" width="24" height="24" class="h-5 lg:h-13px max-w-none"> 10810 <a href="https://www.linkedin.com/company/ifbseminar/" target="_blank" rel="noopener" aria-label="ifb auf LinkedIn" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0;"></a> 10811 </div> 10812 </div> 10813 <p class="font-bold text-sm lg:text-xs text-gray-1 leading-4 mb-3"> 10814 Sicherheit durch geprüfte Qualität
10814! 10815 </p> 10816 <div style="position: relative; width: fit-content;"> 10817 <img width="124" loading="lazy" src="/static/img/footer/tuev.png" alt="TÃV Zertifiziert" class="w-155px h-auto"> 10818 <a href="/service/tuev-zertifizierung" target="" aria-label="TÃV-Zertifizierung" style="position: absolute; top: 0px; left: 0; right: 0; bottom: 0; height: 65px; width: 124px;"></a> 10819 </div> 10820 </div> 10821 </div> 10822 <div class="flex flex-col lg:flex-row lg:mt-56px"> 10823 <div class="order-2 lg:order-1 flex justify-center items-center lg:mr-auto py-6 lg:py-0"> 10824 <svg width="42" height="36" viewbox="0 0 42 36" fill="none" xmlns="http://www.w3.org/2000/svg" class="lg:w-28px lg:h-24px;"> 10825 <path fill-rule="evenodd" clip-rule="evenodd" d="M3.83646 8.45574C5.1409 8.45574 6.11042 7.34972 6.11042 6.03589C6.11042 4.65336 5.1409 3.58302 3.86849 3.58302H3.83646C2.63201 3.58302 1.596 4.65343 1.596 6.03589C1.596 7.34979 2.63194 8.45574 3.83646 8.45574ZM26.4904 10.3147C24.913 10.3147 22.5886 11.9922 22.5886 11.9922C22.5886 11.9922 22.5318 11.2852 22.5318 10.8322V2.73758C22.5318 1.86854 22.7741 0.419557 22.7741 0.419557L21.8194 0C21.5563 0.240688 21.2331 0.447361 20.8743 0.623729C17.83 -0.796613 14.3996 1.0423 13.273 2.1015C11.4983 3.72101 10.8012 5.72289 10.4377 8.32478C10.3044 9.27314 10.5086 9.89436 9.95412 10.5964C9.49475 11.1761 8.32922 11.522 8.32922 11.522L8.10272 12.9729H9.97251V22.0496C9.97251 24.2395 9.7285 24.0998 8.1036 24.3494C6.2377 24.1334 5.95432 23.9124 5.95432 21.6517C5.95432 21.6517 5.95828 15.2912 5.95828 12.8531C5.95828 12.3158 6.18998 10.481 6.18998 10.481L5.23943 10.0392C4.1365 11.0572 1.75442 11.8797 0.125855 12.0923V13.2448C1.86942 13.4527 2.10985 13.3778 2.10985 15.4656L2.11043 21.6678C2.11043 23.9355 1.85103 24.1355 0.00483775 24.3509V24.6028H0V25.9029H16.4838V24.3509C14.1488 24.0984 13.8704 24.2454 13.8704 22.0496V12.9729H17.5078L18.0853 11.2099H13.8705L13.836 7.86507C13.836 4.16102 15.0043 1.87437 16.6867 1.93877L16.7043 3.20554C18.6207 3.42214 18.6901 3.45835 18.6901 5.58197V20.1651C18.6901 23.3239 18.3412 25.8814 18.3412 25.8814C20.7383 25.0023 22.9283 25.9294 24.5652 25.975C29.7208 26.1159 33.0583 22.629 33.0583 17.3386C33.0583 13.2707 30.2864 10.3149 26.4903 10.3149L26.4904 10.3147ZM24.8886 24.2657C23.6349 24.1945 22.9741 23.151 22.7641 22.6462C22.626 22.251 22.5321 21.7219 22.5321 21.1456V13.7642C25.4919 11.6627 29.1906 14.2749 29.1906 18.4507C29.1906 23.023 26.7681 24.2655 24.8885 24.2655L24.8886 24.2657Z" fill="#858585"/> 10826 <path fill-rule="evenodd" clip-rule="evenodd" d="M38.4943 26.1373C35.5921 28.6301 32.3524 30.7244 28.8443 32.1729C25.5203 33.5452 21.9359 34.2039 18.3599 33.946C14.5345 33.6694 10.9063 32.1867 7.72871 30.0089L6.19141 31.9977C9.7012 34.4025 13.6658 35.8525 17.8893 35.99C21.9488 36.122 25.9494 34.9448 29.5745 33.1235C34.3179 30.7402 38.4244 27.2063 42 23.1665V22.8149C40.8841 23.9809 39.7137 25.089 38.4942 26.1372L38.4943 26.1373Z" fill="#858585"/> 10827 </svg> 10828 10829 <div class="ml-3 my-auto w-3/5 lg:w-auto"> 10830 <p class="footer-contrast-text lg:text-xs text-sm leading-ifb font-bold"> 10831 Institut zur Fortbildung von Betriebsräten GmbH & Co. KG 10832 </p> 10833 </div> 10834 <div class="ml-3 my-auto flex-shrink-0"> 10835 <p class="footer-contrast-text text-sm lg:text-xs leading-ifb font-bold"> 10836 © 10837 2026 10838 </p> 10839 </div> 10840 </div> 10841 <div class="order-1 lg:order-2 text-center py-6 lg:py-0 lg:ml-auto lg:space-x-3 text-xs leading-ifb footer-contrast-text my-auto border-t border-b lg:border-none border-gray-4 mt-6 lg:mt-auto"> 10842 <div class="w-4/5 lg:w-full lg:space-x-3 lg:flex flex-row flex-wrap lg:justify-items-center lg:items-center mx-auto"> 10843 <p class=" mr-3 lg:mr-0 inline-block"> 10844 <a href="/service/datenschutz" linktype="direct" text="Datenschutz" path="/service/datenschutz">Datenschutz</a> 10845 </p> 10846 <p class=" mr-3 lg:mr-0 inline-block"> 10847 <a href="/service/cookiebot" linktype="direct" text="Cookiebot" path="/service/cookiebot">Cookiebot</a> 10848 </p> 10849 <p class=" mr-3 lg:mr-0 inline-block"> 10850 <a href="/service/impressum" linktype="direct" text="Impressum" path="/service/impressum">Impressum</a> 10851 </p> 10852 <p class=" mr-3 lg:mr-0 mt-14px lg:mt-0 inline-block"> 10853 <a href="/service/nutzungsbedingungen" linktype="direct" text="Rechtliches" path="/service/nutzungsbedingungen">Rechtliches</a> 10854 </p> 10855 <p class=" mr-3 lg:mr-0 mt-14px lg:mt-0 inline-block"> 10856 <a href="/service/agb" linktype="direct" text="AGB" path="/service/agb">AGB</a> 10857 </p> 10858 </div> 10859 </div> 10860 </div> 10861 </div> 10862 </div> 10863 10864 <div data-facebooklink="https://www.facebook.com/ifb" style="visibility: hidden;"></div> 10865 <div data-instagramlink="https://www.instagram.com/ifbkg/" style="visibility: hidden;"></div> 10866 <div data-linkedinlink="https://www.linkedin.com/company/ifbseminar/" style="visibility: hidden;"></div> 10867 <div data-youtubelink="https://www.youtube.com/ifbseminar" style="visibility: hidden;"></div> 10868</div> 10869 10870<style> 10871 .footer-v2 .footer-contrast-text, 10872 .footer-v2 .footer-contrast-text a { 10873 color: #1F1F1F; 10874 } 10875</style> 10876 10877 </div> 10878 10879 10880 10881
10881<script src="/cache-buster-1790867268/build/runtime.js" nonce="ic4MT9pWPKGhr5L0KPTmw7a6KLn8JMbo"></script>
vendor: 1 bytes, line 10881
10881
10882<script src="/cache-buster-1790867268/build/app.js" nonce="ic4MT9pWPKGhr5L0KPTmw7a6KLn8JMbo"></script>
vendor: 1 bytes, line 10882
10882
10883<script src="/cache-buster-1790867268/build/vue.js" nonce="ic4MT9pWPKGhr5L0KPTmw7a6KLn8JMbo"></script>
10883 10884 10885</body> 10886</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.