.component_top_navi{ padding:30px 0 0 40px} .component_top_navi ul{ list-style-type:none; margin:0; padding:0} .component_top_navi ul li{ padding:0; margin:0; display:inline-block} #naviMobile{ display:none} .component_top_navi li .naviSecond,.component_top_navi li .naviThird{ display:none} @media only screen and (min-width:1025px){ .component_top_navi{ transition:padding-top .2s} .scroll_down .component_top_navi{ padding-top:16px} .component_top_navi ul.menue_table>li{ padding:0 10px; position:relative} .component_top_navi a{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif; font-weight:normal; font-size:14px; line-height:18px; transition:color .2s,border-bottom-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; margin:0 10px; position:relative} .component_top_navi a.menue:link,.component_top_navi a.menue:visited{ color:var(--color-marine-blau)} .component_top_navi a.menue:hover,.component_top_navi a.menue:focus,.component_top_navi a.menue.active{ color:var(--color-hebel-blau)} .component_top_navi a.menue:after{ content:""; display:block; position:absolute; left:0; width:0; border-bottom:4px solid var(--color-hebel-blau); transition:width .2s} .component_top_navi a.menue:hover:after,.component_top_navi a.menue:focus:after,.component_top_navi a.menue.active:after{ width:100%} .component_top_navi li:hover>a.menue,.component_top_navi a.menue.active{ border-bottom-color:var(--color-hebel-blau)} } @media only screen and (max-width:1300px){ .component_top_navi{ padding:24px 0 0 20px} } @media only screen and (max-width:1024px){ .component_top_navi{ padding:13px 0 0 20px} #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-marine-blau); 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} .NavOpened #naviMobile::after{ bottom:calc(50% - 2px); transform:rotate(-45deg); transition-delay:0s,.3s; width:20px; left:2px} .NavOpened #naviMobile>span::before{ opacity:0} .component_top_navi .menue_table_container{ position:fixed; top:50px; left:0; bottom:0; right:0; z-index:-1; padding-top:40px; background-color:rgba(255,255,255,.95); overflow:scroll; opacity:0; transition:.4s; transform:translateY(-100%)} .NavOpened .component_top_navi .menue_table_container{ transform:translateY(0); opacity:1} .component_top_navi ul.menue_table{ display:block; width:100%; max-width:400px; margin:0 auto; box-sizing:border-box; padding:0 20px} .component_top_navi ul li{ display:block; width:100%; text-align:left; position:relative; padding:0 !important} .component_top_navi ul.menue_table a.menue{ display:block; font-family:JagerlayBlack,Arial,sans-serif; font-size:18px; line-height:26px; color:var(--color-hebel-blau); cursor:pointer; padding:10px 30px 13px 15px; position:relative; box-sizing:border-box; border-top:1px solid var(--color-hebel-gelb); z-index:2; margin:0} .component_top_navi ul.menue_table a.menue:before{ content:""; position:absolute; top:0; left:0; width:100px; border-bottom:2px solid var(--color-hebel-gelb)} .component_top_navi ul.menue_table a.menue.naviSecondButton:after{ content:""; position:absolute; top:50%; right:2px; margin-top:-10px; width:20px; height:20px; background:url(/images/icons/arrow_hebel_blau.svg) no-repeat center transparent; background-size:10px 10px; transition:.2s; transform:rotate(0)} .component_top_navi ul.menue_table a.menue.naviSecondButton.aktiv{ border-bottom:1px solid var(--color-hebel-gelb)} .component_top_navi ul.menue_table a.menue.naviSecondButton.aktiv:after{ transform:rotate(180deg)} .component_top_navi ul.menue_table a.menue.active{ background-color:var(--color-hebel-blau); color:var(--color-white)} .component_top_navi ul.menue_table a.menue.active.naviSecondButton:after{ background-image:url(/images/icons/arrow_hebel_white.svg); transform:rotate(-90deg)} .component_top_navi ul.menue_table a.menue.active.naviSecondButton.aktiv:after{ transform:rotate(90deg)} .component_top_navi ul.menue_table>li:last-child{ position:relative} .component_top_navi ul.menue_table>li:last-child:before{ content:""; position:absolute; bottom:-2px; left:0; width:100px; border-bottom:2px solid var(--color-hebel-gelb)} .component_top_navi ul.menue_table>li:last-child a.menue{ border-bottom:1px solid var(--color-hebel-gelb)} .component_top_navi .naviSecond{ margin-left:15px} .component_top_navi .naviSecond a.navi_link{ display:block; font-family:HelveticaNowText,Helvetica,Arial,sans-serif; font-size:16px; line-height:22px; color:var(--color-hebel-blau); cursor:pointer; padding:9px 0 9px 30px; position:relative; box-sizing:border-box; z-index:1; margin:0} .component_top_navi .naviSecond a.navi_link.naviThirdButton:after{ content:""; position:absolute; top:50%; left:0; margin-top:-10px; width:20px; height:20px; background:url(/images/icons/arrow_hebel_blau.svg) no-repeat center transparent; background-size:10px 10px; transition:.2s; transform:rotate(0)} .component_top_navi .naviSecond a.navi_link.naviThirdButton.aktiv{ border-bottom:1px solid var(--color-hebel-gelb)} .component_top_navi .naviSecond a.navi_link.naviThirdButton.aktiv:after{ background-image:url(/images/icons/arrow_hebel_white.svg); transform:rotate(180deg)} .component_top_navi .naviSecond a.navi_link.active{ background-color:var(--color-hebel-blau); color:var(--color-white)} .component_top_navi .naviSecond a.navi_link.active.naviThirdButton:after{ background-image:url(/images/icons/arrow_hebel_white.svg); transform:rotate(-90deg)} .component_top_navi .naviSecond a.navi_link.active.naviThirdButton.aktiv:after{ transform:rotate(90deg)} .component_top_navi .naviThird{ margin-left:30px} .component_top_navi .naviThird a.navi_link2{ display:block; font-family:HelveticaNowTextXLight,Helvetica,Arial,sans-serif; font-size:16px; line-height:22px; color:var(--color-hebel-blau); cursor:pointer; padding:9px 0 9px 15px; position:relative; box-sizing:border-box; z-index:1; margin:0} .component_top_navi .naviThird a.navi_link2.active{ background-color:var(--color-hebel-blau); color:var(--color-white)} } @media only screen and (max-height:380px){ .component_top_navi ul.menue_table{ padding-top:20px} } .component_top{ position:absolute; right:0; top:0; bottom:0; z-index:1} .component_top a{ display:block; padding:20px 60px} .component_top img{ display:block; height:45px} @media only screen and (max-width:1300px){ .component_top a{ padding:15px 40px} .component_top img{ height:40px} } @media only screen and (max-width:1024px){ .component_top a{ padding:10px 20px} .component_top img{ height:30px} } @media only screen and (min-width:1025px){ .component_top a{ transition:padding-top .2s,padding-bottom .2s} .component_top img{ transition:height .2s} .scroll_down .component_top a{ padding-top:12px; padding-bottom:12px} .scroll_down .component_top img{ height:36px} } .component_sub_navi{ display:none} @media only screen and (min-width:1025px){ .sub_navi_container{ position:fixed; top:70px; left:0; right:0; transition:top .2s; z-index:3} .scroll_down .sub_navi_container{ top:60px} .sub_navi_inner{ width:100%; max-width:1600px; margin:0 auto; height:100%; position:relative; background-color:var(--color-hebel-blau)} .component_sub_navi{ display:block; height:40px} .component_sub_navi ul{ margin:0; padding:0} .component_sub_navi ul li{ padding:0 0 0 60px; margin:0; display:inline-block} .component_sub_navi a.sub_navi_link{ display:block; position:relative} .component_sub_navi a.sub_navi_link,.component_sub_navi a.sub_navi_link:link,.component_sub_navi a.sub_navi_link:visited,.component_sub_navi a.sub_navi_link:hover{ font-family:HelveticaNowTextRegular,Helvetica,Arial,sans-serif; font-size:14px; line-height:40px; color:var(--color-white)} .component_sub_navi a.sub_navi_link:after{ content:""; display:block; position:absolute; left:0; bottom:0; width:0; border-bottom:4px solid var(--color-hebel-gelb); transition:width .2s} .component_sub_navi a.sub_navi_link:hover:after,.component_sub_navi a.sub_navi_link:focus:after,.component_sub_navi a.sub_navi_link.active:after{ width:100%} } @media only screen and (min-width:1301px){ .sub_navi_container{ top:90px} } @media only screen and (max-width:1300px){ .component_sub_navi ul li{ padding-left:40px} } @font-face{ font-family:swiper-icons; src:url("data:application/font-woff; charset=utf-8; base64, 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") 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 .swiper-notification{ display:none} .swiper-container .swiper-wrapper{ align-items:stretch} .swiper-container .swiper-wrapper,.swiper-container .swiper-wrapper .swiper-slide{ margin:0; padding:0; list-style-type:none} .swiper-container .swiper-slide{ height:auto} .swiper-container .slideEntryImage{ display:block; width:100%} .swiper-container .skew_corner_hg{ background-color:rgba(20,80,130,.85); padding:60px 70px 60px 30px} .swiper-container .skew_corner_hg:before{ content:""; position:absolute; left:100%; top:0; bottom:50px; width:30px; background-color:rgba(20,80,130,.85)} .swiper-container .skew_corner_hg:after{ content:""; position:absolute; left:100%; bottom:0; border-left:15px solid rgba(20,80,130,.85); border-top:25px solid rgba(20,80,130,.85); border-right:15px solid transparent; border-bottom:25px solid transparent} .swiper-container .swiperButtonsBox{ position:absolute; z-index:2; white-space:nowrap; height:20px} .swiper-container .swiperButtonsBox .slide_prev,.swiper-container .swiperButtonsBox .slide_next{ display:inline-block; background:url(/images/icons/arrow_hebel_blau.svg) no-repeat center; width:20px; height:20px; opacity:.6; cursor:pointer} .swiper-container .swiperButtonsBox .slide_prev{ transform:rotate(90deg)} .swiper-container .swiperButtonsBox .slide_next{ transform:rotate(-90deg)} .swiper-container .swiperButtonsBox .slide_prev.swiper-button-disabled,.swiper-container .swiperButtonsBox .slide_next.swiper-button-disabled{ visibility:hidden} .swiper-container .swiper-pagination{ position:static; margin:0 20px; display:inline-block; vertical-align:top} .swiper-container .swiper-pagination .swiper-pagination-bullet{ width:12px; height:20px; border-radius:0; margin:0 5px; opacity:.5; background-color:#145082; transform:skewX(-45deg)} .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1; background-color:#ebdc00} @media only screen and (max-width:1300px){ .swiper-container .skew_corner_hg{ padding:40px 50px 40px 30px} } @media only screen and (max-width:1024px){ .swiper-container .skew_corner_hg{ padding:30px 20px} } @media only screen and (max-width:480px){ .swiper-container .skew_corner_hg{ padding:20px 10px} } .component_topbildslider_referenzen_leuchtturm{ min-width:320px; box-sizing:border-box; padding:0} .component_topbildslider_referenzen_leuchtturm .sliderContainerReferenzen{ padding:0} .component_topbildslider_referenzen_leuchtturm .swiperButtonsBox{ left:60px; bottom:50px} .component_topbildslider_referenzen_leuchtturm .swiper-container .swiperButtonsBox .slide_prev,.component_topbildslider_referenzen_leuchtturm .swiper-container .swiperButtonsBox .slide_next{ background-image:url(/images/icons/arrow_hebel_white.svg); transform:rotate(0)} .component_topbildslider_referenzen_leuchtturm .swiper-container .swiperButtonsBox .slide_next{ transform:rotate(180deg)} .component_topbildslider_referenzen_leuchtturm .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:var(--color-white); opacity:1} .component_topbildslider_referenzen_leuchtturm .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:var(--color-hebel-gelb)} .component_topbildslider_referenzen_leuchtturm .referenzLink{ display:block} .component_topbildslider_referenzen_leuchtturm .referenzLink:after{ content:""; display:block; position:absolute; left:0; right:0; bottom:0; height:45%; z-index:1; background:linear-gradient(0deg, var(--color-verlauf2) 0%, transparent 100%)} .component_topbildslider_referenzen_leuchtturm .referenz_title{ max-width:50%; display:block; position:absolute; z-index:3; right:60px; bottom:40px; padding:30px 0 30px 30px; background-color:var(--color-hebel-blau-opacity)} .component_topbildslider_referenzen_leuchtturm .referenz_title:after{ background-color:var(--color-hebel-blau-opacity)} .component_topbildslider_referenzen_leuchtturm .referenz_title .referenz_name:after{ content:""; position:absolute; left:100%; bottom:-56px; border:50px solid transparent; border-left:30px var(--color-hebel-blau-opacity); border-top-color:var(--color-hebel-blau-opacity); border-right-width:30px} .component_topbildslider_referenzen_leuchtturm .site_name,.component_topbildslider_referenzen_leuchtturm .branche_name{ display:block; font-family:JagerlayBlack,Arial,sans-serif; font-size:14px; line-height:16px; color:var(--color-white)} .component_topbildslider_referenzen_leuchtturm .referenz_name{ display:block; padding-top:40px; color:var(--color-white); font-size:23px; line-height:28px} .component_topbildslider_referenzen_leuchtturm .referenz_linktext{ display:inline-block; font-family:HelveticaNowTextRegular,Helvetica,Arial,sans-serif; font-size:13px; line-height:18px; color:var(--color-white); opacity:.6; position:relative; padding-right:20px} .component_topbildslider_referenzen_leuchtturm .referenz_linktext:after{ content:""; position:absolute; right:0; top:0; width:12px; height:15px; background:url(/images/icons/arrow_right_hebel_white.svg) no-repeat center right; background-size:6px 9px} @media only screen and (min-width:1024px){ .component_topbildslider_referenzen_leuchtturm .hebel_rahmen_gelb{ border-color:transparent; transition:.3s border-color} .component_topbildslider_referenzen_leuchtturm .hebel_rahmen_gelb:before,.component_topbildslider_referenzen_leuchtturm .hebel_rahmen_gelb:after{ border-color:transparent; transition:.3s border-color} .component_topbildslider_referenzen_leuchtturm .slideReferenz:hover .hebel_rahmen_gelb{ border-color:var(--color-hebel-gelb)} .component_topbildslider_referenzen_leuchtturm .slideReferenz:hover .hebel_rahmen_gelb:before,.component_topbildslider_referenzen_leuchtturm .slideReferenz:hover .hebel_rahmen_gelb:after{ border-color:var(--color-hebel-gelb)} .component_topbildslider_referenzen_leuchtturm .slideReferenz:hover .referenz_linktext{ color:var(--color-hebel-gelb)} .component_topbildslider_referenzen_leuchtturm .slideReferenz:hover .referenz_linktext:after{ background-image:url(/images/icons/arrow_right_hebel_yellow.svg)} } @media only screen and (max-width:1300px){ .component_topbildslider_referenzen_leuchtturm .swiperButtonsBox{ left:40px; bottom:30px} .component_topbildslider_referenzen_leuchtturm .referenz_title{ right:45px; bottom:30px} } @media only screen and (max-width:1024px){ .component_topbildslider_referenzen_leuchtturm .swiperButtonsBox{ left:20px; bottom:20px} .component_topbildslider_referenzen_leuchtturm .referenz_title{ right:35px; bottom:20px; padding:20px 0 20px 20px} .component_topbildslider_referenzen_leuchtturm .referenz_name{ padding-top:20px; font-size:20px; line-height:25px} } @media only screen and (max-width:480px){ .component_topbildslider_referenzen_leuchtturm .sliderContainerReferenzen{ padding-bottom:40px} .component_topbildslider_referenzen_leuchtturm .swiperButtonsBox{ left:50%; bottom:20px; transform:translate(-50%, 50%)} .component_topbildslider_referenzen_leuchtturm .swiper-container .swiperButtonsBox .slide_prev,.component_topbildslider_referenzen_leuchtturm .swiper-container .swiperButtonsBox .slide_next{ background-image:url(/images/icons/arrow_hebel_blau.svg); transform:rotate(90deg)} .component_topbildslider_referenzen_leuchtturm .swiper-container .swiperButtonsBox .slide_next{ transform:rotate(270deg)} .component_topbildslider_referenzen_leuchtturm .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:var(--color-hebel-blau); opacity:.5} .component_topbildslider_referenzen_leuchtturm .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:var(--color-hebel-gelb); opacity:1} .component_topbildslider_referenzen_leuchtturm .referenz_title{ bottom:10px; padding:10px 0 10px 10px; max-width:75%} .component_topbildslider_referenzen_leuchtturm .site_name,.component_topbildslider_referenzen_leuchtturm .branche_name{ font-size:12px; line-height:14px} .component_topbildslider_referenzen_leuchtturm .referenz_name{ padding-top:10px; font-size:15px; line-height:18px} } .component_sub_navi2{ display:none} @media only screen and (min-width:1025px){ .component_sub_navi2{ display:block; background-color:var(--color-white); padding:10px 40px 0; z-index:2} .component_sub_navi2 ul{ list-style-type:none; margin:0; padding:0; display:block; line-height:20px} .component_sub_navi2 li{ display:inline-block; margin:0; padding:0 10px 10px; position:relative} .component_sub_navi2 a.sub_navi2_link{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif; font-weight:normal; font-size:14px; line-height:20px; transition:color .2s,border-bottom-color .2s; display:block; margin:0 10px; position:relative} .component_sub_navi2 a.sub_navi2_link:after{ content:""; display:block; position:absolute; left:0; bottom:-10px; width:0; border-bottom:4px solid var(--color-hebel-blau); transition:width .2s} .component_sub_navi2 a.sub_navi2_link:link,.component_sub_navi2 a.sub_navi2_link:visited{ color:var(--color-hebel-blau)} .component_sub_navi2 a.sub_navi2_link:hover:after,.component_sub_navi2 a.sub_navi2_link:focus:after,.component_sub_navi2 a.sub_navi2_link.active:after{ width:100%} } @media only screen and (min-width:1025px)and (max-width:1300px){ .component_sub_navi2{ padding:10px 20px 0} } @media only screen and (min-width:1025px){ .component_sub_navi2.is_stuck{ transition:top .2s; box-shadow:0px 2px 0px #eee} .scroll_up .component_sub_navi2.is_stuck{ top:110px !important} } @media only screen and (min-width:1301px){ .scroll_up .component_sub_navi2.is_stuck{ top:130px !important} } .component_footer{ width:100%; background:linear-gradient(180deg, var(--color-verlauf1) 0%, var(--color-verlauf2) 100%); font-family:HelveticaNowText,Helvetica,Arial,sans-serif; font-size:16px; line-height:22px; color:var(--color-hellgrau4)} .component_footer a{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif; font-size:16px; line-height:22px; color:var(--color-hellgrau4)} .component_footer a:link,.component_footer a:visited,.component_footer a:hover,.component_footer a:focus{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif; font-size:16px; line-height:22px; color:var(--color-hellgrau4)} .component_footer a:hover{ font-weight:bold; color:var(--color-white)} .component_footer .footer_row{ display:block; padding:20px 60px; border-bottom:2px solid rgba(255,255,255,.3)} .component_footer .footer_row1{ padding-top:60px} .component_footer .footer_row1 .footer_navi_subsites .footer_navi_subsites_box{ display:inline-block; box-sizing:border-box; width:25%; padding:0 20px 20px 0; vertical-align:top} .component_footer .footer_row1 a{ display:block} .component_footer .footer_row1 a.footer_navi_subsite_level_0{ font-family:Jagerlay,Arial,sans-serif; font-weight:bold; font-size:15px; line-height:24px; color:#fff !important; margin-bottom:10px} .component_footer .footer_row2{ padding-top:40px; padding-bottom:60px} .component_footer .footer_row2>*{ display:inline-block; width:25%; box-sizing:border-box; padding:0 20px 0 0; vertical-align:top} .component_footer .footer_row2 .col1 img{ display:block; height:45px} .component_footer .footer_row2 .col1 span{ display:block; padding-top:90px} .component_footer .footer_row2 .col_adresse{ color:#fff !important} .component_footer .footer_row2 .col_adresse>span{ display:block} .component_footer .footer_row2 .col_adresse .adresse_titel{ font-family:Jagerlay,Arial,sans-serif; font-weight:bold; font-size:18px; line-height:24px; min-height:48px} .component_footer .footer_row2 .col_adresse .adresse_text{ padding:20px 0 30px; font-family:HelveticaNowTextXLight,Helvetica,Arial,sans-serif; font-size:18px; line-height:26px} .component_footer .footer_row2 .col_adresse .adresse_anfahrt{ padding-bottom:20px} .component_footer .footer_row2 .col_adresse .adresse_anfahrt a{ font-family:HelveticaNowTextXLight,Helvetica,Arial,sans-serif; font-size:18px; line-height:26px; color:var(--color-hebel-gelb); display:inline-block; position:relative; padding-right:20px} .component_footer .footer_row2 .col_adresse .adresse_anfahrt a:after{ content:""; position:absolute; right:0; top:4px; width:12px; height:20px; background:url(/images/icons/arrow_right_hebel_yellow.svg) no-repeat center right; background-size:9px 12px} .component_footer .footer_row2 .col_adresse .adresse_tel,.component_footer .footer_row2 .col_adresse .adresse_email{ font-family:HelveticaNowTextXLight,Helvetica,Arial,sans-serif; font-size:18px; line-height:26px; color:var(--color-hebel-gelb); display:inline-block} .component_footer .footer_row3>span{ display:inline-block; width:25%} .component_footer .footer_row3 img{ display:block; height:55px} .component_footer .footer_row4{ border-bottom:none; font-size:12px; line-height:16px} .component_footer .footer_row4 a{ font-size:12px; line-height:16px} .component_footer .footer_row4 a:link,.component_footer .footer_row4 a:visited,.component_footer .footer_row4 a:hover,.component_footer .footer_row4 a:focus{ font-size:12px; line-height:16px} .component_footer .footer_row4 .footer_copyright,.component_footer .footer_row4 .footer_pm{ white-space:nowrap} .component_footer .footer_row4 .footer_navi_2{ float:right} .component_footer .footer_row4 .footer_navi_2 a{ display:inline-block; margin-left:20px} .component_footer .footer_row4 .footer_navi_2 a:first-child{ margin-left:0} .component_footer .footer_row4:after{ display:block; clear:both} @media only screen and (max-width:1300px){ .component_footer .footer_row{ padding:20px 40px} .component_footer .footer_row1{ padding-top:40px} .component_footer .footer_row2{ padding-top:30px; padding-bottom:40px} .component_footer .footer_row3 img{ height:40px} } @media only screen and (max-width:1024px){ .component_footer .footer_row{ padding:20px} .component_footer .footer_row1{ padding-top:20px} .component_footer .footer_row2{ padding-top:20px; padding-bottom:20px} .component_footer .footer_row2>*{ width:50%; padding-bottom:50px} .component_footer .footer_row2 .col1 span{ padding-top:30px} .component_footer .footer_row2 .col_adresse .adresse_titel{ min-height:auto} .component_footer .footer_row2 .col_adresse .adresse_text{ padding:10px 0} .component_footer .footer_row2 .col_adresse .adresse_anfahrt{ padding-bottom:10px} .component_footer .footer_row3{ text-align:center} .component_footer .footer_row3>span{ width:33%} .component_footer .footer_row3>span img{ margin:0 auto; height:auto; max-width:120px; width:80%} } @media only screen and (max-width:640px){ .component_footer .footer_row1 .footer_navi_subsites .footer_navi_subsites_box{ width:50%} .component_footer .footer_row4{ text-align:center} .component_footer .footer_row4 .footer_copyright,.component_footer .footer_row4 .footer_pm{ white-space:normal} .component_footer .footer_row4 .footer_navi_2{ float:none; padding-bottom:20px} } @media only screen and (max-width:540px){ .component_footer .footer_row2>*{ width:100%} .component_footer .footer_row2 .col1 span{ padding-top:10px} } .ansprechpartnerKontaktBoxBackground{ content:""; display:none; position:fixed; top:0; right:0; left:0; bottom:0; z-index:11; background-color:var(--color-hebel-blau-opacity)} .show_kontakt .ansprechpartnerKontaktBoxBackground{ display:block} #ansprechpartnerKontaktButton{ display:block; position:fixed; z-index:10; right:10px; top:45%; width:50px; height:50px; border-radius:50%; background:url(/images/icons/icon_kontakt.svg) no-repeat center transparent; background-size:69px 69px; cursor:pointer; box-shadow:0 2px 6px rgba(0,0,0,.2); opacity:0} @media only screen and (min-width:1024px){ #ansprechpartnerKontaktButton:hover{ animation:zoomInOut .3s ease-in-out forwards} @keyframes zoomInOut{ 0%{ transform:scale(1)} 50%{ transform:scale(1.1)} 100%{ transform:scale(1)} } } @media only screen and (max-width:1024px){ #ansprechpartnerKontaktButton{ top:66%} } #ansprechpartnerKontaktBox{ position:fixed; z-index:12; top:0; bottom:0; right:0; min-width:320px; max-width:380px; transition-duration:.3s; transform:translateX(100%); background-color:var(--color-white)} @media only screen and (max-width:380px){ #ansprechpartnerKontaktBox{ max-width:100%} } .show_kontakt #ansprechpartnerKontaktBox{ transform:translateX(0)} #ansprechpartnerKontaktCloseButton{ display:block; position:absolute; z-index:11; bottom:50px; left:-60px; width:50px; height:50px; border-radius:50%; background:url(/images/icons/icon_close.svg) no-repeat center var(--color-hebel-blau); background-size:15px 15px; cursor:pointer; opacity:0} @media only screen and (max-width:480px){ #ansprechpartnerKontaktCloseButton{ bottom:auto; left:auto; top:10px; right:10px; width:30px; height:30px} } .show_kontakt #ansprechpartnerKontaktCloseButton{ opacity:1} .component_ansprechpartner_kontakt .ansprechpartnerKontakt{ width:100%; height:100%; overflow:hidden; overflow-y:auto; box-sizing:border-box; padding:30px} .component_ansprechpartner_kontakt .ansprechpartnerKontakt>*{ display:block} .component_ansprechpartner_kontakt .title{ font-family:JagerlayBlack,Arial,sans-serif; font-size:24px; line-height:28px; color:var(--color-hebel-blau); padding:20px 0; border-bottom:1px solid var(--color-hellgrau4); margin-bottom:20px; text-align:center} .component_ansprechpartner_kontakt .portrait{ width:150px; margin:0 auto; padding:20px 0; text-align:center} .component_ansprechpartner_kontakt .portrait img{ display:block; width:100%; border-radius:50%} .component_ansprechpartner_kontakt .name{ font-family:JagerlayBlack,Arial,sans-serif; font-size:20px; line-height:24px; color:var(--color-hebel-blau); padding-bottom:10px; text-align:center} .component_ansprechpartner_kontakt .position{ font-family:HelveticaNowTextRegular,Helvetica,Arial,sans-serif; font-size:16px; line-height:24px; color:var(--color-hellgrau4); padding-bottom:20px; text-align:center} .component_ansprechpartner_kontakt a.telefon{ text-align:center} .component_ansprechpartner_kontakt a.telefon,.component_ansprechpartner_kontakt a.telefon:link,.component_ansprechpartner_kontakt a.telefon:visited,.component_ansprechpartner_kontakt a.telefon:focus,.component_ansprechpartner_kontakt a.telefon:hover{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif; font-size:20px; line-height:24px; color:var(--color-hebel-blau)} .component_ansprechpartner_kontakt a.telefon:hover{ font-weight:bold} .component_ansprechpartner_kontakt a.mail{ text-align:center} .component_ansprechpartner_kontakt a.mail,.component_ansprechpartner_kontakt a.mail:link,.component_ansprechpartner_kontakt a.mail:visited,.component_ansprechpartner_kontakt a.mail:focus,.component_ansprechpartner_kontakt a.mail:hover{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif; font-size:16px; line-height:20px; color:var(--color-hebel-blau)} .component_ansprechpartner_kontakt a.mail:hover{ font-weight:bold} .component_ansprechpartner_kontakt .standort{ margin-top:20px; padding:20px 0; border-top:1px solid var(--color-hellgrau4); font-family:HelveticaNowTextRegular,Helvetica,Arial,sans-serif; font-size:16px; line-height:20px} .component_ansprechpartner_kontakt .standort>*{ display:block} .component_ansprechpartner_kontakt .firma{ color:var(--color-hebel-blau); padding-bottom:10px} .component_ansprechpartner_kontakt .adresse{ color:var(--color-marine-blau); padding-bottom:10px} .component_ansprechpartner_kontakt .standort_telefon{ color:var(--color-marine-blau)} .component_ansprechpartner_kontakt .standort_telefon a,.component_ansprechpartner_kontakt .standort_telefon a:link,.component_ansprechpartner_kontakt .standort_telefon a:visited,.component_ansprechpartner_kontakt .standort_telefon a:focus,.component_ansprechpartner_kontakt .standort_telefon a:hover{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif; color:var(--color-hebel-blau)} .component_ansprechpartner_kontakt .standort_telefon a:hover{ font-weight:bold} .component_ansprechpartner_kontakt .standort_mail{ color:var(--color-marine-blau)} .component_ansprechpartner_kontakt .standort_mail a,.component_ansprechpartner_kontakt .standort_mail a:link,.component_ansprechpartner_kontakt .standort_mail a:visited,.component_ansprechpartner_kontakt .standort_mail a:focus,.component_ansprechpartner_kontakt .standort_mail a:hover{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif; color:var(--color-hebel-blau)} .component_ansprechpartner_kontakt .standort_mail a:hover{ font-weight:bold} .component_ansprechpartner_kontakt .standort_route{ margin-top:10px} .component_ansprechpartner_kontakt .standort_route:hover{ font-weight:bold} .component_ansprechpartner_kontakt .standort_route.arrow_button:after{ top:1px} .component_ansprechpartner_kontakt .weitere_infos{ margin-top:20px; position:relative; z-index:11; border-bottom:1px solid var(--color-hebel-gelb)} .component_ansprechpartner_kontakt .weitere_infos:after{ content:""; position:absolute; bottom:-3px; left:0; width:100px; border-top:2px solid var(--color-hebel-gelb)} .component_ansprechpartner_kontakt .weitere_infos .weitere_infos_title{ display:block; font-family:JagerlayBlack,Arial,sans-serif; font-size:16px; line-height:20px; color:var(--color-hebel-blau); cursor:pointer; padding:15px 40px 15px 0; position:relative; box-sizing:border-box; border-top:1px solid var(--color-hebel-gelb); z-index:1} .component_ansprechpartner_kontakt .weitere_infos .weitere_infos_title:hover{ opacity:.8} .component_ansprechpartner_kontakt .weitere_infos .weitere_infos_title:before{ content:""; position:absolute; top:0; left:0; width:100px; border-top:2px solid var(--color-hebel-gelb)} .component_ansprechpartner_kontakt .weitere_infos .weitere_infos_title:after{ content:""; position:absolute; top:50%; right:0; margin-top:-10px; width:20px; height:20px; background:url(/images/icons/arrow_hebel_blau.svg) no-repeat center transparent; background-size:10px 10px; transition:.2s; transform:rotate(0)} .component_ansprechpartner_kontakt .weitere_infos .weitere_infos_title.active:after{ transform:rotate(180deg)} .component_ansprechpartner_kontakt .weitere_infos .weitere_infos_text{ display:none} .component_ansprechpartner_kontakt .weitere_infos .other_person{ display:block; padding-bottom:20px; font-family:HelveticaNowTextRegular,Helvetica,Arial,sans-serif; font-size:16px; line-height:20px} .component_ansprechpartner_kontakt .weitere_infos .other_person>*{ display:block} .component_ansprechpartner_kontakt .weitere_infos .other_person a{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif} .component_ansprechpartner_kontakt .weitere_infos .other_person a:hover{ font-weight:bold} .component_ansprechpartner_kontakt .weitere_infos .other_person_standort,.component_ansprechpartner_kontakt .weitere_infos .other_standort{ display:block; font-family:HelveticaNowTextRegular,Helvetica,Arial,sans-serif; font-size:16px; line-height:20px; padding-bottom:10px} .component_ansprechpartner_kontakt .weitere_infos .other_person_standort>*,.component_ansprechpartner_kontakt .weitere_infos .other_standort>*{ display:block} .component_ansprechpartner_kontakt .weitere_infos .other_person_standort>.standort_route,.component_ansprechpartner_kontakt .weitere_infos .other_standort>.standort_route{ display:inline-block} .component_ansprechpartner_kontakt .weitere_infos .other_standort{ padding-bottom:30px} .browser_msie .module_referenzen .referenz .img_wrapper{ height:auto !important; padding-bottom:70.2127659574% !important} .module_referenzen .filter_referenz_component{ background-color:var(--color-white); display:none} .module_referenzen .referenzen_overview{ margin:0; padding:45px; list-style-type:none; display:flex; flex-wrap:wrap} .module_referenzen .referenz{ margin:0 0 30px 0; padding:15px; box-sizing:border-box; width:33.33%} .module_referenzen a.referenz_link{ display:block} .module_referenzen .referenz_link_image{ display:block; position:relative; z-index:1} .module_referenzen .referenz_link_image img{ display:block; width:100%; filter:grayscale(100%); transition:filter .3s} .module_referenzen .referenz_link_image .image_placeholder{ display:block; padding-bottom:70.2127659574%} .module_referenzen .referenz_link_image:after{ content:""; display:block; position:absolute; z-index:2; left:0; right:0; top:0; bottom:0; background-color:var(--color-hebel-blau-opacity2); opacity:1; transition:opacity .3s} .module_referenzen .referenz_link_image .hebel_rahmen_gelb{ position:absolute; z-index:3; left:20px; bottom:20px; height:100px; width:75%; max-width:200px; opacity:1; transition:opacity .3s} .module_referenzen .referenz_link_image .vorvermarktung_hinweis{ position:absolute; z-index:4; left:40px; bottom:40px; width:180px; height:65px; opacity:1; transition:opacity .3s; font-family:JagerlayBlack,Arial,sans-serif; font-size:18px; line-height:20px; color:var(--color-hebel-gelb)} .module_referenzen .referenz_link_infos{ display:block; padding-top:30px; font-family:HelveticaNowTextRegular,Helvetica,Arial,sans-serif; font-size:16px; line-height:24px; color:var(--color-antrazit)} .module_referenzen .referenz_link_infos>*{ display:block} .module_referenzen .referenz_link_infos .title{ font-family:JagerlayBlack,Arial,sans-serif; padding-bottom:20px; color:var(--color-hebel-blau)} .module_referenzen .referenz_link_infos .location>span:first-child,.module_referenzen .referenz_link_infos .branche>span:first-child,.module_referenzen .referenz_link_infos .date>span:first-child{ font-family:HelveticaNowTextXtraBold,Helvetica,Arial,sans-serif; display:inline-block; padding-right:5px} @media only screen and (min-width:1024px){ .module_referenzen a.referenz_link:hover .referenz_link_image img{ filter:grayscale(0)} .module_referenzen a.referenz_link:hover .referenz_link_image:after{ opacity:0} .module_referenzen a.referenz_link:hover .referenz_link_image .hebel_rahmen_gelb,.module_referenzen a.referenz_link:hover .referenz_link_image .vorvermarktung_hinweis{ opacity:0} } @media only screen and (max-width:1300px){ .module_referenzen .referenzen_overview{ padding:45px 25px} .module_referenzen .referenz_link_infos{ padding-top:20px} .module_referenzen .referenz_link_infos .title{ padding-bottom:10px} } @media only screen and (max-width:1024px){ .module_referenzen .filter_referenz_component{ display:block} .module_referenzen .referenzen_overview{ padding:45px 10px} .module_referenzen .referenz{ padding:10px} } @media only screen and (max-width:768px){ .module_referenzen .referenz{ width:50%} } @media only screen and (max-width:480px){ .module_referenzen .referenz{ width:100%} } .component_sub_navi2_referenzen{ display:none; background-color:var(--color-white); padding:10px 40px 0; z-index:2} .component_sub_navi2_referenzen ul{ list-style-type:none; margin:0 auto; padding:0; display:block; line-height:20px; max-width:1522px} .component_sub_navi2_referenzen li{ display:inline-block; margin:0; padding:0 10px 10px; position:relative} .component_sub_navi2_referenzen a.sub_navi2_link{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif; font-weight:normal; font-size:14px; line-height:20px; transition:color .2s,border-bottom-color .2s; display:block; margin:0 10px; position:relative} .component_sub_navi2_referenzen a.sub_navi2_link:after{ content:""; display:block; position:absolute; left:0; bottom:-2px; width:0; border-bottom:4px solid var(--color-hebel-blau); transition:width .2s} .component_sub_navi2_referenzen a.sub_navi2_link:link,.component_sub_navi2_referenzen a.sub_navi2_link:visited{ color:var(--color-hebel-blau)} .component_sub_navi2_referenzen a.sub_navi2_link.active:after{ width:100%} @media only screen and (max-width:1300px){ .component_sub_navi2_referenzen{ padding:10px 20px 0} } @media only screen and (max-width:1024px){ .component_sub_navi2_referenzen{ padding:10px 0 0} } @media only screen and (min-width:1025px){ .component_sub_navi2_referenzen{ display:block} .component_sub_navi2_referenzen a.sub_navi2_link:after{ bottom:-10px} .component_sub_navi2_referenzen a.sub_navi2_link:hover:after,.component_sub_navi2_referenzen a.sub_navi2_link:focus:after{ width:100%} } @media only screen and (min-width:1301px){ .component_sub_navi2_referenzen{ top:130px} } .component_referenzen_teaser .referenzen_link{ text-align:center; padding:0 0 40px} .template_113{ text-align:center} .template_113 .template_headlines{ padding:0} .template_113 h1{ font-family:JagerlayBlack,Arial,sans-serif; font-size:56px; line-height:60px; opacity:.11} .template_113 h2{ color:var(--color-hebel-blau); margin-top:calc(-1 * var(--h2-line-height) / 2)} @media(max-width:639px){ .template_113 h1{ font-size:40px; line-height:40px} } .ansprechpartner_teaser{ padding:60px} .ansprechpartner_teaser .ansprechpartner_container{ padding-top:40px; display:flex; flex-wrap:wrap; justify-content:center} .ansprechpartner_teaser .person{ width:33.33%; box-sizing:border-box; padding:20px; text-align:center} .ansprechpartner_teaser .person>*{ display:block} .ansprechpartner_teaser .portrait{ margin:0 auto; max-width:170px} .ansprechpartner_teaser .portrait img,.ansprechpartner_teaser .portrait .portrait_placeholder{ display:block; width:100%; border-radius:50%} .ansprechpartner_teaser .portrait .portrait_placeholder{ padding-bottom:100%} .ansprechpartner_teaser .name{ padding-top:30px; font-family:JagerlayBlack,Arial,sans-serif; font-size:24px; line-height:32px; color:var(--color-hebel-blau)} .ansprechpartner_teaser .standort{ padding:5px 0 20px; font-family:HelveticaNowTextRegular,Helvetica,Arial,sans-serif; font-size:16px; line-height:24px; color:var(--color-marine-blau)} .ansprechpartner_teaser a.telefon,.ansprechpartner_teaser a.telefon:link,.ansprechpartner_teaser a.telefon:visited,.ansprechpartner_teaser a.telefon:focus,.ansprechpartner_teaser a.telefon:hover{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif; font-size:24px; line-height:32px; color:var(--color-hebel-blau)} .ansprechpartner_teaser a.telefon:hover{ font-weight:bold} .ansprechpartner_teaser a.mail,.ansprechpartner_teaser a.mail:link,.ansprechpartner_teaser a.mail:visited,.ansprechpartner_teaser a.mail:focus,.ansprechpartner_teaser a.mail:hover{ font-family:HelveticaNowText,Helvetica,Arial,sans-serif; font-size:16px; line-height:20px; color:var(--color-hebel-blau)} .ansprechpartner_teaser a.mail:hover{ font-weight:bold} @media only screen and (max-width:1300px){ .ansprechpartner_teaser{ padding:40px} } @media only screen and (max-width:1024px){ .ansprechpartner_teaser{ padding:20px} .ansprechpartner_teaser .name{ padding-top:20px; font-size:18px; line-height:24px} .ansprechpartner_teaser .standort{ padding:5px 0 10px} .ansprechpartner_teaser a.telefon,.ansprechpartner_teaser a.telefon:link,.ansprechpartner_teaser a.telefon:visited,.ansprechpartner_teaser a.telefon:focus,.ansprechpartner_teaser a.telefon:hover{ font-size:18px; line-height:24px} } @media only screen and (max-width:640px){ .ansprechpartner_teaser .person{ width:50%} } @media only screen and (max-width:420px){ .ansprechpartner_teaser .person{ width:100%} } @font-face{ font-family:swiper-icons; src:url("data:application/font-woff; charset=utf-8; base64, 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") 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 .swiper-notification{ display:none} .swiper-container .swiper-wrapper{ align-items:stretch} .swiper-container .swiper-wrapper,.swiper-container .swiper-wrapper .swiper-slide{ margin:0; padding:0; list-style-type:none} .swiper-container .swiper-slide{ height:auto} .swiper-container .slideEntryImage{ display:block; width:100%} .swiper-container .skew_corner_hg{ background-color:rgba(20,80,130,.85); padding:60px 70px 60px 30px} .swiper-container .skew_corner_hg:before{ content:""; position:absolute; left:100%; top:0; bottom:50px; width:30px; background-color:rgba(20,80,130,.85)} .swiper-container .skew_corner_hg:after{ content:""; position:absolute; left:100%; bottom:0; border-left:15px solid rgba(20,80,130,.85); border-top:25px solid rgba(20,80,130,.85); border-right:15px solid transparent; border-bottom:25px solid transparent} .swiper-container .swiperButtonsBox{ position:absolute; z-index:2; white-space:nowrap; height:20px} .swiper-container .swiperButtonsBox .slide_prev,.swiper-container .swiperButtonsBox .slide_next{ display:inline-block; background:url(/images/icons/arrow_hebel_blau.svg) no-repeat center; width:20px; height:20px; opacity:.6; cursor:pointer} .swiper-container .swiperButtonsBox .slide_prev{ transform:rotate(90deg)} .swiper-container .swiperButtonsBox .slide_next{ transform:rotate(-90deg)} .swiper-container .swiperButtonsBox .slide_prev.swiper-button-disabled,.swiper-container .swiperButtonsBox .slide_next.swiper-button-disabled{ visibility:hidden} .swiper-container .swiper-pagination{ position:static; margin:0 20px; display:inline-block; vertical-align:top} .swiper-container .swiper-pagination .swiper-pagination-bullet{ width:12px; height:20px; border-radius:0; margin:0 5px; opacity:.5; background-color:#145082; transform:skewX(-45deg)} .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1; background-color:#ebdc00} @media only screen and (max-width:1300px){ .swiper-container .skew_corner_hg{ padding:40px 50px 40px 30px} } @media only screen and (max-width:1024px){ .swiper-container .skew_corner_hg{ padding:30px 20px} } @media only screen and (max-width:480px){ .swiper-container .skew_corner_hg{ padding:20px 10px} } .component_downloads{ background:url(/images/bg/concrete-wall_03.jpg) repeat top center transparent; background-size:100% auto} .module_download{ background-color:var(--color-hebel-blau-opacity2); padding:60px} .module_download .searchFilter{ color:var(--color-white)} .module_download h3,.module_download .download_overview_title{ text-align:center; padding-bottom:40px; font-size:21px; line-height:26px; color:var(--color-white)} .module_download .download_overview_text{ text-align:center; padding-bottom:40px; color:var(--color-white)} .module_download ol{ margin:0; padding:0; list-style-type:none} .module_download ol.download_list{ display:flex; flex-wrap:wrap} .module_download ol li{ padding:0; margin:0; list-style-type:none; box-sizing:border-box} .module_download ol li.download_file{ padding:60px; width:50%} .module_download ol li.download_kategorie{ width:100%} .module_download ol li.download_kategorie>h3{ padding-bottom:0} .module_download .swiper-container{ padding-bottom:50px} .module_download .swiper-container .swiperButtonsBox{ left:50%; bottom:0; transform:translate(-50%, 0)} .module_download .swiper-container .swiperButtonsBox .slide_prev,.module_download .swiper-container .swiperButtonsBox .slide_next{ background-image:url(/images/icons/arrow_hebel_white.svg); background-size:20px 20px; opacity:1} .module_download .swiper-container .swiperButtonsBox .slide_prev.swiper-button-disabled,.module_download .swiper-container .swiperButtonsBox .slide_next.swiper-button-disabled{ opacity:0} .module_download .swiper-container .swiperButtonsBox .slide_prev{ transform:rotate(0)} .module_download .swiper-container .swiperButtonsBox .slide_next{ transform:rotate(180deg)} .module_download .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:var(--color-white)} .module_download .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:var(--color-hebel-gelb)} .module_download .swiper-container .swiper-wrapper .swiper-slide{ padding:60px} .module_download article{ height:100%; padding-right:30px} .module_download a.download_link{ display:block; height:100%; background-color:var(--color-hebel-blau-opacity); position:relative; z-index:1; box-sizing:border-box; padding:15px 0 15px 15px; font-family:HelveticaNowTextRegular,Helvetica,Arial,sans-serif; color:var(--color-hellgrau4)} .module_download a.download_link,.module_download a.download_link:link,.module_download a.download_link:focus,.module_download a.download_link:hover{ color:var(--color-hellgrau4)} .module_download a.download_link:before{ content:""; display:block; position:absolute; left:100%; top:0; bottom:50px; width:30px; background-color:var(--color-hebel-blau-opacity)} .module_download a.download_link:after{ content:""; display:block; position:absolute; left:100%; bottom:0; border:50px solid transparent; border-left:30px var(--color-hebel-blau-opacity) !important; border-top-color:var(--color-hebel-blau-opacity) !important; border-right-width:30px !important; border-bottom-width:0 !important} .module_download a.download_link .hebel_rahmen_gelb{ position:absolute; left:0; right:0; top:0; bottom:0; opacity:0; transition:opacity .2s} .module_download a.download_link .hebel_rahmen_gelb:after{ bottom:44px; width:30px} .module_download a.download_link .hebel_rahmen_gelb:before{ right:-16px; height:51px; border-right-width:6px; transform:skewX(-29deg)} .module_download a.download_link .download_button{ color:var(--color-white); font-size:13px; line-height:18px; position:absolute; bottom:25px; transition:color .2s; padding-right:20px} .module_download a.download_link .download_button:after{ content:""; position:absolute; right:0; width:12px; height:100%; background:url(/images/icons/arrow_right_hebel_white.svg) no-repeat center right; background-size:9px 12px} .module_download .download_block_picture .download_link_image{ vertical-align:top; display:inline-block; padding:15px; width:33%; box-sizing:border-box} .module_download .download_block_picture .download_link_image .download_image{ display:block; padding-bottom:10px} .module_download .download_block_picture .download_link_image img{ display:block; width:100%} .module_download .download_block_picture .download_link_text{ vertical-align:top; display:inline-block; padding:15px 0 30px 15px; width:67%; box-sizing:border-box} .module_download .download_block .download_link_text{ display:block; padding:15px 0 50px 15px} .module_download .download_block .download_file_infos{ position:absolute; bottom:47px} .module_download .download_file_infos{ display:block; font-size:12px; line-height:15px} .module_download .download_file_infos>*{ white-space:nowrap} .module_download .download_file_headline{ display:block; font-family:Jagerlay,Arial,sans-serif; font-weight:bold; color:var(--color-white) !important; font-size:18px; line-height:18px; padding-bottom:10px} .module_download .download_file_text{ display:block; font-size:14px; line-height:18px; min-height:100px; padding-bottom:10px; box-sizing:border-box} @media only screen and (min-width:1025px){ .module_download a.download_link:hover .hebel_rahmen_gelb{ opacity:1} .module_download a.download_link:hover .download_button{ color:var(--color-hebel-gelb)} .module_download a.download_link:hover .download_button:after{ background-image:url(/images/icons/arrow_right_hebel_yellow.svg)} } @media only screen and (max-width:1300px){ .module_download{ padding:40px} .module_download ol li.download_file,.module_download .swiper-container .swiper-wrapper .swiper-slide{ padding:40px} } @media only screen and (max-width:1024px){ .module_download{ padding:20px} .module_download .download_overview_title,.module_download .download_overview_text{ padding-bottom:20px} .module_download ol li.download_file,.module_download .swiper-container .swiper-wrapper .swiper-slide{ padding:20px} } @media only screen and (max-width:768px){ .module_download{ padding:20px 10px} .module_download ol li.download_file,.module_download .swiper-container .swiper-wrapper .swiper-slide{ width:100%; padding:10px} } @media only screen and (max-width:480px){ .module_download a.download_link{ padding:0} .module_download a.download_link .download_button{ bottom:10px} .module_download .download_block_picture .download_link_text{ padding-left:0} .module_download .download_block .download_file_infos{ bottom:32px} }