/*
Theme Name: Hoechsmann&Company Theme
Template: Impreza
Version: 1.0
Author:	Cohnen Media
Theme URI: http://cohnen-media.com/
Author URI: http://cohnen-media.com/
*/

/*Add your own styles here:*/

/* ================================ Erweiterungen HC Professional ============================= */
footer.l-footer {
	margin-top: 80px;
}

/* Fabkorrekturen für Formulare */
.l-section-overlay[style="background:#eeeeee"] + .l-section-h input:not([type="submit"]) {
	border: 1px solid #ac1124 !important;
	background-color: #ffffff;
}

/* Footer Anpassung */
#page-footer {
	border-top: 2px solid #ac1124;
}

/* Neuer List-Style  */
.wpb_text_column ul {
	list-style: none;
}
.wpb_text_column ul li {
	position: relative;
}
.wpb_text_column ul li:before {
	font-family: 'FontAwesome';
	content: '\f00c';
	display: block;
	position: absolute;
	left: -1.5em;
	height: 1.25em;
	width: 1.25em;
	font-size: 1.25em;
	color: #ac1124;
}

/* Layout fix für Form Acceptance Buttons */
.wpcf7-acceptance input[type="checkbox"] {
	display: inline-block;
	padding: 0;
	margin: 0;
}

/* Anpassung von Counter Element */
.w-counter:not(.has_font_size) .w-counter-value {
	font-size: 3rem;
}

/* mehr-erfahren bzw. weiter lesen - Layout-Version von Akkordion Element */
.weiter-lesen .w-tabs-section {
	border: none !important;
}

/* Fake Icon aus IMG auf der Seite "Personalberatung" (Trusted Advisor Batch) */
.hc-symbol-icon {
	height: 32px;
	width: auto;
}

.weiter-lesen .w-tabs-section button {
	display: inline-block;
	width: auto;
	background-color: #eeeeee;
	padding: 10px !important;
	margin-top: 10px;
}

.weiter-lesen .w-tabs-section .w-tabs-section-title {
	padding-left: 10px !important;
}

.weiter-lesen .w-tabs-section button:hover,
.weiter-lesen .w-tabs-section button:focus,
.weiter-lesen .w-tabs-section button.active,
.weiter-lesen .w-tabs-section button.active:hover {
	/*background: transparent !important;*/
	text-decoration: underline;
}

.weiter-lesen .w-tabs-section button,
.weiter-lesen .w-tabs-section-content {
	padding-left: 0 !important;
}


/* ================================ Erweiterung NEWS-Beiträge / Blog ============================= */
.w-grid-list .w-grid-item {
	margin-bottom: 3rem !important;
}

.w-grid-list .w-grid-item .w-hwrapper {
	display: grid;
	grid-template-columns: 40% 60%;
	grid-template-rows: auto auto;
	column-gap: 1rem;
}

.w-grid-list .w-grid-item .w-hwrapper .post_image {
	grid-column: 1;
	grid-row: 1 / span 2;
	display: flex
}

.w-grid-list .w-grid-item .w-hwrapper .post_image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.w-grid-list .w-grid-item .w-hwrapper .post_title {
	grid-column: 2;
	grid-row: 1;
	font-size: 1.5rem;
	margin-bottom: 20px;
}

.w-grid-list .w-grid-item .w-hwrapper .post_content {
	grid-column: 2;
	grid-row: 2;
}

.w-grid-list + .w-grid-preloader {
	display: none;
}


/* ================================ HEADER ============================= */
/* Header Logo */
/* #header_logo { /* Wird ausgeblendet und später mit jQuery wieder eingeblendet, um Huepfen zu vermeiden */
 	/* display: none;
} */
#page-header {
	z-index: 1000;

}
#header_logo {
	display: flex;
}

#header_logo img {
	display: block;
	object-fit: contain;
/*	width: 60%;*/
	min-width: 240px;
	max-height: 74px;
	transition: all .4s;
}

/* 21-10-21 | Macht, dass das neue Off-Canvas Menü oben nicht direkt am Display Rand hängt */
/*.w-nav.type_mobile .w-nav-list.level_1 > li:first-child {
	margin-top: 4rem;
}*/



.sticky #header_logo img {
	display: block;
	max-height: 52px;
}

/* ==================================== MENUS ====================================================== */
/* Menu Unternehmen */
.ush_additional_menu_1 { 
	display:none;
	}
.page-id-105 .ush_additional_menu_1,
.page-id-107 .ush_additional_menu_1,
.page-id-109 .ush_additional_menu_1,
.page-id-111 .ush_additional_menu_1,
.page-id-226 .ush_additional_menu_1,
.page-id-992 .ush_additional_menu_1,
.page-id-995 .ush_additional_menu_1,
.page-id-997 .ush_additional_menu_1,
.page-id-999 .ush_additional_menu_1 {
	display:block;
}
/* Menu Leistungen */
.ush_additional_menu_2 {
	display:none;
}
.page-id-23 .ush_additional_menu_2,
.page-id-114 .ush_additional_menu_2,
.page-id-116 .ush_additional_menu_2,
.page-id-118 .ush_additional_menu_2,
.page-id-120 .ush_additional_menu_2,
.page-id-1002 .ush_additional_menu_2,
.page-id-1010 .ush_additional_menu_2,
.page-id-1008 .ush_additional_menu_2,
.page-id-1004 .ush_additional_menu_2,
.page-id-1006 .ush_additional_menu_2 {
	display:block;
}
/* Menu Ausrichtung */
.ush_additional_menu_3 {
	display: none;
}
.page-id-25 .ush_additional_menu_3,
.page-id-476 .ush_additional_menu_3,
.page-id-474 .ush_additional_menu_3,
.page-id-641 .ush_additional_menu_3,
.page-id-1038 .ush_additional_menu_3,
.page-id-1014 .ush_additional_menu_3,
.page-id-1016 .ush_additional_menu_3,
.page-id-1018 .ush_additional_menu_3 {
	display: block;
}
/* Menu Kontakt */
.ush_additional_menu_4 {
	display: none;
}
.page-id-27 .ush_additional_menu_4,
.page-id-566 .ush_additional_menu_4,
.page-id-541 .ush_additional_menu_4,
.page-id-1020 .ush_additional_menu_4,
.page-id-1022 .ush_additional_menu_4,
.page-id-1044 .ush_additional_menu_4,
.page-id-1384 .ush_additional_menu_4,
.page-id-1343 .ush_additional_menu_4,
.page-id-1415 .ush_additional_menu_4,
.page-id-1417 .ush_additional_menu_4 {
	display: block;
}

/* Fix Top_Bar Grey Ding */
.l-header .l-subheader.at_top {
  display: block;
  background: #ffffff !important;
  color: #666d70 !important;
}

/* Home Header at_bottom ausblenden */
.home .l-header .l-subheader.at_bottom {
	display:none;
} 
/* Section Abstände */
.l-section-h {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.l-header .menu .submenu_active {
	border-bottom: 2px solid #ac1124;
}


/* ================================ 21-10-21 Ersetzte Elemente von Ultimate Addons ============================= */
.hc-icon {
	height: 32px;
	width: 32px;
	margin: 25px auto 8px;
}

/* ==================================== responsive HEADER IMAGE ====================================================== */
/* Manuelle Steuerung von Header Logo OFFENBAR OBSOLET */
/*header .w-img-h img {
	height: auto !important;
	width: 60% !important;
	max-width: 800px;
	min-width: 300px;
	transition: all 0.5s;
}
header.sticky .w-img-h img {
	width: 60% !important;
	max-width: 500px;
	transition: all 0.5s;
}
body.state_tablets header .w-img-h img,
body.state_mobiles header .w-img-h img {
	margin: 0 auto;
	width: 100% !important;
	min-width: 10px;
}*/


/* Spacer Linie ohne Abstände für Logo-Spacer */
.nospacer_line {
	margin: 0 0 25px 0 !important;
	height: 5px !important;
}

/* ==================================== TEAM PAGES ====================================================== */
/* Team Page */
.team_page_image {
	width: 400px;
}
@media screen and (min-width: 768px) { 
	#info_box_align_right,
	.info_box_align_right {
		float: right;
	}
}

/* Smaller Images */
.ult-team-member-image {
	text-align: center;
}
.ult-team-member-image img {
	max-width: 70%;
	height: auto;
}
.no-column-padding .vc_column_container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* =================================== Images ===================================*/
/*.w-image img {
 	box-shadow: 0px 0px 20px #e1e1e1;
}*/

/* ============================ Custom Footer ====================================*/
#home_footer .w-image img {
	box-shadow: none;
	display: block;
}
#home_footer {
	padding: 40px;
}
#home_footer div, #home_footer {
	background-color: #efefef !important;
}
.l-subfooter.at_top {
	padding: 24px !important;
}

/* 21-04-26 CM: Niedrigeres Footer Column Padding, weil der Umfirmierte Firmenname sonst umbricht */
#home_footer div>.vc_column-inner {
	padding-left: 1rem;
	padding-right: 1rem;
}

/* ============================= Canvas Test =================== */ 
canvas.vc_round-chart-canvas {
	filter: grayscale(45%);
	-webkit-filter: grayscale(45%);
	-moz-filter: grayscale(45%);
	-ms-filter: grayscale(45%);
	-o-filter: grayscale(45%);
}
.vc_chart-legend li span {
	filter: grayscale(45%);
	-webkit-filter: grayscale(45%);
	-moz-filter: grayscale(45%);
	-ms-filter: grayscale(45%);
	-o-filter: grayscale(45%);
}

/* ================================= Seiten Anpassungen und Ausnahmen ======================== */
/* Darstellung von Listen */ 
.icon_list_connector {
	display: none;
}

/* Schatten Entfernen auf IIC International Seite */
.page-id-474 .w-image img {
 	box-shadow: none !important;
}

/* Klasse um Schatten von Bildern zu entfernen */
.no_shadow img {
	box-shadow: none !important;
}

/* Überschriften in Linkblau */
.blue-like-a-link {
	color: #ac1124;
	font-weight: bold;
}

/* Custom Language Selector */
.wpml-ls-legacy-list-horizontal ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.wpml-ls-legacy-list-horizontal ul li {
	display: inline;
}
.wpml-ls-legacy-list-horizontal ul li a {
	text-decoration: none;
	padding: .2em 1em;
	color: #3b3d40;
}
.wpml-ls-legacy-list-horizontal ul li a img {
	padding-right: .2em;

}
.wpml-ls-legacy-list-horizontal ul li a.submenu_active {
	text-decoration: underline;
	color: #ac1124;
}

/* Custom Back Button */
@media screen and (max-width: 891px) {
	.back_row {
		margin-right: 45px;
	}
}
.back_row {
	margin-top: 25px;
}

/* Custom Cookie Bar button */
#cookie_action_close_header {
	background-color: #000000 !important;
}



/* ********************************
** * Bugfixes für Updated Mai 2020 
** ********************************* */
.l-header.pos_fixed ~ .l-main .l-section:first-child {
	padding-top: 100px;
}

/* Button Design wiederherstellen */
button.ubtn,
input.wpcf7-submit {
	text-transform: uppercase;
	font-size: 15px;
	line-height: 26px;
	padding: 8px 27px !important;
	border-radius: 5px;
}
input.wpcf7-submit:hover {
	background: #1A2EBE !important;
}

/* Neus Testemonial-Custom-Element, weil es das alte von der Startseite 
in der aktueldlen Version nicht mehr gibt. */
.testimonial-quote {
	font-size: 18px;
	line-height: 28px;
	font-style: italic;	
	position: relative;
	padding-left: 28px;
	display: inline-block;
}
.testimonial-quote:before,
.testimonial-quote:after {
	content: '';
	display: inline-block;
	position: absolute;
	height: 28px;
	width: 28px;
	background-size: 70%;
	background-position: center center;
	background-repeat: no-repeat;
}
.testimonial-quote:before {
	left: 0;
	background-image: url('assets/icons/quote-before.png');
}
.testimonial-quote:after {
	background-image: url('assets/icons/quote-after.png');
}
.testimonial-name {
	display: inline-block;
	padding-left: 28px;
}

/* Custom Timeline Element für eingezogenen Text nach Jahresjahlen (für Profil Seite) */
.custom-timeline .custom-timeline-element {
	display: block;
	position: relative;
	margin-bottom: 10px;
	padding-left: 40px;
}
.custom-timeline .custom-timeline-element span {
	display: inline-block;
	border: 1px solid green;
}
.custom-timeline .custom-timeline-element strong, .custom-timeline-element .custom-timeline b {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 40px;
}

/* Blocksatz wp irgend möglich */
p, .io-icon-description, .aio-icon-description.ult-responsive { 
	/*text-align: justify !important;*/
	-moz-hyphens: auto;
   	-o-hyphens: auto;
   	-webkit-hyphens: auto;
   	-ms-hyphens: auto;
	hyphens: auto;
}


/* Mach zwei Blöcke nebeneinadner gleich hoch, siehe Exectutive Search ganz unten */
.fixed-height-120 {
	height: 120px;
}