:root{
	--dgrey:#4b4b4b;
}
html{
	font-size:calc(10px + 0.3571vw)
}
body{
	font-weight:normal;
	font-size:1rem;
	color:var(--dgrey);
	font-family:Arial, Verdana, sans-serif;
}
img{
	width:100%;
	height:auto;
}
header{
	margin:0 auto 1rem;
}
header p{
	margin:0;
}
.layout-container{
	max-width:1200px;
	margin:0 auto;
}
main{
	padding:0 15px;
}
.webform-submission-form{
	display:flex;
	flex-wrap:wrap;
	column-gap:2rem;
	row-gap:1rem;
}
.webform-submission-form > .form-item{
	max-width:calc(50% - 1rem);
}
.webform-submission-form > .form-item label{
	display:block;
}
.webform-submission-form > .form-item input{
	max-width:calc(100% - 8px);
}
.webform-submission-form .form-wrapper{
	width:100%;
	display:flex;
	flex-direction:column;
	margin:1rem 0 0;
	gap:1rem;
}
.webform-submission-form .fieldset-wrapper{
	margin:0.5rem 0 0 2rem;
}
.webform-submission-form .fieldset-wrapper .form-item{
	display:flex;
	gap:0.5rem;
}
.webform-submission-form .fieldset-wrapper .js-webform-radios{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
}
.webform-submission-form .form-required:after{
	content:'*';
	font-size:1rem;
	color:red;
	margin-left:0.15em;
}
#edit-zustimmung > .form-item{
	display:flex;
	gap:0.5rem;
	margin:0 0 0 2rem;
}
.webform-submission-form label,
.webform-submission-form .fieldset-legend{
	font-size:0.85rem;
	font-weight:bold;
}
.webform-submission-form .form-actions{
	width:auto;
}
.webform-submission-form .form-actions input{
	padding:0.5em;
	cursor:pointer;
	background-color:#FFF9D5;
}
.webform-submission-form .form-actions:hover input{
	background-color:#ECB000;
}
.webform-submission-form .session .fieldset-wrapper .form-item{
	display:block;
	gap:inherit;
	position:relative;
	margin:0;
}
.webform-submission-form .session .fieldset-wrapper{
	margin:0;
}
.webform-submission-form .session .form-checkboxes{
	display:flex;
}
.webform-submission-form .session .form-checkboxes > .form-item{
	width:20%;
}
.webform-submission-form .session .form-checkboxes .description{
	padding:3px;
}
.webform-submission-form .session .form-checkboxes .description.checked{
	border:3px solid red;
	padding:0;
}
.webform-submission-form .session input{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100px;
	opacity:0;
	cursor:pointer;
	z-index:5;
}
.webform-submission-form .session .description .webform-element-description{
	display:flex;
	font-size:0.85rem;
}
.webform-submission-form .session .description span{
	padding:0.5em;
	display:inline-block;
	min-height:80px;
}
.webform-submission-form .session.form-disabled{
	opacity:0.5;
}
.webform-submission-form .session .description .col1{
	background-color:#FFF2C8;
}
.webform-submission-form .session .description .col2{
	background-color:#FFE292;
}
.webform-submission-form .session .description .col3{
	background-color:#FFD55C;
}
.webform-submission-form .session .description .col4{
	background-color:#C7D7D6;
}
.webform-submission-form .session .description .col5{
	background-color:#7BAB85;
}
footer{
	padding:0 15px;
	margin:80px 0 0;
}
#block-biok-sprachregelung{
	margin:2rem 0 100px 0;
}
#block-biok-sprachregelung img{
	width:30%;
	max-width:350px;
	margin:5rem auto 0;
	display:block;
}

@media screen and (max-width:720px){
	.webform-submission-form .session .form-checkboxes {
	  flex-direction:column;
	}
	.webform-submission-form .session .form-checkboxes > .form-item {
	  width: 100%;
	  max-width:300px;
	}
	.webform-submission-form .session .description span {
	  min-height: 40px;
	  width: 100%;
	}
	.webform-submission-form .session input{
		height:55px;
	}
	.webform-submission-form > .form-item {
	  max-width: 100%;
	}
}