@font-face {
    font-family: 'Impacted2';
    src: url('fonts/Impacted2.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/lato.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
	margin: 0;
	box-sizing: border-box;
	outline: none;
}
a {
	color: inherit;
}

.m_wrap{
	font-family: 'Lato';
	font-size: 14px;
}

.m_wrap h2,
.m_wrap h3,
.m_wrap h4{
	font-family: 'Impacted2';
	color: #A11B1A;
	letter-spacing: 1px;
	font-weight: 400;
}

.m_wrap .m_red {
	color: red !important;
}

.m_wrap .m_content .w-100 {
	width: 100%;
}

.m_wrap > .m_header{
	background: #000;
	padding: 7px 10px;
	padding: 15px 10px;
}

.m_wrap > .m_header h2{
	font-size: 58px;
    line-height: 1.2;
}

.m_wrap > .m_header .m_logo {
	display: none;
	max-width: 300px;
	width: 90%;
	margin: 0 auto;
	padding: 50px 0;
}

.m_wrap .m_content {
	margin: 0 auto;
	width: 100%;
	max-width: 1100px;
}

.m_wrap .m_bg-dark-grey{
	background: #afafaf;
}

.m_wrap .m_bg-grey{
	background: #e6e6e6;
}

.m_wrap .m_p-1{
	padding: 15px 15px;
}

.m_wrap .m_text-center{
	text-align: center;
}

.m_content .m_block-1{
	column-count: 2;
	position: relative;
}

.m_content .geburtsdatum > div {
	display: flex;
	flex-wrap: wrap;
}

.m_content .geburtsdatum select {
	border: 1px solid #ccc;
	background-color: #eee;
	border-radius: 3px;
	padding: 5px;
	width: 90px;
	margin-right: 5px;
	cursor: pointer;
	appearance: none;            /* remove arrow        */
  	-webkit-appearance: none;    /* remove arrow Chrome */
  	-moz-appearance: none;       /* remove arrow FF     */
}

.m_content .geburtsdatum select:required:invalid {
	color: #777;
}
.m_content .geburtsdatum select option[value=""][disabled] {
	display: none;
}
.m_content .geburtsdatum select option {
	color: #000;
}

.m_content .geburtsdatum input {
	font-size: 14px !important;
	border: 1px solid #ccc !important;
	background-color: #eee;
	border-radius: 3px;
	padding: 5px 0 5px 5px !important;
	flex-grow: 1;
	max-width: 140px;
}

.m_content .geburtsdatum select::-ms-expand{
    display: none;             /* remove arrow IE     */
}

.m_content .m_input-type-1{
	background: #fff;
	border-radius: 5px;
	padding: 5px 10px;
	display: flex;
	flex-direction: column;
	margin-bottom: 7px;
	page-break-inside: avoid;
}

.m_content .m_input-type-1 label {
	margin-bottom: 5px;
}

.m_content .m_input-type-1 input{
	padding: 5px 0px;
	border: none;
	font-size: 16px;
}

.m_content .m_input-type-1 .date{
	background: transparent;
	width: 100%;
}

.m_content .m_input-type-1 input[type=date] {
    -webkit-appearance: listbox;
}

.m_content .m_ps {
	font-size: 12px;
	color: #949494;
}

.m_content .m_select-wrapper {
	position: relative;
	z-index: 0;
}

.m_content .m_select-wrapper select {
  padding: 5px 0px;
  background: transparent;
  border: 0;
  width: 100%;
  font-size: 16px;
  cursor: pointer;
  appearance: none;            /* remove arrow        */
  -webkit-appearance: none;    /* remove arrow Chrome */
  -moz-appearance: none;       /* remove arrow FF     */
}
.m_content .m_select-wrapper select::-ms-expand{
    display: none;             /* remove arrow IE     */
}
.m_content .m_select-arrow {
	position: absolute;
	z-index: -9999;
	border: 10px solid transparent; 
	border-bottom: 0;
	right: 6px;
}
.m_content .m_select-arrow:nth-child(1) {
	top: 2px;
	border-top-color: #868383;
}
.m_content .m_select-arrow:nth-child(2) {
	top: 0px;
	border-top-color: #FFF;
}

.m_content .m_block-2 .m_block-2-header{
	padding: 30px 15px 20px;
}

.m_content .m_block-2 .m_block-2-header .text{
	padding-top: 15px;
	font-size: 20px;
	color: #707070;
}

.m_content .m_block-2 h3{
	font-size: 42px;
	max-width: 400px;
	margin: 0 auto;
	line-height: 1;
}

.m_content .m_block-3 .m_items,
.m_content .m_block-2 .m_items{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.m_content .m_block-2 .m_item{
	width: 48%;
	font-size: 16px;
	display: flex;
    flex-direction: column;
}

.m_content .m_block-2 .m_item .m_header{
	font-family: 'Impacted2';
	font-size: 30px;
	padding: 10px 20px;
	background: #000;
	color: #fff;
	font-weight: 400;
	letter-spacing: 1px;
}

.m_content .m_block-2 .m_item .m_item_content{
	padding: 10px 40px;
	background-color: #F0F0F0;
	flex-grow: 1;
	display: flex;
    flex-direction: column;
}

.m_content .m_block-2 .m_item .m_item_content ul {
	padding-left: 17px;
    padding-top: 20px;
}

.m_content .m_item input[type=checkbox] + label span,
.m_content .m_item input[type=checkbox] + label{
	border-radius: 0;
	width: 21px;
    height: 21px;
    margin-top: 3px;
}

.m_content .m_item input[type=checkbox] + label span{
	margin-top: 0;
}

.m_content .m_item input[type=checkbox]:disabled + label{
	background: #ccc;
}

.m_content .m_chk {
	padding: 25px 0 0px;
	flex-grow: 1;
}

.m_content .m_item_text_litle {
	font-size: 12px;
	margin-bottom: 15px;
}

.m_content .m_chk_wrap {
	display: flex;
	align-items: flex-start;
	padding: 0 0 15px;
}

.m_content .m_chk_wrap .m_chk_but input {
	display: none;
}

.m_content .m_chk_wrap label {
	cursor: pointer;
}

.m_content .m_chk_wrap .m_chk_but label {
	width: 27px;
    height: 27px;
    border: 2px solid #6E6F6F;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    background: #fff;
}

.m_content .m_chk_wrap .m_chk_but label span {
	position: absolute;
    border-radius: 50%;
    background: #6E6F6F;
    transition: 0.2s;
    transform: scale(0);
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    top: -2px;
    left: -2px;
}

.m_content .m_chk_wrap .m_chk_but input[type=checkbox]:checked + label span,
.m_content .m_chk_wrap .m_chk_but input[type=radio]:checked + label span {
    transform: scale(1);
}

.m_content .m_chk_wrap .m_chk_text {
	font-size: 14px;
    padding-left: 15px;
    padding-top: 3px;
    flex-grow: 1;
}

.m_content .m_chk_wrap .m_chk_text .m_chk_text_h {
	color: #A11B1A;
}

.m_content .m_chk_wrap .m_chk_text .m_chk_text_h span {
	font-size: 16px;
	font-weight: 600;
}

.m_content .m_chk_wrap .m_chk_text .m_chk_text_f{
	margin-top: 5px;
}

.m_content .m_small-text {
	font-size: 12px;
	color: #707070;
	padding: 25px;
}

.m_content .m_block-3{
	background: #F0F0F0;
	padding: 25px 25px 0;
}

.m_content .m_block-3 h3{
	font-size: 30px;
	line-height: 1;
    padding-bottom: 25px;
}

.m_content .m_block-3 .m_chk_wrap:last-child{
	padding-bottom: 0;
}

.m_content .m_block-3 .m_right,
.m_content .m_block-3 .m_left{
	width: 48%;
	flex: 0 0 48%;
}

.m_content .m_block-3 .m_left{
	display: flex;
    flex-direction: column;
}

.m_content .m_block-3 .m_left .m_item {
	flex-grow: 1;
}

.m_content .m_block-3 .m_chk_wrap .m_chk_text_h{
	font-weight: 600;
}

.m_content .m_block-3 .m_chk_wrap .m_chk_text_h span {
	font-weight: 400;
	color: inherit;
	font-size: 14px;
	color: #000;
}

.m_content .m_block-3 .m_chk {
    padding: 0;
}

.m_content .m_block-3 .m_item {
	background: #fff;
	padding: 20px;
	margin-bottom: 25px;
	font-size: 14px;
	display: flex;
    flex-direction: column;
}

.m_content .m_block-3 .m_chk_wrap .m_chk_but label{
	border-color: #A11B1A;
}

.m_content .m_block-3 .m_chk_wrap .m_chk_but label span{
	background: #A11B1A;
}

.m_content .m_block-3 input {
	width: 100%;
	border-radius: 5px;
	padding: 5px;
	border: 1px solid #707070;
	margin-bottom: 10px;
	margin-top: 5px;
}

.m_content .m_block-3 input:last-child{
	margin-bottom: 0;
}

.m_content .m_block-3 .m_item.m_info{
	flex-direction: row;
}

.m_content .m_block-3 .m_item.m_info .m_text{
	width: 55%;
	flex: 0 0 55%;
}

.m_content .m_block-3 .m_item.m_info .m_text span{
	color: #A11B1A;
	font-weight: 600;
}

.m_content .m_block-3 .m_item.m_info .m_image{
	width: 45%;
	flex: 0 0 45%;
	position: relative;
}

.m_content .m_block-3 .m_item.m_info .m_image img{
	top: 50%;
    left: 50%;
    position: absolute;
    width: 108px;
    transform: rotate(-12deg) translate(-30%, -58%);
}

.m_content .m_block-4 .m_chk{
    column-count: 2;
    padding: 25px 25px 15px;
}

.m_content .m_block-4 .m_chk_wrap{
	padding-bottom: 10px;
}

.m_content .m_block-4 .m_item input[type=checkbox] + label span,
.m_content .m_block-4 .m_item input[type=checkbox] + label{
	width: 17px;
	height: 17px;
}

.m_content .m_block-4 .m_item input[type=checkbox] + label span {
	font-size: 11px;
}

.m_content .m_block-4 .m_chk_wrap .m_chk_text .m_chk_text_h {
	font-size: 12px;
	color: #707070;
}

.m_content .m_block-4 .m_chk_wrap .m_chk_but label{
	border-width: 1px;
}

.m_content .m_block-4 .m_chk_wrap .m_chk_but label span{
	top: -1px;
    left: -1px;
}

.m_content .m_button {
	text-align: center;
	position: relative;
}

.m_content .m_button button {
	font-family: 'Impacted2';
	font-size: 24px;
	background: #A11B1A;
	border: none;
	color: #fff;
	font-weight: 400;
	border-radius: 5px;
	letter-spacing: 1px;
	padding: 3px 30px;
	cursor: pointer;
	transition: 0.2s;
}
.small-button {
	font-size: 10px !important;
}

.m_content .m_button button:hover {
	background: #811514;
}

.m_content .m_button img {
	position: absolute;
	width: 35px;
	margin-left: 10px;
	display: none;
}

.m_wrap .m_answer {
	display: none;
	padding: 40px 0 30px;
}

.m_wrap .m_answer h3 {
	font-family: 'Lato';
    font-size: 2em;
    color: inherit;
    font-weight: 600;
}

.m_wrap .m_answer .m_a_content{
	padding: 30px 0;
	margin: 30px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f9f9f9;
}

.m_wrap .m_answer p {
	margin-bottom: 15px;
}

.m_wrap .m_answer p:last-child{
	margin-bottom: 0;
}

.m_wrap .m_answer .m_pdf_link {
	display: block;
    margin: 0 0 15px;
    padding: 7px 25px;
    border-radius: 3px;
    background: #A11B1A;
    color: #fff;
    width: max-content;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
}

.m_wrap .m_answer a {
	color: #A11B1A;
	text-decoration: none;
	font-weight: 600;
}

@media (max-width: 992px){
	.m_wrap > .m_header .m_logo {
		display: block;
	}

	.m_content .m_block-1 {
	    column-count: 1;
	}

	.m_content .m_select-wrapper select {
    	padding: 3px 0px;
    }

    .m_content .m_input-type-1 input {
	    padding: 3px 0px;
	}

	.m_content .m_block-3 .m_items,
	.m_content .m_block-2 .m_items {
		display: block;
	}

	.m_content .m_block-2 h3 {
	    max-width: 100%;
	}

	.m_content .m_block-3 .m_item,
	.m_content .m_block-2 .m_item {
		width: 100%;
	}

	.m_content .m_block-2 .m_item .m_header{
		padding: 15px 90px;
	}

	.m_content .m_block-2 .m_item .m_item_content {
    	padding: 10px 90px;
    }

	.m_content .m_block-2 .m_block-2-header .text {
	    padding-top: 7px;
	}

	.m_content .m_block-3 {
		padding: 25px 90px 0;
	}

	.m_content .m_block-3 .m_item:last-child{
		padding-bottom: 15px;
	}

	.m_content .m_block-4 .m_chk{
		column-count: 1;
		padding-right: 90px;
		padding-left: 90px;
	}

	.m_content .m_block-3 .m_right,
	.m_content .m_block-3 .m_left {
		width: 100%;
	}

}

@media (max-width: 768px){
	.m_wrap > .m_header .m_logo {
		padding: 30px 0;
	}

	.m_content .m_block-2 .m_item .m_header{
		padding: 15px 25px;
	}

	.m_content .m_block-2 .m_item .m_item_content {
	    padding: 10px 50px;
	}

	.m_content .m_block-3 {
	    padding: 25px 25px 0;
	}

	.m_content .m_block-4 .m_chk{
		padding-right: 50px;
		padding-left: 50px;
	}
}

@media (max-width: 576px){
	.m_wrap > .m_header .m_logo {
		padding: 30px 0;
	}
	.m_wrap > .m_header h2{
		font-size: 45px; 
	}

	.m_content .m_block-2 h3{
		font-size: 35px;
	}

	.m_content .geburtsdatum input,
	.m_content .geburtsdatum select{
		margin-bottom: 5px;
	}

	.m_content .m_block-3 .m_item.m_info .m_text {
	    width: 75%;
	    flex: 0 0 75%;
	}

	.m_content .m_block-3 .m_item.m_info .m_image {
	    width: 25%;
	    flex: 0 0 25%;
	}
	.m_content .m_block-3 .m_item.m_info .m_image img {
		width: 75px;
	}
}

@media (max-width: 350px){
	.m_wrap > .m_header h2{
		font-size: 35px; 
	}

	.m_content .m_block-2 h3{
		font-size: 25px;
	}

	.m_content .m_block-2 .m_item .m_item_content {
	    padding: 10px 25px;
	}

	.m_content .m_block-2 .m_block-2-header .text{
		font-size: 15px;
	}

	.m_content .m_block-4 .m_chk{
		padding-right: 25px;
		padding-left: 25px;
	}

	.m_content .m_block-3 {
	    padding-right: 0px;
		padding-left: 0px;
	}
}