/* phone */ body { background-color: #f0f0f0; } body.site:before { background: transparent url("../gallery_gen/af2465c2345c534f183b85e3d5b39733.png") repeat-x scroll center bottom; background-size: auto auto; } .wb_sbg { background: transparent none repeat-x left top; } .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; } #wb_element_instance5_6 .btn-collapser { display: inline-block; background-color: #ffffff; border-color: #2c2c2c; } #wb_element_instance5_6 .btn-collapser > .icon-bar { background-color: #2c2c2c; } #wb_element_instance5_6 .btn-collapser:hover { background-color: #ffffff; border-color: #43852d; } #wb_element_instance5_6 .btn-collapser:hover > .icon-bar { background-color: #43852d; } #wb_element_instance5_6 { left: 22px; top: 26px; z-index: 190; width: 32px; height: 29px; max-width: 100%; padding: 0px 0px 0px 0px; } #wb_element_instance5_6 ul { background: #ffffff none repeat left top; } #wb_element_instance5_6 > ul { display: none; } #wb_element_instance5_6.collapse-expanded > ul { display: block; float: none; height: auto; overflow: hidden; overflow-y: auto; } #wb_element_instance5_6.collapse-expanded > ul > li { display: block; } #wb_element_instance5_6.collapse-expanded li > ul { position: static; } #wb_element_instance5_6.collapse-expanded li.active > ul { display: block!important; } #wb_element_instance5_6.collapse-expanded li.over > ul { display: block!important; } #wb_element_instance5_6 ul, #wb_element_instance5_6-det ul { border: 0px none #000000; } #wb_element_instance5_6, #wb_element_instance5_6 ul, #wb_element_instance5_6-det ul { text-align: center; } #wb_element_instance5_6 ul ul, #wb_element_instance5_6-det ul { background: #2e2e2e none repeat left top; } #wb_element_instance5_6 li, #wb_element_instance5_6-det li { margin: 10px 10px 10px 10px; } #wb_element_instance5_6 li a, #wb_element_instance5_6-det li a { padding: 2px 2px 2px 2px; text-transform: none; border: 0px none #000000; font: normal normal 15px 'Source Sans Pro',Arial,sans-serif; text-decoration: none; color: #2c2c2c; line-height: 17px; letter-spacing: 1px; background: transparent none repeat left top; } #wb_element_instance5_6 li.over > a, #wb_element_instance5_6 li:focus > a, #wb_element_instance5_6-det li.over > a, #wb_element_instance5_6-det li:focus > a { border: 0px none #000000; font: normal normal 15px 'Source Sans Pro',Arial,sans-serif; text-decoration: none; color: #43852d; line-height: 17px; letter-spacing: 1px; background: transparent none repeat left top; } #wb_element_instance5_6 li.active > a, #wb_element_instance5_6-det li.active > a { border: 0px none #000000; font: normal normal 15px 'Source Sans Pro',Arial,sans-serif; text-decoration: none; color: #43852d; line-height: 17px; letter-spacing: 1px; background: transparent none repeat left top; } #wb_element_instance5_6:not(.collapse-expanded) .vmenu ul.open-left,#wb_element_instance5_6:not(.collapse-expanded) .hmenu ul.open-left { left: auto; right: 100%; } #wb_element_instance5_6:not(.collapse-expanded) .hmenu > li > ul.open-left { left: auto; right: 0; } #wb_element_instance6_6 { opacity: 1; box-sizing: border-box; left: 70px; top: -21px; z-index: 179; width: 220px; height: 90px; max-width: 100%; padding: 0px 0px 0px 0px; } #wb_element_instance6_6 .wb-picture-wrapper { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 1px none #000000; } #wb_element_instance6_6 .wb-picture-overflow { overflow: hidden; width: 220px; height: 90px; position: relative; } #wb_element_instance6_6 .wb-picture-overflow img { position: absolute; left: 0%; top: 0%; width: 100%; height: 107.08661417323%; } #wb_element_instance4_6 { width: 360px; height: 100px; max-width: 1200px; flex: 0 0 auto; } #wb_element_instance4_6 > .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 left top; background-size: auto auto; justify-items: flex-start; align-items: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_header_6 { width: 100%; height: auto; max-width: 100%; flex: 0 0 auto; } #wb_header_6 > .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; } #wb_element_instance8_6 p:last-child { margin-bottom: 0; } #wb_element_instance8_6 { opacity: 1; left: 35px; top: 20px; z-index: 37; width: 290px; height: 24px; max-width: 100%; padding: 0px 0px 0px 0px; } #wb_element_instance9_6 p:last-child { margin-bottom: 0; } #wb_element_instance9_6 { opacity: 1; left: 44px; top: 50px; z-index: 39; width: 276px; height: 144px; max-width: 100%; padding: 0px 0px 0px 0px; } #wb_element_instance10_6 { opacity: 1; box-sizing: border-box; left: -10px; top: 220px; z-index: 57; width: 360px; height: 300px; max-width: 100%; padding: 0px 0px 0px 0px; } #wb_element_instance10_6 .wb-picture-wrapper { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 1px none #000000; } #wb_element_instance10_6 img { width: 100%; height: auto; } #wb_element_instance11_6 { opacity: 1; box-sizing: border-box; left: -120px; top: 560px; z-index: 59; width: 449px; height: 300px; max-width: 100%; padding: 0px 0px 0px 0px; } #wb_element_instance11_6 .wb-picture-wrapper { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 1px none #000000; } #wb_element_instance11_6 img { width: 100%; height: auto; } #wb_element_instance12_6 { opacity: 1; box-sizing: border-box; left: 160px; top: 520px; z-index: 61; width: 40px; height: 30px; max-width: 100%; padding: 0px 0px 0px 0px; } #wb_element_instance12_6 .wb-picture-wrapper { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 1px none #000000; } #wb_element_instance12_6 svg { width: 100%; height: 100%; max-height: 100%; overflow: visible; } #wb_element_instance13_6 { opacity: 1; box-sizing: border-box; left: 158px; top: 860px; z-index: 65; width: 43px; height: 30px; max-width: 100%; padding: 0px 0px 0px 0px; } #wb_element_instance13_6 .wb-picture-wrapper { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: 1px none #000000; } #wb_element_instance13_6 svg { width: 100%; height: 100%; max-height: 100%; overflow: visible; } #wb_element_instance14_6 p:last-child { margin-bottom: 0; } #wb_element_instance14_6 { opacity: 1; left: 50px; top: 920px; z-index: 69; width: 256px; height: 1098px; max-width: 100%; padding: 0px 0px 0px 0px; } #wb_element_instance7_6 { width: 360px; height: 2018px; max-width: 1200px; flex: 0 0 auto; } #wb_element_instance7_6 > .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 left top; background-size: auto auto; justify-items: flex-start; align-items: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_main_6 { width: 100%; height: auto; max-width: 100%; flex: 1 1 auto; } #wb_main_6 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 60px 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; } #wb_element_instance16_6 { left: 190px; top: 160px; z-index: 129; width: 130px; height: 30px; max-width: 100%; } #wb_element_instance16_6 > .wb_button { padding: 0px 0px 0px 0px; } #wb_element_instance16_6 .wb_button { margin: 0; width: 100%; height: 100%; min-width: 20px; min-height: 20px; font-family: 'Open Sans',Arial,sans-serif; font-size: 15px; text-align: center; line-height: 21px; letter-spacing: 0px; text-decoration: none; border: #FFFFFF solid 2px; background-color: transparent; } #wb_element_instance16_6 .wb_button > span { color: #ffffff; font-style: normal; font-weight: bold; text-decoration: none; } #wb_element_instance16_6 .wb_button:before { background: transparent none repeat left top; } #wb_element_instance16_6 .wb_button:hover > span { color: #000000; font-style: normal; font-weight: bold; text-decoration: none; } #wb_element_instance16_6 .wb_button:hover { background-color: #ffffff; } #wb_element_instance16_6 .wb_button:hover:before { background: transparent none repeat left top; } #wb_element_instance16_6 .wb_button:active > span { color: #333333; font-style: normal; font-weight: normal; text-decoration: none; } #wb_element_instance16_6 .wb_button:active { background-color: #e6e6e6; } #wb_element_instance16_6 .wb_button:active:before { background: transparent none repeat left top; } #wb_element_instance17_6 { left: 190px; top: 200px; z-index: 133; width: 130px; height: 32px; max-width: 100%; } #wb_element_instance17_6 > .wb_button { padding: 0px 0px 0px 0px; } #wb_element_instance17_6 .wb_button { margin: 0; width: 100%; height: 100%; min-width: 20px; min-height: 20px; font-family: 'Open Sans',Arial,sans-serif; font-size: 15px; text-align: center; line-height: 21px; letter-spacing: 0px; text-decoration: none; border: #FFFFFF solid 2px; background-color: transparent; } #wb_element_instance17_6 .wb_button > span { color: #ffffff; font-style: normal; font-weight: bold; text-decoration: none; } #wb_element_instance17_6 .wb_button:before { background: transparent none repeat left top; } #wb_element_instance17_6 .wb_button:hover > span { color: #000000; font-style: normal; font-weight: bold; text-decoration: none; } #wb_element_instance17_6 .wb_button:hover { background-color: #ffffff; } #wb_element_instance17_6 .wb_button:hover:before { background: transparent none repeat left top; } #wb_element_instance17_6 .wb_button:active > span { color: #333333; font-style: normal; font-weight: normal; text-decoration: none; } #wb_element_instance17_6 .wb_button:active { background-color: #e6e6e6; } #wb_element_instance17_6 .wb_button:active:before { background: transparent none repeat left top; } #wb_element_instance18_6 { left: 30px; top: 200px; z-index: 137; width: 129px; height: 31px; max-width: 100%; } #wb_element_instance18_6 > .wb_button { padding: 0px 0px 0px 0px; } #wb_element_instance18_6 .wb_button { margin: 0; width: 100%; height: 100%; min-width: 20px; min-height: 20px; font-family: 'Open Sans',Arial,sans-serif; font-size: 15px; text-align: center; line-height: 21px; letter-spacing: 0px; text-decoration: none; border: #FFFFFF solid 2px; background-color: transparent; } #wb_element_instance18_6 .wb_button > span { color: #ffffff; font-style: normal; font-weight: bold; text-decoration: none; } #wb_element_instance18_6 .wb_button:before { background: transparent none repeat left top; } #wb_element_instance18_6 .wb_button:hover > span { color: #000000; font-style: normal; font-weight: bold; text-decoration: none; } #wb_element_instance18_6 .wb_button:hover { background-color: #ffffff; } #wb_element_instance18_6 .wb_button:hover:before { background: transparent none repeat left top; } #wb_element_instance18_6 .wb_button:active > span { color: #333333; font-style: normal; font-weight: normal; text-decoration: none; } #wb_element_instance18_6 .wb_button:active { background-color: #e6e6e6; } #wb_element_instance18_6 .wb_button:active:before { background: transparent none repeat left top; } #wb_element_instance19_6 { left: 180px; top: 0px; z-index: 141; width: 150px; height: 150px; max-width: 100%; padding: 0px 0px 0px 0px; } #wb_element_instance19_6 > .wb_content { width: 100%; height: 100%; } #wb_element_instance20_6 p:last-child { margin-bottom: 0; } #wb_element_instance20_6 { opacity: 1; left: 30px; top: 9px; z-index: 133; width: 139px; height: 180px; max-width: 100%; padding: 0px 0px 0px 0px; } #wb_element_instance15_6 { width: 360px; height: 239px; max-width: 1200px; flex: 0 0 auto; } #wb_element_instance15_6 > .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 left top; background-size: auto auto; justify-items: flex-start; align-items: flex-start; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_footer_6 { width: 100%; height: auto; max-width: 100%; flex: 0 0 auto; } #wb_footer_6 > .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; } #wb_footer_c_0 > .wb_content { width: 100%; height: 100%; } #wb_footer_c_0 { width: 0px; height: 0px; max-width: 100%; flex: 0 0 auto; } /* tablet */ @media (min-width: 768px) { #wb_element_instance5_6 ul { background: #e9e9e9 none repeat left top; } #wb_element_instance5_6 .btn-collapser { display: none; } #wb_element_instance5_6 > ul, #wb_element_instance5_6-det > ul { display: block; } #wb_element_instance5_6 { left: 5px; top: 118px; width: 758px; height: 41px; } #wb_element_instance6_6 { left: 302px; top: 38px; width: 170px; height: 70px; } #wb_element_instance6_6 .wb-picture-overflow { overflow: hidden; position: relative; width: 170px; height: 70px; } #wb_element_instance6_6 .wb-picture-overflow img { position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; } #wb_element_instance4_6 { width: 768px; height: 200px; } #wb_element_instance8_6 { left: 207px; top: 20px; width: 353px; height: 24px; } #wb_element_instance9_6 { left: 84px; top: 100px; width: 388px; height: 146px; } #wb_element_instance10_6 { left: 340px; top: 60px; width: 340px; height: 300px; } #wb_element_instance11_6 { left: 84px; top: 370px; width: 449px; height: 300px; } #wb_element_instance12_6 { left: 680px; top: 330px; width: 40px; height: 30px; } #wb_element_instance13_6 { left: 533px; top: 640px; width: 43px; height: 30px; } #wb_element_instance14_6 { left: 44px; top: 720px; width: 680px; height: 594px; } #wb_element_instance7_6 { width: 768px; height: 1314px; } #wb_main_6 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 80px 0px; } #wb_element_instance16_6 { left: 140px; top: 170px; width: 160px; height: 50px; } #wb_element_instance17_6 { left: 310px; top: 170px; width: 160px; height: 50px; } #wb_element_instance18_6 { left: 480px; top: 170px; width: 161px; height: 50px; } #wb_element_instance19_6 { left: 490px; top: 9px; width: 150px; height: 150px; } #wb_element_instance20_6 { left: 140px; top: 32px; width: 598px; height: 90px; } #wb_element_instance15_6 { width: 768px; height: 240px; } } /* desktop */ @media (min-width: 992px) { #wb_element_instance5_6 { left: 5px; top: 150px; z-index: 149; width: 982px; height: 41px; } #wb_element_instance6_6 { left: 390px; top: 40px; z-index: 138; width: 220px; height: 90px; } #wb_element_instance6_6 .wb-picture-overflow { overflow: hidden; position: relative; width: 220px; height: 90px; } #wb_element_instance6_6 .wb-picture-overflow img { position: absolute; left: 0%; top: 0%; width: 100%; height: 107.08661417323%; } #wb_element_instance4_6 { width: 992px; height: 200px; } #wb_element_instance8_6 { left: 280px; top: 30px; width: 353px; height: 28px; } #wb_element_instance9_6 { left: 331px; top: 80px; width: 350px; height: 146px; } #wb_element_instance10_6 { left: 48px; top: 250px; width: 340px; height: 300px; } #wb_element_instance11_6 { left: 450px; top: 250px; width: 449px; height: 300px; } #wb_element_instance12_6 { left: 390px; top: 520px; width: 40px; height: 30px; } #wb_element_instance13_6 { left: 900px; top: 520px; width: 43px; height: 30px; } #wb_element_instance14_6 { left: 50px; top: 580px; width: 882px; height: 522px; } #wb_element_instance7_6 { width: 992px; height: 1102px; } #wb_main_6 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 80px 0px; } #wb_element_instance16_6 { left: 150px; top: 34px; z-index: 88; width: 230px; height: 50px; } #wb_element_instance17_6 { left: 150px; top: 92px; z-index: 92; width: 230px; height: 50px; } #wb_element_instance18_6 { left: 150px; top: 150px; z-index: 96; width: 230px; height: 50px; } #wb_element_instance19_6 { left: 420px; top: 34px; z-index: 100; width: 150px; height: 150px; } #wb_element_instance20_6 { left: 610px; top: 50px; width: 280px; height: 90px; } #wb_element_instance15_6 { width: 992px; height: 240px; } } /* tv */ @media (min-width: 1200px) { #wb_element_instance5_6 { left: 150px; top: 129px; z-index: 172; width: 900px; height: 41px; } #wb_element_instance6_6 { left: 440px; top: -7px; z-index: 173; width: 319px; height: 136px; } #wb_element_instance6_6 .wb-picture-overflow { overflow: hidden; position: relative; width: 319px; height: 136px; } #wb_element_instance6_6 .wb-picture-overflow img { position: absolute; left: 0%; top: 0%; width: 100%; height: 107.08661417323%; } #wb_element_instance4_6 { width: 1200px; height: 200px; } #wb_element_instance8_6 { left: 365px; top: 30px; width: 470px; height: 34px; } #wb_element_instance9_6 { left: 40px; top: 110px; width: 260px; height: 176px; } #wb_element_instance10_6 { left: 290px; top: 90px; width: 340px; height: 300px; } #wb_element_instance11_6 { left: 690px; top: 90px; width: 449px; height: 300px; } #wb_element_instance12_6 { left: 638px; top: 360px; width: 30px; height: 30px; } #wb_element_instance13_6 { left: 1140px; top: 360px; width: 43px; height: 30px; } #wb_element_instance14_6 { left: 48px; top: 430px; width: 1092px; height: 638px; } #wb_element_instance7_6 { width: 1200px; height: 1068px; } #wb_main_6 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 80px 0px; } #wb_element_instance16_6 { left: 170px; top: 40px; z-index: 165; width: 280px; height: 50px; } #wb_element_instance17_6 { left: 170px; top: 100px; z-index: 169; width: 280px; height: 50px; } #wb_element_instance18_6 { left: 170px; top: 160px; z-index: 173; width: 280px; height: 50px; } #wb_element_instance19_6 { left: 527px; top: 35px; z-index: 177; width: 180px; height: 180px; } #wb_element_instance20_6 { left: 750px; top: 50px; width: 330px; height: 110px; } #wb_element_instance15_6 { width: 1200px; height: 240px; } } /* desktop_and_smaller */ @media (max-width: 1199px) { } /* tablet_and_smaller */ @media (max-width: 991px) { } /* phone_only */ @media (max-width: 767px) { #wb_element_instance5_6 { display: block; width: 32px; height: 29px; min-width: 32px; min-height: 29px; max-width: 32px; max-height: 29px; flex: 0 0 32px; } } /* tablet_only */ @media (min-width: 768px) and (max-width: 991px) { #wb_element_instance19_6 { display: none; } } /* desktop_only */ @media (min-width: 992px) and (max-width: 1199px) { } /* phone_last */