body { background-color: #eee;} a { outline: none; color:inherit; text-decoration:none;} #top, #content, #footer { position: relative; width: 100%; max-width: 800px; margin: 0 auto 0 auto; box-sizing: border-box;} #top { position: fixed; top: 0; left: 0; right: 0; height: 80px; background: #fff; z-index: 100; outline: 0; border-bottom: 5px solid black;} #top_content { height: 80px;} #logo { position: absolute; top: 15px; left: 20px; height: 50px; cursor: pointer; z-index: 1;} #logo img { height: 100%;} #static_icon_loading { display: none; position: absolute; top: 5px; right: 5px; height: 20px; background: no-repeat center url(../_img/ui/loading_dc.svg); background-size: 60px; width: 60px;} #hig_static_btn_scroll_top { display: none; position: fixed; bottom: 40px; right: 10px; box-sizing: border-box; border: 1px solid #111; height: 40px; width: 40px; border-radius: 20px; background-color: rgba(255, 255, 255, 0.8); background-size: 20px 20px; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/arrow_up.svg); cursor: pointer; z-index: 110;} #hig_static_btn_scroll_top:focus-visible { border: 3px solid #000; background-color: #fff; background-size: 22px 22px;} #content { width: 100%; margin-top: 80px; z-index: 1; background: #fff;} body.hig_admin_logged_in #content { margin-top: 130px;} #content .content_block { position: relative; width: 100%; box-sizing: border-box;} #content .content_block img { -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none;} #content .content_block.text_only { padding: 20px;} body.dc_overlay #content { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; margin: 0 auto 0 auto; padding-top: 0; max-width: none; z-index: 101;} .content_block.fade_in, .content_block.slide_down { display: none;} body.initial_page_request .content_block.fade_in { display: block;} body.hig_overlay_padding .content_block[class*="chapter"] { padding-top: 226px;} h1, h2, h3 { font-family: Alternate Gothic No2 Pro, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: 400;} h1 { line-height: 8.2rem; font-size: 8.5rem; padding: 2.5rem 2rem;} h2 { line-height: 5.8rem; font-size: 6rem; padding: 1rem 2rem 2.5rem 2rem;} h3 { line-height: 3.6rem; font-size: 3.8rem; padding: 1rem 2rem;} h4 { line-height: 2.9rem; font-size: 2.4rem; font-weight: 700; padding: 1rem 2rem;} p { line-height: 2.5rem; font-size: 1.7rem; padding: 0 2rem;} ul { line-height: 2.5rem; font-size: 1.7rem; margin: 0 0 0 2rem; padding: 0 2rem;} .content_block.text_only h1, .content_block.text_only h2, .content_block.text_only h3, .content_block.text_only h4, .content_block.text_only p { padding-left: 0; padding-right: 0;} .content_block.legal { padding-bottom: 100px !important;} .content_block.legal a { text-decoration: underline !important; word-break: break-all;} .content_block.legal a:focus-visible { outline: 2px solid #000;} .content_block.legal h1 { line-height: 5.8rem; font-size: 6rem; padding: 1rem 0 2.5rem 0;} .content_block.legal h2 { line-height: 3.6rem; font-size: 3.8rem; padding: 5.4rem 0 0 0;} .content_block.legal h4 { line-height: 2.4rem; font-size: 1.9rem; font-weight: 700; padding: 2.4rem 0 1rem 0;} .content_block.legal h2 + h4 { padding-top: 1.2rem;} #footer { z-index: 0;} #footer_content { position: relative; width: 100%; box-sizing: border-box; font-weight: 300; background-color: #000; } #footer_content .default_footer_link_bar { width: 100%; clear: both; box-sizing: border-box; margin-top: 10px; padding: 20px; text-align: center;} #footer_content .default_footer_link_bar a { display: block; line-height: 3rem; font-size: 1.5rem; text-decoration: none; color: #fff;} #footer_content .default_footer_link_bar a:focus-visible { outline: 2px solid #fff; outline-offset: 2px;} #footer_content .social_links { clear: left; float: left; width: 50%; padding: 20px; box-sizing: border-box;} #footer_content .social_links a { height: 30px; width: 30px; margin-right: 20px; display: inline-block; background-size: auto 30px; background-repeat: no-repeat; background-position: center center;} #footer_content .social_links a:focus-visible { outline: 2px solid #fff; outline-offset: 2px;} #footer_content .social_links .social_facebook { background-image: url(../_img/ui/social_facebook.svg);} #footer_content .social_links .social_instagram { background-image: url(../_img/ui/social_instagram_white.svg);} #footer_content .social_links .social_x { background-image: url(../_img/ui/social_x.svg);} #footer_content .footer_info_text { float: left; width: 50%; padding: 20px; box-sizing: border-box;} #footer_content .footer_info_text p { color: #fff; font-size: 1.5rem; line-height: 2.5rem; padding: 0;} #footer_content .footer_info_text a { line-height: 3rem; display: inline-block;} #footer_content .footer_info_text a:focus-visible { outline: 2px solid #fff; outline-offset: 2px;} #footer_content .default_footer_copyright { float: left; clear: both; width: 100%; color: #ddd; font-size: 1.2rem; margin-top: 10px; text-align: center; box-sizing: border-box; padding: 20px;} /*EXPERIMENTAL*/ .content_block .audio_guide_image { padding: 0 20px 20px 20px; box-sizing: border-box;} .content_block .audio_guide_image img { display: block; width: 100%;} .content_block .audio_guide_image .description { padding: 5px;} .content_block .audio_guide_image .copyright_note { font-size: 1.2rem; line-height: 1.5rem;} .content_block .label_collection { padding: 20px;} .content_block .label_collection div { padding: 5px; float: left; border-radius: 5px; background: #111; color: #eee; line-height: 16px; font-size: 1.2rem; margin-right: 10px; } .content_block .default_image { padding: 20px; width: 100%; box-sizing: border-box; aspect-ratio: 8/5;} .content_block.search .default_image { transform: perspective(900px) rotateX(65deg) rotateZ(20deg); width: 70%; max-width: 300px; margin: 0 auto 0 auto; display: block; aspect-ratio: 1;} /*SPECIFIC CONTENT STYLING*/ .link.image { display: inline-block; max-width: 100%;} .content_block > .link.image > img { max-width: 100%;} /*CONTENT INTRO*/ .content_block .content_intro { clear: both; position: relative; padding: 0 0 3rem 0;} .content_block .content_intro img { display: block; width: 100%; object-fit: cover; aspect-ratio: 8/5;} .content_block .content_intro .title { padding: 4.5rem 2rem 2.5rem 2rem;} .content_block .content_intro .btn_back_top { display: block; float: right; width: fit-content; font-size: 1.5rem; height: 2rem; line-height: 2rem; margin: 1rem 2rem 0 0; cursor: pointer; background-repeat: no-repeat; background-position: left center; background-size: auto 15px; background-image: url(../_img/ui/chevron-left.svg); padding-left: 15px; background-color: transparent; border: 0;} .content_block .content_intro .btn_back_top:focus-visible { outline: 2px solid #000;} .content_block .content_intro .subtitle { clear: both; padding: 0 2rem 2.5rem 2rem; line-height: 2.9rem; font-size: 2.4rem; font-weight: 700;} .content_block .content_intro .text { clear: both; padding: 0 2rem 2rem 2rem;} #static_btn_search { position: absolute; display: block; top: 29px; right: 84px; width: 22px; height: 22px; background: no-repeat center / 22px 22px url(../_img/ui/search.svg); cursor: pointer;} /*#static_btn_art_map { position: absolute; display: block; top: 27px; right: 82px; width: 25px; height: 25px; background: no-repeat center / 25px 25px url(../_img/ui/map-with-pin-white.svg); cursor: pointer;}*/ #static_btn_audio_tour { position: absolute; display: block; top: 28px; right: 140px; width: fit-content; height: 2.4rem; cursor: pointer; color: #fff; line-height: 2.4rem; font-size: 2.7rem; font-family: Alternate Gothic No2 Pro, Arial, Helvetica, sans-serif; box-sizing: unset; border: none; background: none; padding: 0;} html.overlay #static_btn_search { display: none;} html.overlay #static_btn_audio_tour { display: none;} /* NAVIGATION STYLING (HANDLES ADMIN INTERFACE AS WELL) */ #static_btn_nav { position: absolute; display: block; top: 18px; right: 10px; width: 30px; height: 24px; background: no-repeat center / 30px 24px url(../_img/ui/burger_open.svg); cursor: pointer; padding: 10px; border: none; box-sizing: unset;} #static_btn_nav.overlay { background: no-repeat center/25px 20px url(../_img/ui/burger_close.svg);} #navigation { position: fixed; display: none; left: calc(50% - 400px); height: 80px; margin: 0 auto 0 auto; overflow-y: auto; box-sizing: border-box; scrollbar-width: none;} #navigation_links { list-style: none; padding: 0; margin: 0; min-height: calc(100% - 5rem);} #navigation_links .link { font-family: Alternate Gothic No2 Pro, Arial, Helvetica, sans-serif; user-select: none;} a#logo:focus-visible, #static_btn_nav:focus-visible, #static_btn_search:focus-visible, /*#static_btn_art_map:focus-visible,*/ #static_btn_audio_tour:focus-visible { outline: 2px solid #fff; z-index: 1;} #navigation .link:focus-visible, #navigation .link_collection_wrapper .btn_toggle:focus-visible { outline: 2px solid #000;} #navigation .link:focus-visible { outline-offset: -8px;} #navigation .link_collection_wrapper .btn_toggle:focus-visible { outline-offset: 2px;} a#logo:focus-visible { outline-offset: 5px;} #static_btn_audio_tour:focus-visible { outline-offset: 10px;} #static_btn_search:focus-visible { outline-offset: 11px;} /*#static_btn_art_map:focus-visible { outline-offset: 9px;}*/ body.hig_admin_logged_in #navigation { top: 50px;} body #navigation.overlay { display: block; top: 80px; right: unset; left: calc(50% - 400px); height: calc(100% - 80px); width: 100%; max-width: 800px; /*background: #fff;*/ background: #000;} body.hig_admin_logged_in #navigation.overlay { top: 130px; height: calc(100% - 130px);} #navigation .link, #static_btn_close_menu { width: 100%; display: block; height: 5.6rem; line-height: 3.6rem; color: #000; cursor: pointer; text-decoration: none; text-transform: uppercase; font-weight: 400; font-size: 3.6rem; padding: 1rem 20px 1rem 20px; box-sizing: border-box;} #navigation li { border-bottom: 2.5px solid #000; background-color: #fff;} #navigation .link_collection { display: none; clear: both; list-style: none; padding: 0; margin: 0;} #navigation .link_collection a { font-size: 2.6rem;} #navigation .link_collection.visible { display: block; border-top: 2.5px solid #000;} #navigation .link_collection_wrapper { padding: 0;} #navigation .link_collection_wrapper .btn_toggle { width: 50px; height: 3.6rem; float: right; background-size: 28px 28px; background-repeat: no-repeat; background-position: right 11px top 5px; background-image: url(../_img/ui/arrow_down.svg); cursor: pointer; padding: 0; margin: 10px 10px 0 0; background-color: transparent; border: 0;} #navigation .link_collection_wrapper > a { float: left; width: calc(100% - 60px);} #navigation .link_collection_wrapper .btn_toggle.full_width { width: 100%; float: unset;} #navigation .link_collection_wrapper .btn_toggle.visible { background-image: url(../_img/ui/arrow_up.svg);} #navigation .link.hig_static_language_switch { width: 100%; box-sizing: border-box; height: 5.6rem;} #navigation .link.hig_static_language_switch a { width: unset !important; float: left !important; border: none !important; padding: 0 !important; height: 3.6rem !important; box-sizing: unset !important; outline-offset: 2px !important;} #navigation .link.hig_static_language_switch span { float: left; padding: 0 5px 0 5px;} #navigation .link.hig_static_language_switch .switch.selected { text-decoration: underline;} #navigation_links_legal { width: 100%; max-width: 800px; margin: 0 auto 0 auto; position: sticky; bottom: 0; left: 0; right: 0; text-align: right; padding: 0; background-color: #000; } #navigation_links_legal li { border: 0; list-style: none; display: inline-block; margin-right: 2.5rem; padding: 1rem 0; background-color: #000;} #navigation_links_legal li a.link { font-size: 1.4rem; padding: 0; padding:0; line-height: 3rem; height: 3rem; color: #fff; text-transform: none;} #navigation_links_legal li a.link:focus-visible { outline: 2px solid #fff; outline-offset: 1px;} /*INTRO PAGE WITH CANVAS ANIMATION*/ body.canvas_intro { position: fixed;} body.canvas_intro #footer { display: none;} .content_block.intro { padding: 0; position: relative; height: calc(100vh - 80px); background-color: #000;} .content_block.intro canvas { background-color: #000;} .content_block.intro .canvas_overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .content_block.intro .test_output { display: none; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); color: #fff; font-size: 1.3rem; line-height: 24px; padding: 20px;} .intro_link_home { opacity: 0; display: block; position: fixed; bottom: 100px; left: calc(50% - 110px); color: #fff; text-align: center; width: 220px; font-weight: 400; font-size: 2rem; line-height: 3.6rem; height: 56px; background-color: #111; padding: 10px; box-sizing: border-box; border-radius: 30px; border: 1px solid #aaa; vertical-align: middle;} .intro_link_home:hover { background-color: #000;} .intro_link_home:focus-visible { background-color: #000; border: 4px solid #fff; line-height: 3rem;} /* COLOR DEFINITIONS FOR THE CHAPTERS */ .media_guide_section_link.intro, #custom_static_overlay_audio_guide[data-chapter="chapter0"] { background-color: #fff; color: #000;} .content_block.chapter0 { padding-bottom: 50px;} .content_block.chapter0 .extra_margin_top{ margin-top: 100px;} .content_block.chapter1, .artist_directory a.chapter1, .exhibition_artquiz.chapter1 .question, .exhibition_artquiz.chapter1 .image_wrapper, .media_guide_section_link.chapter1, #default_static_overlay_info.message.chapter1 .btn_close, .media_guide_section_slider_row a.chapter1, #custom_static_overlay_audio_guide[data-chapter="chapter1"], #navigation .link_collection .sublink_wrapper.chapter1 { background-color: #fee601; color: #000;} .sitemap_floor .legend_element.chapter1 { border-left: 1.7rem solid #fee601;} .chapter1 .exhibition_artquiz { border: 10px solid rgba(255,255,255,0.5);} .content_block.chapter2, .artist_directory a.chapter2, .exhibition_artquiz.chapter2 .question, .exhibition_artquiz.chapter2 .image_wrapper, .media_guide_section_link.chapter2, #default_static_overlay_info.message.chapter2 .btn_close, .media_guide_section_slider_row a.chapter2, #custom_static_overlay_audio_guide[data-chapter="chapter2"], #navigation .link_collection .sublink_wrapper.chapter2 { background-color: #781206; color: #fff;} .media_guide_section_link.chapter2:focus-visible, #navigation .link_collection .sublink_wrapper.chapter2 a:focus-visible { outline: 2px solid #fff;} .sitemap_floor .legend_element.chapter2 { border-left: 1.7rem solid #781206;} .content_block.chapter2 .content_intro .btn_back_top:focus-visible { outline: 2px solid #fff;} .content_block.chapter2 .artwork_list .artwork_teaser_highlight:focus-visible img { outline: 2px solid #fff;} .artist_directory a.chapter2:focus-visible h3 { outline: 2px solid #fff;} .media_guide_section_slider_row a.chapter2:focus-visible img { outline: 2px solid #fff;} .exhibition_artquiz.chapter2 .hint:focus-visible { outline: 2px solid #fff;} .content_block.chapter2 span.hig_glossary:focus-visible { outline: 2px solid #fff;} #custom_static_overlay_audio_guide[data-chapter="chapter2"] .wrapper:focus-visible { outline: 2px solid #fff;} .exhibition_artquiz.chapter2 .hint { color: #fff; border-color: #fff;} #navigation .link_collection .sublink_wrapper.chapter2 a { color: #fff;} .content_block.chapter2 .content_intro .btn_back_top { color: #fff; background-image: url(../_img/ui/chevron-left-white.svg);} .content_block.chapter3, .artist_directory a.chapter3, .exhibition_artquiz.chapter3 .question, .exhibition_artquiz.chapter3 .image_wrapper, .media_guide_section_link.chapter3, #default_static_overlay_info.message.chapter3 .btn_close, .media_guide_section_slider_row a.chapter3, #custom_static_overlay_audio_guide[data-chapter="chapter3"], #navigation .link_collection .sublink_wrapper.chapter3 { background-color: #502378; color: #fff;} .media_guide_section_link.chapter3:focus-visible, #navigation .link_collection .sublink_wrapper.chapter3 a:focus-visible { outline: 2px solid #fff;} .sitemap_floor .legend_element.chapter3 { border-left: 1.7rem solid #502378;} .content_block.chapter3 .content_intro .btn_back_top:focus-visible { outline: 2px solid #fff;} .content_block.chapter3 .artwork_list .artwork_teaser_highlight:focus-visible img { outline: 2px solid #fff;} .artist_directory a.chapter3:focus-visible h3 { outline: 2px solid #fff;} .media_guide_section_slider_row a.chapter3:focus-visible img { outline: 2px solid #fff;} .exhibition_artquiz.chapter3 .hint:focus-visible { outline: 2px solid #fff;} .content_block.chapter3 span.hig_glossary:focus-visible { outline: 2px solid #fff;} #custom_static_overlay_audio_guide[data-chapter="chapter3"] .wrapper:focus-visible { outline: 2px solid #fff;} .exhibition_artquiz.chapter3 .hint { color: #fff; border-color: #fff;} #navigation .link_collection .sublink_wrapper.chapter3 a { color: #fff;} .content_block.chapter3 .content_intro .btn_back_top { color: #fff; background-image: url(../_img/ui/chevron-left-white.svg);} .content_block.chapter4, .artist_directory a.chapter4, .exhibition_artquiz.chapter4 .question, .exhibition_artquiz.chapter4 .image_wrapper, .media_guide_section_link.chapter4, #default_static_overlay_info.message.chapter4 .btn_close, .media_guide_section_slider_row a.chapter4, #custom_static_overlay_audio_guide[data-chapter="chapter4"], #navigation .link_collection .sublink_wrapper.chapter4 { background-color: #01a2e1; color: #000;} .sitemap_floor .legend_element.chapter4 { border-left: 1.7rem solid #01a2e1;} .content_block.chapter5, .artist_directory a.chapter5, .exhibition_artquiz.chapter5 .question, .exhibition_artquiz.chapter5 .image_wrapper, .media_guide_section_link.chapter5, #default_static_overlay_info.message.chapter5 .btn_close, .media_guide_section_slider_row a.chapter5, #custom_static_overlay_audio_guide[data-chapter="chapter5"], #navigation .link_collection .sublink_wrapper.chapter5 { background-color: #019b69; color: #000;} .sitemap_floor .legend_element.chapter5 { border-left: 1.7rem solid #019b69;} .content_block.chapter6, .artist_directory a.chapter6, .exhibition_artquiz.chapter6 .question, .exhibition_artquiz.chapter6 .image_wrapper, .media_guide_section_link.chapter6, #default_static_overlay_info.message.chapter6 .btn_close, .media_guide_section_slider_row a.chapter6, #custom_static_overlay_audio_guide[data-chapter="chapter6"], #navigation .link_collection .sublink_wrapper.chapter6 { background-color: #f4a57c; color: #000;} .sitemap_floor .legend_element.chapter6 { border-left: 1.7rem solid #f4a57c;} .content_block.chapter7, .artist_directory a.chapter7, .exhibition_artquiz.chapter7 .question, .exhibition_artquiz.chapter7 .image_wrapper, .media_guide_section_link.chapter7, #default_static_overlay_info.message.chapter7 .btn_close, .media_guide_section_slider_row a.chapter7, #custom_static_overlay_audio_guide[data-chapter="chapter7"], #navigation .link_collection .sublink_wrapper.chapter7 { background-color: #f19dc6; color: #000;} .sitemap_floor .legend_element.chapter7 { border-left: 1.7rem solid #f19dc6;} .content_block.chapter8, .artist_directory a.chapter8, .exhibition_artquiz.chapter8 .question, .exhibition_artquiz.chapter8 .image_wrapper, .media_guide_section_link.chapter8, #default_static_overlay_info.message.chapter8 .btn_close, .media_guide_section_slider_row a.chapter8, #custom_static_overlay_audio_guide[data-chapter="chapter8"], #navigation .link_collection .sublink_wrapper.chapter8 { background-color: #cde9ec; color: #000;} .sitemap_floor .legend_element.chapter8 { border-left: 1.7rem solid #cde9ec;} .content_block.chapter9, .artist_directory a.chapter9, .exhibition_artquiz.chapter9 .question, .exhibition_artquiz.chapter9 .image_wrapper, .media_guide_section_link.chapter9, #default_static_overlay_info.message.chapter9 .btn_close, .media_guide_section_slider_row a.chapter9, #custom_static_overlay_audio_guide[data-chapter="chapter9"], #navigation .link_collection .sublink_wrapper.chapter9 { background-color: #000; color: #fff;} .media_guide_section_link.chapter9:focus-visible, #navigation .link_collection .sublink_wrapper.chapter9 a:focus-visible { outline: 2px solid #fff;} .content_block.chapter9 .content_intro .btn_back_top:focus-visible { outline: 2px solid #fff;} .content_block.chapter9 .artwork_list .artwork_teaser_highlight:focus-visible img { outline: 2px solid #fff;} .artist_directory a.chapter9:focus-visible h3 { outline: 2px solid #fff;} .media_guide_section_slider_row a.chapter9:focus-visible img { outline: 2px solid #fff;} .exhibition_artquiz.chapter9 .hint:focus-visible { outline: 2px solid #fff;} .content_block.chapter9 span.hig_glossary:focus-visible { outline: 2px solid #fff;} #custom_static_overlay_audio_guide[data-chapter="chapter9"] .wrapper:focus-visible { outline: 2px solid #fff;} .exhibition_artquiz.chapter9 .hint { color: #fff; border-color: #fff;} #navigation .link_collection .sublink_wrapper.chapter9 a { color: #fff;} .content_block.chapter9 .content_intro .btn_back_top { color: #fff; background-image: url(../_img/ui/chevron-left-white.svg);} .content_block.chapter9 section.cta h4 { background-color: #333;} .content_block.chapter9 section.cta p { border-color: #fff;} /*AUDIO*/ .audio_guide_element { padding: 20px 20px 10px 20px; box-sizing: border-box; margin: 0;} .audio_guide_element h4 { text-align: left; padding: 0; font-weight: 400; line-height: 3rem; float: left; width: calc(100% - 5rem);} .internal_audio { padding: 10px; text-align: center; box-sizing: border-box; position: relative; color: #fff; background: #111;} .internal_audio audio { float: left; clear: both; width: 100%; margin: 1.5rem auto 0 auto; display: block; height: 40px; color-scheme: dark;} .internal_audio audio:focus-visible { outline: 2px solid #fff;} .internal_audio .btn_transcript { float: left; margin-left: 2rem; border: none; outline: none; height: 3rem; width: 3rem; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/transcript-v2.svg); background-color: #111; cursor: pointer;} .internal_audio .btn_transcript:focus-visible { outline: 2px solid #fff; outline-offset: 3px;} .internal_audio .transcript { display: none;} .exhibition_common .internal_audio { clear: both; padding: 20px; margin: 10px 20px; background: none; border: 1px solid #111; color: #111;} .exhibition_common .internal_audio h4 { font-weight: 400; text-align: left; padding: 0;} .exhibition_common .internal_audio audio:focus-visible { outline: 2px solid #111; outline-offset: 2px;} /*ARTIST DIRECTORY*/ .artist_directory { padding: 20px; margin-top: 40px;} .artist_directory a { display: block; width: 100%; margin-bottom: 10px; background-color: #f0f0f0; box-sizing: border-box; padding: 10px 10px 15px 10px;} .artist_directory a h3 { padding: 0 0 10px 0;} .artist_directory a:focus-visible h3 { outline: 2px solid #000; outline-offset: 3px;} .artist_directory a p { padding: 0;} /* GLOSSARY LIST */ .glossary_list { padding-bottom: 50px;} .glossary_list h4 { line-height: 2.4rem; font-size: 2rem;} /*DATA API ITEMS*/ .exhibition_category { width: 100%; padding: 0 0 20px 0; border: 20px solid #f0f0f0; background-color: #fff; box-sizing: border-box;} .exhibition_glossary { width: calc(100% - 40px); box-sizing: border-box; margin: 10px 0 10px 0;} .exhibition_glossary h4 { padding-bottom: 0;} /*EXHIBITION DETAIL PAGES (COMMON STYLES): ARTWORK, ARTIST(S) */ .exhibition_common { width: 100%; background-color: #fff; box-sizing: border-box;} .exhibition_common .breadcrumbs { padding: 20px; color: #111; font-size: 1.7rem; line-height: 2.3rem;} .exhibition_common .breadcrumbs .current { font-weight: 700; cursor: default;} .exhibition_common .breadcrumbs a:focus-visible { outline: 2px solid #000;} .exhibition_common .name { padding: 0 0 20px 20px;} .exhibition_common .biography, .exhibition_common > .description { box-sizing: border-box; padding: 0 20px; clear: right; display: flow-root;} .align_right .exhibition_common > .description { clear: left;} .exhibition_common .biography h4, .exhibition_common > .description h4 { padding: 0 0 10px 0;} .exhibition_common .biography p, .exhibition_common > .description p { padding: 0 0 20px 0; display: flow; /*text-align: justify;*/} .exhibition_common .biography p .flow-root, .exhibition_common > .description p .flow-root { display: flow-root;} .exhibition_common .biography p .clear, .exhibition_common > .description p .clear { clear: both;} .exhibition_common .text { clear: both; padding: 20px;} .exhibition_common .text h4 { padding: 0 0 10px 0;} .exhibition_common .text p { padding: 0 0 20px 0;} .exhibition_common .text p:last-child { padding: 0;} .exhibition_common .image_box { width: 100%; clear: both; box-sizing: border-box;} .exhibition_common .image_box_main { width: 100%; max-width: 50%; float: left; padding: 0; background-color: #fff; margin: 0 20px;} .align_right .exhibition_common .image_box_main { float: right;} .exhibition_common .image_box_main.full_width { float: left; width: 100%; max-width: 600px; margin: 0; padding: 0 20px 20px 20px;} .exhibition_common .image_box_main .image_box_meta { padding: 10px;} .exhibition_common .image_box_additional .image_box_meta .caption { font-size: 1.9rem; line-height: 2.5rem; font-weight: 700;} .exhibition_common .image_box_additional .image_box_meta { padding: 10px 0;} .exhibition_common .image_box .image_box_meta p { padding: 0;} .exhibition_common .image_box_main .image_box_content .image_wrapper { margin: 0; width: 100%; display: block;} .exhibition_common .image_box_main .image_box_content .image_wrapper + .image_wrapper { margin-top: 20px;} .exhibition_common .image_box_main .image_box_content .image_wrapper img { margin: 0; width: 100%; max-width: 100%; /*max-height: 1000px;*/ border: none; float: unset; cursor: pointer;} .exhibition_common .image_box_main .image_box_content .image_wrapper img:focus-visible { outline: 2px solid #000; outline-offset: 2px;} .exhibition_common .image_box_additional { background-color: #fff; padding: 20px; margin-top: 40px; float: left;} .exhibition_common .image_box_additional .image_wrapper { width: calc(33% - 13.333px); display: inline-table; margin: 0 0 50px 20px;} .exhibition_common .image_box_additional .image_wrapper:nth-child(3n+1) { margin-left: 0;} .exhibition_common .image_box_additional .image_box_content .image_wrapper img { width: 100%; height: auto; cursor: pointer;} .exhibition_common .image_box_additional .image_box_content .image_wrapper img:focus-visible { outline: 2px solid #000; outline-offset: 2px;} .exhibition_common .image_box_additional .image_box_content .image_meta h4 { clear: both; padding: 10px 0 0 0; text-align: center; font-size: 1.4rem; line-height: 2rem;} .exhibition_common .image_box_additional .image_box_content .image_meta p { clear: both; padding: 0 10px; text-align: center; font-size: 1.4rem; line-height: 2rem; overflow-wrap: anywhere;} .exhibition_common .image_box_additional .image_box_content .image_meta .copyright_note { display: block; position: relative; font-size: 1.2rem; line-height: 1.5rem;} .exhibition_common .image_box_additional .image_box_content .image_meta .copyright_note + p { padding: 10px 10px 0 10px;} .exhibition_common .image_box_main .image_box_content .image_meta { position: relative; padding: 0 0 10px 0;} .exhibition_common .image_box_main .image_box_content .image_meta h4 { clear: both; padding: 10px 0 0 0; text-align: center; font-size: 1.4rem; line-height: 2rem;} .exhibition_common .image_box_main .image_box_content .image_meta p { clear: both; padding: 0 10px; text-align: center; font-size: 1.4rem; line-height: 2rem;} .exhibition_common .image_box_main .image_box_content .image_meta .copyright_note { display: block; position: relative; font-size: 1.2rem; line-height: 1.5rem;} .exhibition_common .external_video { padding: 30px 20px; clear: both;} .exhibition_common .external_video > h4 { padding: 0 0 10px 0; font-size: 1.9rem; line-height: 2.5rem;} .exhibition_common .external_video > p { padding: 0 0 5px 0;} .exhibition_common .external_video .ytvideo_blocker { text-align: center; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(../_img/un-blocker-background-youtube.jpg);} .exhibition_common .external_video .ytvideo_blocker .info_text { color: #fff; padding: 20px 10px 0 10px; font-size: 1.6rem; line-height: 2.1rem; text-align: center;} .exhibition_common .external_video .ytvideo_blocker a { padding: 5px 10px; color: #fff; text-decoration: underline; font-weight: bold; font-size: 1.6rem; text-align: center; display: inline-block;} .exhibition_common .external_video .ytvideo_blocker a:focus-visible { outline: 2px solid #fff; outline-offset: -2px;} .exhibition_common .external_video .ytvideo_blocker .btn_load_video { display: block; padding: 5px 10px; margin: 50px auto 5px auto; background-color: #222; color: #fff; font-size: 1.6rem; line-height: 2.2rem; height: 34px; border-radius: 20px; border: 1px solid #fff; width: 140px; text-align: center; cursor: pointer; box-sizing: border-box;} .exhibition_common .external_video .ytvideo_blocker .btn_load_video:hover { background-color: #000;} .exhibition_common .external_video .ytvideo_blocker .btn_load_video:focus-visible { background-color: #000; border: 3px solid #fff; line-height: 1.8rem; outline: 0;} .exhibition_common .external_video .ytvideo_blocker .input_wrapper { width: 240px; margin: 20px auto 0 auto; color: #fff; padding-bottom: 20px;} .exhibition_common .external_video .ytvideo_blocker .input_wrapper input { width: 1.8rem; height: 1.8rem; cursor: pointer; display: inline-block; vertical-align: middle;} .exhibition_common .external_video .ytvideo_blocker .input_wrapper label { padding-left: 5px; display: inline-block; vertical-align: middle; line-height: 1.8rem; font-size: 1.6rem; cursor: pointer;} .exhibition_common .qr_number_code { width: 100%; max-width: 500px; float: unset; margin: 20px 10px;} .share_buttons { float: left; display: block; width: calc(100% - 40px); padding: 30px 0 0 0; margin: 20px; box-sizing: border-box;} .share_buttons h4 { padding: 0 0 15px 0; font-size: 1.9rem; line-height: 2.5rem;} .share_buttons a { float: left; height: 30px; width: 30px; margin-right: 20px; background-size: 25px 25px; background-repeat: no-repeat; background-position: center center;} .share_buttons a:focus-visible { outline: 2px solid #000;} .share_buttons h4 + a { padding-left: 0;} .share_buttons a.facebook { background-image: url(../_img/ui/share-facebook.svg);} .share_buttons a.email { background-image: url(../_img/ui/share-email.svg);} .share_buttons a.telegram { display: none; background-image: url(../_img/ui/share-telegram.svg);} .share_buttons a.whatsapp { display: none; background-image: url(../_img/ui/share-whatsapp.svg);} .share_buttons a.pinterest { background-image: url(../_img/ui/share-pinterest.svg);} body.hig_is_mobile .share_buttons a.telegram { display: block;} body.hig_is_mobile .share_buttons a.whatsapp { display: block;} .exhibition_common .external_links { clear: both; padding: 20px;} .exhibition_common .external_links .caption { padding: 0 0 10px 0; font-size: 1.9rem; line-height: 2.5rem; font-weight: 700;} .exhibition_common .external_links a { display: block; padding: 0 0 0 4rem; font-size: 1.6rem; line-height: 2.4rem; min-height: 3rem; text-decoration: underline; background-size: 3rem 3rem; background-repeat: no-repeat; background-position: left center; background-image: url(../_img/ui/website_link.svg); margin-bottom: 20px;} .exhibition_common .external_links a:focus-visible { outline: 2px solid #000; outline-offset: 2px;} .exhibition_common .external_links a[href*="instagram"] { background-image: url(../_img/ui/social_instagram.svg);} .exhibition_common .external_links a[href*="youtube"] { background-image: url(../_img/ui/youtube.svg);} .exhibition_common .external_links a[href*="facebook"] { background-image: url(../_img/ui/social_facebook_black.svg);} .exhibition_common .external_links .link_wrapper { margin: 0 40px 0 0; float: left;} .exhibition_artwork { padding-bottom: 50px;} .exhibition_artwork h2.name { padding: 0 20px;} .exhibition_artwork h2.name .no_wrap { white-space: nowrap;} .exhibition_artwork a.artist_link { display: inline-block; width: fit-content; font-size: 1.7rem; line-height: 2.3rem; margin: 0 0 20px 20px; text-decoration: underline; cursor: pointer;} .exhibition_artwork a.artist_link:focus-visible { outline: 2px solid #000;} .exhibition_artwork .btn_back_top { float: right; display: block; width: fit-content; font-size: 1.5rem; height: 2.3rem; line-height: 2.3rem; padding: 0 10px 0 15px; margin-right: 10px; cursor: pointer; background-repeat: no-repeat; background-position: left center; background-size: auto 15px; background-image: url(../_img/ui/chevron-left.svg); margin-bottom: 20px; background-color: transparent; border: 0;} .exhibition_artwork .btn_back_top:focus-visible { outline: 2px solid #000;} .exhibition_artwork .btn_back_bottom { clear: both; float: right; display: block; width: fit-content; font-size: 1.5rem; height: 2.3rem; line-height: 2.3rem; padding: 0 10px 0 15px; margin-right: 10px; cursor: pointer; background-repeat: no-repeat; background-position: left center; background-size: auto 15px; background-image: url(../_img/ui/chevron-left.svg); margin-top: 20px; margin-bottom: 20px; background-color: transparent; border: 0;} .exhibition_artwork .btn_back_bottom:focus-visible { outline: 2px solid #000;} .exhibition_artwork .description .citation { display: block; text-align: center; padding: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0; display: flow-root;} .exhibition_artwork .description .citation.clear { clear: both;} .exhibition_art_map_entry { padding-bottom: 50px;} .exhibition_art_map_entry h2.name { padding: 0 20px;} .exhibition_art_map_entry h2.name .no_wrap { white-space: nowrap;} .exhibition_art_map_entry a.artist_link { display: inline-block; width: fit-content; font-size: 1.7rem; line-height: 2.3rem; margin: 0 0 20px 20px; text-decoration: underline; cursor: pointer;} .exhibition_art_map_entry a.artist_link:focus-visible { outline: 2px solid #000;} .exhibition_art_map_entry .btn_back_top { float: right; display: block; width: fit-content; font-size: 1.5rem; height: 2.3rem; line-height: 2.3rem; padding: 0 10px 0 15px; margin-right: 10px; cursor: pointer; background-repeat: no-repeat; background-position: left center; background-size: auto 15px; background-image: url(../_img/ui/chevron-left.svg); margin-bottom: 20px; background-color: transparent; border: 0;} .exhibition_art_map_entry .btn_back_top:focus-visible { outline: 2px solid #000;} .exhibition_art_map_entry .btn_back_bottom { clear: both; float: right; display: block; width: fit-content; font-size: 1.5rem; height: 2.3rem; line-height: 2.3rem; padding: 0 10px 0 15px; margin-right: 10px; cursor: pointer; background-repeat: no-repeat; background-position: left center; background-size: auto 15px; background-image: url(../_img/ui/chevron-left.svg); margin-top: 20px; margin-bottom: 20px; background-color: transparent; border: 0;} .exhibition_art_map_entry .btn_back_bottom:focus-visible { outline: 2px solid #000;} .exhibition_art_map_entry .description .citation { display: block; text-align: center; padding: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0; display: flow-root;} .exhibition_art_map_entry .description .citation.clear { clear: both;} .exhibition_art_map_entry .gm_route_link { display: block; float: left; clear: both; text-decoration: underline; padding: 1rem 1rem 1rem 3rem; margin: 10px 20px; background-size: 2.5rem 2.5rem; background-repeat: no-repeat; background-position: center left; background-image: url(../_img/ui/gm-pin.svg);} .exhibition_art_map_entry .gm_route_link:focus-visible { outline: 2px solid #000;} .artist_list { padding: 20px 15px 20px 15px;} .artist_list .artist_teaser_highlight { display: inline-block; vertical-align: bottom; width: calc(33.333% - 10px); box-sizing: border-box; margin: 5px; cursor: pointer;} .artist_list .artist_teaser_highlight > a { display: block;} .artist_list .artist_teaser_highlight .name { padding: 0; font-size: 1.3rem; text-align: left; font-weight: 700; line-height: 1.6rem;} .artist_list .artist_teaser_highlight .text_wrapper { height: 48px; margin-top: 5px;} .artist_list .artist_teaser_highlight img { display: block; width: 100%; margin: 0; border: 0;} .artwork_list { padding: 50px 15px 50px 15px; margin: 30px 0 30px 0;} .artwork_list .artwork_teaser_highlight { display: inline-block; vertical-align: bottom; width: calc(33.333% - 10px); box-sizing: border-box; margin: 0 5px; cursor: pointer; pointer-events: none;} .artwork_list .artwork_teaser_highlight > a { display: block;} .artwork_list .artwork_teaser_highlight .name, .artwork_list .artwork_teaser_highlight .artist_name { padding: 0; font-size: 1.3rem; text-align: left; line-height: 1.6rem; pointer-events: all;} .artwork_list .artwork_teaser_highlight .artist_name { font-weight: 700; padding-top: 4px;} .artwork_list .artwork_teaser_highlight .text_wrapper { height: 80px; margin-top: 5px;} .artwork_list .artwork_teaser_highlight img { display: block; width: 100%; margin: 0; border: 0; pointer-events: all;} .artwork_list .artwork_teaser_highlight:focus-visible img { outline: 2px solid #000; outline-offset: 3px;} .exhibition_common .featured_artwork { width: 100%; float: left; clear: both; margin-top: 40px;} .exhibition_common .featured_artwork h4 { padding: 2rem;} .exhibition_common .featured_artwork .artwork_list { padding: 0 20px; margin: 0;} .exhibition_common .featured_artwork .artwork_list a { width: calc(33.333% - 8px); margin: 0 0 0 12px;} .exhibition_common .featured_artwork .artwork_list a:nth-child(3n+1) { margin: 0;} .exhibition_artist { padding-bottom: 50px;} .exhibition_artist .btn_back_top { float: right; display: block; width: fit-content; font-size: 1.5rem; height: 2rem; line-height: 2rem; padding: 0 10px 0 15px; margin-right: 10px; cursor: pointer; background-repeat: no-repeat; background-position: left center; background-size: auto 15px; background-image: url(../_img/ui/chevron-left.svg); margin-bottom: 20px; background-color: transparent; border: 0;} .exhibition_artist .btn_back_top:focus-visible { outline: 2px solid #000;} .exhibition_artist .btn_back_bottom { clear: both; float: right; display: block; width: fit-content; font-size: 1.5rem; height: 2rem; line-height: 2rem; padding: 0 10px 0 15px; margin-right: 10px; cursor: pointer; background-repeat: no-repeat; background-position: left center; background-size: auto 15px; background-image: url(../_img/ui/chevron-left.svg); margin-top: 20px; margin-bottom: 20px; background-color: transparent; border: 0;} .exhibition_artist .btn_back_bottom:focus-visible { outline: 2px solid #000;} .art_map_link_wrapper { clear: both;} .art_map_link_wrapper a { display: block; width: fit-content; text-decoration: underline; margin: 0 2rem 3rem 2rem; padding: 0 0 0 4rem; background-size: 3rem 3rem; background-repeat: no-repeat; background-position: left center; background-image: url(../_img/ui/map-with-pin.svg); min-height: 3rem; line-height: 2.4rem;} .art_map_link_wrapper a:focus-visible { outline: 2px solid #000; outline-offset: 2px;} .art_map_link_wrapper h4 { font-size: 1.9rem; line-height: 2.5rem; font-weight: 700;} .exhibition_artquiz { position: relative; margin: 60px 20px 60px 20px; border: 10px solid rgba(255,255,255,0.25);} .artquiz_list .exhibition_artquiz { border: none;} .exhibition_artquiz img { display: block; width: calc(100% - 40px); margin: 0 auto 0 auto;} .exhibition_artquiz .hint { position: absolute; top: 18px; right: 20px; font-size: 1.5rem; line-height: 2.3rem; font-weight: bold; border: 1px solid #111; padding: 2px 5px; border-radius: 5px;} .exhibition_artquiz .hint:focus-visible { outline: 2px solid #000; outline-offset: 2px;} .exhibition_artquiz .copyright_note { font-size: 1.2rem; line-height: 1.5rem; padding: 5px 0 10px 20px;} .exhibition_artquiz .question { font-weight: 400; font-size: 1.7rem; background: #fff; color: #000; padding: 20px; padding-right: 100px; line-height: 2.3rem;} .exhibition_artquiz .answers { padding: 20px 0 10px 0; background: linear-gradient(100deg, rgba(25, 25, 25, 1) 0%, rgba(35, 35, 35, 1) 65%);} .exhibition_artquiz .answer_wrapper { padding: 10px 20px; line-height: 2.5rem; font-size: 1.7rem; color: #eee; clear: both;} .exhibition_artquiz .answer_wrapper .checkbox { float: left; width: 30px; height: 30px; box-sizing: border-box; border: 2px solid #eee; border-radius: 30px; cursor: pointer; background: transparent;} .exhibition_artquiz .answer_wrapper .checkbox:focus-visible { outline: 3px solid #fff; outline-offset: 3px;} .exhibition_artquiz .answer_wrapper .checkbox.active { background-size: 24px 24px; background-repeat: no-repeat; background-position: left 1px top 2px; background-image: url(../_img/ui/artquiz_checked.svg);} .exhibition_artquiz .answer_wrapper .answer { float: left; padding-left: 20px; max-width: calc(100% - 50px); cursor: pointer; width: fit-content;} .exhibition_artquiz .btn_submit_artquiz { display: block; color: #111; width: fit-content; min-width: 160px; height: 40px; line-height: 2rem; text-align: center; font-size: 1.7rem; background: #eee; border: none; box-sizing: border-box; cursor: pointer; margin: 2rem auto .5rem auto; padding: 10px 20px; border-radius: 20px;} .exhibition_artquiz .btn_submit_artquiz:focus-visible { outline: 3px solid #fff; outline-offset: 3px;} .exhibition_artquiz .btn_submit_artquiz:hover { background-color: #fff;} .exhibition_artquiz .info_solved { display: none;} .exhibition_artquiz.solved .info_solved { display: block; color: lightgreen; text-align: right; font-size: 1.8rem; font-weight: 400; letter-spacing: 0.5px; padding-right: 10px; font-family: Alternate Gothic No2 Pro, Arial, Helvetica, sans-serif; text-transform: uppercase;} .exhibition_artquiz.solved .btn_submit_artquiz { display: none;} .exhibition_artquiz.solved .checkbox { opacity: 0.2; cursor: default;} .exhibition_artquiz.solved .answer_wrapper .answer { cursor: default;} .media_guide_section_link { display: block; width: 50%; aspect-ratio: 8/5; padding: 0 0 20px 0 !important;} .media_guide_section_link.previous { float: left;} .media_guide_section_link.next { float: right;} .media_guide_section_link:focus-visible { outline: 2px solid #000; outline-offset: -5px;} .media_guide_section_link h3 { text-decoration: none; width: calc(100% - 40px); margin: 0 auto 0 auto; padding: 10px 0 10px 0; font-size: 2.6rem; line-height: 30px;} .media_guide_section_link img { clear: both; width: calc(100% - 40px); margin: 0 auto 0 auto; display: block; aspect-ratio: 8 / 5;} .media_guide_section_slider { position: relative; padding: 20px; box-sizing: border-box; height: 100%; width: 100%; overflow-x: hidden; scrollbar-width: none;} .media_guide_section_slides { display: none;} .media_guide_section_slider .btn_left { position: absolute; left: 10px; top: calc(50% - 20px); z-index: 1; width: 40px; height: 40px; background-color: #fff; border: none; background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/arrow_left.svg); cursor: pointer;} .media_guide_section_slider .btn_left:focus-visible { outline: 2px solid #000;} .media_guide_section_slider .btn_right { position: absolute; right: 10px; top: calc(50% - 20px); z-index: 1; width: 40px; height: 40px; background-color: #fff; border: none; background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/arrow_right.svg); cursor: pointer;} .media_guide_section_slider .btn_right:focus-visible { outline: 2px solid #000;} .media_guide_section_slider_row { position: relative; margin-left: -100%; width: 300%; z-index: 0;} .media_guide_section_slider_row h3 { padding: 10px 0 5px 0;} .media_guide_section_slider_row a { padding: 20px; box-sizing: border-box; display: block;} .media_guide_section_slider_row a:focus-visible img { outline: 2px solid #000; outline-offset: 3px;} .media_guide_section_slider_row img { display: block; width: 100%;} .media_guide_section_slider_row p { padding: 0 0 20px 0; height: 120px; overflow: hidden;} .media_guide_section_slider_row > div { float: left; margin-left: 0%; width: 33.333%; padding: 0 50px; box-sizing: border-box;} .sitemap_floor { margin-top: 20px;} .sitemap_floor svg { width: 100%; margin: 0; padding: 20px; box-sizing: border-box; max-width: 500px; display: block; cursor: pointer;} .sitemap_floor .hover:hover { filter: saturate(200%);} .sitemap_floor .cls-2.hover:hover { filter: saturate(300%);} .sitemap_floor .cls-8.hover:hover { filter: saturate(300%);} .sitemap_floor h3 { padding: 40px 20px 0 20px;} .sitemap_floor .legend { padding-right: 20px;} .sitemap_floor .legend_element { margin: 0 0 20px 20px; padding-left: 5px; line-height: 1.7rem; font-size: 1.3rem; display: inline-block;} .sitemap_floor .legend_element:focus-visible { outline: 2px solid #000; outline-offset: 2px;} .sitemap_floor + .sitemap_floor { padding-bottom: 100px;} .quiz_outro_text { padding-bottom: 100px; display: block;} /*GALLERY OVERLAY*/ #default_static_overlay_gallery_simple { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 1%; box-sizing: border-box; background-color: rgba(0,0,0,0.7); z-index: 200;} #default_static_overlay_gallery_simple .inner { position: relative; width: 100%; height: 100%; background-color: #fff; padding: 1.9rem; box-sizing: border-box; overflow: auto; max-width: unset; box-shadow: none; border-radius: 0; margin: 0;} #default_static_overlay_gallery_simple .image_container { height: calc(100% - 130px); margin: 40px auto 0 auto; box-sizing: border-box; text-align: center; width: fit-content;} #default_static_overlay_gallery_simple .image_container img { max-height: 100%; display: inline; object-fit: contain; object-position: top; cursor: pointer; max-width: 100%;} #default_static_overlay_gallery_simple .image_container .copyright_note { text-align: left; font-size: 1.2rem; line-height: 1.5rem; text-align: center;} #default_static_overlay_gallery_simple .image_meta { margin-top: 20px;} #default_static_overlay_gallery_simple .image_meta .caption { text-align: center; font-size: 1.4rem; line-height: 20px; font-weight: 700; text-align: center;} #default_static_overlay_gallery_simple .image_meta .description { padding: 0 0 10px 0; text-align: center; font-size: 1.4rem; line-height: 20px; text-align: center;} #default_static_overlay_gallery_simple .inner .btn_previous { position: absolute; left: calc(50% - 80px); top: 7.5px; width: 40px; height: 40px; background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/arrow_left.svg); cursor: pointer; border: 0; background-color: #fff;} #default_static_overlay_gallery_simple .inner .btn_previous:focus-visible { outline: 2px solid #000;} #default_static_overlay_gallery_simple .inner .btn_next { position: absolute; right: calc(50% - 80px); top: 7.5px; width: 40px; height: 40px; background-size: 25px 25px; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/arrow_right.svg); cursor: pointer; border: 0; background-color: #fff;} #default_static_overlay_gallery_simple .inner .btn_next:focus-visible { outline: 2px solid #000;} #default_static_overlay_gallery_simple .inner .btn_close { position: absolute; right: 14px; top: 14px; width: 25px; height: 25px; background-size: 15px 15px; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/cross-dark.svg); cursor: pointer; border: 0; background-color: #fff;} #default_static_overlay_gallery_simple .inner .btn_close:focus-visible { outline: 2px solid #000;} #custom_static_overlay_audio_guide { display: none; position: fixed; top: 80px; left: calc(50% - 400px); width: 800px; background-color: transparent; max-width: 100%; overflow-y: hidden; z-index: 199; padding: 10px 20px 10px 20px; box-sizing: border-box;} body.hig_admin_logged_in #custom_static_overlay_audio_guide { top: 130px;} #custom_static_overlay_audio_guide .wrapper:focus-visible { outline: 2px solid #000; outline-offset: 2px;} #custom_static_overlay_audio_guide .caption { float: left; padding: 1.5rem 0 0.5rem 1rem; color: #fff; width: 33.5%; box-sizing: border-box; text-align: left;} #custom_static_overlay_audio_guide .inner { position: relative; background-color: #000;} #custom_static_overlay_audio_guide .btn_sticky { display: none;} #custom_static_overlay_audio_guide .btn_close { box-sizing: unset; background-color: transparent; border: 0; position: absolute; right: 5px; top: 19px; padding: 5px; width: 25px; height: 20px; background: no-repeat center / 25px 20px url(../_img/ui/burger_close.svg); cursor: pointer;} #custom_static_overlay_audio_guide .btn_close:focus-visible { outline: 2px solid #fff;} #audio_guide_list_wrapper { position: relative; clear: both; overflow-y: hidden; height: 150px; border-top: 1px solid #666; color: #fff; scrollbar-width: none; padding: 0 1rem; background: #111; box-sizing: border-box;} #audio_guide_list_wrapper h4 { font-size: 1.5rem; line-height: 2rem; padding: 0 0 0.5rem 0; color: #aaa;} #audio_guide_list_wrapper a { clear: both; display: block; padding: 6px 0 6px 5px; color: #aaa; font-size: 1.5rem; line-height: 2.1rem;} #audio_guide_list_wrapper a .name { width: calc(100% - 100px); float: left;} #audio_guide_list_wrapper a .progress { float: left; margin-left: 10px; display: inline-block; background: conic-gradient(#aaa 0deg, black 0deg); border-radius: 50%; width: 16px; height: 16px; border: 2px solid #aaa;} #audio_guide_list_wrapper a .length { width: 55px; float: right; text-align: right; padding-right: 2px;} #audio_guide_list_wrapper a:hover { background-color: #222;} #audio_guide_list_wrapper a.last_selected { font-weight: 700;} #audio_guide_list_wrapper a.last_selected .name { text-decoration: underline;} #audio_guide_list_wrapper a.playing { color: #fff; font-weight: 700;} #audio_guide_list_wrapper a:focus-visible { outline: 2px solid #fff;} #audio_guide_list_wrapper .audio_guide_section { display: none; padding: 1rem 0;} #audio_guide_list_wrapper .audio_guide_section.active { display: block;} #audio_guide_list_wrapper .audio_guide_section:last-child { padding-bottom: 135px; border-bottom: none;} #custom_static_overlay_audio_guide .btn_previous { background-color: transparent; border: 0; float: left; height: 3.6rem; width: 11%; background-size: 2.6rem 2.6rem; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/back.svg); cursor: pointer; margin-top: 1.5rem;} #custom_static_overlay_audio_guide .btn_play { background-color: transparent; border: 0; float: left; height: 3.6rem; width: 11%; background-size: 2.6rem 2.6rem; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/play.svg); cursor: pointer; margin-top: 1.5rem;} #custom_static_overlay_audio_guide .btn_play.playing { background-image: url(../_img/ui/pause.svg);} #custom_static_overlay_audio_guide .btn_next { background-color: transparent; border: 0; float: left; height: 3.6rem; width: 11%; background-size: 2.6rem 2.6rem; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/forward.svg); cursor: pointer; margin-top: 1.5rem;} #custom_static_overlay_audio_guide .btn_previous:focus-visible { outline: 2px solid #fff;} #custom_static_overlay_audio_guide .btn_play:focus-visible { outline: 2px solid #fff;} #custom_static_overlay_audio_guide .btn_next:focus-visible { outline: 2px solid #fff;} span.hig_glossary { text-decoration: underline; text-decoration-style: dotted; cursor: pointer; text-underline-offset: 4px;} span.hig_glossary:focus-visible { outline: 2px solid #000;} .no-glossary span.hig_glossary { text-decoration: none; cursor: default;} .search_functions_wrapper .wrapper { margin: 10px 20px; border-bottom: 1px solid #000;} .search_functions_wrapper .wrapper.text_search { border-bottom: 0;} .search_functions_wrapper .text_search_interface { padding: 10px; background-size: 40px 40px; background-repeat: no-repeat; background-position: left 10px center; background-image: url(../_img/ui/search_black.svg); margin-top: 1rem;} .search_functions_wrapper .text_search_interface input { line-height: 30px; margin: 0.5rem 0 0 6rem; border-radius: 0; border: 1px solid #bbb; max-width: 400px; width: calc(100% - 50px); padding: 5px 15px 5px 15px; font-size: 1.7rem; box-sizing: border-box;} .search_functions_wrapper .wrapper.text_search .search_results { clear: both; padding: 20px 0;} .search_functions_wrapper .wrapper.text_search .glossary_result { display: none; padding: 10px; margin-top: 10px; border: 2px solid #eee;} .search_functions_wrapper .wrapper.text_search .glossary_result > * { padding: 0;} .search_functions_wrapper .wrapper.text_search .glossary_result.show { display: block;} .search_functions_wrapper .wrapper.text_search .search_results a { clear: both; display: block; padding: 10px; margin-bottom: 12.5px; border: 2px solid #eee;} .search_functions_wrapper .wrapper.text_search .search_results a:nth-child(even) { border: 2px solid #ddd;} .search_functions_wrapper .wrapper.text_search .search_results a:hover { border-color: #bbb;} .search_functions_wrapper .wrapper.text_search .search_results a:focus-visible { border: 2px solid #000;} .search_functions_wrapper .wrapper.text_search .search_results a img { height: 80px; float: left; width: 80px; object-fit: cover; object-position: top;} .search_functions_wrapper .wrapper.text_search .search_results a .meta_title { float: right; margin-left: 10px; line-height: 2.5rem; font-size: 1.7rem; width: calc(100% - 90px);} .search_functions_wrapper .wrapper .caption { padding: 0 0 0 60px; font-size: 1.7rem; line-height: 2.5rem; box-sizing: border-box;} .search_functions_wrapper .wrapper .cta { padding: 0 0 0 60px;} .search_functions_wrapper .btn_scan_qr_code { cursor: pointer; text-align: left; padding: 10px; background-size: 40px 40px; background-repeat: no-repeat; background-position: left 10px center; background-image: url(../_img/ui/scan_qr_code.svg); cursor: pointer; margin-top: 1.5rem; background-color: transparent; border: 0;} .search_functions_wrapper .btn_scan_qr_code:focus-visible { outline: 2px solid #000;} .search_functions_wrapper .btn_enter_digit_code { cursor: pointer; text-align: left; padding: 10px; background-size: 40px 40px; background-repeat: no-repeat; background-position: left 10px center; margin-bottom: 1rem; background-image: url(../_img/ui/enter_digit_code.svg); cursor: pointer; margin-top: 1.5rem; background-color: transparent; border: 0;} .search_functions_wrapper .btn_enter_digit_code:focus-visible { outline: 2px solid #000;} .search_functions_wrapper .btn_stop_qr_code_scan { display: none; text-decoration: underline; color: #666; margin: 0 auto 0 auto; width: fit-content; background-color: transparent; border: 0;} .search_functions_wrapper .btn_stop_qr_code_scan:focus-visible { outline: 2px solid #000;} .digit_interface { display: none; padding: 0 0 30px 0;} .digit_interface .selected_digits { padding: 10px 0 40px 0; width: fit-content; box-sizing: border-box; margin-left: 10px;} .digit_interface .selected_digit { text-align: center; border-bottom: 3px solid #111; height: 50px; line-height: 48px; box-sizing: border-box; width: 40px; margin-left: 20px; float: left; background: #fff;} .digit_interface .selected_digit:first-child { margin-left: 0;} .digit_interface .selected_digit.chosen { border-color: green;} .digit_interface .digit_row { padding: 0 0 10px 0; height: 50px; margin: 0;} .digit_interface .digit_button { float: left; height: 50px; width: 50px; text-align: center; margin-left: 10px; box-sizing: border-box; line-height: 48px; font-size: 2rem; background-color: #fff; color: #111; border: 1px solid #111; cursor: pointer;} .digit_interface .digit_button:focus-visible { border: 3px solid #000; line-height: 44px; outline: 0;} .digit_interface .digit_button.inactive { color: #bbb; border-color: #bbb;} .digit_interface .digit_button.clear { width: 110px; font-size: 3rem;} .content_block section.cta { margin: 20px;} .content_block section.cta h4 { line-height: 2.2rem; font-size: 2.2rem; font-family: Alternate Gothic No2 Pro, Arial, Helvetica, sans-serif; padding: 5px 20px; background: #111; color: #fff; width: fit-content; font-weight: 400; letter-spacing: 0.5px;} .content_block section.cta p { border: 1px solid #111; background-color: #fff; padding: 10px 10px 10px 20px; color: #111;} @media (min-width: 801px) { body.canvas_intro #navigation.overlay { border: none;} body.canvas_intro #content .content_block { border: none;} body.canvas_intro #top .content_block { border: none;} #navigation { scrollbar-width: auto;} .exhibition_common .internal_audio { float: left; width: 100%; max-width: calc(50% - 30px); margin: 10px 0 10px 20px;} .exhibition_common .internal_audio + .internal_audio { clear: none;} } @media (max-width: 800px) { #navigation { width: 100%; left: 0 !important; right: 0 !important; margin: 0 !important;} h1 { line-height: 3.8rem; font-size: 4rem;} h2 { line-height: 3.8rem; font-size: 4rem;} h3 { line-height: 2.6rem; font-size: 2.6rem;} h4 { line-height: 2.4rem; font-size: 1.9rem;} p { line-height: 2.3rem; font-size: 1.5rem;} ul { line-height: 2.3rem; font-size: 1.5rem;} .content_block .content_intro .subtitle { line-height: 2.4rem; font-size: 1.9rem;} .content_block.legal h1 { line-height: 3.8rem; font-size: 4rem;} .content_block.legal h2 { line-height: 2.6rem; font-size: 2.6rem; padding: 3.9rem 0 0 0;} .content_block.legal h4 { line-height: 2.1rem; font-size: 1.7rem; font-weight: 700; padding: 2.1rem 0 1rem 0;} .content_block.legal h2 + h4 { padding-top: 1.05rem;} .media_guide_section_link h3 { line-height: 2.7rem; font-size: 2.3rem;} .exhibition_artwork a.artist_link { margin-left: 0; font-size: 1.4rem; line-height: 2rem;} .exhibition_art_map_entry a.artist_link { margin-left: 0; font-size: 1.4rem; line-height: 2rem;} .exhibition_common .btn_back_top, .exhibition_common .btn_back_bottom { font-size: 1.4rem; padding: 0 0.5rem 0 1.5rem; margin-right: -0.5rem;} .content_block .content_intro .btn_back_top { font-size: 1.4rem; padding: 0 0.5rem 0 1.5rem; margin-right: 1.5rem;} .exhibition_artwork section h2 { padding-left: 0;} .exhibition_art_map_entry section h2 { padding-left: 0;} .exhibition_artwork h2.name { padding: 0;} .exhibition_art_map_entry h2.name { padding: 0;} .exhibition_common { border: none; padding: 20px 20px 50px 20px;} .exhibition_common .breadcrumbs { padding: 0 20px 20px 0; font-size: 1.4rem; line-height: 2rem;} .exhibition_common .name { padding: 0 0 10px 0;} .exhibition_common .image_box_main { max-width: unset; float: left; margin: 0 0 0 0;} .exhibition_common h2 + .image_box_main { margin: 10px 0 0 0;} .exhibition_common .image_box_main.full_width { padding: 0;} .exhibition_common .biography { width: 100%; float: left; padding: 20px 0 0 0;} .exhibition_common .biography h4 { padding: 0 0 10px 0;} .exhibition_common .biography p { padding: 0 0 20px 0;} .exhibition_common > .description { width: 100%; float: left; padding: 20px 0 0 0;} .exhibition_common > .description h4 { padding: 0 0 10px 0;} .exhibition_common > .description p { padding: 0 0 20px 0;} .exhibition_common .image_box_main .image_box_content .image_wrapper { width: 100%;} .exhibition_common .image_box_additional { padding: 0;} .exhibition_common .image_box_additional .image_box_content .image_wrapper { width: calc(50% - 10px);} .exhibition_common .image_box_additional .image_wrapper:nth-child(3n+1) { margin-left: 20px;} .exhibition_common .image_box_additional .image_wrapper:nth-child(2n+1) { margin-left: 0;} .exhibition_common section.text h4 { padding: 0 0 10px 0;} .exhibition_common section.text p { padding: 0 0 20px 0;} .exhibition_common .external_video { padding: 30px 0;} .exhibition_common .internal_audio { margin: 30px 0 0 0;} .exhibition_category { border: none;} .exhibition_category .name { padding: 0 0 10px 0;} .exhibition_category .description { padding: 20px; float: left; width: 100%; padding: 20px 0 0 0;} .exhibition_common .qr_number_code { margin: 0;} .share_buttons { margin: 0; width: calc(100% - 40px);} body.hig_overlay_padding .content_block[class*="chapter"] { padding-top: 216px;} #custom_static_overlay_audio_guide { left: 0; width: 100%; padding: 10px 20px 10px 20px;} #custom_static_overlay_audio_guide .btn_close { top: 14px; width: 20px; height:16px; background: no-repeat center/20px 16px url(../_img/ui/burger_close.svg);} #custom_static_overlay_audio_guide .btn_previous { height: 3rem; background-size: 2.2rem 2.2rem; margin: 1.2rem 0 0 0} #custom_static_overlay_audio_guide .btn_play { height: 3rem; background-size: 2.2rem 2.2rem; margin: 1.2rem 0 0 0} #custom_static_overlay_audio_guide .btn_next { height: 3rem; background-size: 2.2rem 2.2rem; margin: 1.2rem 0 0 0} .exhibition_common .featured_artwork { width: 100%; float: left; clear: both;} .exhibition_common .featured_artwork h4 { font-size: 1.7rem; line-height: 2.5rem; padding: 2rem 0 1rem 0;} .exhibition_common .featured_artwork .artwork_list { padding: 0 20px 0 0;} .exhibition_common .featured_artwork .artwork_list a { width: calc(33.333% - 8px); margin: 0 0 0 12px;} .exhibition_common .featured_artwork .artwork_list a:nth-child(3n+1) { margin: 0;} .share_buttons h4 { font-size: 1.7rem; line-height: 2.5rem;} .exhibition_common .external_video h4 { font-size: 1.7rem; line-height: 2.5rem; padding: 2rem 0 1rem 0;} .exhibition_common .external_links .caption { font-size: 1.7rem; line-height: 2.5rem; padding: 2rem 0 1.5rem 0;} .art_map_link_wrapper h4 { font-size: 1.7rem; line-height: 2.5rem; padding: 2rem 0 1.5rem 0;} .exhibition_artquiz .question { font-size: 1.5rem; line-height: 2.3rem;} .exhibition_artquiz .answer_wrapper { padding: 10px 20px; font-size: 1.5rem; line-height: 2.3rem; } .exhibition_artquiz .answer_wrapper .answer { padding-top: 3.5px;} .exhibition_artquiz .btn_submit_artquiz { height: 30px; padding: 5px; font-size: 1.5rem;} .exhibition_common .text { padding: 20px 0;} .exhibition_common .external_links { padding: 20px 0;} .exhibition_common .biography p, .exhibition_common > .description p { text-align: left;} .art_map_link_wrapper h4 { padding: 1rem 0;} .art_map_link_wrapper a { margin: 0 0 3rem 0;} .exhibition_art_map_entry .gm_route_link { margin: 10px 0;} } @media (min-width: 600px) { .exhibition_common .external_video .ytvideo_blocker { padding-top: 50px;} } @media (max-width: 600px) { .exhibition_common .external_video .ytvideo_blocker .btn_load_video { margin-top: 15px;} .exhibition_common .external_video .ytvideo_blocker .input_wrapper { margin-top: 10px;} .artist_list .artist_teaser_highlight { width: calc(50% - 10px);} .artwork_list .artwork_teaser_highlight { width: calc(50% - 10px);} .artist_list .artist_teaser_highlight .name .artwork_list .artwork_teaser_highlight .name, .artwork_list .artwork_teaser_highlight .artist_name { font-size: 1.4rem; line-height: 2rem;} .media_guide_section_link { width: 100%; float: unset; padding: 0 0 20px 0 !important;} .media_guide_section_link.previous h3 { margin: 0 0 0 20px;} .media_guide_section_link.next h3 { margin: 0 0 0 20px;} .media_guide_section_link.previous img { margin: 0 0 0 20px;} .media_guide_section_link.next img { margin: 0 0 0 20px;} .media_guide_section_slider { padding: 0 0 20px 0;} .media_guide_section_slider_row > div { padding: 0 20px;} .media_guide_section_slider .btn_left { left: 0; width: 20px; height: 20px; background-size: 15px 15px;} .media_guide_section_slider .btn_right { right: 0; width: 20px; height: 20px; background-size: 15px 15px;} #navigation .link, #static_btn_close_menu { font-size: 3.2rem;} #navigation .link_collection_wrapper .btn_toggle { background-position: right 13px top 7.5px; background-size: 25px 25px;} #default_static_overlay_gallery_simple { padding: 0;} #default_static_overlay_gallery_simple .inner { box-sizing: border-box; padding: 10px;} .exhibition_common .featured_artwork .artwork_list a { width: calc(50% - 6px);} .exhibition_common .featured_artwork .artwork_list a:nth-child(2n+1) { margin: 0;} } @media (max-width: 480px) { #navigation .link, #static_btn_close_menu { font-size: 2.8rem; line-height: 3rem; height: 5rem;} #navigation .link_collection a { font-size: 2.2rem;} #navigation .link_collection_wrapper .btn_toggle { background-position: right 15px top 5px; background-size: 20px 20px; height: 3rem;} #footer_content { padding-top: 20px;} #footer_content .footer_info_text { width: 100%; text-align: center;} #footer_content .social_links { width: 100%; margin-top: 0; text-align: center;} #footer_content .social_links a { margin-right: 10px; margin-left: 10px;} #footer_content .default_footer_link_bar { width: 100%; text-align: center;} #footer_content .default_footer_link_bar a{ margin: 0 auto 0 auto;} #footer_content .default_footer_copyright { text-align: center;} #custom_static_overlay_audio_guide h3 { width: 40%;} } #default_static_overlay_info.quiz_response { background-color: rgba(0, 0, 0, 0.65); margin-top: 0;} #default_static_overlay_info.quiz_response .inner { border: none; box-shadow: unset; width: 65%; max-width: 300px; top: 25%;} #default_static_overlay_info.quiz_response .message { min-height: 20px; margin: 0; padding: 10px;} #default_static_overlay_info.quiz_response .caption { border: none; padding-top: 10px; line-height: 2.5rem; font-size: 1.7rem;} #default_static_overlay_info.quiz_response .buttons { margin-top: 10px;} #default_static_overlay_info.quiz_response .btn_close { border-radius: 20px; height: 30px; line-height: 20px; padding: 5px; font-size: 1.5rem;} #default_static_overlay_info.quiz_response .btn_close:hover { opacity: 0.9;} #default_static_overlay_info.qr_scanner .inner { border: none; box-shadow: unset;} #default_static_overlay_info.qr_scanner .caption { border: none; padding-top: 20px;} #default_static_overlay_info.qr_scanner .btn_close { display: none;} #default_static_overlay_info.qr_scanner .btn_close_icon { display: block; z-index: 1; position: absolute; right: 10px; top: 10px; width: 25px; height: 25px; background-size: 15px 15px; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/cross-dark.svg); cursor: pointer; border: 0; background-color: #fff;} #default_static_overlay_info.qr_scanner .btn_close_icon:focus-visible { outline: 2px solid #000;} #default_static_overlay_info.glossary { background-color: rgba(0, 0, 0, 0.65);} #default_static_overlay_info.glossary .inner { border: none; box-shadow: unset; width: 80%; max-width: 400px; padding: 1.9rem;} #default_static_overlay_info.glossary .caption { border: none; line-height: 2.3rem; font-size: 2rem; text-align: left;} #default_static_overlay_info.glossary .message { text-align: left;} #default_static_overlay_info.glossary .caption:first-letter { text-transform: capitalize;} #default_static_overlay_info.glossary .buttons { display: none;} #default_static_overlay_info.glossary .btn_close_icon { display: block; z-index: 1; position: absolute; right: 1.7rem; top: 1.7rem; width: 2.3rem; height: 2.3rem; background-size: 1.7rem 1.7rem; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/cross-dark.svg); cursor: pointer; border: 0; background-color: #fff;} #default_static_overlay_info.glossary .btn_close_icon:focus-visible { outline: 2px solid #000;} #custom_static_overlay_audio_transcript { overflow-y: hidden; position: fixed; top: 0; left: 0; width: 100%; padding: 0; height: 100vh; text-align: center;} #custom_static_overlay_audio_transcript .caption { padding: 0 0 20px 0; line-height: 2.3rem; font-size: 2rem; text-align: left;} #custom_static_overlay_audio_transcript .wrapper { position: relative; height:100vh; box-sizing: border-box; background: rgba(0, 0, 0, 0.5);} #custom_static_overlay_audio_transcript .inner { position: relative; padding: 1.9rem; box-sizing: border-box; margin: 40px auto 40px auto; width: 90%; max-width: 600px; border-radius: 5px; border: none; box-shadow: unset;} #custom_static_overlay_audio_transcript p.transcript { text-align: left; overflow-y: scroll; height: calc(100vh - 160px); padding: 0 1rem 5rem 0; box-sizing: border-box;} #custom_static_overlay_audio_transcript p.transcript:focus-visible { outline: 2px solid #000;} #custom_static_overlay_audio_transcript .btn_close { display: block; z-index: 1; position: absolute; right: 1.7rem; top: 1.7rem; width: 2.3rem; height: 2.3rem; background-size: 1.7rem 1.7rem; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/cross-dark.svg); cursor: pointer; border: none; background-color: #fff;} #custom_static_overlay_audio_transcript .btn_close:focus-visible { outline: 2px solid #000;} #un_map_wrapper { clear: both; padding-bottom: 120px; background-color: #000; padding: .75rem 2rem 4rem 2rem; background: #fff;} #un_map { height: calc(100vh - 220px); width: 100%;} /*ART MAP INFO OVERLAY*/ #custom_overlay_art_map_info { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.4); overflow-y: auto; scrollbar-width: thin;} #custom_overlay_art_map_info .inner { position: relative; width: calc(100% - 20px); max-width: 600px; background-color: #fff; padding: 1.5rem; box-sizing: border-box; overflow: auto; margin: 100px auto 40px auto; border-radius: 10px; box-shadow: none; outline: none; border: none;} #custom_overlay_art_map_info .inner:focus-visible { outline: 2px solid #000;} #custom_overlay_art_map_info .inner .btn_close { position: absolute; right: 1.5rem; top: 1.5rem; width: 2.4rem; height: 2.4rem; background-size: 1.5rem 1.5rem; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/cross-dark.svg); cursor: pointer; border: 0; background-color: #fff;} #custom_overlay_art_map_info .inner .btn_close:focus-visible { outline: 2px solid #000;} #custom_overlay_art_map_info .entry:not(:first-child) { float: left; margin-top: 10px;} #custom_overlay_art_map_info h2 { clear: both; font-family: 'BentonSans'; padding: 0; margin: 30px 0 0 0; line-height: 2.4rem; font-size: 1.9rem; width: calc(100% - 40px); font-weight: 700;} #custom_overlay_art_map_info h2:first-child { margin: 0 0 0 0;} #custom_overlay_art_map_info img { height: 12.5rem; float: left; margin-top: 10px; margin-right: 10px;} #custom_overlay_art_map_info p { padding: 0; margin: 10px 0 0 0; min-height: 12.5rem;} #custom_overlay_art_map_info .link_box { text-align: right; padding: 10px 0 5px 0;} #custom_overlay_art_map_info a { text-decoration: underline; display: inline-block; padding: 1rem;} #custom_overlay_art_map_info a:focus-visible { outline: 2px solid #000;} #custom_overlay_art_map_info a.gm_route_link { float: left; padding: 1rem 1rem 1rem 2.5rem; background-size: 2.5rem 2.5rem; background-repeat: no-repeat; background-position: center left; background-image: url(../_img/ui/gm-pin.svg);} @media (max-width: 800px) { #custom_overlay_art_map_info a { padding: 0.5rem;} #custom_overlay_art_map_info a.gm_route_link { padding: 0.5rem 0.5rem 0.5rem 2.5rem;} #custom_overlay_art_map_info img { height: 9.2rem;} #custom_overlay_art_map_info p { min-height: 9.2rem;} } #un_map_wrapper.inclusive #custom_overlay_art_map_info h2 { padding: 0;} #un_map_pin_list_wrapper { padding: 0 20px; clear: both;} #un_map_pin_list_wrapper.inclusive h2 { float: left; font-family: 'BentonSans'; line-height: 3rem; font-size: 1.9rem; font-weight: 700; padding: 1.5rem 0 0.5rem 0; color: #666; text-transform: unset;} #un_map_pin_list button { position: relative; display: none; width: 100%; background: #fff; text-align: left; line-height: 2.5rem; font-size: 1.7rem; cursor: pointer; padding: 10px; margin-bottom: 12.5px; border: 2px solid #eee;} #un_map_pin_list button:hover { border: 2px solid #ddd;} #un_map_pin_list button:focus-visible { outline: 2px solid #000;} #un_map_pin_list button img { height: 80px; width: 80px; float: left; display: block; object-fit: cover; object-position: top;} #un_map_pin_list button .info { float: right; margin-left: 10px; line-height: 2.5rem; font-size: 1.7rem; width: calc(100% - 90px);} #un_map_pin_list button .distance { position: absolute; bottom: 10px; right: 10px; font-size: 1.4rem; color: #666; line-height: 1.4rem;} #un_map_pin_list_wrapper .pagination_interface { float: right; padding: 1.5rem 0 0.5rem 0;} #un_map_pin_list_wrapper .prev, #un_map_pin_list_wrapper .next { background: #fff; height: 3rem; width: 3.5rem; border: none; float: left; cursor: pointer; opacity: 0.3; padding: 0;} #un_map_pin_list_wrapper .prev:focus-visible, #un_map_pin_list_wrapper .next:focus-visible { outline: 2px solid #000; outline-offset: -4px;} #un_map_pin_list_wrapper .prev { background-size: 2rem 1.8rem; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/arrow_left.svg);} #un_map_pin_list_wrapper .next { background-size: 2rem 1.8rem; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/arrow_right.svg);} #un_map_pin_list_wrapper .pagination_info { line-height: 3rem; font-size: 1.5rem; float: left; width: 4rem; text-align: center; height: 3rem;} #un_map_pin_list_wrapper .prev.active, #un_map_pin_list_wrapper .next.active { opacity: 1;} #un_map_geolocation_loading_icon { float: left; clear: both; visibility: hidden; height: 2rem; background: no-repeat center url(../_img/ui/loading_dc.svg); background-size: 8rem; width: 18rem; margin: 1rem 0 0 2rem;} #un_map_geolocation_loading_icon.visible { visibility: visible;} #un_map_show_my_location { float: left; clear: both; display: none; margin: 0 0 0 2rem; width: 18rem; line-height: 3rem; padding-left: 3rem; border: none; background: #fff; font-size: 1.7rem; cursor: pointer; border: 1px solid #000; background-size: auto 2.5rem; background-repeat: no-repeat; background-position: center left 1rem; background-image: url(../_img/ui/user-pin-black.svg);} .hig_lang_de #un_map_show_my_location { width: 24rem;} .hig_lang_de #un_map_geolocation_loading_icon { width: 24rem;} #un_map_show_my_location:hover { background-color: #ddd;} body.hig_is_mobile #un_map_show_my_location { background-color: #fff;} body.hig_is_mobile #un_map_show_my_location:active { background-color: #ddd;} #un_map_show_my_location.visible { display: block;} #un_map_show_my_location:focus-visible { outline: 2px solid #000;} /* SELECT BOX STYLINGS */ .hig_select { position: relative; user-select: none; width: fit-content; min-width: 220px; cursor: pointer; background-color: #fff; border: 1px solid #bbb; box-sizing: border-box; color: #111; font-size: 15px; background-size: 10px 10px; background-repeat: no-repeat; background-position: right 5px top 10px; background-image: url(../_img/ui/admin/arrow_down.svg);} .hig_select .selected_option { position: relative; height: 30px; box-sizing: border-box; padding: 3px; line-height: 22px; z-index: 0;} .hig_select .options { display: none; position: absolute; top: 30px; left: -1px; border: 1px solid #bbb; background-color: #fff; width: fit-content; min-width: 220px; box-sizing: border-box; z-index: 1; overflow-y: auto;} .hig_select .option { line-height: 20px; padding: 3px 5px;} .hig_select .option:hover { background-color: #ddd;} #un_map_filter_wrapper .hig_select { float: left; width: calc(100% - 72px); max-width: 360px; margin: 0 5px 1rem 20px;} #un_map_filter_wrapper .hig_select .selected_option { overflow: hidden; width: 100%; padding-right: 20px;} #un_map_filter_wrapper .hig_select .selected_option:focus-visible { outline: 2px solid #000;} #un_map_filter_wrapper .hig_select .options { width: 100%; box-sizing: content-box; box-shadow: 0px 3px 3px 0px #000000; max-height: 18rem;} #un_map_filter_wrapper .hig_select .options:focus-visible { outline: none;} #un_map_filter_wrapper .hig_select .options:focus-visible .option.current { outline: 2px solid #000; outline-offset: -3px;} #un_map_filter_wrapper .hig_select .option { box-sizing: border-box; line-height: 3rem; height: 3.6rem; padding: .3rem .5rem;} #un_map_filter_wrapper .hig_select .option[aria-selected="true"] { font-weight: 700;} #un_map_filter_wrapper.inclusive h2 { clear: both; font-family: 'BentonSans'; line-height: 2.4rem; font-size: 1.9rem; font-weight: 700; padding: 1.5rem 0 .5rem 2rem; color: #666; text-transform: unset;} #un_map_filter_wrapper .btn_remove_filter { display: none; float: left; width: 32px; height: 32px; background-size: 15px 15px; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/cross-gray.svg); cursor: pointer; border: 0; background-color: #fff;} #un_map_filter_wrapper .btn_remove_filter:focus-visible { outline: 2px solid #000;} #un_map_category_filter { display: none;} @media (max-width: 480px) { #custom_overlay_art_map_info h2 { line-height: 2.3rem; font-size: 1.7rem;} #custom_overlay_art_map_info p { line-height: 2.3rem; font-size: 1.5rem;} #custom_overlay_art_map_info a { line-height: 2.3rem; font-size: 1.5rem;} #custom_overlay_art_map_info .inner .btn_close { width: 2.3rem; height: 2.3rem;} } #footer .hig_static_language_switch { clear: both; float: right; color: #fff; font-family: Alternate Gothic No2 Pro, Arial, Helvetica, sans-serif; user-select: none; font-size: 2.8rem; width: 50%; box-sizing: border-box; padding: 1rem 2rem;} #footer .hig_static_language_switch a { float: left; border: none; padding: 0;} #footer .hig_static_language_switch a:focus-visible { outline: 2px solid #fff; outline-offset: 2px;} #footer .hig_static_language_switch span { float: left; padding: 0 5px 0 5px;} #footer .hig_static_language_switch .switch.selected { text-decoration: underline;} @media (max-width: 480px) { #footer .hig_static_language_switch { float: unset; width: fit-content; margin: 0 auto 0 auto;} } #un_map_interface { display: none;} #un_map_interface.consent { display: block;} #un_map_gdpr_consent { padding: 20px; margin: 20px; border: 1px solid #111;} #un_map_gdpr_consent.consent { display: none;} #un_map_gdpr_consent h2 { font-family: 'BentonSans'; line-height: 2.4rem; font-size: 1.9rem; font-weight: 700; padding: 0 0 0.5rem 0;} #un_map_gdpr_button { clear: both; float: right; display: block; margin-top: 2rem; border: 1px solid #bbb; line-height: 3rem; border-radius: 5px; cursor: pointer; padding: 0 1.5rem; font-size: 1.5rem; background: #ddd; color: #888;} #un_map_gdpr_button.active { background: #fff; color: #000; border-color: #000;} #un_map_gdpr_button.active:hover { background: #ddd;} #un_map_gdpr_button:focus-visible { outline: 2px solid #000;} #un_map_gdpr_checkbox { display: block; float: left; margin: 0; height: 2.5rem; width: 2.5rem;} #un_map_gdpr_checkbox:focus-visible { outline: 2px solid #000;} #un_map_gdpr_consent label { display: block; float: left; margin-left: 1.5rem; line-height: 2.5rem; width: 80%;} #un_map_gdpr_consent p { padding: 0 0 1.5rem 0;} .artwork_collection .index { position: sticky; top: 80px; margin-bottom: 50px; width: 100%; z-index: 1; box-sizing: border-box; padding: 5px 20px 5px 20px; background: black; color: #fff;} .artwork_collection .index .quick_navigation_link { font-family: Alternate Gothic No2 Pro, Arial, Helvetica, sans-serif; width: 33.333%; float: left; text-decoration: underline; font-size: 2.25rem; line-height: 4.5rem; text-overflow: ellipsis; overflow: hidden; height: 5rem; white-space: nowrap; padding-right: 2%; box-sizing: border-box; cursor: pointer; text-decoration-thickness: 3px; text-underline-offset: 3px; text-align: center; text-transform: uppercase;} .artwork_collection .artwork { border-top: 10px solid #ddd; padding-top: 50px;} .artwork_collection .index + .artwork { border-top: 0;} .artwork_collection .share_buttons { margin: 20px;} .artwork_collection .exhibition_artwork h2.name { padding-bottom: 10px;} .exhibition_artwork .description_overlay { display: none;} .exhibition_artwork .btn_show_description_overlay { cursor: pointer; font-size: 1.7rem; border: .5rem solid rgb(113 142 52); padding: 1rem 3rem 1rem 1.5rem; line-height: 2rem; border-radius: 30px; background: #fff; color: #111; background-repeat: no-repeat; background-position: right 1rem center; background-size: 1rem 1.5rem; background-image: url(../_img/ui/arrow_right.svg); box-sizing: border-box; height: 5rem;} .exhibition_artwork .btn_show_description_overlay:hover { background-color: #efefef;} .exhibition_artwork .btn_show_description_overlay:focus-visible { outline: 2px solid #000; outline-offset: 2px;} h1.slogan { font-size: 3rem; padding: 0 20px 0 0; line-height: 8rem; text-align: right; box-sizing: border-box;} #default_static_overlay_info.description_overlay { background-color: rgba(0, 0, 0, 0.65);} #default_static_overlay_info.description_overlay .inner { border: none; box-shadow: unset; width: 90%; max-width: 600px; padding: 1.9rem;} #default_static_overlay_info.description_overlay .caption { border: none; line-height: 2.3rem; font-size: 1.7rem; text-align: left; max-width: calc(100% - 3rem); margin: 0;} #default_static_overlay_info.description_overlay .message { text-align: left;} #default_static_overlay_info.description_overlay .caption:first-letter { text-transform: capitalize;} #default_static_overlay_info.description_overlay .buttons { display: none;} #default_static_overlay_info.description_overlay .btn_close_icon { display: block; z-index: 1; position: absolute; right: 1.7rem; top: 1.7rem; width: 2.3rem; height: 2.3rem; background-size: 1.7rem 1.7rem; background-repeat: no-repeat; background-position: center center; background-image: url(../_img/ui/cross-dark.svg); cursor: pointer; border: 0; background-color: #fff;} #default_static_overlay_info.description_overlay .btn_close_icon:focus-visible { outline: 2px solid #000;} #default_static_overlay_info.description_overlay img { float: left; width: 40%;} .exhibition_common .biography, .exhibition_common > .description a:focus-visible { outline: 2px solid #000;} #default_static_overlay_info.description_overlay .message p { float: right; width: 60%; padding: 0; margin-top: 1.15rem;} @media (max-width: 800px) { .exhibition_artwork .btn_show_description_overlay { font-size: 1.5rem;} } @media (max-width: 600px) { .artwork_collection .index .quick_navigation_link { font-size: 1.8rem; line-height: 3rem; height: 3rem; text-decoration-thickness: 1px;} } .home_login_link { display: block; margin: 60px auto 60px auto; font-size: 1.8rem; text-decoration: underline; width: fit-content;} .un_accounting_interface_reports { padding: 20px; padding-bottom: 60px;} .un_accounting_start_date_wrapper label { width: 100px; display: inline-block;} .un_accounting_start_date_wrapper input { font-family: Arial; font-size: 1.8rem; line-height: 25px;} .un_accounting_end_date_wrapper { margin-top: 10px;} .un_accounting_end_date_wrapper label { width: 100px; display: inline-block;} .un_accounting_end_date_wrapper input { font-family: Arial; font-size: 1.8rem; line-height: 25px;} .un_accounting_button_wrapper { margin-top: 40px; clear: both; float: left; width: 100%;} .un_accounting_button_wrapper h4 { clear: both; padding: 0 0 10px 0;} .un_accounting_button_wrapper hr { clear: both;} .un_accounting_button_wrapper .info { float: left; font-size: 1.4rem; line-height: 1.7rem; width: calc(100% - 150px); padding-bottom: 1.7rem;} .un_accounting_button_wrapper button { float: left; min-width: 120px; border: 1px solid #000; height: 30px; margin: 0 20px 20px 0; cursor: pointer;} .btn_un_accounting_logout { background: none; border: none; text-decoration: underline; position: absolute; top: 20px; right: 20px; padding: 0; font-size: 1.6rem; cursor: pointer;} .un_accounting_interface_reports h2 { padding: 0; margin-bottom: 20px; margin-top: 30px;} .btn_un_accounting_get_csv_sales { clear: both;}