/**
Global styles for K2 Child Theme
 */

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

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

/**
TYPOGRAPHY
 */

b, strong {
	font-weight: 500;
}

h1 + h2,
h2 + h3{
	font-weight: 300 !important;
}

.wp-block-media-text h2{
	margin-top: 0 !important;
}

/**
BUTTONS
 */

/**
BLOCK STYLES
 */
.hero h1,
.hero h2,
.hero h3,
.smallhero h1,
.smallhero h2,
.smallhero h3{
	hyphens: auto;
}

@media (max-width: 768px) {
	.smallhero .content{
		padding: 10rem 2rem 3rem !important;
	}
}


header {
	position: fixed;
	top: 0;
	left: 0;
	height: auto;
	width: 100%;
	z-index: 99;
}

#modal-1.is-menu-open {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 2rem;
}

#modal-1.is-menu-open ul.wp-block-navigation-submenu{
	padding-top: 0 !important;
	margin-bottom: 2rem !important;
}

@media (max-width: 768px) {
	header > div {
		padding: 1.5rem !important;
	}
	header img {
		max-width: 150px !important;

	}
}

@media (max-width: 600px) {
	header img {
		max-width: 120px !important;
	}
	header .wp-container-content-1 {
		flex-basis: unset;
	}

	header > div {
		padding: 3rem 1.5rem 1rem !important;
	}

	header .menu-button .anfragebutton{
		position: absolute;
		width: 100vw;
		top: -3.8rem;
		right: -24px;
	}
}


@media (max-width: 768px) {
	.hero .content{
		margin-top: 0 !important;
		padding: 1.5rem !important;
	}
}

/*
FORMULAR
*/

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea {
	width: 100%;
	padding: 1rem;
}

select{
	width: 100%;
	border-radius: 5px;
	padding: .5rem;
}

input[type="submit"]{
	background-color: var(--k2-child-primary);
	color: #fff;
	padding: .7rem 1.2rem;
	border: none;
	cursor: pointer;
}

.wpcf7-form p {
	margin-block-start: 1rem !important
}