body { background-color: #fff; background-image: url(/_img/background_body.jpg); background-attachment: fixed; background-size: cover;}

a { outline: none; color:inherit; text-decoration:none;}

#top, #content, #footer { position: relative; width: 100%; max-width: 1000px; margin: 0 auto 0 auto; box-sizing: border-box;}

#top { padding-top: 12.5px; height: 270px; background: #3b2a17; z-index: 100; background-image: url(/_img/background_v2.png); background-blend-mode: soft-light; border-bottom: 40px solid #23190e; overflow: visible !important; outline: 0;}

#top_content { height: 217.5px;}

#logo { height: 205px; cursor: pointer; display: inline-block; margin-left: 12.5px; vertical-align: middle;}

#logo img { height: 100%;}

#top_content .extra_image { width: 320px; height: auto; display: inline-block; vertical-align: middle;}

#static_icon_loading { display: none; position: absolute; top: 15px; right: 25px; 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;}

#content { width: 100%; z-index: 1; background: #fff; min-height: 800px; color: #111; padding: 0 25px 25px 25px;}

body.hig_admin_logged_in #content { margin-top: 50px;}

#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;}

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;}

h1, h2, h3 { text-transform: uppercase;}

h1 { line-height: 4rem; font-size: 3.2rem; padding: 4.5rem 2rem 0 0; font-weight: 700;}

h2 { line-height: 3.5rem; font-size: 2.7rem; padding: 1rem 2rem 2.5rem 0; font-weight: 700;}

h3 { line-height: 3rem; font-size: 2.2rem; padding: 1rem 0; font-weight: 700;}

h4 { line-height: 2.5rem; font-size: 2rem; padding: 1rem 0; font-weight: 700;}

p { line-height: 2.5rem; font-size: 1.7rem;}

ul { line-height: 2.5rem; font-size: 1.7rem; padding: 0 2rem; margin-top: 0;}


.content_block.legal { padding-bottom: 100px !important;}

.content_block.legal h1 { padding-top: 7rem; padding-bottom: 0;}

.content_block.legal h2 { padding-top: 4rem; padding-bottom: 0;}

.content_block.legal h2 + h4 { padding-top: 1rem;}

.content_block.legal h4 { padding: 2rem 2rem 1rem 0;}

.content_block.legal ul { padding-left: 4rem;}

.content_block.legal a { text-decoration: underline !important; word-break: break-all;}

#footer { z-index: 0;}

#footer_content { position: relative; width: 100%; box-sizing: border-box; font-weight: 300; background-color: #23190e; }

#footer_content .default_footer_link_bar { float: right; width: 50%; box-sizing: border-box; margin-top: 10px; padding: 25px;}

#footer_content .default_footer_link_bar a { display: block; line-height: 3rem; font-size: 1.7rem; text-decoration: none; color: #fff; width: fit-content;}

#footer_content .footer_info_text { float: left; width: 50%; padding: 25px; box-sizing: border-box;}

#footer_content .footer_info_text p { color: #fff; font-size: 1.7rem; line-height: 2.5rem; padding: 0;}

#footer_content .footer_info_text a { line-height: 3rem; display: inline-block;}

#footer_content .default_footer_copyright { float: left; clear: both; width: 100%; color: #ddd; font-size: 1.3rem; margin: 15px 0; text-align: left; box-sizing: border-box; padding: 0 25px; max-width: 600px;}

#footer_content .default_footer_copyright + .default_footer_copyright { margin-bottom: 25px;}

#footer_content .default_footer_copyright a { text-decoration: underline;}



/*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; margin: 0 0 50px 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; box-sizing: border-box; border-top: none;}

.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 0;}

.content_block .content_intro .btn_back_top { display: block; float: right; width: fit-content; font-size: 1.7rem; 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;}

.content_block .content_intro .subtitle { clear: both; padding: 0 2rem 2.5rem 2rem;}

.content_block .content_intro .text { clear: both; padding: 0 2rem 2rem 0;}


#hig_static_language_switch a { width: unset !important; float: left !important; border: none !important; padding: 0 !important;}

#hig_static_language_switch span { float: left; padding: 0 5px 0 5px;}

#hig_static_language_switch .switch.selected { text-decoration: underline;}


.content_block .image_box { margin: 0 0 50px 0; display: block; vertical-align: bottom; border-radius: 5px; overflow: hidden; border: 1px solid #ddd; box-sizing: border-box; clear: both;}

.content_block .image_box img { width: 60%; float: left; margin-right: 15px;}

.content_block .image_box p { display: flow; padding: 15px;}


.default_basic_fact_box { width: 25%; float: left; margin: 0 0 50px 0; box-sizing: border-box;}

.default_basic_fact_box .text { margin: 0 auto 0 auto; padding: 48px 10px; width: 160px; background-color: #fff; height: 160px; border-radius: 100px; line-height: 20px; box-sizing: border-box; font-size: 1.7rem; color: #23190e; border: 2px solid #23190e;}


/*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;}

#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.3rem; 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.3rem; 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.5rem; 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;}

#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;}

#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;}


/*GALLERY STYLING*/
.default_basic_gallery { width: 100%; box-sizing: border-box; overflow: hidden; margin: 0 auto; max-width: 1000px; padding: 20px 0 44px;}

.default_basic_gallery .thumbnail { float: left; width: calc(20% - 4.8px); cursor: pointer; margin: 0 6px 6px 0; border-radius: 5px; overflow: hidden;}

.default_basic_gallery .thumbnail:nth-child(5n+0) { margin-right: 0;}

.default_basic_gallery .thumbnail img{ display: block; width: 100%; height: auto; box-sizing: border-box;}

.default_basic_gallery .container_thumbnail img{ width: 100%;}

#default_static_overlay_gallery { display: none; position: fixed; right: 0; top: 0px; left: 0; height: 100vh; width: 100%; max-width: 1000px; margin: 0 auto 0 auto; background-color: rgba(0,0,0,0.9); overflow-y: auto; z-index: 10000;}

#default_static_overlay_gallery .loading { position: absolute; top: 80px; left: 0; right: 0; width: 40px; height: 40px; z-index: -1; margin:0 auto 0 auto; background-image: url(../_img/ui/loading.gif); background-size: 40px 40px;}

#default_static_overlay_gallery .buttons { height: 50px; width: 100%; max-width: 1000px; margin: 0 auto 0 auto; background-color: #000; text-align: center;}

#default_static_overlay_gallery .buttons div { float: left; height: 50px; box-sizing: border-box; color: #ccc; cursor: pointer; font-size: 20px;}

#default_static_overlay_gallery .btn_close { width: 60%; line-height: 50px;}

#default_static_overlay_gallery .btn_nav { width: 20%; line-height: 45px; font-weight: bold;}

#default_static_overlay_gallery .btn_nav.previous, #default_static_overlay_gallery .btn_nav.next { font-size: 25px;}

#default_static_overlay_gallery img { display: block; width: auto; max-width: 100%; box-sizing: border-box; margin: 0 auto 0 auto; max-height: calc(100vh - 100px);}

#default_static_overlay_gallery .image_title { display: block; width: 100%; max-width: 1000px; box-sizing: border-box; margin: 0 auto 0 auto; line-height: 2.2rem; font-size: 1.7rem; color: #ccc; background-color: #000; text-align: center;}

#default_static_overlay_gallery .btn_close:hover, #default_static_overlay_gallery .btn_nav:hover { color: #fff;}


#navigation { box-sizing: border-box; margin-top: 12.5px; width: fit-content; width: 100%; text-align: right;}

#static_btn_nav { display: none;}

#navigation .link { cursor: pointer; text-decoration: none; line-height: 40px; padding: 0 25px 0 25px; font-size: 1.9rem; color: #ccbf7a; font-weight: 700;}

#navigation .link.only_mobile { display: none;}

#navigation .link:hover, #navigation .link.active { color: #ddd;}

.company_contact_form { width: 100%; margin: 20px 0 50px 0; padding: 20px; background-color: #fff; box-sizing: border-box; border: 1px solid #ddd; border-radius: 5px; max-width: 600px;}

.company_contact_form label { display: block; width: 100%; font-size: 14px; line-height: 18px; margin-bottom: 5px;}

.company_contact_form input { display: block; width: 100%; margin-bottom: 20px; box-sizing: border-box; font-size: 18px; border: 0.5px solid #ccc;}

.company_contact_form input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset;}

.company_contact_form textarea { display: block; width: 100%; height: 200px; resize: none; margin-bottom: 20px; box-sizing: border-box; font-size: 18px; border: 0.5px solid #ccc;}

.company_contact_form button[type="submit"] { float: right; margin-top: 20px; line-height: 30px; background-color: #fff; color: #111; font-size: 16px; padding: 2px 10px 2px 10px; border-radius: 5px; cursor: pointer; border: 1px solid #bbb;}

.company_contact_form button[type="submit"]:hover { background-color: #ddd;}

.company_contact_form button[type="submit"]:focus { outline: none;}

.company_contact_form button[disabled],
.company_contact_form button[disabled]:hover { background-color: #ccc; color: #999; cursor: not-allowed;}

.company_contact_form .captcha { margin-bottom: 10px;}

.company_contact_form .privacy_check { position: relative; width: 100%; box-sizing: border-box; margin: 10px 0 10px auto; padding: 10px; border: 0.5px solid #ccc; border-radius: 5px;}

.company_contact_form .privacy_check a { text-decoration: underline;}

.company_contact_form .privacy_check label { display: block; width: calc(100% - 50px); float: left; font-size: 14px; line-height: 15px; margin-left: 10px;}

.company_contact_form .privacy_check input { display: block; float: left; margin: 3px; height: 25px; width: 25px;}


@media (max-width: 1100px) {

	#content .content_block .image_box { margin-left: 2rem; margin-right: 2rem; width: calc(100% - 4rem);}

	.content_block .content_intro { border: none; border-radius: 0;}

	#footer { border: none; border-radius: 0;}
}

@media (max-width: 900px) {

	.default_basic_fact_box { width: 50%;}

	.default_basic_fact_box .text { height: unset; padding: unset; border: unset;}
}

@media (max-width: 600px) {

	#content { padding: 0 10px 25px 10px;}
	
	.content_block .image_box img { width: 100%;}

	.content_block .image_box p { clear: both;}

	#logo { height: 155px;}

	#static_icon_loading { right: unset; left: 10px;}
	
	#top { border-bottom: 0;/*20px solid #23190e;*/}

	#top_content { text-align: center;}

	#top_content .extra_image { display: block; width: 280px; position: absolute; top: 115px; left: calc(50% - 140px);}


	/* NAVIGATION STYLING (HANDLES ADMIN INTERFACE AS WELL) */
	#static_btn_nav { position: absolute; display: block; top: 15px; right: 15px; width: 30px; height: 24px; background: no-repeat center / 30px 24px url(../_img/ui/nav.png); cursor: pointer; padding: 10px;}

	#static_btn_nav.overlay { background: no-repeat center/25px 20px url(../_img/ui/burger_close.svg);}

	#navigation { position: fixed; display: none; width: 100%; left: 0 !important; right: 0 !important; height: 80px; margin: 0 !important; overflow-y: auto; box-sizing: border-box; scrollbar-width: none;}

	#navigation_links .link { user-select: none;}

	#navigation .link.only_mobile { display: block;}

	body.hig_admin_logged_in #navigation { display: block; top: 50px; left: unset; right: calc(50% - 400px);}

	body.hig_admin_logged_in #navigation_links { display: none;}

	body #navigation.overlay { display: block; top: 0; right: unset; left: calc(50% - 400px); height: 100%; width: 100%; max-width: 800px; background: #23190e; padding-top: 60px; text-align: center;}

	body.hig_admin_logged_in #navigation.overlay { top: 130px; height: calc(100% - 130px);}

	body.hig_admin_logged_in #navigation.overlay #navigation_links { display: block;}

	#navigation .link { display: block; width: 100%; height: 5.6rem; line-height: 5.6rem; margin: 0 auto 0 auto; box-sizing: border-box; padding-left: 20px; color: #ccbf7a; cursor: pointer; text-decoration: none; border-bottom: 1px solid #888; text-transform: uppercase; font-weight: 400; font-size: 2rem;}

	#navigation .link_collection { display: none; clear: both;}

	#navigation .link_collection a { font-size: 2.6rem;}

	#navigation .link_collection.visible { display: block;}

	#navigation .link_collection_wrapper .btn_toggle { width: 70px; float: right; background-size: 25px 25px; background-repeat: no-repeat; background-position: right 23px top 17.5px; background-image: url(../_img/ui/arrow_down.svg); cursor: pointer;}

	#navigation .link_collection_wrapper > a { width: calc(100% - 70px); float: left;}

	#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);}


	h1 { line-height: 3.5rem; font-size: 2.7rem;}

	h2 { line-height: 3.2rem; font-size: 2.4rem;}

	h3 { line-height: 3rem; font-size: 2rem;}

	h4 { line-height: 2.3rem; font-size: 1.7rem;}

	p { line-height: 2.3rem; font-size: 1.7rem;}

	ul { line-height: 2.3rem; font-size: 1.7rem;}


	#default_static_overlay_gallery_simple { padding: 0;}

	#default_static_overlay_gallery_simple .inner { box-sizing: border-box; padding: 10px;}

	#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;}

	.default_basic_gallery .thumbnail { float: left; width: calc(25% - 4.8px); cursor: pointer; margin: 0 6px 6px 0; border-radius: 5px; overflow: hidden;}

	.default_basic_gallery .thumbnail:nth-child(5n+0) { margin: 0 6px 6px 0;}
	
	.default_basic_gallery .thumbnail:nth-child(4n+0) { margin-right: unset;}

}