@charset "utf-8";

h3 {
	font-weight: 500;
}

a {
	text-decoration: none;
}

.hamburger {
	visibility: visible;
	position: fixed;
	border-radius: 1.6vmin;
	height: 8vmin;
	width: 8vmin;
	cursor: pointer;
	z-index: 9999;
}

.hamburger span, .hamburger span:before, .hamburger span:after {
	position: absolute;
	height: 0.56vmin;
	width: 4.8vmin;
	background-color: white;
	transition: 0.3s;
}

.hamburger span {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.hamburger span:before {
	content: '';
	top: -1.6vmin;
}

.hamburger span:after {
	content:' ';
	top: 1.6vmin;
}

.hamburger.active span { background-color: transparent; }
.hamburger.active span:before { transform: rotate(45deg); top: 0; }
.hamburger.active span:after { transform: rotate(-45deg); top: 0; }

.menu-overlay {
	display: none;
	width: 100%;
	position: fixed;
	z-index: 99;
}

.menu-overlay-content {
	height: 100%;
	width: 45vh;
	position: fixed;
	right: 0;
}

.menu-overlay-content a {
	display: blocK;
	padding-left: 4vh; 
	width: 100%;
	text-decoration: none;
	font-size: 3vh;
	font-weight: 400;
	color: black;
	transition: text-shadow 0.3s ease;
}

.menu-overlay-content a:hover {
	text-decoration: none;
	text-shadow: 0 0 4vh green, 0 0 1vh var(--cid-color);
	transition: text-shadow 1s ease;
}

.logo512px {
	content: url("../gfx/bioenergetik-wienerwald-logo-white-only-512px.png");
}

.button, input[type=submit] {
	display: block;
	background-color: var(--cid-color);
	border: none;
	color: white;
	cursor: pointer;
	text-align: center;
}

.button:hover, input[type=submit]:hover {
	text-decoration: none;
}

label {
	font-size: var(--font-size);
	line-height: 200%;
}

.input-text {
	border: solid thin var(--cid-color);
	color: black;
	line-height: 125%;
	font-family: Urbanist;
}

label.responsive-checkbox, label.responsive-checkbox-disabled {
	display: inline-block;
}

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

.responsive-checkbox, .responsive-checkbox-disabled {
	display: block;
	position: relative;
	font-size: 125%;
	line-height: 150%;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.responsive-checkbox {
	cursor: pointer;
}

/* Hide the browser's default checkbox */
.responsive-checkbox input, .responsive-checkbox-disabled input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	background-color: white;
	border: solid thin var(--cid-color);
}
 
.responsive-checkbox:hover input ~ .checkmark, .responsive-checkbox input:checked ~ .checkmark {
	background-color: var(--cid-color);
}

.responsive-checkbox-disabled input:checked ~ .checkmark {
	background-color: #444;
}

 /* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
 
/* Show the checkmark when checked */
.responsive-checkbox input:checked ~ .checkmark:after, .responsive-checkbox-disabled input:checked ~ .checkmark:after {
	display: block;
}
 
/* Style the checkmark/indicator */
.responsive-checkbox .checkmark:after, .responsive-checkbox-disabled .checkmark:after {
	border: solid white;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.not_printable {
	display: block;
}

.print_only {
	display: none !important;
}