.component_top a{ display:block; position:absolute; right:0; top:0; bottom:0} .layout_2 .component_top a{ padding-right:20px} .component_top img{ position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); height:47px; width:252px; transition:height .4s} .layout_2 .component_top img{ height:30px !important; width:160px} .layout_2 .component_top img{ right:20px} @media only screen and (max-width:1340px){ .component_top img{ height:37px; width:198px} } @media only screen and (max-width:1024px){ .component_top a{ right:20px} .component_top img{ height:30px; width:160px} } @media only screen and (max-width:420px){ .component_top img{ height:22px !important; width:118px !important} } .component_navi_secondary{ position:absolute; left:0; top:50%; -webkit-transform:translateY(-10px); transform:translateY(-10px); z-index:11} .component_navi_secondary *,.component_navi_secondary a{ font-family:Exo,sans-serif; font-style:italic; font-size:15px; line-height:20px; color:#003da5} .component_navi_secondary a{ border-bottom:1px solid transparent} .component_navi_secondary a:hover{ border-bottom-color:#e3a216} .component_navi_secondary ul{ list-style-type:none; margin:0; padding:0} .component_navi_secondary ul li{ display:inline-block} .component_navi_secondary ul li:before{ content:"/"; display:inline-block; padding:0 10px; font-weight:bold} .component_navi_secondary ul li:first-child:before{ display:none} #kontakt_sitelink a{ background:url(/images/icons/outline-mail-24px_hellblau.svg) left center no-repeat transparent; background-size:25px 20px; padding-left:30px} #downloads_sitelink a{ background:url(/images/icons/outline-backup-24px_hellblau.svg) left center no-repeat transparent; background-size:30px 20px; padding-left:35px} #sprachen_auswahlbox>a{ background:url(/images/icons/outline-language-24px_hellblau.svg) left center no-repeat transparent; background-size:20px 20px; padding-left:25px} #sprachen_auswahlbox{ position:relative} .module_top_right{ display:none; position:absolute; left:20px; top:100%; margin-top:5px; background:rgba(255,255,255,.9)} .module_top_right a{ display:block; padding:2px 10px; white-space:nowrap} .module_top_right a.active{ font-weight:bold} @media only screen and (max-width:1024px){ .component_navi_secondary{ left:50px} } @media only screen and (max-width:768px){ .component_navi_secondary li a>span{ display:none} } @media only screen and (max-width:380px){ .component_navi_secondary ul li{ margin-right:5px} .component_navi_secondary ul li::before{ display:none} } .component_top_navi{ position:absolute; top:100%} #unternehmen_navi{ position:absolute; bottom:50px; right:0; left:0; height:0; margin:0 auto; max-width:1300px; z-index:11} .component_top_navi ul,#unternehmen_navi ul{ list-style-type:none; margin:0; padding:0} .component_top_navi ul li,#unternehmen_navi ul li{ padding:0; margin:0; display:inline-block} .component_top_navi ul.menue_table>li,#unternehmen_navi ul>li{ position:relative; background:#003da5} .component_top_navi a,#unternehmen_navi a{ font-family:Sox,sans-serif; font-style:italic; font-size:18px; line-height:50px; padding:0 20px 0 30px; display:inline-block; color:#fff; letter-spacing:.02em} .component_top_navi a.menue.active,#unternehmen_navi a a.menue.active{ font-family:ExoSemibold,sans-serif} #naviMobile,#unternehmen_navi{ display:none} .component_top_navi li .naviSecond,.component_top_navi li .naviThird,#unternehmen_navi .naviSecond,#unternehmen_navi li .naviThird{ display:none} .component_top_navi li .naviSecond li a{ white-space:nowrap; display:inline-block; color:#003da5; padding:0} .component_top_navi .naviThirdButton{ position:relative; padding-right:30px !important} .component_top_navi .naviThirdButton:after{ position:absolute; right:0; top:0; content:""; font-family:MaterialDesignIcons; color:gray; font-size:23px; font-style:normal} @media only screen and (max-width:1300px){ .component_top_navi a,#unternehmen_navi a{ font-size:17px} } @media only screen and (min-width:1025px){ #unternehmen_navi{ display:block} .scrolled #unternehmen_navi{ display:none} .component_top_navi a.menue:hover,.component_top_navi a.menue:focus,#unternehmen_navi a a.menue:hover,#unternehmen_navi a a.menue:focus{ color:rgba(255,255,255,.85)} .component_top_navi:after{ content:""; position:absolute; left:100%; top:0; width:0; height:0; border-top:25px solid #003da5; border-right:13px solid transparent; border-bottom:25px solid transparent; border-left:13px solid #003da5} #unternehmen_navi:after{ content:""; position:absolute; top:0; left:100%; width:100%; height:50px; background-color:#003da5} #unternehmen_navi ul{ float:right; position:relative} #unternehmen_navi ul:before{ content:""; position:absolute; right:100%; top:0; width:0; height:0; border-top:25px solid transparent; border-right:13px solid #003da5; border-bottom:25px solid #003da5; border-left:13px solid transparent} .component_top_navi .copied.li_menue_unternehmen,.component_top_navi .li_menue_home{ display:none} .scrolled .component_top_navi .copied.li_menue_unternehmen{ display:inline-block} .component_top_navi ul.menue_table>li>a,#unternehmen_navi>ul>li>a{ padding:0; margin:0 20px 0 30px; position:relative} .component_top_navi li .naviSecond,.component_top_navi li .naviThird{ padding:20px 0 20px 20px} .component_top_navi a.menue:after,#unternehmen_navi a.menue:after{ content:""; display:block; position:absolute; left:0; bottom:0; width:0; border-bottom:5px solid #e3a716; transition:width .2s} .component_top_navi a.menue:hover:after,.component_top_navi a.menue:focus:after,.component_top_navi a.menue.active:after,#unternehmen_navi a.menue:hover:after,#unternehmen_navi a.menue:focus:after,#unternehmen_navi a.menue.active:after{ width:100%} .component_top_navi li .naviSecond{ position:absolute; left:30px; top:100%; z-index:2000; width:auto; min-width:200px; background-color:rgba(255,255,255,.9); border-left:2px solid #003da5} .component_top_navi li:hover .naviSecond{ display:block} .component_top_navi li .naviSecond li{ position:relative; display:block; padding:0 20px 0 0} .component_top_navi li .naviSecond>li a{ display:inline-block; white-space:nowrap; line-height:40px; position:relative} .component_top_navi li .naviSecond li:hover>a{ color:rgba(0,61,165,.85)} .component_top_navi li .naviSecond li a.active{ font-family:ExoSemibold,sans-serif} .component_top_navi li .naviSecond>li a:before{ content:""; display:block; position:absolute; left:0; bottom:0; width:0; border-bottom:1px solid #e3a716; transition:width .2s} .component_top_navi li .naviSecond>li a:hover:before{ width:100%} .component_top_navi li .naviThird{ position:absolute; left:100%; top:-20px; z-index:2000; width:auto; min-width:200px; background-color:rgba(255,255,255,.9); border-left:2px solid #003da5} .component_top_navi li .naviSecond>li:hover>.naviThird{ display:block} } @media only screen and (max-width:1300px){ .component_top_navi ul.menue_table>li,#unternehmen_navi>ul>li{ min-width:auto} } @media only screen and (max-width:1024px){ .component_top_navi{ top:-44px} #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 #003da5; 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%; -webkit-transform:rotate(45deg); transform:rotate(45deg); transition-delay:0s,.3s; width:20px; left:2px} .NavOpened #naviMobile::after{ bottom:calc(50% - 2px); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); transition-delay:0s,.3s; width:20px; left:2px} .NavOpened #naviMobile>span::before{ opacity:0} .component_top_navi .naviBox{ display:block; position:fixed; top:60px; left:0; right:0; bottom:0; z-index:-1; background-color:#003da5; overflow:scroll; opacity:0; transition:.4s; -webkit-transform:translateY(-100%); transform:translateY(-100%)} .NavOpened .component_top_navi .naviBox{ -webkit-transform:translateY(0); transform:translateY(0); opacity:1} .component_top_navi .menue_table{ position:relative; min-height:100%; box-sizing:border-box; padding-bottom:140px} .component_top_navi ul li{ display:block; width:100%; position:relative; padding:0 !important; text-align:left} .component_top_navi a{ padding:0 30px 0 20px; display:block; position:relative; border-bottom:1px solid #4d78c0} .component_top_navi .naviSecondButton{ background-color:rgba(255,255,255,0); transition:background-color .2s} .component_top_navi .aktiv.naviSecondButton{ background-color:rgba(255,255,255,.3)} .component_top_navi .naviThirdButton{ background-color:rgba(0,61,165,0); transition:background-color .2s} .component_top_navi .aktiv.naviThirdButton{ background-color:rgba(0,61,165,.1)} .component_top_navi .naviSecondButton:after,.component_top_navi .naviThirdButton::after{ position:absolute; right:10px; top:0; content:""; font-family:MaterialDesignIcons; color:#fff; font-style:normal; transform:rotate(90deg); font-size:25px; transition:.2s} .component_top_navi .naviThirdButton::after{ color:#003da5} .component_top_navi .aktiv.naviSecondButton:after,.component_top_navi .aktiv.naviThirdButton::after{ transform:rotate(-90deg)} .component_top_navi li .naviSecond,.component_top_navi li .naviThird{ background:#fff} .component_top_navi li .naviSecond li a{ white-space:normal; padding-left:30px; color:#333; display:block} .component_top_navi li .naviThird li a{ padding-left:40px; color:#4d78c0; display:block} .component_top_navi ul.menue_table>li.li_menue_home{ position:absolute; bottom:20px; left:20px; right:20px; width:auto} .component_top_navi .li_menue_home a{ font-size:16px; line-height:25px; letter-spacing:.02em; font-family:Exo,sans-serif; font-style:normal; border:0; display:inline-block; color:rgba(255,255,255,.8); padding:0; margin-top:5px} } @media only screen and (max-width:1024px)and (max-height:600px){ .component_top_navi a{ line-height:40px; font-size:16px} } @media only screen and (max-height:380px){ .component_top_navi ul.menue_table{ padding-top:20px} } @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-wrapper{ align-items:stretch} .swiper-slide{ box-sizing:border-box; height:auto !important} .swiper-button-next,.swiper-button-prev{ height:60px; width:40px; margin-top:-30px; opacity:.9; background-repeat:no-repeat; background-position:center; z-index:9} .swiper-button-next:hover,.swiper-button-prev:hover{ opacity:1} .swiper-button-next:after,.swiper-button-prev:after{ display:none} .swiper-button-prev{ left:0; background-image:url(/images/icons/arrow_left_orange.png); background-size:22px auto} .swiper-button-next{ right:0; background-image:url(/images/icons/arrow_right_orange.png); background-size:22px auto} .swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{ opacity:0 !important} @media only screen and (max-width:480px){ .swiper-button-next,.swiper-button-prev{ height:40px; width:25px; margin-top:-20px; background-size:10px auto} .swiper-button-prev{ left:-2px} .swiper-button-next{ right:-2px} } .component_pm_toppic_slider{ overflow:hidden; position:relative; min-width:320px; z-index:1} .component_pm_toppic_slider ul{ margin:0; padding:0; list-style-type:none} .component_pm_toppic_slider .slideEntry{ display:block; position:relative} .component_pm_toppic_slider .slideEntryImage{ background-position:center; background-size:cover; background-repeat:no-repeat; padding-bottom:34.37%} .component_pm_toppic_slider .slideEntryHeadlines{ position:absolute; left:0; right:0; top:20%; text-shadow:#333 2px 2px .15em} .component_pm_toppic_slider .slideEntryHeadlines>*{ margin:0 auto; max-width:1300px; color:#fff} .component_pm_toppic_slider .embed-responsive.embed-responsive-16by9{ padding-bottom:34.37%} .component_pm_toppic_slider .slideEntryHeadlines .headline{ font-family:ExoSemibold,sans-serif; text-transform:uppercase; font-size:45px; line-height:110%} .component_pm_toppic_slider .slideEntryHeadlines .subheadline{ font-family:Exo,sans-serif; font-style:italic; font-size:37px; line-height:110%} .component_pm_toppic_slider .swiper-button-next{ right:20px} .component_pm_toppic_slider .swiper-button-prev{ left:20px} @media only screen and (max-width:1340px){ .component_pm_toppic_slider .slideEntryHeadlines>*{ margin-left:80px} .component_pm_toppic_slider .slideEntryHeadlines .headline{ font-size:35px} .component_pm_toppic_slider .slideEntryHeadlines .subheadline{ font-size:30px} } @media only screen and (max-width:1024px){ .component_pm_toppic_slider .slideEntryHeadlines>*{ margin-left:60px} .component_pm_toppic_slider .slideEntryHeadlines .headline{ font-size:25px} .component_pm_toppic_slider .slideEntryHeadlines .subheadline{ font-size:20px} .component_pm_toppic_slider .swiper-button-next{ right:0} .component_pm_toppic_slider .swiper-button-prev{ left:0} } @media only screen and (max-width:640px){ .component_pm_toppic_slider .slideEntryHeadlines>*{ margin-left:40px} .component_pm_toppic_slider .slideEntryHeadlines .headline{ font-size:20px} .component_pm_toppic_slider .slideEntryHeadlines .subheadline{ font-size:16px} } @media only screen and (max-width:500px){ .component_pm_toppic_slider .slideEntryImage{ padding-bottom:45%} } .component_path{ padding-top:50px; background-color:#f2f2f2} .component_path.is_stuck{ z-index:9} .component_path .module_path{ padding:20px; max-width:1300px; margin:0 auto; vertical-align:top} .component_path .separator{ font-family:MaterialDesignIcons; color:#003da5; font-size:23px; line-height:normal; padding:0 5px} .module_path>*{ display:inline-block; vertical-align:middle} .component_path a{ display:inline-block; font-style:italic; font-size:18px; line-height:20px; color:#003da5} .component_path a.path_active{ color:#e3a716} @media only screen and (max-width:1024px){ .component_path{ padding-top:0} .component_path .module_path{ margin:0; white-space:nowrap; overflow-x:auto; padding-bottom:10px} .component_path .separator{ font-size:20px} .component_path a{ font-size:16px; line-height:18px} } .component_navi_context{ text-align:center; padding:20px} .component_footer{ padding:0; background-color:#003da5; text-align:center; position:relative} .component_footer,.component_footer a{ color:#fff; font-style:italic; font-size:18px; line-height:50px} .component_footer a:hover{ opacity:.8} .component_footer ul,.component_footer .footer_navi_1_box{ list-style-type:none; margin:0 auto; max-width:1340px; padding:0; text-align:left} .component_footer .footer_navi_1,.component_footer .footer_navi_3{ margin-bottom:20px; border-bottom:1px solid rgba(255,255,255,.3)} .component_footer .footer_navi_1 li{ min-width:160px; display:inline-block} .component_footer .footer_navi_1 li a{ padding:0 20px} .component_footer .footer_navi_1:after{ content:""; display:block; clear:both} .component_footer .footer_navi_2{ padding-bottom:10px} .component_footer .footer_navi_2 li{ width:16.66%; display:inline-block; padding:10px 10px 10px 20px; vertical-align:top; box-sizing:border-box} .component_footer .footer_navi_2,.component_footer .footer_navi_2 a,.component_footer .footer_navi_3,.component_footer .footer_navi_3 a{ font-size:12px; line-height:15px} .footer_copyright{ display:block} .footer_navi_subsites{ margin:0 auto; max-width:1340px; text-align:left} .footer_navi_subsites_box{ padding:0 20px 20px 20px; display:inline-block; vertical-align:top; width:16.66%; box-sizing:border-box} .component_footer .footer_navi_3 a{ display:block; font-size:14px; line-height:22px; letter-spacing:.02em} .component_footer .footer_navi_3 a.footer_navi_subsite_level_0{ font-size:17px; line-height:30px; letter-spacing:.02em; font-family:ExoSemibold,sans-serif} .component_footer .socialLinksMobile{ display:none} .component_footer .socialLinksDesktop{ display:block; float:right; margin:0 15px; height:45px} .component_footer .socialLinks>a{ display:inline-block; width:30px; height:30px; margin:10px 3px; background-position:center; background-repeat:no-repeat; background-size:30px 30px} .component_footer .socialLinks>a.socialLinkFb{ background-image:url(/images/icons/fb_icon.svg)} .component_footer .socialLinks>a.socialLinkXn{ background-image:url(/images/icons/xing_icon.svg)} .component_footer .socialLinks>a.socialLinkIn{ background-image:url(/images/icons/in_icon.svg)} .component_footer .socialLinks>a.socialLinkYt{ background-image:url(/images/icons/btn_youtube.svg)} .component_footer .socialLinks>a.socialLinkIg{ background-image:url(/images/icons/btn_insta.svg)} @media only screen and (max-width:1024px){ .component_footer .socialLinks>a{ margin:7px 3px} .component_footer .footer_navi_1 li{ min-width:auto} .component_footer,.component_footer a{ font-size:16px; line-height:40px} .footer_navi_subsites_box,.component_footer .footer_navi_2 li{ width:200px} } @media only screen and (max-width:768px){ .component_footer .socialLinksMobile{ margin-top:10px; display:block} .component_footer .socialLinksDesktop{ display:none} .component_footer .socialLinks>a{ margin:7px} } @media only screen and (max-width:480px){ .component_footer{ line-height:30px} .component_footer .footer_navi_1_box{ margin:0 10px} .component_footer .footer_navi_1 li a{ padding:0 5px; margin-left:5px; font-size:14px; line-height:22px; letter-spacing:.02em} } .module_not_found{ margin:0 auto; width:100%; max-width:var(--content-max-width); box-sizing:border-box; padding:0 20px} .module_not_found .content_headline2{ text-align:center} .module_not_found .module_site{ margin-bottom:50px} .module_not_found .search_box h1.content_sitename{ color:#7d644b; line-height:75px; margin-bottom:50px} .module_not_found .search_infobox{ float:right; width:50%} .module_not_found .search_infobox .module_description_box{ color:#9c866d} .module_not_found .search_infobox .kontakt_link2{ font-size:50px; line-height:90px} .module_not_found .search_box{ border-bottom:2px dotted #7d644b; padding-bottom:20px; margin-bottom:30px} .module_not_found .search_box_input,.module_not_found .search_box_input input,.module_not_found .search_box_button,.module_not_found .search_box_button input{ vertical-align:middle; -webkit-appearance:none; border-radius:0} .module_not_found .search_box_input,.module_not_found .search_box_button{ float:left} .module_not_found .search_box_input{ width:29.5%} .module_not_found input[type=search]::-webkit-search-cancel-button{ -webkit-appearance:none; background-size:100% 100%; background-repeat:no-repeat; background-position:center; background-image:url(/images/icons/cross.png); width:15px; height:15px} .module_not_found .search_box_input input{ width:100%} .module_not_found .search_box_button input{ background-size:50% 50%; background-repeat:no-repeat; background-position:center; background-image:url(/images/icons/search.png); width:41px; height:41px; vertical-align:middle} .module_not_found .search_box:after{ content:""; display:table; clear:both} .module_not_found .search_head h2{ font-size:30px; line-height:34px; margin-bottom:10px} .module_not_found .search_head p{ font-family:Georgia,Times,"Times New Roman",serif; font-style:italic; font-size:19px; color:#9c866d; margin-bottom:20px} .module_not_found .search_result_list ul,.module_not_found .search_result_list li{ list-style-type:none; margin:0; padding:0} .module_not_found .search_result_list li{ margin-bottom:20px} .module_not_found .search_result_list{ margin-bottom:50px} .module_not_found .search_result_list .search_result{ padding:15px} .module_not_found .search_result_list h3{ font-family:Montserrat,Arial,Helvetica,sans-serif; font-size:20px; font-weight:bold; text-transform:uppercase; line-height:normal; margin-bottom:5px; font-style:normal} .module_not_found .search_result_outer{ position:relative; padding-left:15%} .module_not_found .search_result_teasertext{ padding-left:10px} .module_not_found .search_result_teaserpic{ width:15%; height:100%; position:absolute; top:0; left:0; background:#f6eadd no-repeat center center; background-image:url(/images/logo/_logo_kreis.png); background-size:35% auto} .module_not_found .search_result_teaserpic_icon{ background-color:#ceb499} .module_not_found .search_result_teaserpic_img{ background-size:cover} .module_not_found .search_result_teaserpic a{ display:block; height:100%} .module_not_found .search_result{ font-size:15px; line-height:normal; margin-left:15%; min-height:73px; box-sizing:border-box} .module_not_found .search_result .link_description{ color:#8e7a65} .module_not_found .search_result .search_result_more_link{ margin-top:5px} .module_not_found .search_result .search_result_more_link a{ font-size:15px} .module_not_found div.search_pages{ text-align:center} .module_not_found .search_page_prefix{ font-family:Montserrat,Arial,Helvetica,sans-serif; font-size:20px; font-weight:bold; text-transform:uppercase; line-height:normal; display:inline-block; padding-right:20px} .module_not_found .search_page_link{ font-family:Georgia,Times,"Times New Roman",serif; font-style:italic; font-size:20px; line-height:normal; display:inline-block; padding:0 7px} .module_not_found .search_page_link:hover,.module_not_found .search_page_link_active:hover{ color:inherit !important; background-color:#fff} .module_not_found .search_page_link_active{ color:#fff !important; font-weight:bold; background-color:#9c866d} .module_not_found .search_page_link_prev,.module_not_found .search_page_link_next{ font-family:Montserrat,Arial,Helvetica,sans-serif; font-weight:bold; font-size:20px; display:inline-block; padding:0 10px} .module_not_found div.module_site{ padding-top:50px} .module_not_found .search_result_more_link{ text-align:right} .module_not_found .search_result_module{ margin:10px -5px 0} .module_not_found .search_result_module:after{ content:""; display:block; clear:both} .module_not_found .search_result_module .module_entry{ display:inline-block; width:50%; box-sizing:border-box; margin-top:10px; background-color:#fff; position:relative; border-right:5px solid #f7f7f7; border-left:5px solid #f7f7f7; vertical-align:top} .module_not_found .search_result_module .module_entry_pic{ display:block; position:absolute; left:0; top:0; bottom:0; width:20%; background-position:center; background-repeat:no-repeat; background-size:cover} .module_not_found .search_result_module .module_entry_text{ display:block; margin-left:20%; padding:10px; box-sizing:border-box; min-height:100px} .module_not_found .search_result_module .module_entry_text .h4{ display:block; font-size:18px; font-weight:bold; line-height:normal} .module_not_found .search_result_module .module_entry_text .h5{ display:block; font-size:14px; font-weight:normal; line-height:normal} .module_not_found .search_result_module.search_result_bf_pictureservice .module_entry{ width:25%} .module_not_found .search_result_module.search_result_bf_pictureservice .module_entry_pic{ position:static; width:100%} .module_not_found .search_result_module.search_result_bf_pictureservice .module_entry_pic img{ display:block; width:100%} .module_not_found .search_result_module.search_result_bf_pictureservice .module_entry_text{ margin:0; min-height:60px} .module_not_found .search_result_module.search_result_downloads .module_entry{ width:33.33%} .module_not_found .search_result_module.search_result_downloads .module_entry_pic{ width:30%} .module_not_found .search_result_module.search_result_downloads .module_entry_text{ min-height:120px; margin-left:30%} .module_not_found .search_result_module.search_result_jobs .module_entry{ width:33.33%} .module_not_found .search_result_module.search_result_jobs .module_entry_text{ margin:0; min-height:auto; text-align:center} .module_not_found .search_result_module.search_result_bf_media .module_entry.media_category{ width:33.33%; min-width:220px} .module_not_found .search_result_module.search_result_bf_media .module_entry.media_category img{ padding:5px; display:block; float:left; height:30px} .module_not_found .search_result_module.search_result_bf_media .module_entry.media_category span{ display:block; font-size:18px; font-weight:bold; line-height:40px; float:left; padding-left:10px} .module_not_found .search_result_module.search_result_bf_media .module_entry.video_entry{ width:33.33%} .module_not_found .search_result_module.search_result_bf_media .video_entry .module_entry_pic{ position:relative; width:100%} .module_not_found .search_result_module.search_result_bf_media .video_entry .module_entry_pic:after{ content:""; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:transparent url(/images/videos/overlay_play.png) no-repeat center; background-size:auto 75%} .module_not_found .search_result_module.search_result_bf_media .video_entry .module_entry_pic img{ display:block; width:100%} .module_not_found .search_result_module.search_result_bf_media .video_entry .module_entry_text{ margin:0; min-height:60px} .module_not_found .search_result_module.search_result_bf_media .module_entry.bericht_entry{ width:12.5%; min-width:98px} .module_not_found .search_result_module.search_result_bf_media .bericht_entry .module_entry_pic{ position:static; width:100%} .module_not_found .search_result_module.search_result_bf_media .bericht_entry .module_entry_pic img{ display:block; width:100%} .module_not_found .search_result_module.search_result_bf_media .bericht_entry .module_entry_text{ margin:0; min-height:60px; display:none} .module_not_found .search_result_module.search_result_maps .module_entry{ width:25%} .module_not_found .search_result_module.search_result_maps .module_entry_pic{ position:static; width:100%} .module_not_found .search_result_module.search_result_maps .module_entry_pic img{ display:block; width:100%} .module_not_found .search_result_module.search_result_maps .module_entry_text{ margin:0; min-height:60px} .module_not_found .search_result_module.search_result_maps .module_entries_referenzhaeuser .module_entry{ width:16.66%} .module_not_found .search_result_module.search_result_maps .module_entries_referenzhaeuser .module_entry_text .h5{ font-size:13px} .module_not_found .search_top h2{ margin-bottom:10px} .module_not_found .search_top ul,.module_not_found .search_top li{ margin:0; padding:0; list-style-type:none} .module_not_found .search_top ul{ columns:2} @media only screen and (max-width:1300px){ .module_not_found .search_box h1.content_sitename{ line-height:65px; margin-bottom:40px} .module_not_found .search_box_input{ width:28%} .module_not_found .search_box_button input{ width:34px; height:34px} .module_not_found .search_infobox .kontakt_link2{ font-size:40px; line-height:80px} .module_not_found .search_head h2{ font-size:25px; line-height:30px; margin-bottom:8px} .module_not_found .search_head p{ font-size:17px; margin-bottom:17px} .module_not_found .search_result{ font-size:13px} .module_not_found .search_result .search_result_more_link a{ font-size:13px} .module_not_found .search_result_list h3{ font-size:17px; margin-bottom:4px} .module_not_found .search_result_list .search_result{ padding:11px} .module_not_found .search_result_list li{ margin-bottom:17px} .module_not_found .search_page_prefix{ font-size:17px; padding-right:17px} .module_not_found .search_page_link{ margin:0 5px} .module_not_found .search_page_link_prev,.module_not_found .search_page_link_next{ font-size:17px; padding:0 7px} .module_not_found .search_result_module .module_entry_text .h4{ font-size:16px} .module_not_found .search_result_module .module_entry_text .h5{ font-size:14px} .module_not_found .search_result_module.search_result_maps .module_entries_referenzhaeuser .module_entry{ width:20%} } @media only screen and (max-width:1024px){ .module_not_found .module_site{ padding-top:20px !important; margin-bottom:20px} .module_not_found .search_infobox .kontakt_link2{ font-size:20px; line-height:normal; margin-top:10px} .module_not_found .search_box{ border-bottom-width:1px; padding-bottom:10px; margin-bottom:10px} .module_not_found .search_box h1.content_sitename{ line-height:normal; margin-bottom:20px} .module_not_found .search_box_input{ width:40%} .module_not_found .search_box_button input{ width:32px; height:32px} .module_not_found .search_head p{ font-size:15px; line-height:normal; margin-bottom:10px} .module_not_found .search_head h2{ font-size:20px; line-height:normal} .module_not_found .search_result_list{ margin-bottom:10px} .module_not_found .search_result_list li{ margin-bottom:10px} .module_not_found .search_result_list h3{ font-size:15px} .module_not_found .search_result_list .search_result{ padding:10px} .module_not_found .search_result_module .module_entry{ width:100%} .module_not_found .search_result_module.search_result_bf_pictureservice .module_entry{ width:33.33%} .module_not_found .search_result_module.search_result_downloads .module_entry{ width:50%} .module_not_found .search_result_module.search_result_maps .module_entries_referenzhaeuser .module_entry{ width:25%} } @media only screen and (max-width:768px){ .module_not_found .search_result_teaserpic{ width:20%} .module_not_found .search_result{ margin-left:20%} .module_not_found .search_result_module.search_result_bf_pictureservice .module_entry,.module_not_found .search_result_module.search_result_maps .module_entry{ width:50%} .module_not_found .search_result_module.search_result_jobs .module_entry{ width:50%} .module_not_found .search_result_module.search_result_bf_media .module_entry.video_entry{ width:50%} .module_not_found .search_result_module.search_result_maps .module_entries_referenzhaeuser .module_entry{ width:33.33%} } @media only screen and (max-width:540px){ .module_not_found .search_infobox{ float:none; width:100%; margin-bottom:20px} .module_not_found .search_infobox .kontakt_link2{ text-align:right} .module_not_found .search_box_input{ width:85%} .module_not_found .search_box h1.content_sitename{ font-size:20px; margin-bottom:10px} .module_not_found .search_head h2{ font-size:15px} .module_not_found .search_result_list h3{ font-size:12px} .module_not_found .search_page_prefix{ display:none} .module_not_found .search_result_module .module_entry_pic{ display:none} .module_not_found .search_result_module.search_result_bf_pictureservice .module_entry_pic,.module_not_found .search_result_module.search_result_maps .module_entry_pic,.module_not_found .search_result_module.search_result_downloads .module_entry_pic,.module_not_found .search_result_module.search_result_bf_media .module_entry_pic{ display:block} .module_not_found .search_result_module .module_entry_text{ margin-left:0} .module_not_found .search_result_module .module_entry_text .h4{ font-size:14px} .module_not_found .search_result_module .module_entry_text .h5{ font-size:12px} .module_not_found .search_result_module.search_result_downloads .module_entry{ width:100%} .module_not_found .search_result_module.search_result_jobs .module_entry{ width:100%} .module_not_found .search_result_module.search_result_bf_media .module_entry.video_entry{ width:100%} .module_not_found .search_result_module.search_result_maps .module_entries_referenzhaeuser .module_entry{ width:50%} .module_not_found .search_top ul{ columns:1} } @media only screen and (max-width:380px){ .module_not_found .search_result_module.search_result_bf_pictureservice .module_entry,.module_not_found .search_result_module.search_result_maps .module_entry,.module_not_found .search_result_module.search_result_maps .module_entries_referenzhaeuser .module_entry{ width:100%} }