/* BASE */

/* user header menu */
.header_user_menu { left: 43%; position: absolute; top: -35px; transform: translateX(-50%); }
.header_user_menu_profile { background-color: #57afa5; border: 1px solid #57afa5; display: inline; text-align: center; }
.header_user_menu_profile:hover { opacity: 0.8; }
.header_user_menu_profile_link, .header_user_menu_profile_link:hover { color: #fff !important; text-decoration: none; }
.header_user_menu_profile_link, .header_user_menu_logout_link { padding: 0 15px !important; }
.header_user_menu_logout { border: 1px solid #57afa5; border-right: none; display: inline; text-align: center; }
.header_user_menu_logout_link { border-right: 1px solid #57afa5; }
.header_user_menu_logout:hover { background-color: #57afa5; opacity: 0.8; }
.header_user_menu_logout:hover .header_user_menu_logout_link, .header_user_menu_logout .header_user_menu_logout_link:hover { color: #fff !important; text-decoration: none; }
@media(max-width:1400px) {
    .header_user_menu { right: 0; left: unset; }
}
@media(max-width:992px) {
	.header_user_menu { display: none; }
}

/* recaptcha special settings - mobile */
.google_recaptcha { margin: 10px 0; position: relative; }
@media screen and (max-height: 575px){
	#rc-imageselect, .google_recaptcha {transform:scale(0.77);transform-origin:0 0;}
}
@media(max-width:992px) {
	.google_recaptcha { margin-bottom: 0; }
}

/* header fix padding */
.modal-header.modal_left { padding-left: 20px; }

/*INSPIRATION*/

/* navigation crumbs */
.inspiration_category_path { background-color: unset; font-size: 15px; padding: 10px 0 10px 20px; margin-bottom: 0; text-align: center !important; }
.inspiration_category_path { padding-left: 0; }
.inspiration_category_path > li { color:#8e8e8e; }
.inspiration_category_path > li a { color:#8e8e8e; text-decoration:none; }
.inspiration_category_path > li a:hover { color:#333; text-decoration:none; }
.inspiration_category_path > li + li:before {  content: "› "; }
@media(max-width:992px) {
	.inspiration_category_path { padding: 10px; margin-bottom: 0; margin-top: 10px; }
}

/* NOTE: specifying the tag-type is necessary to overwrite bootstrap without using '!important' */
a.inspiration_link { color: #aaabad; }
a.inspiration_link:hover { color: #57afa5; }

/* inspiration CSS */
.inspiration_header { margin-top: 0; }
.inspiration_sort_buttons { display: flex; flex-direction: row; justify-content: center; margin: 20px 0 10px 0; }
.inspiration_sort_button { border-color: #ccc; color: #e6e6e6; padding: 5px 10px; margin: 0 10px; }
.inspiration_sort_button.inspiration_sort_button_active { background-color: #fff; color: #57afa5; }
.inspiration_explorer_title { margin-bottom: 0; text-align: left; }
.inspiration_explorer_title span { color: #aaabad; font-family: 'Open Sans', serif; font-size: 14px; font-style: italic; }
.inspiration_result { background-color: #fff; display: inline-block; padding: 20px 0; width: 100%; }
.inspiration_filter_button { background-color: #f4f4f4; border-radius: 3px; color: #4fb59c; }
.inspiration_expand_filters { display: none; width: 100%; }
.inspiration_additional_filters { height: 33px; margin: -10px 0 10px 0; position: relative; }
.inspiration_control { position: absolute; top: 50%; transform: translateY(-50%); }
.inspiration_control i { color: #4fb59c; font-size: 20px; }
.inspiration_control:hover { cursor: pointer; }
.inspiration_control:hover i { color: #57afa5; }
.inspiration_control_left { left: -30px !important; }
.inspiration_control_right { right: -30px !important; }
.inspiration_additional_filters_wrapper { height: 100%; position: relative; overflow: hidden; }
.inspiration_additional_filters_slider { list-style: none; margin: 0; padding-left: 0; white-space: nowrap !important; width: max-content; position: absolute; left: 0; }
.inspiration_additional_filters_slider li { display: inline-block; margin: 0 5px; }
.inspiration_additional_filters_slider li:first-of-type { margin-left: 0; }
@media(max-width:992px) {
	.inspiration_control_left { left: 0; }
	.inspiration_control_right { right: 0; }
	.inspiration_header { margin-bottom: 10px; }
	.inspiration_result { border: none; border-radius: 0; margin: 0; width: 100%; }
}
@media(max-width:650px) {
	.inspiration_container { background-color: #fff; margin: -25px -15px; }
	.inspiration_result { padding: 0; }
	.inspiration_result_content { border-top: 1px solid #ccc; left: 30px; }
	.inspiration_expand_filters { display: initial; }
	.inspiration_additional_filters { height: unset; display: block; padding: 0 10px; margin: 0; }
	.inspiration_additional_filters_wrapper { margin: unset; overflow: unset; }
	.inspiration_additional_filters_slider { display: none; margin: unset; position: unset; width: 100%; }
	.inspiration_control { display: none; }
	.inspiration_filter_button { background-color: #fff !important; }
	.inspiration_filter_button:hover { color: #bdb6ae; }
	.inspiration_additional_filters_slider li { border-bottom: 1px solid #ccc; display: block; margin: 0; }
	.inspiration_additional_filters_slider li a { background-color: #fff; color: #bdb6ae; font-style: initial; text-align: left; width: 100%; }
	.inspiration_additional_filters_slider li:hover a { background-color: #bdb6ae; color: #fff; font-style: initial; text-align: left; width: 100%; }
	.inspiration_sort_button { width: 50%; }
}

/* images */
.inspiration_card { display: inline-block; width: 33.3333%; }
.inspiration_card_content { background-color: #fff; border: 1px solid #ccc; cursor: pointer; overflow: hidden; position: relative; }
.inspiration_card_content:hover { background-color: #efefef; }
.inspiration_card_frame { margin: 5px; }
.inspiration_card_image_wrapper { padding: 10px; position: relative; cursor: pointer; overflow: hidden; }
.inspiration_card_info { height: 55px; text-align: center; position: relative; }
.inspiration_card_info_text { padding: 5px 10px; }
.inspiration_card_info_text small { color: #aaa; font-size: 85%; }
.inspiration_card_info_text_description { margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inspiration_last_pictures { border: 1px solid #ccc; display: none; padding: 20px 50px; margin: 40px auto 20px; text-align: center; width: 70%; }
@media(max-width:992px) {
	.inspiration_images { margin: 0; }
	.inspiration_card { margin: 0; width: 50%; }
	.inspiration_card_content { border-width: 1px 0 0 0; }
	.inspiration_card_content:hover { background-color: #fff; }
	.inspiration_card_image_wrapper { padding-top: 20px; width: 100%; }
}
@media(max-width:650px) {
	.inspiration_card { width: 100%; }
	.inspiration_card:first-of-type .inspiration_card_content { border: none; }
}

/*default results page*/
.inspiration_category_teasers { margin: 0 -10px; }
.inspiration_category_teaser_list_title { display: block; font-size: 18px; margin: 30px 0 0 0; text-align: center; }
.inspiration_category_teaser { display: inline-block; overflow: hidden; vertical-align: top; width: 33%; }
.inspiration_category_teaser_content { border: 1px solid #ccc; color: #000; padding: 10px; margin: 10px; text-align: center; }
.inspiration_category_teaser_title { display: block; margin-top: 10px; text-decoration: none !important; }
.inspiration_category_teaser_description { color: #000; font-size: 12px !important; height: 55px; margin: 0; overflow: hidden; text-align: center; text-overflow: ellipsis; width: 100% !important; }
.inspiration_category_teaser:hover { border-color: #aaa; cursor: pointer; text-decoration: none; }
.inspiration_category_teaser:hover .inspiration_category_teaser_content { background-color: #efefef; }
.inspiration_category_teaser_image { height: auto; position: relative; width: 100%; }
.inspiration_category_teaser_info { padding: 0 10px 10px 10px; margin: 10px -10px -10px -10px; }
@media(max-width:992px) {
	.inspiration_category_teasers { margin: 0 10px; }
	.inspiration_category_teaser_list_title { margin: 10px; }
	.inspiration_category_teaser_content { margin: 0 0 10px 0;}
	.inspiration_category_teaser_content:nth-child(even) { margin-left: 10px; }
	.inspiration_category_teaser_content:nth-child(odd) { margin-right: 10px; }
	.inspiration_category_teaser { width: 49.5%; }
}
@media(max-width:650px) {
	.inspiration_category_teaser { width: 100%; }
	.inspiration_category_teaser_content { margin: 0 0 10px 0 !important; }
}

/* inspiration/index */
.inspiration_index_wrapper { display: table; }
.inspiration_index_column { background-color: #f6f4ef; display: table-cell; width: 33%; }
.inspiration_index_column_content { background-color: #fff; border: 1px solid #ccc; border-radius: 3px; margin: 5px; padding: 15px; }
.inspiration_index_column:nth-child(1) .inspiration_index_column_content { margin-left: 0; }
.inspiration_index_column:nth-child(3) .inspiration_index_column_content { margin-right: 0; }
.inspiration_index_column_content_scale_up { bottom: 0; position: absolute; top: 0; }
.inspiration_index_column_text { margin-top: 20px; padding-bottom: 10px; }
.inspiration_index_column_picture { height: 300px; width: 100%; }
.inspiration_index_column_title { border: 1px solid #ccc; border-left: none; border-right: none; text-align: center; }
.inspiration_index_column_title h3 { color: #57afa5; font-size: 40px }
@media(max-width:992px) {
	.inspiration_index_wrapper { margin: 0 -25px; }
	.inspiration_index_column { display: block; margin: 20px auto; width: 90%; }
	.inspiration_index_column_content { border-radius: 0; margin: 0; position: initial !important; }
	.inspiration_index_column_content_scale_up { bottom: unset; position: unset; top: unset; }
}
@media(max-width:650px) {
	.inspiration_index_wrapper { background-color: #fff; margin: -25px -15px; }
	.inspiration_index_column { width: 100%; }
	.inspiration_index_column_content { border-width: 0 0 1px 0; padding: 10px; }
}

/* infinite-scroll loading CSS */
.inspiration_loader_ellips { font-size: 20px; position: relative; width: 4em; height: 1em; margin: 10px auto; }
.inspiration_loader_ellips__dot { display: block; width: 1em; height: 1em; border-radius: 0.5em; background: #57afa5; position: absolute; animation-duration: 0.5s; animation-timing-function: ease; animation-iteration-count: infinite;}
.inspiration_loader_ellips__dot:nth-child(1), .inspiration_loader_ellips__dot:nth-child(2) { left: 0; }
.inspiration_loader_ellips__dot:nth-child(3) { left: 1.5em; } .inspiration_loader_ellips__dot:nth-child(4) { left: 3em; }
@keyframes reveal { from { transform: scale(0.001); } to { transform: scale(1); } }
@keyframes slide { to { transform: translateX(1.5em) } }
.inspiration_loader_ellips__dot:nth-child(1) { animation-name: reveal; }
.inspiration_loader_ellips__dot:nth-child(2), .inspiration_loader_ellips__dot:nth-child(3) { animation-name: slide; }
.inspiration_loader_ellips__dot:nth-child(4) { animation-name: reveal; animation-direction: reverse; }

/* image_browser/project_details */
.inspiration_browser { bottom: 0; left: 0; overflow-x: hidden; position: absolute; right: 0; top: 0; }
.inspiration_browser_logo_link { display: inline-block; width: 100% }
.inspiration_browser_logo_link_image { width: 100% }
.inspiration_browser_project_info { background-color: #fff; border-left: 2px solid #000; z-index: 5; padding: 20px 0; overflow-y: scroll; overflow-x: hidden; width: 475px; position: fixed; right: 0; height: 100%; }
.inspiration_browser_project_info_title { border-top: 1px dotted #ccc; height: auto; padding: 20px; width: 100%; }
.inspiration_browser_project_info_expert { border-top: 1px dotted #ccc; height: 120px; padding: 20px; width: 100%; }
.inspiration_browser_project_info_expert_details { padding: 20px 20px 0 20px; border-top: 1px dotted #ccc; width: 100%; }
.inspiration_browser_expert_details { list-style: none; column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; padding-left: 0; }
.inspiration_browser_expert_details_box { display: inline-block; margin-right: 10px; text-overflow: ellipsis; white-space: nowrap; }
.inspiration_browser_expert_avatar { border: 1px solid #ccc; float: left; height: 80px; margin-right: 20px; overflow: hidden; position: relative; width: 80px; }
.inspiration_browser_experts_default_logo { background-color: #fff; font-size: 70px; height: 70px; line-height: 1; position: relative; text-align: center; }
.inspiration_browser_experts_default_logo span { left: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.inspiration_browser_expert_avatar > img { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
.inspiration_browser_project_info_nav { padding-bottom: 20px; }
.inspiration_browser_mobile_project_info_nav { display: none; }
.inspiration_browser_project_info_images { border-top: 1px dotted #ccc; padding: 10px; }
.inspiration_browser_project_info_images p { margin-left: 10px; }
.inspiration_browser_project_image_preview_wrapper { float: left; height: 150px; margin-bottom: 20px; padding: 0 10px; width: 50%; }
.inspiration_browser_project_teaser { padding: 10px; }
.inspiration_browser_project_teaser a { color: #aaa; }
.inspiration_browser_project_teaser a:hover { color: #57afa5; }
.inspiration_browser_project_image_preview { border: 1px solid #ccc; cursor: pointer; display: block; height: 150px; overflow: hidden; position: relative; }
.inspiration_browser_project_image_preview:hover { box-shadow: 1px 1px 5px rgba(0,0,0,0.75); }
.inspiration_browser_project_image_preview img { position: absolute; height: 100%; width: auto; left: 50%; transform: translateX(-50%); }
@media(max-width:992px) {
	/* ::-webkit-scrollbar { -webkit-appearance: none; } */
	.inspiration_browser_logo_link_image { width: 50% }
	.inspiration_browser_project_info { right: unset; overflow: hidden; position: initial; width: 100%; height: unset; margin: 0; padding: 0 5px 5px 5px; margin-left: 5px; }
	.inspiration_browser_project_info_expert, .inspiration_browser_project_info_title, .inspiration_browser_project_info_expert_details, .inspiration_browser_mobile_project_info_nav { padding: 10px; }
	.inspiration_browser_expert_details { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
	.inspiration_browser_expert_details li { display: block; margin-bottom: 10px; }
	.inspiration_browser_carousel_item .img { margin-left: -5px;}
	.inspiration_browser_mobile_project_info_nav { border-top: 1px dotted #ccc; display: block; padding-bottom: 0; }
	.inspiration_browser_project_info_nav { padding-bottom: 10px; }
	.inspiration_browser_mobile_project_info_nav a:first-of-type { display: block; text-align: center; }
	.inspiration_browser_close { position: absolute; margin: 10px 20px 0 0; top: 5px; right: 10px; }
	.inspiration_browser_project_info_expert { height: 120px; width: 100%; }
	.inspiration_browser_project_info_images { padding: 10px 0 0; }
	.inspiration_browser_project_info_images:nth-child(odd) { padding-left: 0; }
	.inspiration_browser_project_info_images:nth-child(even) { padding-right: 0; }
}
@media(max-width:650px) {
	.inspiration_browser_project_image_preview_wrapper { width: 100%; }
}

/*carousel*/
.inspiration_browser_carousel { position: fixed; left: 0; top: 0; height: 100%; width: calc(100% - 475px); }
.inspiration_browser_carousel_inner { background-color: #000; height: 100%; }
.inspiration_browser_carousel_inner > .item { height: 100%; background-color: #000; overflow: hidden; margin: auto; width: auto; }
.inspiration_browser_carousel_inner > .item > img { height: 100%; left: 50%; position: relative; transform: translatex(-50%); width:auto; }
.inspiration_browser_carousel_inner>.item>.img, .carousel-inner>.item>a>.img { display: block; height: auto; max-width: 100%; line-height: 1 }
.inspiration_browser_carousel_control { width: 5%; }
.inspiration_browser_carousel_control:focus { outline: none; }
.inspiration_browser_image_description { position: absolute; bottom: 0; left: 0; right: 0; height: 10%; background: linear-gradient(to top, #000, rgba(0,0,0,0.5)); color: #fff; padding: 20px; text-align: center; }
@media(max-width:992px) {
	.inspiration_browser_carousel { height: 80vh; position: initial; width: 100%; }
	.inspiration_browser_carousel_control.right { right: 10px; }
	.inspiration_browser_carousel_control.left { left: 10px; }
}

/* inspiration dropdown */
.menu_wrapper { position: relative; }
.hover_menu { position: absolute; top: -25px; z-index: 10; display: none; box-shadow: 0 0 25px rgba(0, 0, 0, 0.4); right: 3%; }
.inspiration_dropdown { background-color: #fff; border: 1px solid #F5F3EE; border-radius: 3px; height: 655px; left: 10%; min-width: 600px; position: fixed;text-align: left;  top: 75px; width: 80%; z-index: 10000; }
.inspiration_dropdown:after { bottom: 100%; right: 22%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #F5F3EE; border-width: 10px; margin-left: -10px; }
.inspiration_dropdown_category_top { margin-bottom: 20px; color: #57afa5; position: relative; }
.inspiration_dropdown_category_top_title { display: block; text-align: left; font-family: "Origo", cursive; color: rgba(94, 180, 155, 0.8); font-size: 30px; margin-top: 15px; margin-bottom: -5px; }
.inspiration_dropdown_category_top_title:hover, .inspiration_dropdown_category_top_title:focus { color: #57afa5; outline: none; }
.inspiration_dropdown_category_top_subtitle { font-size: 13px; color: #aaabad; }
.inspiration_dropdown_image_gradient { bottom: 0; height: 75% !important; left: 0; position: absolute; right: 0; top: 25%; width: 100%; }
.inspiration_dropdown_magazine_teasers { position: absolute; top: 0; bottom: 0; left: 0; right: 75%; padding: 0 25px; border-right: 2px dashed #efefef; }
.inspiration_dropdown_article_teaser { margin-bottom: 15px; height: 125px; position: relative; }
.inspiration_dropdown_article_teaser:first-of-type { height: 240px; }
.inspiration_dropdown_article_info { position: absolute; bottom: 0; left: 0; top: 40%; right: 0; }
.inspiration_dropdown_article_preview { display: none; }
.inspiration_dropdown_article_teaser:first-of-type .inspiration_dropdown_article_info .inspiration_dropdown_article_preview { display: block; color: #fff; font-size: 12px; margin-bottom: 20px; position: absolute; left: 25px; top: 35px; }
.inspiration_dropdown_article_teaser:first-of-type .inspiration_dropdown_article_info { top: 50%; }
.inspiration_dropdown_article_image { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.inspiration_dropdown_article_image_img { width: 100%; }
.inspiration_dropdown_article_image_img:first-of-type { top: 50%;transform: translateY(-50%);position: absolute; }
.inspiration_dropdown_to_article { font-style: italic; font-size: 12px; opacity: 0.9; white-space: nowrap; position: absolute; bottom: 10px; left: 25px; }
.inspiration_dropdown_to_article:hover { opacity: 1; }
.inspiration_dropdown_article_title { font-family: "Origo", cursive; color: #fff; font-size: 25px; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); margin-bottom: 5px; position: absolute; top: 0; left: 25px; }
.inspiration_dropdown_inspiration_directory { top: 0; bottom: 0; left: 25%; right: 25%; position: absolute; padding: 0 25px; border-right: 2px dashed #efefef; }
.inspiration_dropdown_inspiration_section { margin-right: -10px; }
.inspiration_dropdown_inspiration_tile { margin-bottom: 5px; display: inline-block; width: 49%; height: 125px; padding: 0 5px; overflow: hidden; position: relative; cursor: pointer; }
.inspiration_dropdown_inspiration_tile_title { position: absolute; left: 30px; bottom: 0; color: #fff; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); font-family: "Origo", cursive; font-size: 30px; }
.inspiration_dropdown_inspiration_tile:hover .inspiration_tile_title { color: #57afa5; }
.inspiration_dropdown_inspiration_tile_image { height: auto; left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
.inspiration_dropdown_inspiration_tile .inspiration_dropdown_image_gradient { height: 50% !important; top: 50%; }
.inspiration_dropdown_expert_directory { position: absolute; bottom: 0; left: 0; right: 0; top: 55%; padding: 20px 25px; overflow: hidden; color: #aaa; }
.inspiration_dropdown_expert_directory ul { text-align: left; list-style: none; display: inline-block; padding-left: 0; max-height: 175px; overflow: hidden; -moz-column-count: 3; -moz-column-gap: 10px; -webkit-column-count: 3; -webkit-column-gap: 10px; column-count: 3; column-gap: 10px; }
.inspiration_dropdown_expert_directory ul li { margin: 1px 0; }
.inspiration_dropdown_blog_teasers { position: absolute; top: 0; bottom: 0; right: 0; left: 75%; padding: 0 25px; background-color: #F5F3EE; }
.inspiration_dropdown_blog_teaser { height: 95px; overflow: hidden; position: relative; cursor: pointer; margin: 20px 0 45px 0; }
.inspiration_dropdown_blog_image_wrapper { height: 95px; width: 95px; display: inline-block; border-radius: 100px; overflow: hidden; vertical-align: top; }
.inspiration_dropdown_blog_teaser_title { color: #d0b6aa; display: block; font-size: 25px; line-height: 15px; margin: 13px 0 10px 0;font-family: "Origo", cursive; }
.inspiration_dropdown_blog_teaser:hover .inspiration_dropdown_blog_teaser_title { color: #57afa5; }
.inspiration_dropdown_blog_teaser_content { font-size: 10px; width: calc(100% - 110px); display: inline-block; margin-left: 10px; height: 88px; overflow: hidden; padding-top: 3px; }
.inspiration_dropdown_wrapper { height: 50px; display: inline-block; margin-bottom: -18px; }
.inspiration_dropdown_wrapper .inspiration_dropdown_wrapper_space { background-color: rgba(0, 0, 0, 0); display: inline; }
@media(max-width: 650px) {
	.inspiration_dropdown_wrapper { margin-right: -30px; }
}

@media(max-width:1675px) {
	.inspiration_dropdown:after { right: 15%; }
}

@media(max-width:1400px) {
	.inspiration_dropdown { left: 0; width: 100%; }
	.inspiration_dropdown_category_top { margin-bottom: 10px; }
	.inspiration_dropdown_category_top_subtitle { font-size: 12px; }
	.inspiration_dropdown_article_teaser:first-of-type .inspiration_dropdown_article_image img { min-height: 100%; }
	.inspiration_dropdown_article_title, .inspiration_dropdown_article_preview, .inspiration_dropdown_to_article { left: 10px !important; }
	.inspiration_dropdown_expert_directory ul { column-count: 2; column-gap: 80px; -moz-column-gap: 80px; -webkit-column-gap: 80px; }
	.inspiration_dropdown_blog_image_wrapper { height: 75px; width: 75px; }
	.inspiration_dropdown_blog_teaser_title { margin-top: 7px; margin-bottom: 7px; font-size: 25px; }
	.inspiration_dropdown_blog_teaser_content { width: calc(100% - 90px); height: 80px; }
}
@media(max-width:992px) {
	.inspiration_dropdown { display: none !important; }
}