div.component_top{ padding:20px 0} div.component_top a{ display:block; max-width:260px; margin:0 auto} div.component_top a img{ display:block; height:93px; margin:0 auto} div.top_devenv{ color:#f0f0f0; background:#e43; box-shadow:0 0 3px rgba(0,0,0,.3); font-weight:bold; font-size:18px; text-align:center; line-height:20px; letter-spacing:1px; position:fixed; z-index:9998; width:200px; padding:5px 50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; top:25px; right:-50px; left:auto; transform:rotate(45deg); -webkit-transform:rotate(45deg)} @media only screen and (max-width:1024px),only screen and (max-height:1024px){ div.component_top a{ max-width:210px} div.component_top a img{ height:70px} } @media only screen and (max-width:768px),only screen and (max-height:768px){ div.component_top a{ max-width:120px} div.component_top a img{ height:43px} } .component_top_navi{ padding:20px 0; position:relative} .component_top_navi ul{ list-style-type:none; margin:0; padding:0; text-align:center} .component_top_navi ul li{ padding:0; margin:0; display:inline-block} .component_top_navi ul.menue_table>li{ padding:0 10px; border-left:1px solid #4d4d4d} .component_top_navi ul.menue_table>li:nth-child(2){ border-left:0} .component_top_navi a{ text-transform:uppercase} .component_top_navi a.active,.component_top_navi a.aktiv{ color:#c10045} #naviMobile{ display:none} .component_top_navi li .naviSecond,.component_top_navi li .naviThird,.component_top_navi .mobile_footer_navi{ display:none} @media only screen and (min-width:769px){ .component_top_navi li.site_1{ display:none} .component_top_navi li .naviSecond{ position:absolute; left:0; right:0; top:60px; z-index:2000; box-shadow:0 0 4px #c8c8c8; background-color:rgba(255,255,255,.95)} .component_top_navi li .naviSecond>ul{ padding:10px 0} .component_top_navi li .naviSecond li{ display:inline-block; border-left:1px solid #4d4d4d; padding:0 10px} .component_top_navi li .naviSecond li:first-child{ border-left:0} .component_top_navi li .naviThird{ position:absolute; left:0; right:0; top:45px; z-index:2000; box-shadow:0 0 4px #c8c8c8; background-color:rgba(255,255,255,.95)} .component_top_navi li .naviThird ul{ padding:5px 0} } @media only screen and (max-width:768px){ li.site_68{ display:none !important} .component_top_navi{ padding:0; position:absolute; left:10px; top:30px} .component_top_navi.aktiv{ right:10%} #naviMobile{ display:block; cursor:pointer; height:30px; width:30px; background:url(/images/icons/navi_button.png) no-repeat top left transparent; -webkit-background-size:30px auto; background-size:30px auto} .component_top_navi.aktiv #naviMobileClose{ display:block; cursor:pointer; height:20px; width:20px; z-index:9999; position:absolute; top:10px; right:10px; background:url(/images/icons/navi_button_close.png) no-repeat center transparent; -webkit-background-size:15px auto; background-size:15px auto} .component_top_navi .navi_container{ width:90%; position:fixed; top:0; right:100%; bottom:0; z-index:9998; background-color:rgba(255,255,255,.95); transition:.2s} .component_top_navi ul.menue_table{ display:block; padding:50px 10px 10px 10px; position:absolute; top:0; left:0; right:30px; bottom:40px; overflow:scroll} .component_top_navi.aktiv .navi_container{ right:10%; box-shadow:0 0 4px #c8c8c8} .component_top_navi ul li{ display:block; width:100%; text-align:left; position:relative; padding:0 !important; border-left:0 !important} .component_top_navi ul.menue_table>li{ border-bottom:1px solid #4d4d4d} .component_top_navi a.menue:link,.component_top_navi a.menue:visited,.component_top_navi a.menue:hover,.component_top_navi a.menue:focus{ line-height:45px; font-size:22px} .component_top_navi .naviSecond{ padding-left:20px} .component_top_navi li .naviSecond li a{ display:block; padding:3px 0} .component_top_navi .naviThird{ padding-left:20px} .component_top_navi .mobile_footer_navi{ position:absolute; bottom:5px; left:5px; right:15px; transition-delay:.3s} .component_top_navi.aktiv .mobile_footer_navi{ display:block} .component_top_navi .mobile_footer_navi .naviSecond{ padding-left:0} .component_top_navi .mobile_footer_navi .naviSecond li{ display:inline-block; border-left:1px solid #4d4d4d !important; padding:0 5px !important; width:auto !important} .component_top_navi .mobile_footer_navi .naviSecond li:first-child{ border-left:0 !important} } .navi_container .menue_table .site_122:before,.navi_container .menue_table .site_141:before{ content:""; display:inline-block; background:url(/images/icons/icon_einkaufswagen.png); background-size:35px; height:35px; width:35px; vertical-align:center; top:50%; transform:translateY(-50%); position:absolute; margin-left:-35px} .navi_container .menue_table .site_122,.navi_container .menue_table .site_141{ position:absolute; border:none; right:8%} @media only screen and (max-width:1400px){ .navi_container .menue_table .site_122,.navi_container .menue_table .site_141{ right:5%} } @media only screen and (max-width:1280px){ .navi_container .menue_table .site_122,.navi_container .menue_table .site_141{ position:unset; border-left:1px solid #4d4d4d} .navi_container .menue_table .site_122:before,.navi_container .menue_table .site_141:before{ content:""; display:inline-block; background:none; position:absolute; margin-left:0} } @media only screen and (max-width:768px){ .navi_container .menue_table .site_122:after,.navi_container .menue_table .site_141:after{ content:""; display:inline-block; background:url(/images/icons/icon_einkaufswagen.png); background-size:35px; height:35px; width:35px; transform:translateY(4px); position:absolute} } @media print{ .component_top_navi{ display:none !important} } @font-face{ font-family:swiper-icons; src:url("data:application/font-woff; charset=utf-8; base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight:400; font-style:normal} :root{ --swiper-theme-color:#007aff} .swiper-container{ margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1} .swiper-container-vertical>.swiper-wrapper{ flex-direction:column} .swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform; box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{ transform:translate3d(0px,0,0)} .swiper-container-multirow>.swiper-wrapper{ flex-wrap:wrap} .swiper-container-multirow-column>.swiper-wrapper{ flex-wrap:wrap; flex-direction:column} .swiper-container-free-mode>.swiper-wrapper{ transition-timing-function:ease-out; margin:0 auto} .swiper-slide{ flex-shrink:0; width:100%; height:100%; position:relative; transition-property:transform} .swiper-slide-invisible-blank{ visibility:hidden} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{ height:auto} .swiper-container-autoheight .swiper-wrapper{ align-items:flex-start; transition-property:transform,height} .swiper-container-3d{ perspective:1200px} .swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{ transform-style:preserve-3d} .swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{ position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; z-index:10} .swiper-container-3d .swiper-slide-shadow-left{ background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-right{ background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-top{ background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-3d .swiper-slide-shadow-bottom{ background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))} .swiper-container-css-mode>.swiper-wrapper{ overflow:auto; scrollbar-width:none; -ms-overflow-style:none} .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{ display:none} .swiper-container-css-mode>.swiper-wrapper>.swiper-slide{ scroll-snap-align:start start} .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{ scroll-snap-type:x mandatory} .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{ scroll-snap-type:y mandatory} :root{ --swiper-navigation-size:44px} .swiper-button-next,.swiper-button-prev{ position:absolute; top:50%; width:calc(var(--swiper-navigation-size)/ 44 * 27); height:var(--swiper-navigation-size); margin-top:calc(-1 * var(--swiper-navigation-size)/ 2); z-index:10; cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--swiper-navigation-color,var(--swiper-theme-color))} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{ opacity:.35; cursor:auto; pointer-events:none} .swiper-button-next:after,.swiper-button-prev:after{ font-family:swiper-icons; font-size:var(--swiper-navigation-size); text-transform:none!important; letter-spacing:0; text-transform:none; font-variant:initial} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{ left:10px; right:auto} .swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{ content:'prev'} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{ right:10px; left:auto} .swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{ content:'next'} .swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{ --swiper-navigation-color:#ffffff} .swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{ --swiper-navigation-color:#000000} .swiper-button-lock{ display:none} .swiper-pagination{ position:absolute; text-align:center; transition:.3s opacity; transform:translate3d(0,0,0); z-index:10} .swiper-pagination.swiper-pagination-hidden{ opacity:0} .swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{ bottom:10px; left:0; width:100%} .swiper-pagination-bullets-dynamic{ overflow:hidden; font-size:0} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transform:scale(.33); position:relative} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{ transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{ transform:scale(1)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{ transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{ transform:scale(.33)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{ transform:scale(.66)} .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{ transform:scale(.33)} .swiper-pagination-bullet{ width:8px; height:8px; display:inline-block; border-radius:100%; background:#000; opacity:.2} button.swiper-pagination-bullet{ border:none; margin:0; padding:0; box-shadow:none; -webkit-appearance:none; -moz-appearance:none; appearance:none} .swiper-pagination-clickable .swiper-pagination-bullet{ cursor:pointer} .swiper-pagination-bullet-active{ opacity:1; background:var(--swiper-pagination-color,var(--swiper-theme-color))} .swiper-container-vertical>.swiper-pagination-bullets{ right:10px; top:50%; transform:translate3d(0px,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:6px 0; display:block} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ top:50%; transform:translateY(-50%); width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ display:inline-block; transition:.2s transform,.2s top} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 4px} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{ left:50%; transform:translateX(-50%); white-space:nowrap} .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transition:.2s transform,.2s left} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{ transition:.2s transform,.2s right} .swiper-pagination-progressbar{ background:rgba(0,0,0,.25); position:absolute} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ background:var(--swiper-pagination-color,var(--swiper-theme-color)); position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(0); transform-origin:left top} .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{ transform-origin:right top} .swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{ width:100%; height:4px; left:0; top:0} .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{ width:4px; height:100%; left:0; top:0} .swiper-pagination-white{ --swiper-pagination-color:#ffffff} .swiper-pagination-black{ --swiper-pagination-color:#000000} .swiper-pagination-lock{ display:none} .swiper-scrollbar{ border-radius:10px; position:relative; -ms-touch-action:none; background:rgba(0,0,0,.1)} .swiper-container-horizontal>.swiper-scrollbar{ position:absolute; left:1%; bottom:3px; z-index:50; height:5px; width:98%} .swiper-container-vertical>.swiper-scrollbar{ position:absolute; right:3px; top:1%; z-index:50; width:5px; height:98%} .swiper-scrollbar-drag{ height:100%; width:100%; position:relative; background:rgba(0,0,0,.5); border-radius:10px; left:0; top:0} .swiper-scrollbar-cursor-drag{ cursor:move} .swiper-scrollbar-lock{ display:none} .swiper-zoom-container{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; text-align:center} .swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{ max-width:100%; max-height:100%; object-fit:contain} .swiper-slide-zoomed{ cursor:move} .swiper-lazy-preloader{ width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px; z-index:10; transform-origin:50%; animation:swiper-preloader-spin 1s infinite linear; box-sizing:border-box; border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color)); border-radius:50%; border-top-color:transparent} .swiper-lazy-preloader-white{ --swiper-preloader-color:#fff} .swiper-lazy-preloader-black{ --swiper-preloader-color:#000} @keyframes swiper-preloader-spin{ 100%{ transform:rotate(360deg)} } .swiper-container .swiper-notification{ position:absolute; left:0; top:0; pointer-events:none; opacity:0; z-index:-1000} .swiper-container-fade.swiper-container-free-mode .swiper-slide{ transition-timing-function:ease-out} .swiper-container-fade .swiper-slide{ pointer-events:none; transition-property:opacity} .swiper-container-fade .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-cube{ overflow:visible} .swiper-container-cube .swiper-slide{ pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1; visibility:hidden; transform-origin:0 0; width:100%; height:100%} .swiper-container-cube .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-cube.swiper-container-rtl .swiper-slide{ transform-origin:100% 0} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{ pointer-events:auto; visibility:visible} .swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{ z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden} .swiper-container-cube .swiper-cube-shadow{ position:absolute; left:0; bottom:0px; width:100%; height:100%; background:#000; opacity:.6; -webkit-filter:blur(50px); filter:blur(50px); z-index:0} .swiper-container-flip{ overflow:visible} .swiper-container-flip .swiper-slide{ pointer-events:none; -webkit-backface-visibility:hidden; backface-visibility:hidden; z-index:1} .swiper-container-flip .swiper-slide .swiper-slide{ pointer-events:none} .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{ pointer-events:auto} .swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{ z-index:0; -webkit-backface-visibility:hidden; backface-visibility:hidden} .component_pm_slider{ overflow:hidden; position:relative; min-width:320px; margin-bottom:0; padding:10px 0} .component_pm_slider .swiper-container{ border:none; left:0; z-index:10; box-shadow:0 0 4px #646464} .component_pm_slider ul{ margin:0; padding:0; list-style-type:none} .component_pm_slider ul li .slideEntryImage,.component_pm_slider .topImage>div{ display:block; height:0; padding-bottom:25%; background-repeat:no-repeat; background-position:top center; -webkit-background-size:cover; background-size:cover} .component_pm_slider .topImage{ box-shadow:0 0 4px #646464} .component_pm_slider .swiper-pagination{ max-width:1300px; margin:0 auto; padding:0 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; position:static; text-align:right; padding-top:10px} .component_pm_slider .swiper-pagination .swiper-pagination-bullet{ display:inline-block; color:transparent; width:20px; height:20px; margin:0 5px; background:url(/images/icons/stern_grau_01.png) no-repeat center transparent; -webkit-background-size:contain; background-size:contain; opacity:1} .component_pm_slider .swiper-pagination .swiper-pagination-bullet:hover,.component_pm_slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:url(/images/icons/stern_schwarz_01.png) no-repeat center transparent; -webkit-background-size:contain; background-size:contain} .component_pm_slider .slide_text{ display:block; position:absolute; left:10%; top:10%; height:80%; width:auto} @media only screen and (max-width:1300px){ .component_pm_slider ul li .slideEntryImage{ padding-bottom:0; height:325px} } @media only screen and (max-width:1024px)and (orientation:landscape){ .component_pm_slider ul li .slideEntryImage{ padding-bottom:0; height:278px} } @media only screen and (max-width:1024px)and (orientation:portrait){ .component_pm_slider ul li .slideEntryImage{ padding-bottom:50%; height:0} } @media only screen and (max-width:768px){ .component_pm_slider .swiper-pagination{ text-align:center} } @media only screen and (max-width:768px)and (orientation:landscape){ .component_pm_slider ul li .slideEntryImage{ padding-bottom:28%; height:0} } #scrollButton{ position:fixed; width:45px; height:45px; background:url(/images/icons/scroll_button.png) no-repeat center transparent; right:50px; bottom:50px; display:none; cursor:pointer; z-index:5} @media only screen and (max-width:768px){ #scrollButton{ right:20px; bottom:20px} } @media print{ #scrollButton{ display:none !important} } .footer_logo{ padding-bottom:30px} .footer_logo img{ display:block; height:60px; margin:0 auto} @media only screen and (max-width:1024px),only screen and (max-height:1024px){ .footer_logo{ padding-bottom:10px} .footer_logo img{ height:40px} } @media only screen and (max-width:480px),only screen and (max-height:480px){ .footer_logo{ padding-bottom:5px} .footer_logo img{ height:20px} } .component_footer{ box-shadow:0 -2px 3px #c8c8c8; padding:5px 0} .footer_inner{ max-width:1300px; margin:0 auto; padding:0 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} .footer_inner:after{ content:""; display:block; clear:both} .component_footer .footer_navi_1{ float:right} .component_footer .footer_navi_2{ float:left; font-size:16px; line-height:25px} .component_footer a.footer_navi{ text-transform:uppercase} .component_footer .footer_copyright{ display:inline-block; white-space:nowrap; padding-right:20px} .component_footer .footer_pm{ white-space:nowrap} .component_footer a.footer_navi_active{ color:#c10045} @media only screen and (max-width:1024px){ .component_footer .footer_navi_2{ font-size:12px; line-height:23px} } @media only screen and (max-width:768px){ .component_footer .footer_navi_1{ display:none} .component_footer .footer_navi_2{ float:none; text-align:center} .component_footer .footer_copyright,.component_footer .footer_pm{ padding:0 10px} } @media only screen and (max-width:480px){ .component_footer .footer_navi_2{ line-height:16px} } @media print{ .component_footer{ display:none !important} } #Layer_Content{ border:40px solid #c52338; border-bottom:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} header,main,footer,.content_row{ min-width:300px} footer{ background-color:#fff; color:#fff} footer a:link,footer a:visited{ color:#fff} .component_footer{ background-color:#c52338} .brightness{ filter:url("data:image/svg+xml; utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='brightness'><feColorMatrix type='matrix' values='1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0'/></filter></svg>#brightness"); -webkit-filter:brightness(108.5%)} .template_text h1{ text-transform:none} .quot{ margin-left:-10px} @media only screen and (max-width:1024px){ #Layer_Content{ border:10px solid #c52338; border-bottom:0} #Layer_Content:before,#Layer_Content:after{ display:none} }