/* phone */ body { background-color: #ffffff; } body.site:before { background: transparent url("gallery/9987.jpg") no-repeat scroll center top; } .wb_sbg { background: transparent url("../gallery_gen/bd98fc8b51e1b357a21146310f1e9a59.jpg") repeat-x scroll center 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_instance16_0 { width: 100%; height: auto; max-width: 1200px; flex: 1 1 auto; } #wb_element_instance16_0 > .wb_content { min-width: 20px; min-height: 20px; padding: 11px 0px 62px 0px; border: 1px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #000000 none repeat left top; background-size: auto auto; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_header_3 { width: 100%; height: auto; min-width: 1200px; max-width: 100%; flex: 1 1 auto; } #wb_header_3 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -moz-border-radius: 0px 0px 0px 0px; -webkit-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; } #wb_element_instance2_3 p:last-child { margin-bottom: 0; } #wb_element_instance2_3 { opacity: 1; width: 100%; height: auto; max-width: 1200px; margin: 5px 0px 50px 0px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance5_3 { opacity: 1; box-sizing: border-box; width: 100%; height: auto; min-width: 125px; min-height: 125px; max-width: 250px; max-height: 250px; margin: 0px 0px 30px 0px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance5_3 .wb-picture-wrapper { border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border: 1px none #000000; } #wb_element_instance5_3 img { width: 100%; height: auto; } #wb_element_instance6_3 > .wb-elm-line { margin: -1.5px 0 0 0; width: 100%; height: 1px; left: 0; top: 50%; border-top: 3px double #303030;; } #wb_element_instance6_3 > .wb_content { width: 100%; height: 100%; } #wb_element_instance6_3 { width: 100%; height: 40px; max-width: 250px; margin: 0px 0px 20px 0px; flex: 0 0 auto; padding: 0px 0px 0px 0px; } #wb_element_instance8_3 p:last-child { margin-bottom: 0; } #wb_element_instance8_3 { opacity: 1; width: 100%; height: auto; max-width: 251px; margin: 0px 0px 5px 0px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance9_3 p:last-child { margin-bottom: 0; } #wb_element_instance9_3 { opacity: 1; width: 100%; height: auto; max-width: 251px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance7_3 { width: 100%; height: auto; max-width: 251px; flex: 1 1 auto; } #wb_element_instance7_3 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 1px 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; } #wb_element_instance4_3 { width: 100%; height: auto; max-width: 252px; margin: 0px 0px 16px 0px; flex: 1 1 auto; } #wb_element_instance4_3 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 1px 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; } #wb_element_instance11_3 { opacity: 1; box-sizing: border-box; width: 100%; height: auto; min-width: 125px; min-height: 125px; max-width: 250px; max-height: 250px; margin: 0px 0px 31px 0px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance11_3 .wb-picture-wrapper { border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border: 1px none #000000; } #wb_element_instance11_3 img { width: 100%; height: auto; } #wb_element_instance12_3 > .wb-elm-line { margin: -1.5px 0 0 0; width: 100%; height: 1px; left: 0; top: 50%; border-top: 3px double #303030;; } #wb_element_instance12_3 > .wb_content { width: 100%; height: 100%; } #wb_element_instance12_3 { width: 100%; height: 40px; max-width: 254px; margin: 0px 0px 1px 0px; flex: 0 0 auto; padding: 0px 0px 0px 0px; } #wb_element_instance13_3 p:last-child { margin-bottom: 0; } #wb_element_instance13_3 { opacity: 1; width: 100%; height: auto; max-width: 253px; margin: 0px 0px 3px 0px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance14_3 p:last-child { margin-bottom: 0; } #wb_element_instance14_3 { opacity: 1; width: 100%; height: auto; max-width: 258px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance10_3 { width: 100%; height: auto; max-width: 258px; margin: 0px 1px 0px 0px; flex: 1 1 auto; } #wb_element_instance10_3 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 1px 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; } #wb_element_instance16_3 { opacity: 1; box-sizing: border-box; width: 100%; height: auto; min-width: 125px; min-height: 125px; max-width: 250px; max-height: 250px; margin: 0px 0px 31px 0px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance16_3 .wb-picture-wrapper { border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border: 1px none #000000; } #wb_element_instance16_3 img { width: 100%; height: auto; } #wb_element_instance17_3 > .wb-elm-line { margin: -1.5px 0 0 0; width: 100%; height: 1px; left: 0; top: 50%; border-top: 3px double #303030;; } #wb_element_instance17_3 > .wb_content { width: 100%; height: 100%; } #wb_element_instance17_3 { width: 100%; height: 40px; max-width: 250px; margin: 0px 0px 16px 0px; flex: 0 0 auto; padding: 0px 0px 0px 0px; } #wb_element_instance18_3 p:last-child { margin-bottom: 0; } #wb_element_instance18_3 { opacity: 1; width: 100%; height: auto; max-width: 250px; margin: 0px 0px 7px 0px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance19_3 p:last-child { margin-bottom: 0; } #wb_element_instance19_3 { opacity: 1; width: 100%; height: auto; max-width: 250px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance15_3 { width: 100%; height: auto; max-width: 250px; margin: 0px 5px 17px 0px; flex: 1 1 auto; } #wb_element_instance15_3 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 1px 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; } #wb_element_instance21_3 { opacity: 1; box-sizing: border-box; width: 100%; height: auto; min-width: 125px; min-height: 125px; max-width: 250px; max-height: 250px; margin: 0px 0px 30px 0px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance21_3 .wb-picture-wrapper { border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border: 1px none #000000; } #wb_element_instance21_3 img { width: 100%; height: auto; } #wb_element_instance22_3 > .wb-elm-line { margin: -1.5px 0 0 0; width: 100%; height: 1px; left: 0; top: 50%; border-top: 3px double #303030;; } #wb_element_instance22_3 > .wb_content { width: 100%; height: 100%; } #wb_element_instance22_3 { width: 100%; height: 40px; max-width: 250px; margin: 0px 0px 17px 0px; flex: 0 0 auto; padding: 0px 0px 0px 0px; } #wb_element_instance23_3 p:last-child { margin-bottom: 0; } #wb_element_instance23_3 { opacity: 1; width: 100%; height: auto; max-width: 250px; margin: 0px 0px 8px 0px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance24_3 p:last-child { margin-bottom: 0; } #wb_element_instance24_3 { opacity: 1; width: 100%; height: auto; max-width: 251px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance20_3 { width: 100%; height: auto; max-width: 251px; flex: 1 1 auto; } #wb_element_instance20_3 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 1px 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; } #wb_element_instance3_3 { width: 100%; height: auto; max-width: 1152px; margin: 5px 0px 5px 0px; flex: 1 1 auto; } #wb_element_instance3_3 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 1px 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: center; align-items: center; justify-content: space-between; align-content: flex-start; flex-wrap: nowrap; } #wb_element_instance1_3 { width: 100%; height: auto; max-width: 1200px; flex: 1 1 auto; } #wb_element_instance1_3 > .wb_content { min-width: 20px; min-height: 20px; padding: 45px 0px 54px 0px; border: 1px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #ffffff none repeat left top; background-size: auto auto; opacity: 1; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_element_instance27_3 { opacity: 1; box-sizing: border-box; width: 100%; height: auto; min-width: 130px; min-height: 130px; max-width: 260px; max-height: 260px; margin: 0px 5px 20px 5px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance27_3 .wb-picture-wrapper { border-radius: 6px 6px 6px 6px; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border: 1px none #000000; } #wb_element_instance27_3 img { width: 100%; height: auto; } #wb_element_instance28_3 > .wb-elm-line { margin: -1.5px 0 0 0; width: 100%; height: 1px; left: 0; top: 50%; border-top: 3px double #303030;; } #wb_element_instance28_3 > .wb_content { width: 100%; height: 100%; } #wb_element_instance28_3 { width: 100%; height: 30px; max-width: 260px; margin: 0px 5px 20px 5px; flex: 0 0 auto; padding: 0px 0px 0px 0px; } #wb_element_instance29_3 p:last-child { margin-bottom: 0; } #wb_element_instance29_3 { opacity: 1; width: auto; height: auto; max-width: 260px; margin: 0px 5px 14px 5px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance30_3 p:last-child { margin-bottom: 0; } #wb_element_instance30_3 { opacity: 1; width: auto; height: auto; max-width: 260px; margin: 0px 5px 36px 5px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance31_3 { width: auto; height: auto; min-width: 212px; min-height: 70px; max-width: 100%; margin: 0px 5px 0px 5px; flex: 1 1 auto; } #wb_element_instance31_3 > .wb_button { padding: 0px 0px 0px 0px; } #wb_element_instance31_3 .wb_button { margin: 0; width: 100%; min-width: 20px; min-height: 20px; font-family: 'Josefin Sans',Arial,sans-serif; font-size: 20px; text-align: center; line-height: 28px; letter-spacing: 0px; border: #CCCCCC solid 1px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #ffffff; } #wb_element_instance31_3 .wb_button > span { color: #ff0000; font-style: normal; font-weight: bold; text-decoration: none; } #wb_element_instance31_3 .wb_button:before { background: transparent none repeat scroll left top; background-size: auto auto; opacity: 1; } #wb_element_instance31_3 .wb_button:hover > span { color: #f03232; font-style: normal; font-weight: normal; text-decoration: none; } #wb_element_instance31_3 .wb_button:hover { background-color: #e6e6e6; } #wb_element_instance31_3 .wb_button:hover:before { background: transparent none repeat scroll left top; background-size: auto auto; opacity: 1; } #wb_element_instance31_3 .wb_button:active > span { color: #f02e2e; font-style: normal; font-weight: normal; text-decoration: none; } #wb_element_instance31_3 .wb_button:active { background-color: #e6e6e6; } #wb_element_instance31_3 .wb_button:active:before { background: transparent none repeat scroll left top; background-size: auto auto; opacity: 1; } #wb_element_instance26_3 { width: 100%; height: auto; max-width: 1200px; margin: 5px 0px 5px 0px; flex: 1 1 auto; } #wb_element_instance26_3 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 465px 0px 464px; border: 1px 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; } #wb_element_instance25_3 { width: 100%; height: auto; max-width: 100%; flex: 1 1 auto; } #wb_element_instance25_3 > .wb_content { min-width: 20px; min-height: 20px; padding: 35px 0px 36px 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: #000000 none repeat scroll center center; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_main_3 { width: 100%; height: auto; min-width: 1200px; max-width: 100%; flex: 1 1 auto; } #wb_main_3 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 50px 0px; border: 0px none #333333; -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; } #wb_element_instance34_3 p:last-child { margin-bottom: 0; } #wb_element_instance34_3 { opacity: 1; width: auto; height: auto; max-width: 160px; margin: 0px 46px 0px 0px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance35_3 { opacity: 1; box-sizing: border-box; width: 100%; height: auto; min-width: 106px; min-height: 59px; max-width: 212px; max-height: 117px; margin: 0px 78px 0px 0px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance35_3 .wb-picture-wrapper { border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 1px none #000000; } #wb_element_instance35_3 img { width: 100%; height: auto; } #wb_element_instance36_3 p:last-child { margin-bottom: 0; } #wb_element_instance36_3 { opacity: 1; width: auto; height: auto; max-width: 230px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance33_3 { width: 100%; height: auto; max-width: 726px; margin: 0px 5px 43px 5px; flex: 1 1 auto; } #wb_element_instance33_3 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 1px 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: center; align-items: center; justify-content: space-around; align-content: flex-start; flex-wrap: nowrap; } #wb_element_instance37_3 p:last-child { margin-bottom: 0; } #wb_element_instance37_3 { opacity: 1; width: auto; height: auto; max-width: 190px; margin: 0px 107px 0px 5px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance38_3 p:last-child { margin-bottom: 0; } #wb_element_instance38_3 { opacity: 1; width: auto; height: auto; max-width: 110px; margin: 0px 117px 30px 5px; flex: 1 1 auto; padding: 0px 0px 0px 0px; } #wb_element_instance39_3 { width: 100%; height: auto; max-width: 470px; margin: 0px 107px 0px 5px; flex: 0 0 auto; padding: 0px 0px 0px 0px; } #wb_element_instance32_3 { width: 100%; height: auto; max-width: 1200px; flex: 1 1 auto; } #wb_element_instance32_3 > .wb_content { min-width: 20px; min-height: 20px; padding: 20px 181px 60px 283px; border: 1px none #000000; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; background: #ffffff none repeat left top; background-size: auto auto; opacity: 1; justify-items: flex-start; align-items: center; justify-content: flex-start; align-content: stretch; flex-wrap: nowrap; } #wb_footer_3 { width: 100%; height: auto; min-width: 1200px; max-width: 100%; flex: 1 1 auto; } #wb_footer_3 > .wb_content { min-width: 20px; min-height: 20px; padding: 0px 0px 0px 0px; border: 0px none #333333; -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; } #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) { } /* desktop */ @media (min-width: 992px) { } /* tv */ @media (min-width: 1200px) { #wb_element_instance32_3 > .wb_content { min-width: 20px; min-height: 20px; padding: 20px 181px 60px 283px; } } /* desktop_and_smaller */ @media (max-width: 1199px) { } /* tablet_and_smaller */ @media (max-width: 991px) { } /* phone_only */ @media (max-width: 767px) { } /* tablet_only */ @media (min-width: 768px) and (max-width: 991px) { } /* desktop_only */ @media (min-width: 992px) and (max-width: 1199px) { } /* phone_last */