PageSourceSearch

https://www.betriebsrat.de/br

html betriebsrat.de collected 2026-10-02 06:33:37 UTC 725,617 bytes, 10,886 lines download raw bytes

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 &amp; 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 } &amp;euro; (Mittag- und Abendessen)","page_pdf_text_full_board_overnight":"Vollpension: { price } &amp;euro; (Fr\u00fchst\u00fcck, Mittag- und Abendessen)","page_pdf_text_half_board":"Halbpension: { price } &amp;euro; (Mittagessen)","page_pdf_text_half_board_overnight":"Halbpension: { price } &amp;euro; (Fr\u00fchst\u00fcck und Mittagessen)","page_pdf_text_single_room":"Einzelzimmer: { price } &amp;euro;","page_personalized_trainingplan_text_consulting":"&lt;p&gt;Wir beraten Sie zu Ihrem pers\u00f6nlichen Schulungsplan!&lt;\/p&gt; &lt;p&gt;08841 \/ 61 12-395&lt;\/p&gt; &lt;a class=&quot;text-ifb&quot; href=&quot;mailto:[email protected]&quot;&gt;[email protected]&lt;\/a&gt;","page_personalized_trainingplan_text_data_privacy":"Datenschutz-Hinweis: Was macht das ifb mit Ihren Angaben?&lt;br \/&gt; 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.&lt;br \/&gt; Mehr Infos unter &lt;a class=&quot;text-ifb&quot; href=&quot;https:\/\/ifb.de\/ifb-datenschutz&quot;&gt;ifb.de\/ifb-datenschutz&lt;\/a&gt;","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 &amp; Fachthemen","brick_frontpageHerostage_mobile_headline":"&lt;p&gt;Willkommen beim ifb&lt;\/p&gt;","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&lt;br \/&gt; 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":"&lt;p&gt;Gute Gr\u00fcnde&lt;br \/&gt;f\u00fcr das ifb&lt;\/p&gt;","brick_frontpageTabSection_tab1_domain":"betriebsrat.de","brick_frontpageTabSection_tab1_headlineTopics":"Aktuell wichtige Themen","brick_frontpageTabSection_tab1_morelink":"Alle news &amp; 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!&lt;br\/&gt;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":"&lt;span&gt;Buchen Sie jetzt&lt;\/span&gt;&amp;nbsp;&lt;span&gt;Ihre Reise &lt;span class=&quot;hidden md:inline&quot;&gt;bequem&lt;\/span&gt; online!&lt;\/span&gt;","brick_transportTicketOptions_creditcard":"&lt;strong&gt;Hinweis:&lt;\/strong&gt; 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 &amp; 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 &amp; Fachthemen ","module_sidebar_headline_service":"Service &amp; 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":"&lt;p class=&quot;text-body-2&quot;&gt;Diese Seite ist nur f\u00fcr meinifb Nutzer zug\u00e4nglich.&lt;\/p&gt; &lt;p class=&quot;text-body-2&quot;&gt;Bitte loggen Sie sich ein oder registrieren Sie sich. Informationen zur Nutzung von meinifb finden Sie &lt;a href=&quot;https:\/\/ifb.de\/service\/meinifb&quot; target=&quot;_blank&quot;&gt;&lt;span style=&quot;color:#bf1d2e&quot;&gt;hier&lt;\/span&gt;&lt;\/a&gt;.&lt;\/p&gt; ","page_article_seminars_default":"Diese Seminare k\u00f6nnten Sie zum Thema interessieren","page_betriebsrat_fachthemen_col_betriebsratgrundlagen":"Betriebsratgrundlagen","page_betriebsrat_fachthemen_col_newsHeadline":"News &amp; 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 &amp; 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 &amp; 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&lt;br \/&gt; 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?&lt;br \/&gt; Wir freuen uns auf ein Kennenlernen!","page_career_text_take_action_training":"Interesse geweckt?&lt;br \/&gt; Starte jetzt Deine Karriere beim ifb!","page_career_text_take_action_variant_two":"Interesse geweckt?&lt;br \/&gt; 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 &amp; 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.&lt;br&gt; 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 &amp; 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: &lt;br&gt; 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&lt;br \/&gt;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":"&lt;p&gt;&lt;em&gt;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.&lt;\/em&gt;&lt;\/p&gt;","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 &amp; 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 &amp; 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 &amp; 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&amp;page=seminar&amp;themeGroup=3819025&amp;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&amp;tab=online-seminar&amp;themeGroup=3819025&amp;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&amp;tab=inhouse-seminar&amp;themeGroup=3819025&amp;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&amp;tab=veranstaltungen&amp;themeGroup=3819025&amp;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 &amp; 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&amp;tab=kostenlose-webinare&amp;themeGroup=3819025&amp;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&amp;tab=ausbildungen&amp;themeGroup=3819025&amp;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&amp;tab=fremdsprachige-seminare&amp;themeGroup=3819025&amp;language=en&amp;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&amp;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 &amp; 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 &amp; 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 &amp; 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 &amp; 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&amp;page=seminar&amp;themeGroup=3819026&amp;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&amp;tab=online-seminar&amp;themeGroup=3819026&amp;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&amp;tab=inhouse-seminar&amp;themeGroup=3819026&amp;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&amp;tab=veranstaltungen&amp;themeGroup=3819026&amp;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&amp;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&amp;tab=kostenlose-webinare&amp;themeGroup=3819026&amp;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&amp;tab=ausbildungen&amp;themeGroup=3819026&amp;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&amp;tab=fremdsprachige-seminare&amp;themeGroup=3819026&amp;language=en&amp;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&amp;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 &amp; 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 &amp; 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&amp;page=seminar&amp;themeGroup=3819029&amp;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&amp;tab=online-seminar&amp;themeGroup=3819029&amp;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&amp;tab=inhouse-seminar&amp;themeGroup=3819029&amp;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&amp;tab=veranstaltungen&amp;themeGroup=3819029&amp;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 &amp; 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&amp;tab=kostenlose-webinare&amp;themeGroup=3819029&amp;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&amp;tab=ausbildungen&amp;themeGroup=3819029&amp;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&amp;tab=fremdsprachige-seminare&amp;themeGroup=3819029&amp;language=en&amp;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&amp;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 &amp; 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 &amp; 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&amp;page=seminar&amp;themeGroup=3819027&amp;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&amp;tab=online-seminar&amp;themeGroup=3819027&amp;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&amp;tab=inhouse-seminar&amp;themeGroup=3819027&amp;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&amp;tab=veranstaltungen&amp;themeGroup=3819027&amp;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 &amp; 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 &amp; 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 &amp; 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="{&quot;showPrevNextButtons&quot;:false,&quot;equalHeight&quot;:true,&quot;freeScroll&quot;:true,&quot;contain&quot;:true,&quot;overflow&quot;:false,&quot;flickityOptions&quot;:{&quot;cellAlign&quot;:&quot;left&quot;,&quot;contain&quot;:true,&quot;wrapAround&quot;:true,&quot;autoPlay&quot;:5000,&quot;pauseAutoPlayOnHover&quot;:true},&quot;responsive&quot;:{&quot;lg&quot;:{&quot;showPrevNextButtons&quot;: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="{&quot;enableChat&quot;:true,&quot;contactData&quot;:[{&quot;contactType&quot;:&quot;phone&quot;,&quot;contactValue&quot;:&quot;0 88 41 \/ 61 12-20&quot;,&quot;workingHours&quot;:&quot;&lt;p&gt;Mo. - Do.: 08:00 - 17:00 Uhr&lt;\/p&gt;\n&lt;p&gt;Fr.: 08:00 - 16:00 Uhr&lt;\/p&gt;&quot;},{&quot;contactType&quot;:&quot;email&quot;,&quot;contactValue&quot;:&quot;[email protected]&quot;,&quot;workingHours&quot;:&quot;&lt;p&gt;oder nutzen Sie das\u00a0&lt;a href=\&quot;\/service\/kontakt\&quot; target=\&quot;_blank\&quot; rel=\&quot;noopener\&quot;&gt;&lt;span style=\&quot;text-decoration: underline;\&quot;&gt;Kontaktformular&lt;\/span&gt;&lt;\/a&gt;&lt;\/p&gt;&quot;}],&quot;contactLinks&quot;:[{&quot;linkTitle&quot;:&quot;Kostenlose ifb-Beratungsangebote&quot;,&quot;linkHref&quot;:&quot;\/beratung&quot;,&quot;linkDescription&quot;:&quot;Wir stehen Ihnen zur Seite und beraten Sie umfassend und kostenlos zu wichtigen Themen in Ihrem Amt!&quot;}]}" ></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 &amp; Kontakt" path="/service/kontakt">Hilfe &amp; 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 &amp; Formulare" path="/service/downloads">Downloads &amp; 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 &amp; Fachthemen" path="/news">News &amp; 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                            &copy;
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.