.component_navi_unternehmen{ background-color:var(--color-rot-dunkel); padding:7px 40px} .component_navi_unternehmen .unternehmen_navi{ display:flex} .component_navi_unternehmen a{ font-size:14px; line-height:18px; text-decoration:none !important; padding-right:calc(var(--template-gutter-size) - 25px); margin-right:32px} .component_navi_unternehmen a:link,.component_navi_unternehmen a:visited{ color:var(--color-grau1)} .component_navi_unternehmen a:focus,.component_navi_unternehmen a:hover{ opacity:.8} .component_navi_unternehmen a span{ display:inline-block; padding-right:25px; background-position:right center; background-repeat:no-repeat} .component_navi_unternehmen a.unternehmen_navi_500 span{ background-image:url(/images/icons/unternehmen/unternehmen_red.svg)} .component_navi_unternehmen a.unternehmen_navi_501 span{ background-image:url(/images/icons/unternehmen/karriere_red.svg)} .component_navi_unternehmen a.unternehmen_navi_502 span{ background-image:url(/images/icons/unternehmen/news_red.svg)} .component_navi_unternehmen a.unternehmen_navi_503 span{ background-image:url(/images/icons/unternehmen/downloads_red.svg); padding-right:20px} .component_navi_unternehmen a.unternehmen_navi_504 span{ background-image:url(/images/icons/unternehmen/kontakt_red.svg)} @media only screen and (max-width:1024px){ .component_navi_unternehmen{ display:none} } @media only print{ .component_navi_unternehmen{ display:none} } .component_top_right{ position:absolute; right:0; top:0} .component_top_right .button_mobile{ display:none} .component_top_right #languages_selection{ padding:5px 40px; display:flex} .component_top_right a{ font-size:14px; line-height:22px; text-decoration:none !important; display:inline-block; padding:0 5px 0 10px; border-left:1px solid var(--color-rot-mittel); margin-left:5px; text-transform:uppercase} .component_top_right a:first-child{ border-left:0; margin-left:0} .component_top_right a.active{ font-weight:bold} .component_top_right a:link,.component_top_right a:visited{ color:var(--color-weiss)} .component_top_right a:focus,.component_top_right a:hover{ opacity:.8} @media only screen and (max-width:1024px){ .component_top_right .button_mobile{ margin-right:10px; display:block; width:40px; height:60px; background:url(/images/icons/outline-language-24px.svg) no-repeat center; background-size:20px 20px} .component_top_right .button_mobile.active{ opacity:.8} .component_top_right #languages_selection{ display:none; padding:5px; position:absolute; top:100%; right:0; margin:5px 15px 0 0; white-space:nowrap; background-color:var(--color-rot-mittel); border-radius:4px 0 4px 4px} .component_top_right a:link,.component_top_right a:visited{ color:var(--color-weiss); border-left-color:var(--color-rot-hell)} } @media only screen and (max-width:480px){ .component_top_right #languages_selection{ padding:19px 10px} } @media only print{ .component_top_right{ display:none} } .component_top{ float:left} .component_top a{ display:block; padding:20px 40px} .component_top img{ display:block; height:32px} @media only screen and (max-width:1024px){ .component_top{ margin-left:60px; background-color:var(--color-rot-standard); border-top-left-radius:15px; width:calc(100% - 60px)} .component_top a{ padding:14px 20px} .component_top a img{ filter:brightness(100)} } @media only screen and (max-width:480px){ .component_top a{ padding:19px 20px} .component_top img{ height:22px} } @media only screen and (max-width:350px){ .component_top a{ padding:21px 20px} .component_top img{ height:18px} } @media only print{ .component_top a{ padding:14px 20px} } .component_top_navi ul{ list-style-type:none; margin:0; padding:0} .component_top_navi ul li{ padding:0; margin:0; display:inline-block} .component_top_navi ul.menue_table>li{ padding:0 10px} .component_top_navi a{ font-family:"SwitzerMedium",sans-serif; font-weight:normal; font-size:18px; line-height:28px; transition:color .2s} .component_top_navi a.menue:link,.component_top_navi a.menue:visited,.component_top_navi a.menue:hover,.component_top_navi a.menue:focus{ display:block; text-decoration:none !important} .component_top_navi a.menue:link,.component_top_navi a.menue:visited{ color:var(--color-weiss); opacity:.6} .component_top_navi a.menue:hover,.component_top_navi a.menue:focus,.component_top_navi a.menue.active{ opacity:1} #naviMobile{ display:none} .component_top_navi li .naviSecond{ display:none} .component_top_navi li.menue_mobile{ display:none} @media only screen and (min-width:1025px){ .component_top_navi{ position:relative; background-color:var(--color-rot-standard); border-top-left-radius:24px; margin-left:335px; padding:22px 22px 0 22px} .component_top_navi ul.menue_table>li{ margin:0; padding-bottom:22px} .component_top_navi li .naviSecond{ position:absolute; left:0; top:100%; z-index:2000; width:1224px; max-width:100%; -webkit-box-shadow:1px 1px 3px gray; -moz-box-shadow:1px 1px 3px gray; box-shadow:1px 1px 3px gray; background-color:#fff; max-height:350px; overflow-y:auto; border-radius:0 0 24px 24px} .component_top_navi li:hover .naviSecond{ display:block} .component_top_navi .naviSecondContainer{ display:flex; width:100%; min-height:304px} .component_top_navi .naviSecondLeft{ width:26%; padding:24px; box-sizing:border-box; background-color:var(--color-grau2); display:flex; flex-direction:column; justify-content:center} .component_top_navi .naviSecondLeft .naviSecondTitle{ font-size:18px; font-family:"Conthrax",sans-serif; line-height:1.2; letter-spacing:.36px; text-transform:uppercase} .component_top_navi .naviSecondLeft .naviSecondText{ padding-top:16px; font-family:SwitzerMedium,sans-serif} .component_top_navi .naviSecondRight{ padding:24px; box-sizing:border-box; width:74%; display:flex; flex-wrap:wrap; align-content:center} .component_top_navi li .naviSecondRight>li{ width:33.33%; margin:8px 0} .component_top_navi li .naviSecondRight>li a{ display:flex; align-items:center; padding:0; text-decoration:none} .component_top_navi li .naviSecondRight>li a .link_icon{ width:48px; height:48px; background-position:center; background-repeat:no-repeat; background-size:48px 48px; transition:background .1s; border-radius:8px} .component_top_navi li .naviSecondRight>li a .link_icon img{ display:block; width:48px; opacity:0; transition:opacity .1s} .component_top_navi li .naviSecondRight>li a .link_text{ padding-left:24px; font-size:18px; color:var(--color-schwarz); transition:color .1s} .component_top_navi li .naviSecondRight>li a:hover,.component_top_navi li .naviSecondRight>li a:hover .link_text,.component_top_navi li .naviSecondRight>li a.active,.component_top_navi li .naviSecondRight>li a.active .link_text{ color:var(--color-rot-standard)} .component_top_navi li .naviSecondRight>li a:hover .link_icon,.component_top_navi li .naviSecondRight>li a.active .link_icon{ background-image:none; background-color:var(--color-rot-standard)} .component_top_navi li .naviSecondRight>li a:hover .link_icon img,.component_top_navi li .naviSecondRight>li a.active .link_icon img{ opacity:1} } @media only screen and (min-width:1400px){ .component_top_navi{ background-color:var(--color-rot-standard); border-top-left-radius:24px; margin-left:350px; padding:22px 64px 0} .component_top_navi ul.menue_table>li{ margin:0 30px} } @media only screen and (max-width:1024px){ .component_top_navi{ padding:17px 0 0 20px !important} #naviMobile{ display:block; position:relative; width:35px; height:28px; cursor:pointer; z-index:11} #naviMobile::before,#naviMobile::after,#naviMobile>span::before{ content:""; border-bottom:2px solid var(--color-schwarz); position:absolute; left:0; width:22px} #naviMobile::before{ top:5px; transition-property:top,transform; transition-duration:.3s,.3s; transition-delay:.3s,0s} #naviMobile::after{ bottom:5px; transition-property:bottom,transform; transition-duration:.3s,.3s; transition-delay:.3s,0s} #naviMobile>span::before{ transition:opacity .3s} #naviMobile>span::before{ top:50%; margin-top:-1px} .NavOpened #naviMobile::before{ top:50%; transform:rotate(45deg); transition-delay:0s,.3s; width:20px; left:2px; border-bottom-color:var(--color-weiss)} .NavOpened #naviMobile::after{ bottom:calc(50% - 2px); transform:rotate(-45deg); transition-delay:0s,.3s; width:20px; left:2px; border-bottom-color:var(--color-weiss)} .NavOpened #naviMobile>span::before{ opacity:0} .component_top_navi ul.menue_table{ display:block; position:fixed; top:0; left:0; bottom:0; right:0; z-index:-1; padding-top:120px; background:rgba(75,95,115,.95); overflow:scroll; opacity:0; transition:.4s; transform:translateY(-100%)} .NavOpened .component_top_navi ul.menue_table{ transform:translateY(0); opacity:1} .component_top_navi ul li{ display:block; width:100%; text-align:center; position:relative; padding:0 !important} .component_top_navi li.menue_mobile{ display:block} .component_top_navi .naviSecondLeft,.component_top_navi .link_icon{ display:none} .component_top_navi a.menue:link,.component_top_navi a.menue:visited,.component_top_navi a.menue:hover,.component_top_navi a.menue:focus{ line-height:35px; font-size:22px; display:inline-block; margin-bottom:10px; opacity:1; text-transform:uppercase} .naviSecondButton{ padding-right:20px; position:relative} .naviSecondButton:after{ content:""; display:block; position:absolute; top:50%; right:0; width:8px; height:8px; border-right:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(45deg); margin:-6px 0 0 -7px; transition:.2s} .naviSecondButton.aktiv:after{ transform:rotate(225deg); margin-top:0} .naviSecond{ padding-bottom:30px} .component_top_navi a.navi_link:link,.component_top_navi a.navi_link:visited,.component_top_navi a.navi_link:hover,.component_top_navi a.navi_link:focus{ line-height:20px; font-size:14px; display:inline-block; margin-bottom:3px; opacity:1; color:var(--color-weiss); text-decoration:none} } @media only screen and (max-height:380px){ .component_top_navi ul.menue_table{ padding-top:20px} } @media only print{ .component_top_navi{ display:none} } .component_search{ position:absolute; right:45px; bottom:17px; background-color:var(--color-rot-standard)} .component_search #component_search{ white-space:nowrap; box-sizing:border-box; height:40px; border:1px solid var(--color-rot-mittel); border-radius:8px; padding:0 5px; display:flex; flex-flow:row-reverse; align-items:center} .component_search #search_start{ display:block; width:30px; height:30px; background:url(/images/icons/btn_search_gray.svg) no-repeat center transparent; background-size:16px 16px} .component_search #search_container{ display:block; width:75px; height:30px; overflow:hidden; box-sizing:border-box; transition:width .2s} .component_search #search_text{ display:block; background:transparent; border:0; height:30px; width:100%; box-sizing:border-box; padding:0 0 0 10px; color:var(--color-grau1); font-size:17px; line-height:26px; -webkit-appearance:none} .component_search input#search_text::-webkit-input-placeholder{ color:rgba(240,244,247,.8)} .component_search input#search_text::-moz-placeholder{ color:rgba(240,244,247,.8)} .component_search input#search_text::placeholder{ color:rgba(240,244,247,.8)} @media only screen and (max-width:1300px){ .component_search #search_container{ width:0} } @media only screen and (max-width:1024px){ .component_search{ right:50px; bottom:10px} .component_search #component_search{ border-width:0} .search_active .component_search #component_search{ border-width:1px} .component_search #search_start{ background-image:url(/images/icons/btn_search_white.svg)} .component_search #search_text{ color:var(--color-weiss)} } @media only print{ .component_search{ display:none} } .search_active #search_container{ width:200px} @media only screen and (max-width:380px){ .search_active #search_container{ width:150px} } .search_active #search_close_button{ display:block} .ui-menu.search_autocomplete .ui-menu-item-wrapper{ padding:2px 10px; border-top:1px solid #fff; background-color:var(--color-grau1); font-size:18px; line-height:26px} .ui-menu.search_autocomplete .ui-menu-item-wrapper.ui-state-active{ background-color:var(--color-grau2) !important} .component_path{ position:fixed; top:108px; left:335px; background:var(--color-schwarz1); padding:9px 24px; border-radius:0px 8px 8px 8px; color:var(--color-weiss); display:flex; font-size:14px; line-height:18px; gap:10px} .component_path a{ color:var(--color-weiss); opacity:.6; padding-right:20px; position:relative; margin-right:5px; text-decoration:none} .component_path a:after{ content:""; position:absolute; right:0; top:0; bottom:0; width:15px; background:url(/images/icons/btn_next_white.svg) no-repeat right center; background-size:10px 10px} .component_path a.path_active{ opacity:1; padding-right:0; margin-right:0} .component_path a.path_active:after{ display:none} .component_path a:hover{ opacity:.8} @media only screen and (min-width:1400px){ .component_path{ left:350px} } @media only screen and (max-width:1024px){ .component_path{ display:none} } @media only print{ .component_path{ display:none} } .component_context{ position:fixed; z-index:10; right:4px; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:4px; transition:.2s right} .component_context a.context_tel,.component_context .shareButton,.component_context .shareLinks>a,.component_context a.context_download{ display:block; width:52px; height:52px; box-sizing:border-box; border:1px solid var(--color-weiss); box-shadow:0px 4px 12px rgba(92,104,115,.2); border-radius:8px 8px 0px 8px; background-color:var(--color-rot-standard); background-position:center; background-repeat:no-repeat; transition:.2s background-color; cursor:pointer; background-size:17px 17px} .component_context a.context_tel:hover,.component_context .shareButton:hover,.component_context .shareLinks>a:hover,.component_context a.context_download:hover{ background-color:var(--color-rot-hell)} .component_context a.context_tel{ background-image:url(/images/icons/icon_tel.svg); background-size:17px 17px} .component_context .shareBox{ position:relative; z-index:10} .component_context .shareButton{ background-image:url(/images/icons/icon_teilen.svg); background-size:18px 18px} .component_context .shareLinks{ display:flex; flex-direction:row; gap:4px; position:absolute; right:100%; top:0; bottom:0; width:0; overflow:hidden; transition:width .2s,opacity .2s; white-space:nowrap; opacity:0} .component_context .shareBox.active .shareLinks{ width:224px; opacity:1} .component_context .shareLinkFb{ background:url(/images/icons/share/ico_share_fb.svg) center no-repeat transparent} .component_context .shareLinkTw{ background:url(/images/icons/share/ico_share_twitter.svg) center no-repeat transparent} .component_context .shareLinkPn{ background:url(/images/icons/share/ico_share_pint.svg) center no-repeat transparent} .component_context .shareLinkMail{ background:url(/images/icons/share/ico_share_mail.svg) center no-repeat transparent} .component_context a.context_download{ background-image:url(/images/icons/Download-Icon_weiss_01.svg); background-size:18px 18px} @media only screen and (max-width:1024px){ .component_context{ right:-60px} } @media only print{ .component_context{ display:none} } @media only screen and (max-width:1024px){ .scroll_up .component_context{ right:4px} } .component_footer_adresse{ padding:40px 40px 40px 80px} .component_footer_adresse .footer_adresse span{ display:block; font-size:18px; line-height:1.5; letter-spacing:.01em} .component_footer_adresse .footer_adresse .title{ padding:40px 0 8px; font-weight:bold; line-height:1.6; letter-spacing:.02em} .component_footer_adresse .footer_social{ padding-top:40px; display:flex} .component_footer_adresse .footer_social a{ margin-right:8px; width:36px; height:36px; background-position:center; background-repeat:no-repeat; transition:.2s opacity; opacity:1} .component_footer_adresse .footer_social a.social_youtube{ background-image:url(/images/icons/icon_footer_youtube_01.svg)} .component_footer_adresse .footer_social a.social_linkedin{ background-image:url(/images/icons/icon_footer_linkedin_01.svg)} .component_footer_adresse .footer_social a:hover{ opacity:.8} @media print{ .component_footer_adresse .footer_social{ display:none} } .component_footer_adresse .footer_pflichtnavi{ padding-top:40px; display:flex; flex-direction:column; align-items:baseline} .component_footer_adresse .footer_pflichtnavi a{ color:var(--color-grau3); padding:4px 12px 5px; margin-bottom:8px; border:1.5px solid var(--color-grau3); border-radius:4px; font-family:"SwitzerMedium",sans-serif; font-size:14px; line-height:21px; text-decoration:none; transition:.2s} .component_footer_adresse .footer_pflichtnavi a:hover{ color:var(--color-schwarz); border-color:var(--color-schwarz)} @media print{ .component_footer_adresse .footer_pflichtnavi{ display:none} } @media only screen and (max-width:1024px){ .component_footer_adresse{ padding:40px 20px; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-around} } @media only screen and (max-width:768px){ .component_footer_adresse{ justify-content:end; position:relative} .component_footer_adresse .footer_adresse{ width:70%} .component_footer_adresse .footer_social{ width:28.5%; order:2; padding-top:0; position:absolute; right:20px; bottom:40px} .component_footer_adresse .footer_pflichtnavi{ order:1; width:30%; padding-bottom:40px} } @media only screen and (max-width:380px){ .component_footer_adresse{ justify-content:normal; align-items:flex-start} .component_footer_adresse .footer_adresse{ width:100%} .component_footer_adresse .footer_social{ width:50%; position:static; padding-top:40px} .component_footer_adresse .footer_pflichtnavi{ width:50%; padding-bottom:0} } .component_footer_navi{ display:flex; flex-flow:row} .component_footer_navi .footer_navi_1,.component_footer_navi .footer_navi_1_2{ box-sizing:border-box; padding:80px 0 0 104px} .component_footer_navi .footer_navi_1 nav,.component_footer_navi .footer_navi_1_2 nav{ margin-bottom:40px; display:flex; flex-direction:column; align-items:baseline; break-inside:avoid} .component_footer_navi .footer_navi_1 a,.component_footer_navi .footer_navi_1_2 a{ color:var(--color-weiss); text-decoration:none} .component_footer_navi .footer_navi_1 a.level_1,.component_footer_navi .footer_navi_1_2 a.level_1{ font-family:"Conthrax",sans-serif; text-transform:uppercase; font-size:18px; line-height:1.2; letter-spacing:.02em; margin-bottom:16px} .component_footer_navi .footer_navi_1 a.level_2,.component_footer_navi .footer_navi_1_2 a.level_2{ font-size:18px; line-height:1.2; letter-spacing:.01em; margin-bottom:8px} .component_footer_navi .footer_navi_1 a:hover,.component_footer_navi .footer_navi_1 a.active,.component_footer_navi .footer_navi_1_2 a:hover,.component_footer_navi .footer_navi_1_2 a.active{ opacity:.8} @media only screen and (max-width:1300px){ .component_footer_navi .footer_navi_1,.component_footer_navi .footer_navi_1_2{ columns:1} } .component_footer_navi .footer_navi_2{ width:50%; max-width:370px; box-sizing:border-box; padding:80px 0 24px 56px} .component_footer_navi .footer_navi_2 a{ color:var(--color-weiss); text-decoration:none; display:inline-block} .component_footer_navi .footer_navi_2 a.level_0{ font-family:"Conthrax",sans-serif; text-transform:uppercase; font-size:18px; line-height:1.2; letter-spacing:.02em; display:block} .component_footer_navi .footer_navi_2 a.level_1{ font-family:"Conthrax",sans-serif; text-transform:uppercase; font-size:12px; line-height:1; letter-spacing:.01em; position:relative; z-index:1; margin:24px 24px 0 0; width:80px; height:80px; box-sizing:border-box; border:2px solid var(--color-grau1); border-radius:16px; background:var(--color-background-verlauf)} .component_footer_navi .footer_navi_2 a.level_1 span{ display:none; position:absolute; left:-2px; top:100%; margin-top:6px; padding:8px 16px; background:var(--color-rot-mittel); border-radius:0px 8px 8px 8px; box-shadow:0px 5px 16px rgba(38,58,77,.35); opacity:1; white-space:nowrap; transition:.2s opacity} .component_footer_navi .footer_navi_2 a.level_1:after{ content:""; position:absolute; z-index:2; left:0; right:0; bottom:0; top:0; background-position:center; background-repeat:no-repeat} .component_footer_navi .footer_navi_2 a.level_1.site_510:after{ background-image:url(/images/icons/loesungen/processing_white.svg)} .component_footer_navi .footer_navi_2 a.level_1.site_516:after{ background-image:url(/images/icons/loesungen/slicing_white.svg)} .component_footer_navi .footer_navi_2 a.level_1.site_517:after{ background-image:url(/images/icons/loesungen/portionierung_white.svg)} .component_footer_navi .footer_navi_2 a.level_1.site_518:after{ background-image:url(/images/icons/loesungen/packaging_white.svg)} .component_footer_navi .footer_navi_2 a.level_1.site_519:after{ background-image:url(/images/icons/loesungen/labeling_white.svg)} .component_footer_navi .footer_navi_2 a.level_1.site_520:after{ background-image:url(/images/icons/loesungen/inspektion_white.svg)} .component_footer_navi .footer_navi_2 a.level_1.site_521:after{ background-image:url(/images/icons/loesungen/end_of_line_white.svg)} .component_footer_navi .footer_navi_2 a.level_1.site_522:after{ background-image:url(/images/icons/loesungen/linienloesung_white.svg)} .component_footer_navi .footer_navi_2 a.level_1:before{ content:""; position:absolute; z-index:3; left:-2px; right:-2px; bottom:-2px; top:-2px; background-position:center; background-repeat:no-repeat; background-color:var(--color-grau1); border-radius:16px 16px 16px 0px; opacity:0; transition:.2s opacity} .component_footer_navi .footer_navi_2 a.level_1.site_510:before{ background-image:url(/images/icons/loesungen/processing_red.svg)} .component_footer_navi .footer_navi_2 a.level_1.site_516:before{ background-image:url(/images/icons/loesungen/slicing_red.svg)} .component_footer_navi .footer_navi_2 a.level_1.site_517:before{ background-image:url(/images/icons/loesungen/portionierung_red.svg)} .component_footer_navi .footer_navi_2 a.level_1.site_518:before{ background-image:url(/images/icons/loesungen/packaging_red.svg)} .component_footer_navi .footer_navi_2 a.level_1.site_519:before{ background-image:url(/images/icons/loesungen/labeling_red.svg)} .component_footer_navi .footer_navi_2 a.level_1.site_520:before{ background-image:url(/images/icons/loesungen/inspektion_red.svg)} .component_footer_navi .footer_navi_2 a.level_1.site_521:before{ background-image:url(/images/icons/loesungen/end_of_line_red.svg)} .component_footer_navi .footer_navi_2 a.level_1.site_522:before{ background-image:url(/images/icons/loesungen/linienloesung_red.svg)} @media only screen and (min-width:1025px){ .component_footer_navi .footer_navi_2 a.level_1{ margin-bottom:24px} .component_footer_navi .footer_navi_2 a.level_1 span{ display:block; opacity:0} .component_footer_navi .footer_navi_2 a.level_1:hover{ box-shadow:0px 5px 16px rgba(38,58,77,.35)} .component_footer_navi .footer_navi_2 a.level_1:hover span{ opacity:1} .component_footer_navi .footer_navi_2 a.level_1:hover:before{ opacity:1} } @media only screen and (max-width:1024px){ .component_footer_navi{ flex-wrap:wrap} .component_footer_navi .footer_navi_2{ width:auto; max-width:none; padding:40px 40px 40px 104px} } @media only screen and (max-width:768px){ .component_footer_navi{ flex-flow:column} .component_footer_navi .footer_navi_1,.component_footer_navi .footer_navi_1_2{ padding:40px 40px 0 40px; display:flex; flex-wrap:wrap; gap:20px} .component_footer_navi .footer_navi_1 nav,.component_footer_navi .footer_navi_1_2 nav{ margin-bottom:0} .component_footer_navi .footer_navi_2{ width:auto; max-width:none; padding:40px} } @media only print{ .component_footer_navi{ display:none} } .component_footer{ background-color:var(--color-rot-dunkel); padding:15px 0; display:flex; flex-flow:row; align-items:center; width:100%} .footer_copyright{ font-family:"SwitzerMedium",sans-serif; font-size:14px; line-height:1; color:var(--color-weiss); box-sizing:border-box; width:50%; padding-left:104px} .footer_pm{ padding:6px 12px; background-color:var(--color-rot-mittel); border-radius:8px; margin-left:56px} .footer_pm,.footer_pm *{ font-family:"SwitzerMedium",sans-serif; font-size:14px; line-height:1; color:var(--color-weiss)} @media print{ .footer_pm{ display:none} } #scrollTopButton{ width:60px; height:60px; background-color:var(--color-rot-mittel); position:fixed; right:10px; bottom:-60px; cursor:pointer; transition:.5s; box-sizing:border-box; border:1px solid #fff; z-index:100; border-radius:16px 0 16px 16px} #scrollTopButton.active{ transform:translateY(-70px); filter:drop-shadow(0px 5px 16px rgba(38, 58, 77, 0.35))} #scrollTopButton:after{ content:""; display:block; position:absolute; top:50%; left:50%; width:15px; height:15px; border-right:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(-135deg); margin:-4px 0 0 -7px} @media screen and (max-width:1024px){ .footer_navi_subsites{ -webkit-column-count:2; column-count:2; -webkit-column-gap:20px; column-gap:20px} body.scroll_down #scrollTopButton.active{ transform:translateY(-70px)} } @media screen and (max-width:768px){ .footer_copyright{ padding-left:40px} .footer_pm{ margin-right:40px} #scrollTopButton{ width:40px; height:40px} } @media screen and (max-width:360px){ #scrollTopButton.active{ transform:translateY(-125px)} body.scroll_down #scrollTopButton.active{ transform:translateY(-70px)} } @media only print{ #scrollTopButton{ display:none !important} } .teaser{ margin:0 auto; max-width:var(--content-max-width); box-sizing:border-box; padding:24px 0 0} .module_teaser .teaser{ padding:80px 20px 160px} @media only screen and (max-width:768px){ .module_teaser .teaser{ padding:40px 20px 80px} } .teaser .content_text{ margin-bottom:24px} .teaser ul.teaser_list{ list-style-type:none; margin:0; display:flex; flex-flow:row; flex-wrap:wrap; align-items:normal; align-content:normal; gap:24px} .teaser ul.teaser_list li{ margin:0; padding:0; width:288px; position:relative; transition:.2s} .teaser a.teaser_link,.teaser .content_overview_image,.teaser .content_overview_image img,.teaser .img_spacer{ display:block; max-width:100%; text-decoration:none; transition:.2s} .teaser .content_overview_image>*{ border-radius:16px 16px 0px 0px} .teaser .img_spacer{ padding-bottom:81.25%; background-color:var(--color-grau2)} .teaser .content_overview{ display:block; margin-top:4px; position:relative} .teaser .content_overview_title{ display:block; font-family:SwitzerMedium,sans-serif; background:rgba(75,95,115,.8); border-radius:0px 0px 16px 0px; font-size:18px; line-height:22px; letter-spacing:.02em; text-transform:uppercase; color:var(--color-weiss); padding:9px 16px} .teaser .content_overview_more{ position:relative; display:inline-block; margin-top:4px; background-color:var(--color-schwarz1); padding:7px 36px 7px 16px; border-radius:0px 8px 8px 8px; color:var(--color-weiss); font-size:18px; line-height:26px; transition:.2s; box-shadow:0px 5px 16px rgba(38,58,77,0)} .teaser .content_overview_more:after{ content:""; position:absolute; right:16px; top:0; bottom:0; width:15px; background:url(/images/icons/icon_link_white.svg) center no-repeat transparent} .teaser ul.teaser_list li:hover{ transform:translateY(-8px)} .teaser ul.teaser_list li:hover .content_overview_image{ filter:drop-shadow(0px 12px 16px rgba(164, 180, 195, 0.8))} .teaser ul.teaser_list li:hover .content_overview_title{ background:rgba(160,15,65,.8)} .teaser ul.teaser_list li:hover .content_overview_more{ background-color:var(--color-rot-mittel); box-shadow:0px 5px 16px rgba(38,58,77,.35)} @media only screen and (max-width:639px){ .teaser ul.teaser_list li{ width:calc(50% - 12px)} .teaser .content_overview_title{ font-size:16px} } .dark_hg .teaser .content_overview_title{ background:rgba(164,180,195,.8)} .content_component_16{ margin:0 auto; max-width:var(--content-max-width); padding:80px 20px 160px; box-sizing:border-box} @media only screen and (max-width:1024px){ .content_component_16{ padding:60px 20px 120px} } @media only screen and (max-width:768px){ .content_component_16{ padding:40px 20px 80px} } @font-face{ font-family:swiper-icons; src:url("data:application/font-woff; charset=utf-8; base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight:400; font-style:normal} :root{ --swiper-theme-color:#007aff} .swiper-container{ margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1} .swiper-container-vertical>.swiper-wrapper{ flex-direction:column} .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{ transform:translate3d(0px,0,0)} .swiper-container-multirow>.swiper-wrapper{ flex-wrap:wrap} .swiper-container-multirow-column>.swiper-wrapper{ flex-wrap:wrap; flex-direction:column} .swiper-container-free-mode>.swiper-wrapper{ transition-timing-function:ease-out; margin:0 auto} .swiper-slide{ flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform} .swiper-slide-invisible-blank{ visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{ height:auto} .swiper-container-autoheight .swiper-wrapper{ align-items:flex-start; transition-property:transform,height} .swiper-container-3d{ perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{ transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{ position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10} .swiper-container-3d .swiper-slide-shadow-left{ background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{ background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top{ background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{ background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-css-mode>.swiper-wrapper{ overflow:auto; scrollbar-width:none; -ms-overflow-style:none} .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{ display:none} .swiper-container-css-mode>.swiper-wrapper>.swiper-slide{ scroll-snap-align:start start} .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{ scroll-snap-type:x mandatory} .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{ scroll-snap-type:y mandatory} :root{ --swiper-navigation-size:44px} .swiper-button-next,.swiper-button-prev{ position:absolute; top:50%; width:calc(var(--swiper-navigation-size)/ 44 * 27); height:var(--swiper-navigation-size); margin-top:calc(-1 * var(--swiper-navigation-size)/ 2); z-index:10; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--swiper-navigation-color,var(--swiper-theme-color))} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{ opacity:.35; cursor:auto; pointer-events:none} .swiper-button-next:after,.swiper-button-prev:after{ font-family:swiper-icons; font-size:var(--swiper-navigation-size); text-transform:none!important; letter-spacing:0; text-transform:none; font-variant:initial} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{ left:10px; right:auto} .swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{ content:'prev'} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{ right:10px; left:auto} .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{ content:'next'} .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{ --swiper-navigation-color:#ffffff} .swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{ --swiper-navigation-color:#000000} .swiper-button-lock{ display:none} .swiper-pagination{ position:absolute; text-align:center; transition:.3s opacity; transform:translate3d(0,0,0); z-index:10} .swiper-pagination.swiper-pagination-hidden{ opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{ bottom:10px; left:0; width:100%} .swiper-pagination-bullets-dynamic{ overflow:hidden; font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transform:scale(.33); position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{ transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{ transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{ transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{ transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{ transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{ transform:scale(.33)} .swiper-pagination-bullet{ width:8px; height:8px; display:inline-block; border-radius:100%; background:#000; opacity:.2} button.swiper-pagination-bullet{ border:none; margin:0; padding:0; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{ cursor:pointer} .swiper-pagination-bullet-active{ opacity:1; background:var(--swiper-pagination-color,var(--swiper-theme-color))} .swiper-container-vertical>.swiper-pagination-bullets{ right:10px; top:50%; transform:translate3d(0px,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:6px 0; display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ top:50%; transform:translateY(-50%); width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ display:inline-block; transition:.2s transform,.2s top} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ left:50%; transform:translateX(-50%); white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transition:.2s transform,.2s left} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transition:.2s transform,.2s right} .swiper-pagination-progressbar{ background:rgba(0,0,0,.25); position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:var(--swiper-pagination-color,var(--swiper-theme-color)); position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(0); transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ width:100%; height:4px; left:0; top:0} .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{ width:4px; height:100%; left:0; top:0} .swiper-pagination-white{ --swiper-pagination-color:#ffffff} .swiper-pagination-black{ --swiper-pagination-color:#000000} .swiper-pagination-lock{ display:none} .swiper-scrollbar{ border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar{ position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98%} .swiper-container-vertical>.swiper-scrollbar{ position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98%} .swiper-scrollbar-drag{ height:100%; width:100%; position:relative; background:rgba(0,0,0,.5); border-radius:10px; left:0; top:0} .swiper-scrollbar-cursor-drag{ cursor:move} .swiper-scrollbar-lock{ display:none} .swiper-zoom-container{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{ max-width:100%; max-height:100%; object-fit:contain} .swiper-slide-zoomed{ cursor:move} .swiper-lazy-preloader{ width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; transform-origin:50%; animation:swiper-preloader-spin 1s infinite linear; box-sizing:border-box; border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius:50%; border-top-color:transparent} .swiper-lazy-preloader-white{ --swiper-preloader-color:#fff} .swiper-lazy-preloader-black{ --swiper-preloader-color:#000} @keyframes swiper-preloader-spin{ 100%{ transform:rotate(360deg)} } .swiper-container .swiper-notification{ position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide{ transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{ pointer-events:none; transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-cube{ overflow:visible} .swiper-container-cube .swiper-slide{ pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; transform-origin:0 0; width:100%; height:100%} .swiper-container-cube .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide{ transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{ pointer-events:auto; visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{ z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{ position:absolute; left:0; bottom:0px; width:100%; height:100%; background:#000; opacity:.6; -webkit-filter:blur(50px); filter:blur(50px); z-index:0} .swiper-container-flip{ overflow:visible} .swiper-container-flip .swiper-slide{ pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1} .swiper-container-flip .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{ z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden} .swiper-container{ width:100%} .swiper_buttons{ display:flex; flex-flow:row; margin-top:4px} .swiper_buttons .swiper-button-prev,.swiper_buttons .slide_prev,.swiper_buttons .swiper-button-next,.swiper_buttons .slide_next{ cursor:pointer; position:static; width:40px; height:40px; background-color:var(--color-schwarz); background-repeat:no-repeat; background-position:center; margin:0} .swiper_buttons .swiper-button-prev:after,.swiper_buttons .slide_prev:after,.swiper_buttons .swiper-button-next:after,.swiper_buttons .slide_next:after{ display:none} .swiper_buttons .swiper-button-prev:hover,.swiper_buttons .slide_prev:hover,.swiper_buttons .swiper-button-next:hover,.swiper_buttons .slide_next:hover{ opacity:.8} .swiper_buttons .swiper-button-prev,.swiper_buttons .slide_prev{ border-radius:0px 0px 0px 8px; margin-right:4px; background-image:url(/images/icons/btn_prev_white.svg)} .swiper_buttons .swiper-button-next,.swiper_buttons .slide_next{ border-radius:0px 8px 8px 0px; margin-left:4px; background-image:url(/images/icons/btn_next_white.svg)} .swiper_buttons .swiper-pagination{ min-width:100px; position:static; height:40px; padding:0 24px; background-color:var(--color-schwarz1); display:flex; flex-flow:row; flex-wrap:nowrap; align-items:center; justify-content:center; gap:4px} .swiper_buttons .swiper-pagination .swiper-pagination-bullet{ width:inherit; flex-grow:1; height:4px; border-radius:2px; background:var(--color-schwarz); position:relative; opacity:1; margin:0} .swiper_buttons .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:var(--color-weiss)} .swiper_buttons .swiper-pagination .swiper-pagination-bullet:before,.swiper_buttons .swiper-pagination .swiper-pagination-bullet:after{ content:""; position:absolute; left:0; right:0; height:15px} .swiper_buttons .swiper-pagination .swiper-pagination-bullet:before{ bottom:100%} .swiper_buttons .swiper-pagination .swiper-pagination-bullet:after{ top:90%} .swiper_buttons .swiper-pagination .swiper-pagination-bullet:hover{ opacity:.8} @media screen and (max-width:768px){ .swiper_buttons .swiper-pagination .swiper-pagination-bullet{ width:20px} } .dark_hg .swiper_buttons .swiper-button-prev,.dark_hg .swiper_buttons .slide_prev,.dark_hg .swiper_buttons .swiper-button-next,.dark_hg .swiper_buttons .slide_next{ background-color:var(--color-grau3)} .dark_hg .swiper_buttons .swiper-pagination{ background-color:var(--color-grau2)} .dark_hg .swiper_buttons .swiper-pagination .swiper-pagination-bullet{ background:var(--color-grau3)} .dark_hg .swiper_buttons .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:var(--color-rot-mittel)} @media only print{ .swiper-wrapper{ flex-wrap:wrap; transform:none !important; height:auto !important} .swiper_buttons{ display:none !important} .swiper-slide{ width:100% !important; height:auto !important; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid} } .printview .swiper-wrapper{ flex-wrap:wrap; transform:none !important; height:auto !important} .printview .swiper_buttons{ display:none !important} .printview .swiper-slide{ width:100% !important; height:auto !important; -webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid} .content_component_31 .template_headlines{ margin:0 auto; max-width:var(--content-max-width); padding:80px 20px 0; box-sizing:border-box; position:relative; z-index:11} .component_pim_productslider{ padding:50px 0 78px} .component_pim_productslider ul.swiper-wrapper{ list-style-type:none; margin:0; padding:0} .component_pim_productslider li.swiper-slide{ width:100%; max-width:392px; margin:0; padding:10px 0 20px 0} .component_pim_productslider a.product_link{ display:block; filter:drop-shadow(0px 5px 6px rgba(38, 58, 77, 0))} .component_pim_productslider .product_link_image{ display:block; padding-bottom:100%; background-position:center; background-repeat:no-repeat; background-size:cover; border:1.5px solid var(--color-grau2); border-radius:16px 16px 16px 0px; margin-bottom:4px} .component_pim_productslider .product_link_maschinentypnr{ padding:15px 24px; width:288px; box-sizing:border-box; margin-right:4px; color:var(--color-weiss); display:inline-block; background-color:var(--color-grau3); border-radius:0px 0px 0px 8px; font-family:"Conthrax", sans-serif; font-size:22px; line-height:26px; letter-spacing:-0.01em; text-transform:uppercase; vertical-align:top; transition:.2s background-color} .component_pim_productslider .product_link_maschinenkategorie{ display:inline-block; width:56px; height:56px; border-radius:0px 8px 8px 0px; background:var(--color-schwarz1); background-position:center; background-repeat:no-repeat; background-size:26px 26px; vertical-align:top; transition:.2s background-color} .component_pim_productslider a.product_link:hover{ filter:drop-shadow(0px 5px 6px rgba(38, 58, 77, 0.35))} .component_pim_productslider a.product_link:hover .product_link_maschinentypnr{ background-color:var(--color-rot-standard)} .component_pim_productslider a.product_link:hover .product_link_maschinenkategorie{ background-color:var(--color-rot-standard)} .component_pim_productslider .swiper_buttons{ margin:0 auto; max-width:var(--content-max-width); justify-content:space-between; position:relative; z-index:12} .component_pim_productslider .swiper_buttons .slide_prev, .component_pim_productslider .swiper_buttons .slide_next{ margin-top:-22px; margin-right:4px; margin-left:4px} .component_pim_productslider .swiper-pagination-bullets{ position:relative; z-index:12; margin:0 auto; max-width:var(--content-max-width); padding:58px 50px 0; box-sizing:border-box; display:flex; flex-flow:row; flex-wrap:nowrap; align-items:center; justify-content:center; gap:4px} .component_pim_productslider .swiper-pagination-bullets .swiper-pagination-bullet{ width:inherit; flex-grow:1; height:4px; border-radius:2px; background:var(--color-grau3); position:relative; opacity:1; margin:0} .component_pim_productslider .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:var(--color-rot-mittel)} .component_pim_productslider .swiper-pagination-bullets .swiper-pagination-bullet:before, .component_pim_productslider .swiper-pagination-bullets .swiper-pagination-bullet:after{ content:""; position:absolute; left:0; right:0; height:15px} .component_pim_productslider .swiper-pagination-bullets .swiper-pagination-bullet:before{ bottom:100%} .component_pim_productslider .swiper-pagination-bullets .swiper-pagination-bullet:after{ top:90%} .component_pim_productslider .swiper-pagination-bullets .swiper-pagination-bullet:hover{ opacity:.8} @media screen and (max-width:768px){ .component_pim_productslider .swiper-pagination-bullets .swiper-pagination-bullet{ width:40px} } .component_pim_productslider:before{ content:""; position:absolute; z-index:10; left:0; top:0; bottom:0; width:25%; background:linear-gradient(270deg, rgba(235, 240, 244, 0) 0%, #EBF0F4 100%)} .component_pim_productslider:after{ content:""; position:absolute; z-index:10; right:0; top:0; bottom:0; width:25%; background:linear-gradient(270deg, #EBF0F4 0%, rgba(235, 240, 244, 0) 100%)} @media screen and (max-width:1300px){ .component_pim_productslider li.swiper-slide{ width:300px} .component_pim_productslider .product_link_maschinentypnr{ width:256px; padding:7px 14px; font-size:18px} .component_pim_productslider .product_link_maschinenkategorie{ width:40px; height:40px; background-size:16px 16px} .component_pim_productslider .swiper-pagination-bullets{ padding:18px 50px 0} } .content_component_24 .template_headlines{ margin:0 auto; max-width:var(--content-max-width); padding:60px 20px 0; box-sizing:border-box} .component_pim_products_overview{ margin:0 auto; padding:60px 0 160px; box-sizing:border-box} .component_pim_products_overview .products_filter_box{ margin:0 auto 40px; max-width:var(--content-max-width); padding:70px 80px; box-sizing:border-box; background-color:var(--color-schwarz); border-radius:0px 16px 16px 16px; color:var(--color-weiss)} @media screen and (max-width:1300px){ .component_pim_products_overview .products_filter_box{ margin:0 24px 40px} } @media screen and (max-width:639px){ .component_pim_products_overview .products_filter_box{ padding:40px 24px} } .component_pim_products_overview .products_filter_box .filter_title{ display:block; margin-bottom:24px} .component_pim_products_overview .products_filter_box .filter_box_button{ display:none} .component_pim_products_overview .products_filter_box .filter_box_attributes{ display:block; position:relative} .component_pim_products_overview .products_filter_box .filter_box_button_remove_filter{ background:var(--color-grau3); border-radius:6px 6px 0px 6px; position:absolute; right:3px; top:3px; padding:5px 35px 5px 5px; cursor:pointer; display:none; line-height:44px; z-index:1} .component_pim_products_overview .products_filter_box .filter_box_button_remove_filter:after{ content:""; position:absolute; right:0; top:0; bottom:0; width:30px; height:100%; background:url(/images/icons/ionic-ios-close-circle.svg) no-repeat center transparent; background-size:20px} .component_pim_products_overview .products_filter_box .filter_title .content_headline5{ color:var(--color-grau3); text-transform:uppercase} .component_pim_products_overview .products_filter_box .filter_attribute_freitext{ display:block; position:relative} .component_pim_products_overview .products_filter_box .filter_attribute_freitext .feld{ background:var(--color-grau2); border-radius:8px 8px 0px 0px} .component_pim_products_overview .products_filter_box .filter_wrapper_attributes_singleselect{ margin:4px 4px 0 0; display:inline-block} .component_pim_products_overview .products_filter_box .filter_wrapper_attributes_multiselect{ margin-top:12px; display:flex} .component_pim_products_overview .products_filter_box .filter_wrapper_attributes_multiselect .filter_wrapper_title{ font-family:SwitzerMedium,sans-serif; text-transform:uppercase; font-size:14px; line-height:22px; padding:7px 16px 7px 0} .component_pim_products_overview .products_filter_box .filter_wrapper_attributes_multiselect .filter_wrapper_contents{ display:flex; flex-wrap:wrap; gap:8px} .component_pim_products_overview .products_filter_box .filter_wrapper_attributes_multiselect label.checkbox{ display:inline-block; font-family:SwitzerMedium,sans-serif; text-transform:uppercase; font-size:14px; line-height:22px; padding:10px 10px 10px 35px; z-index:1} .component_pim_products_overview .products_filter_box .filter_wrapper_attributes_multiselect label.checkbox .checkmark{ border-color:var(--color-grau3); top:23px; left:9px; z-index:1} .component_pim_products_overview .products_filter_box .filter_wrapper_attributes_multiselect label.checkbox .checkmark:after{ background-image:url(/images/icons/ico_check_white.svg)} .component_pim_products_overview .products_filter_box .filter_wrapper_attributes_multiselect label.checkbox .checkmark2{ position:absolute; border:1px solid var(--color-grau3); border-radius:6px 0px 6px 6px; left:0; right:0; top:0; bottom:0; z-index:-1} .component_pim_products_overview .products_filter_box .filter_wrapper_attributes_multiselect label.checkbox input[type=checkbox]:checked~.checkmark{ background-color:transparent} .component_pim_products_overview .products_filter_box .filter_wrapper_attributes_multiselect label.checkbox input[type=checkbox]:checked~.checkmark2{ border-color:var(--color-rot-mittel); background-color:var(--color-rot-mittel)} .component_pim_products_overview .products_filter_box .filter_wrapper_attributes_multiselect label.checkbox:hover .checkmark2{ border-color:var(--color-weiss)} .component_pim_products_overview .products_filter_box .filter_wrapper_attributes_multiselect label.checkbox:hover input[type=checkbox]~.checkmark,.component_pim_products_overview .products_filter_box .filter_wrapper_attributes_multiselect label.checkbox input[type=checkbox]:focus~.checkmark{ border-color:var(--color-weiss); background-color:transparent} .component_pim_products_overview .products_filter_box .ui-button{ background:var(--color-grau3); border-radius:0px 6px 6px 6px} .component_pim_products_overview .products_filter_box .ui-button.active{ background-color:var(--color-rot-mittel); box-shadow:0px 5px 16px rgba(38,58,77,.35)} .component_pim_products_overview .products_filter_box .ui-selectmenu-text{ color:var(--color-weiss); border-right:0; font-family:SwitzerMedium,sans-serif; text-transform:uppercase; font-size:14px; line-height:20px; padding:7px 16px} .component_pim_products_overview .products_filter_box .ui-selectmenu-icon.ui-icon{ border-color:var(--color-weiss); margin-top:12px} .component_pim_products_overview .filter_attributes_ergebnisse{ display:block; margin:0 auto 40px; max-width:var(--content-max-width); padding:0 48px; box-sizing:border-box; font-family:Switzer,sans-serif} .component_pim_products_overview .pim_products_container{ margin:0 auto; max-width:var(--content-max-width); padding:0 20px; box-sizing:border-box} .component_pim_products_overview .products{ margin:0; display:flex; flex-flow:row; flex-wrap:wrap; align-items:normal; align-content:normal; justify-content:left; gap:24px} @media screen and (max-width:1024px){ .component_pim_products_overview .products{ justify-content:center} } .component_pim_products_overview .product_link{ margin:0; padding:0 0 16px 0; width:288px; transition:.2s} .component_pim_products_overview .product_link>a{ text-decoration:none; display:block; position:relative} .component_pim_products_overview .product_link.hidden,.component_pim_products_overview .product_link.attribute_hidden,.component_pim_products_overview .product_link.attribute_multiselect_hidden{ display:none !important} .component_pim_products_overview .product_link_image{ display:block; position:relative; border-radius:0px 16px 0px 0px; overflow:hidden; background:linear-gradient(0deg, rgba(75, 95, 115, 0.6), rgba(75, 95, 115, 0.6)); background-position:center !important; background-repeat:no-repeat !important; background-size:cover !important} .component_pim_products_overview .product_link_image img{ display:block; width:100%; opacity:0; transition:.2s opacity; position:relative; z-index:1} .component_pim_products_overview .product_link_image:after{ content:""; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; background:rgba(75,95,115,.01); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); transition:.2s opacity; opacity:1} .component_pim_products_overview .product_link_maschinentypnr{ position:absolute; left:0; right:0; bottom:0; z-index:3; padding:8px 20px; background:rgba(75,95,115,.8); color:var(--color-grau1); font-family:SwitzerMedium,sans-serif; font-size:18px; line-height:24px; transition:.2s background-color} .component_pim_products_overview .product_link_hersteller{ display:block; margin:4px 48px 0 0; padding:11px 20px; background-color:var(--color-schwarz1); color:var(--color-grau1); font-family:SwitzerMedium,sans-serif; font-size:14px; line-height:18px; border-radius:0px 0px 0 16px; transition:.2s background-color} .component_pim_products_overview .product_link_maschinenkategorie{ position:absolute; right:0; bottom:0; width:44px; height:40px; border-radius:0px 0px 16px 0; background-color:var(--color-schwarz1); background-position:center; background-repeat:no-repeat; background-size:20px 20px; transition:.2s background-color} .component_pim_products_overview .product_link:hover{ transform:translateY(-8px)} .component_pim_products_overview .product_link:hover .product_link_image{ box-shadow:0px 0px 16px rgba(164,180,195,.8)} .component_pim_products_overview .product_link:hover .product_link_image:after{ opacity:0} .component_pim_products_overview .product_link:hover img{ opacity:1} .component_pim_products_overview .product_link:hover .product_link_maschinentypnr{ background:rgba(160,15,65,.6)} .component_pim_products_overview .product_link:hover .product_link_hersteller,.component_pim_products_overview .product_link:hover .product_link_maschinenkategorie{ background-color:var(--color-rot-mittel); box-shadow:0px 5px 16px rgba(164,180,195,.8)} .component_pim_products_overview .pim_products_container .products .product_link:nth-child(n+5){ display:none} .component_pim_products_overview .pim_products_container.show_all .products .product_link:nth-child(n+5){ display:block} .component_pim_products_overview .pim_products_container.show_all .products_buttons{ display:none} .component_pim_products_overview .pim_products_container .products_visible_count:before{ content:"4"} .component_pim_products_overview .pim_products_container .products_buttons[data-count-products="1"],.component_pim_products_overview .pim_products_container .products_buttons[data-count-products="2"],.component_pim_products_overview .pim_products_container .products_buttons[data-count-products="3"],.component_pim_products_overview .pim_products_container .products_buttons[data-count-products="4"]{ display:none} .component_pim_products_overview .products_buttons{ text-align:center; padding:40px 0} .component_pim_products_overview .products_buttons .button{ cursor:pointer; padding:7px 45px 7px 32px; background:var(--color-grau3); border-radius:0px 16px 16px 16px; color:var(--color-weiss); position:relative; font-size:18px; line-height:26px} .component_pim_products_overview .products_buttons .button:before{ content:""; position:absolute; right:26px; top:14px; height:15px; border-right:1px solid var(--color-weiss)} .component_pim_products_overview .products_buttons .button:after{ content:""; position:absolute; right:19px; top:21px; width:15px; border-bottom:1px solid var(--color-weiss)} .ui-selectmenu-menu.pim_filter_box_attributes_ui-selectmenu-menu .ui-menu{ color:var(--color-schwarz)} .ui-selectmenu-menu.pim_filter_box_attributes_ui-selectmenu-menu .ui-menu .ui-menu-item{ color:var(--color-schwarz) !important} .ui-selectmenu-menu.pim_filter_box_attributes_ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-active{ background-color:var(--color-grau1); color:var(--color-schwarz) !important}