/**
Global styles for K2 Child Theme
 */


/**
FONTS
 */
/* Local font imports here */

/**
VARIABLES
 */
:root {
	/* --k2-child-gray: #eee; */
	/*--k2-font: "sans-serif";*/
}

/**
TYPOGRAPHY
 */
:not(#fakeid) p a {
	text-decoration: underline;
	text-underline-offset: 4px;
	transition: all 0.2s;
}

:not(#fakeid) p a:hover {
	text-underline-offset: 2px;
	text-decoration: underline;
}


ul + h1, p + h1, ul + h2, p + h2, ul + h3, p + h3 {
	margin-top: 2.5rem !important;
}

h1 + h2, .h1 + .h2, h2 + h3, .h2 + .h3 {
	margin-top: 1.25rem;
	font-weight: 400;
}


:not(#fakeid) p a, :not(#fakeid) p a:hover {
	text-decoration-color: var(--wp--preset--color--primary);
}


ul {
	list-style-type: none;
	padding-left: 0;
}

ul li {
	position: relative;
	margin-bottom: 1rem;
	padding-left: 1.5rem;
}

.slider .slick-dots li button {
	border-radius: 0;
}

h2 + h3.wp-block-heading {
	margin-top: 0.5rem;
	font-weight: 300 !important;
}

h1 + h2.wp-block-heading {
	margin-top: 0;
	font-weight: 300 !important;
}

h4.wp-block-heading {
	margin-top: 1rem;
	font-weight: 600 !important;
}

p + h3.wp-block-heading, p + h2.wp-block-heading {
	margin-top: 4rem !important;
}

p + h4.wp-block-heading {
	margin-top: 2rem !important;
}

.slider .slick-dots li button {
	background-color: #808080;
}

div.shadowfwcta {
	box-shadow: -5px 6px 6px #c0c0c02e;
}

ul.wp-block-list:not(.wp-block-navigation, .wp-block-navigation-submenu) li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0.5rem;
	height: 0.5rem;
	width: 0.5rem;
	background-color: var(--wp--preset--color--primary);
}

.wp-block-query.alignwide.is-layout-flow.wp-block-query-is-layout-flow li.wp-block-post.post-14 {
	display: none;
}

ul.wp-block-post-template.is-layout-grid.wp-block-post-template-is-layout-grid li.wp-block-post {
	padding: 0;
}

ul.wp-block-post-template.is-layout-grid.wp-block-post-template-is-layout-grid li.wp-block-post .wp-block-post-featured-image img {
	min-height: 250px;
}

ul.wp-block-post-template.is-layout-grid.wp-block-post-template-is-layout-grid li.wp-block-post h2 {
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 1rem;
}

ul.wp-block-post-template.is-layout-grid.wp-container-core-post-template-is-layout-bd387650.wp-block-post-template-is-layout-grid {
	gap: 4rem 2rem;
}

ul.wp-block-post-template.is-layout-grid.wp-block-post-template-is-layout-grid li.wp-block-post .k2-meta-field__value.k2-meta-field__value--text {
	font-size: 1rem;
}

footer .wp-block-navigation .wp-block-navigation-item {
	margin-bottom: 0;
}

/**
BUTTONS
 */

/* BREADCRUMB */
:not(#fakeid).breadcrumb {
	color: var(--wp--preset--color--primary);
}

:not(#fakeid).breadcrumb__item {
	opacity: 0.7;
	text-decoration: none;
	transition: all 0.3s;
}

:not(#fakeid).breadcrumb__item--current {
	opacity: 1;
	font-weight: 500;
}

:not(#fakeid).breadcrumb__item:is(:hover, :focus-visible) {
	opacity: 1;
}

/**
BLOCK STYLES
 */

.is-style-bg-blurred {
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.k2child-hn-referenzteaser .wp-block-column .wp-block-cover div a {
	transition: all .3s ease-in-out;
	background-color: transparent;
}

.k2child-hn-referenzteaser .wp-block-column .wp-block-cover div a:hover {
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	background-color: #00000099;
}

.k2child-hn-referenzteaser .wp-block-column .wp-block-cover div a:hover > .wp-block-group > .wp-block-group {
	background-color: transparent !important;
	backdrop-filter: none;
}

.k2child-hn-referenzteaser .wp-block-column .wp-block-cover div a > .wp-block-group > .wp-block-group .k2-icon .k2-icon__icon {
	transition: all 0.3s ease-in-out;
}

.k2child-hn-referenzteaser .wp-block-column .wp-block-cover div a:hover > .wp-block-group > .wp-block-group .k2-icon .k2-icon__icon {
	transform: translateX(10px);
}

@media (max-width: 781px) {
	.k2child-hn-referenzteaser .k2-link > div:not(#fakeid):first-of-type {
		min-height: 299px !important;
	}
}

/* SLIDER & Single Leistung Hover with custom class */
.k2child-hn-slider .slick-list > div .slick-slide div a,
.k2child-hn-hover-up {
	transition: all 0.3s ease-in-out;
}

.k2child-hn-slider .slick-list > div .slick-slide div a:hover,
.k2child-hn-hover-up:hover {
	transform: translateY(-10px);
}


/**APPLICATION HR TOOL**/
.hr-form input[type="text"],
.hr-form input[type="email"],
.hr-form input[type="tel"],
.hr-form input[type="number"],
.hr-form input[type="date"],
.hr-form input[type="time"],
.hr-form input[type="url"],
.hr-form input[type="password"],
.hr-form textarea {
	width: 100%;
	padding: 1rem;
	border: solid 1px #000;
}

@media (max-width: 783px) {
	.hr-form input[type="text"],
	.hr-form input[type="email"],
	.hr-form input[type="tel"],
	.hr-form input[type="number"],
	.hr-form input[type="date"],
	.hr-form input[type="time"],
	.hr-form input[type="url"],
	.hr-form input[type="password"],
	.hr-form textarea {
		width: 80vw !important;
	}
}


.hr-form button {
	border: solid 1px var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
	transition: border 0.3s ease-in-out;
}

.hr-form button[type="submit"] {
	background: var(--wp--preset--color--primary);
	color: #fff;
	border: 2px solid transparent;
	transition: all 0.3s ease-in-out;
}

.hr-form button[type="submit"]:is(:hover, :focus-visible) {
	color: var(--wp--preset--color--primary);
	background-color: #fff;
	border: 2px solid var(--wp--preset--color--primary);
}

.hr-form textarea {
	resize: vertical;
	max-height: 500px;
}

.hr-form .hr-fields label {
	display: flex;
	align-items: center;
	gap: 1rem;
	line-height: 1;
}

.hr-form select {
	font-size: 2rem !important
}

.hr-form .hr-fields label + label {
	margin-top: 1rem
}

.hr-form input[type="radio"] {
	display: block;
	position: relative;
	border-radius: 50%;
	margin-top: 0;
	width: 0.8em;
	height: auto;
	aspect-ratio: 1 / 1
}

.hr-step-header {
	--_gap: 1rem;
	display: flex;
	align-items: center;
	gap: var(--_gap);
	margin-bottom: 2rem
}

[data-hr-current-step-num]:after {
	content: '–';
	margin-left: var(--_gap)
}

.hr-buttons {
	display: flex;
	gap: 1.5rem;
	margin-top: 3rem
}

.hr-buttons button {
	font-size: 15px;
	background-color: transparent;
	color: var(--wp--preset--color--primary);
	font-weight: bold;
	margin-top: 0 !important;
	padding: 15px 25px;
	border: solid 1px var(--wp--preset--color--primary);
	cursor: pointer;
}

[data-hr-step-layout="contact"]:not(#fakeid) .hr-fields {
	--_cols: 2;
	grid-template-columns: repeat(var(--_cols), minmax(200px, 1fr));
	display: grid;
	gap: 3rem
}

[data-hr-step-layout="contact"]:not(#fakeid) label {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: flex-start;
	margin-top: 0
}

[data-hr-step-layout="contact"]:not(#fakeid) label[data-hr-field-type="text"] {
	grid-column: span 2 / span 2
}

[data-hr-field-type="privacypolicy"]:not(#fakeid#fakeid) {
	position: relative;
	display: flex;
	flex-direction: row
}

[data-hr-field-type="privacypolicy"]:not(#fakeid#fakeid) input[type="checkbox"] {
	position: relative;
	flex-shrink: 0
}

@media screen and (max-width: 500px) {
	.hr-fields {
		--_cols: 1
	}
}


.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
	height: 50px !important;
	width: 50px !important;
}