/* phone */ body { background-color: transparent; } body.site:before { background: transparent url("../gallery_gen/8a1ca8b1c1c74251622368d8a3e95b5c_fit.jpg") repeat-x scroll center bottom 0px; } .wb_sbg { background: transparent none repeat scroll left top; } .site-lang-sv .wb_cont_inner { width: 360px; height: 100%; } .site-lang-sv .wb_cont_bg { width: 360px; margin-left: -180px; } .site-lang-sv .root { min-height: 100%; height: auto; } #a18a42adf973276bb914a5511d21e961 { opacity: 1; box-sizing: border-box; width: 42.11%; height: auto; min-width: 123px; min-height: 85px; max-width: 3840px; max-height: 1399px; margin: 0px 5px 0px 5px; flex: 0 0 auto; } #a18a42adf973276bb914a5511d21e961 .wb-picture-wrapper { -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; border: #D1D1D1 none 0px; } #a18a42adf973276bb914a5511d21e961 img { width: 100%; height: auto; } #a18a42adf973276bb914a5511d21e961 > .wb_picture_wrap > .wb-picture-wrapper { text-shadow: none; box-shadow: none; } #a18a42adf9740de6e6161b5b2b1f36d9 { width: auto; height: auto; max-width: 100%; margin: 10px 10px 10px 10px; flex: 1 1 auto; } #a18a42adf9740de6e6161b5b2b1f36d9 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a18a42adf9740ff86e1cba490b5d41e2 .btn-collapser { display: inline-block; background-color: #FFFFFF; border-color: #000000; } #a18a42adf9740ff86e1cba490b5d41e2 .btn-collapser > .icon-bar { background-color: #000000; } #a18a42adf9740ff86e1cba490b5d41e2 .btn-collapser:hover { background-color: #FFFFFF; border-color: #F1C400; } #a18a42adf9740ff86e1cba490b5d41e2 .btn-collapser:hover > .icon-bar { background-color: #F1C400; } #a18a42adf9740ff86e1cba490b5d41e2 { width: 100%; height: auto; max-width: 540px; flex: 1 1 auto; text-shadow: none; box-shadow: none; } #a18a42adf9740ff86e1cba490b5d41e2 ul { background: #FFFFFF none repeat scroll left top; } #a18a42adf9740ff86e1cba490b5d41e2 > ul { display: none; } #a18a42adf9740ff86e1cba490b5d41e2.collapse-expanded > ul { display: block; float: none; height: auto; overflow: hidden; overflow-y: auto; } #a18a42adf9740ff86e1cba490b5d41e2.collapse-expanded > ul > li { display: block; } #a18a42adf9740ff86e1cba490b5d41e2.collapse-expanded li > ul { position: static; } #a18a42adf9740ff86e1cba490b5d41e2.collapse-expanded li.active > ul { display: block!important; } #a18a42adf9740ff86e1cba490b5d41e2.collapse-expanded li.over > ul { display: block!important; } #a18a42adf9740ff86e1cba490b5d41e2 ul, #a18a42adf9740ff86e1cba490b5d41e2-det ul { border: #000000 none 0px; } #a18a42adf9740ff86e1cba490b5d41e2, #a18a42adf9740ff86e1cba490b5d41e2 ul, #a18a42adf9740ff86e1cba490b5d41e2-det ul { text-align: center; } #a18a42adf9740ff86e1cba490b5d41e2 ul ul, #a18a42adf9740ff86e1cba490b5d41e2-det ul { background: #FFFFFF none repeat scroll left top; } #a18a42adf9740ff86e1cba490b5d41e2 li, #a18a42adf9740ff86e1cba490b5d41e2-det li { margin: 0px 0px 0px 0px; } #a18a42adf9740ff86e1cba490b5d41e2 li a, #a18a42adf9740ff86e1cba490b5d41e2-det li a { padding: 10px 15px 10px 15px; text-transform: uppercase; border: #333333 none 0px; font: normal bold 12px 'Open Sans',sans-serif; color: #000000; text-decoration: none; line-height: 14px; background: transparent none repeat scroll left top; } #a18a42adf9740ff86e1cba490b5d41e2 li.over > a, #a18a42adf9740ff86e1cba490b5d41e2 li:focus > a, #a18a42adf9740ff86e1cba490b5d41e2-det li.over > a, #a18a42adf9740ff86e1cba490b5d41e2-det li:focus > a { border: #333333 none 0px; font: normal bold 12px 'Open Sans',sans-serif; color: #F1C400; text-decoration: none; text-transform: uppercase; line-height: 14px; background: transparent none repeat scroll left top; } #a18a42adf9740ff86e1cba490b5d41e2 li.active > a, #a18a42adf9740ff86e1cba490b5d41e2-det li.active > a { border: #333333 none 0px; font: normal bold 12px 'Open Sans',sans-serif; color: #F1C400; text-decoration: none; text-transform: uppercase; line-height: 14px; background: transparent none repeat scroll left top; } #a18a42adf9740ff86e1cba490b5d41e2:not(.collapse-expanded) .vmenu ul.open-left,#a18a42adf9740ff86e1cba490b5d41e2:not(.collapse-expanded) .hmenu ul.open-left { left: auto; right: 100%; } #a18a42adf9740ff86e1cba490b5d41e2:not(.collapse-expanded) .hmenu > li > ul.open-left { left: auto; right: 0; } #a18a42adf9740eb04827d5bcb3d61242 { width: 50%; height: auto; min-width: 320px; max-width: 100%; margin: 10px 10px 10px 10px; flex: 1 1 auto; } #a18a42adf9740eb04827d5bcb3d61242 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: #000000 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a18a42adf974109e312e41bcc358c83e { border: #CCCCCC solid 1px; font: normal normal 14px Helvetica,Arial,sans-serif; color: #555555; text-decoration: none; line-height: 16px; font-weight: normal; font-style: normal; background-color: #fff; min-width: 51px; width: 9.75%; height: auto; max-width: 100%; flex: 0 0 auto; } #a18a42adf974109e312e41bcc358c83e a { font-style: normal; } #a18a42adf9740c970f00c0aa7fd42b30 { width: 100%; height: auto; max-width: 100%; flex: 0 0 auto; } #a18a42adf9740c970f00c0aa7fd42b30 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: #000000 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #FFFFFF none repeat scroll left top; justify-items: center; align-items: center; justify-content: space-around; align-content: flex-start; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #wb_header_a18a42ae0df5049ad762291afde32cde { width: auto; height: auto; max-width: none; max-height: none; flex: 1 1 auto; z-index: 6111; left: 0; top: 0; right: 0; bottom: auto; } #wb_header_a18a42ae0df5049ad762291afde32cde > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: #333333 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a18a42adf974111a01dbd35be2ad5534 > .wb-elm-line { margin: -0.5px 0 0 0; width: 100%; height: 1px; left: 0; top: 50%; border-top: 1px solid #303030;; } #a18a42adf974111a01dbd35be2ad5534 > .wb_content { width: 100%; height: 100%; } #a18a42adf974111a01dbd35be2ad5534 { width: 100%; height: 1px; max-width: 100%; flex: 0 0 auto; text-shadow: none; box-shadow: none; } #a18a42adf974152aa5c76e0ffe4ed7da { width: auto; height: auto; min-width: 160px; min-height: 46px; max-width: 100%; flex: 1 1 auto; } #a18a42adf974152aa5c76e0ffe4ed7da > .wb_button { padding: 0px 0px 0px 0px; text-shadow: none; box-shadow: none; } #a18a42adf974152aa5c76e0ffe4ed7da .wb_button { margin: 0; width: 100%; font-family: Helvetica,Arial,sans-serif; font-size: 16px; line-height: 22px; letter-spacing: 0px; text-align: center; border: #0095FF solid 2px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; background-color: #71B2C9; min-width: 20px; min-height: 20px; } #a18a42adf974152aa5c76e0ffe4ed7da .wb_button > span { font-weight: bold; font-style: normal; text-decoration: none; color: #FFFFFF; } #a18a42adf974152aa5c76e0ffe4ed7da .wb_button:before { background: transparent none repeat scroll left top; } #a18a42adf974152aa5c76e0ffe4ed7da .wb_button:hover > span { font-weight: bold; font-style: normal; text-decoration: none; color: #FFFFFF; } #a18a42adf974152aa5c76e0ffe4ed7da .wb_button:hover { background-color: #71B2C9; } #a18a42adf974152aa5c76e0ffe4ed7da .wb_button:hover:before { background: transparent none repeat scroll left top; } #a18a42adf974152aa5c76e0ffe4ed7da .wb_button:active > span { font-weight: bold; font-style: normal; text-decoration: none; color: #FFFFFF; } #a18a42adf974152aa5c76e0ffe4ed7da .wb_button:active { background-color: #71B2C9; } #a18a42adf974152aa5c76e0ffe4ed7da .wb_button:active:before { background: transparent none repeat scroll left top; } #a18a42adf97414c4ec908fb0fe97a490 { width: 100%; height: auto; max-width: 100%; margin: 10px 0px 10px 0px; flex: 0 0 auto; } #a18a42adf97414c4ec908fb0fe97a490 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 10px 0px 10px; border: #000000 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: flex-start; align-items: flex-end; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a18a42adf97417d1b521ca2265108ece > .wb_content { width: 100%; height: 100%; } #a18a42adf97417d1b521ca2265108ece { width: 100%; height: 600px; max-width: 1180px; flex: 1 1 auto; text-shadow: none; box-shadow: none; } #a18a42adf97418aa7ad0e5ad8983d162 { width: 100%; height: auto; min-height: 20px; max-width: 100%; flex: 1 1 auto; } #a18a42adf97418aa7ad0e5ad8983d162 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: #000000 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: center; align-items: stretch; justify-content: space-around; align-content: flex-start; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a18a42adf9741670a921847555c384b1 { width: 100%; height: auto; max-width: 100%; margin: 10px 0px 10px 0px; flex: 0 0 auto; } #a18a42adf9741670a921847555c384b1 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 10px 0px 10px; border: #000000 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a18a42adf97413b34dbb7f6a6fb6c08e { width: 100%; height: auto; min-height: 100px; max-width: 100%; flex: 1 1 auto; } #a18a42adf97413b34dbb7f6a6fb6c08e > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: #000000 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: flex-start; align-items: stretch; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a18a42adf9741950759f9615a2b8b84b { width: 100%; height: auto; min-height: 20px; max-width: 1200px; flex: 1 1 auto; } #a18a42adf9741950759f9615a2b8b84b > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: #000000 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: center; align-items: center; justify-content: space-between; align-content: flex-start; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a18a42adf97412436f38d527e0fb19e6 { width: 100%; height: auto; max-width: 1200px; flex: 0 0 auto; } #a18a42adf97412436f38d527e0fb19e6 > .wb_content { min-width: 20px; min-height: 20px; padding: 59px 0px 25px 0px; border: #000000 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #wb_main_a18a42ae0df5049ad762291afde32cde { width: 100%; height: auto; min-height: 457px; max-width: 100%; flex: 1 1 auto; } #wb_main_a18a42ae0df5049ad762291afde32cde > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: #333333 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: transparent none repeat scroll left top; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #a18a42adf9741bffb446938a728059ef p:last-child { margin-bottom: 0; } #a18a42adf9741bffb446938a728059ef { opacity: 1; width: 100%; height: auto; max-width: 400px; margin: 5px 5px 5px 0px; flex: 1 1 auto; text-shadow: none; box-shadow: none; } #a18a42adf9741a089ae1f1393f1a49f7 { width: 100%; height: auto; max-width: 1200px; flex: 1 1 auto; } #a18a42adf9741a089ae1f1393f1a49f7 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 8px 0px 0px; border: #000000 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #000000 none repeat scroll left top; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #wb_footer_a18a42ae0df5049ad762291afde32cde { width: 100%; height: auto; max-width: 100%; flex: 1 1 auto; } #wb_footer_a18a42ae0df5049ad762291afde32cde > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: #333333 none 0px; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #000000 none repeat scroll left top; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; text-shadow: none; box-shadow: none; } #wb_footer_c > .wb_content { width: 100%; height: 100%; } #wb_footer_c { width: 0px; height: 0px; max-width: 100%; flex: 0 0 auto; text-shadow: none; box-shadow: none; } .site-lang-en .wb_cont_inner { width: 360px; height: 100%; } .site-lang-en .wb_cont_bg { width: 360px; margin-left: -180px; } .site-lang-en .root { min-height: 100%; height: auto; } .site-lang-de .wb_cont_inner { width: 360px; height: 100%; } .site-lang-de .wb_cont_bg { width: 360px; margin-left: -180px; } .site-lang-de .root { min-height: 100%; height: auto; } /* tablet */ @media (min-width: 768px) { #a18a42adf973276bb914a5511d21e961 { margin: 0px 5px 0px 5px; } #a18a42adf9740de6e6161b5b2b1f36d9 { margin: 10px 10px 10px 10px; } #a18a42adf9740ff86e1cba490b5d41e2 ul { background: transparent none repeat scroll left top; } #a18a42adf9740ff86e1cba490b5d41e2 .btn-collapser { display: none; } #a18a42adf9740ff86e1cba490b5d41e2 > ul, #a18a42adf9740ff86e1cba490b5d41e2-det > ul { display: block; } #a18a42adf9740eb04827d5bcb3d61242 { margin: 10px 10px 10px 10px; } #a18a42adf97414c4ec908fb0fe97a490 { margin: 10px 0px 10px 0px; } #a18a42adf9741670a921847555c384b1 { margin: 10px 0px 10px 0px; } #a18a42adf9741bffb446938a728059ef { margin: 5px 5px 5px 0px; } #a18a42adf9741a089ae1f1393f1a49f7 > .wb_content { min-width: 20px; min-height: 20px; padding: 1px 24px 1px 0px; } } /* desktop */ @media (min-width: 992px) { #a18a42adf973276bb914a5511d21e961 { margin: 0px 5px 0px 5px; } #a18a42adf9740de6e6161b5b2b1f36d9 { margin: 10px 10px 10px 10px; } #a18a42adf9740eb04827d5bcb3d61242 { margin: 10px 10px 10px 10px; } #a18a42adf97414c4ec908fb0fe97a490 { margin: 10px 0px 10px 0px; } #a18a42adf9741670a921847555c384b1 { margin: 10px 0px 10px 0px; } #a18a42adf9741bffb446938a728059ef { margin: 5px 5px 5px 0px; } #a18a42adf9741a089ae1f1393f1a49f7 > .wb_content { min-width: 20px; min-height: 20px; padding: 2px 48px 1px 0px; } } /* tv */ @media (min-width: 1200px) { #a18a42adf973276bb914a5511d21e961 { margin: 0px 5px 0px 5px; } #a18a42adf9740de6e6161b5b2b1f36d9 { margin: 10px 10px 10px 10px; } #a18a42adf9740eb04827d5bcb3d61242 { margin: 10px 10px 10px 10px; } #a18a42adf97414c4ec908fb0fe97a490 { margin: 10px 0px 10px 0px; } #a18a42adf9741670a921847555c384b1 { margin: 10px 0px 10px 0px; } #a18a42adf9741bffb446938a728059ef { margin: 5px 5px 5px 0px; } #a18a42adf9741a089ae1f1393f1a49f7 > .wb_content { min-width: 20px; min-height: 20px; padding: 25px 795px 21px 0px; } } /* desktop_and_smaller */ @media (max-width: 1199px) { } /* tablet_and_smaller */ @media (max-width: 991px) { } /* phone_only */ @media (max-width: 767px) { #a18a42adf9740ff86e1cba490b5d41e2 { display: block; width: 32px; height: 29px; min-width: 32px; min-height: 29px; max-width: 32px; max-height: 29px; flex: 0 0 32px; } #a18a42adf9740c970f00c0aa7fd42b30 > .wb_content { background: #FFFFFF none repeat scroll left top; flex-direction: column; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #a18a42adf9740de6e6161b5b2b1f36d9 { width: auto; margin-left: 0; margin-right: 0; } #a18a42adf9740eb04827d5bcb3d61242 { width: auto; margin-left: 0; margin-right: 0; } #a18a42adf974109e312e41bcc358c83e { width: auto; margin-left: 0; margin-right: 0; } #a18a42adf97418aa7ad0e5ad8983d162 > .wb_content { background: transparent none repeat scroll left top; flex-direction: column; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #a18a42adf9741950759f9615a2b8b84b > .wb_content { background: transparent none repeat scroll left top; flex-direction: column; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } } /* tablet_only */ @media (min-width: 768px) and (max-width: 991px) { } /* desktop_only */ @media (min-width: 992px) and (max-width: 1199px) { } /* phone_last */ /* touch_device */ @media (any-pointer: coarse) { } /* mouse_device */ @media (any-pointer: fine) and (min-width: 767px) { }