@charset "utf-8";

#section-willkommen {
	height: 120lvh;	
	background-image: url("../gfx/public/bioenergetik-wienerwald-willkommen-portrait-hd.jpg");
}

#section-willkommen h1 {
	top: 45%;
	font-size: 13vw;
	text-shadow: 0 0 2vw black;
}

.spruch {
	font-size: var(--font-size);
	text-shadow: 0 0 1vw black;
}

.section-header, .page-header {
	margin-bottom: 5vw;
	padding: 3vw 0 3vw 0;
}

.section-header img, .page-header img {
	width: 12vw;
}

.section-header h2, .page-header h1 {
	padding-top: 2vw;
	font-size: 7.5vw;
}

.section-container {
	margin: 0 3vw 12vw 3vw;
}

.page-header p {
	margin-top: 2vw;
	font-size: 12vw;
	font-weight: 400;
	line-height: 100%;
}

h4 {
	margin: 6vw 0 3vw 0;
	font-size: 4.25vw;
}

ul {
	padding-left: 6vw;
	margin-bottom: 2vw;
}

li {
	padding-bottom: 2vw;
}

.column-img {
	width: 100%;
	margin-bottom: 3vw;
}

.column-img > img {
	margin: 0 auto;
	width: 85vw;
}

table {
	margin-top: 4vw;
}

th, td {
	padding: 1.5vw;
}

th {
	font-size: 3vw;
	line-height: 150%;
}

td {
	font-size: 3vw;
	line-height: 125%;
}

.block-day {
	width: 24vw;
}

.block-time {
	width: 13vw;
}

.block-contacttype {
	width: 31vw;
}

label.responsive-checkbox, label.responsive-checkbox-disabled {
	margin-top: 0.5vw;
	font-size: var(--font-size);
}

label.responsive-checkbox:first-child, label.responsive-checkbox-disabled:first-child {
	margin-top: 0;
}

.responsive-checkbox, .responsive-checkbox-disabled {
	padding-left: 12vw;	
	margin-bottom: 0.5vw;
}

.checkmark {
	top: 1vw;
	height: 9vw;
	width: 9vw;
	border-radius: 1.5vmin;
}
 
.responsive-checkbox .checkmark:after, .responsive-checkbox-disabled .checkmark:after {
	left: 3.24vw;
	top: 1.8vw;
	width: 1.8vw;
	height: 3.6vw;
	border-width: 0 1vw 1vw 0;
}

#klient_nachricht {
	height: 30vw;
}

#klient_submit {
	margin-bottom: 4vw;
}

#klient_disclaimer {
	line-height: 125%;
}

.nachlese-nachricht {
	margin-bottom: 4vw;
	border-radius: 1.5vmin;
	padding: 1.4vw;
	font-size: 4var(--font-size);
}

.captcha-container-outer {
	margin: 4vw 0;
}

.captcha-container-inner {
	grid-template-columns: repeat(4, 15vw);
	gap: 1vw;
}

.captcha-element, .captcha-element.active {
	border-width: 1vw;
	border-radius: 3.5vw;
}

.captcha-element>img {
	border-radius: 3vw;
}

.webdesignby {
	margin-top: 8vw;
}

.webdesignby a img {
	width: 40vw;
}

.menu-overlay {
	background-image: url("../gfx/public/bioenergetik-wienerwald-willkommen-portrait-hd.jpg");
}

.menu-overlay-content a {
	margin: 3.5vh 0;
}

.qr-overlay > img {
	width: 50%;
}