.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} }