/* mod_Request */
.mod-rq {
	display: none;
	position: absolute;
	z-index: 19;
	padding: 1rem 0 0 0;
	top: 4rem;
	width: 65rem;
	height: calc(100% - 5rem);
	background-color: #DCDCDC;
	left: 0;
}

.mod-rq.open {
	display: block;
}

.mrq-head {
	width: calc(100% - 1rem);
	height: 3.6875rem;
	margin: 0 0 0 1rem;
}

.mrq-head .txt {
	text-align: left;
	line-height: 1.82rem;
	height: 1.82rem;
}

.mrq-head .bttClose {
	top: 1rem;
	right: 1rem;
	height: 1rem;
	width: 1rem;
	position: absolute;
}

.mrq-head .bttClose .ico {
	height: 1rem;
	width: 1rem;
	cursor: pointer;
}

.mrq-l {
	height: 3.94rem;
	width: 22.63rem;
	margin: 0rem auto 1rem 0.625rem;
	font-size: 0.75rem;
}

.mrq-inp {
	height: 2.4rem;
	width: calc(100% - 0.06rem);
	font-size: 1rem;
	margin: 0rem;
	padding: 0rem;
	border-width: 0.06rem;
}

.mrq-txt {
	height: 0.94rem;
	line-height: 0.94rem;
	padding-bottom: 0.5rem;
}

.mrq-ta {
	width: 100%;
	height: 7rem;
	overflow: auto;
	margin: 0rem;
	padding: 0rem;
	border-width: 0.06rem;
}

.mrq-mess.mrq-l {
	height: auto;
}

.mrq-consent.mrq-l {
	height: auto;
	/* margin: 0rem auto 2rem auto; */
	cursor: pointer;
}

.mrq-consent-txt {
	display: inline-block;
	width: calc(100% - 2.1rem);
	font-size: 0.75rem;
	vertical-align: top;
}

.mrq-cbx {
	display: inline-block;
	position: relative;
	width: 1.13rem;
	height: 1.13rem;
	background-color: #fff;
	margin-right: 0.63rem;
	vertical-align: top;
}

.mrq-consent.mrq-l.act .mrq-hook {
	display: block;
}

.mrq-hook {
	display: none;
	position: absolute;
	top: 0rem;
	left: 0rem;
	width: 1.13rem;
	height: 1.13rem;
	background-repeat: no-repeat;
}

.mrq-send.mrq-l {
	height: 3.94rem;
	width: 22.63rem;
	margin: 0rem auto 1rem 0.625rem;
}

.mrq-send-btt {
	display: none;
	width: fit-content;
	height: 1.94rem;
	line-height: 1.94rem;
	background: var(--highlight-farbe) 0% 0% no-repeat padding-box;
	background: #7A242F 0% 0% no-repeat padding-box;
	background-color: var(--az-color);
	box-shadow: 0rem 0rem 0.63rem #00000029;
	border-radius: 1.5rem;
	margin: auto;
	letter-spacing: 0rem;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0rem 0.75rem;
}

.mrq-done {
	display: none;
	margin-left: 1rem;
}

.mrq-done .btt-back {
	height: 1.9375rem;
	line-height: 1.9375rem;
	display: inline-block;
	margin-right: 0.5rem;
	color: #fff;
	background-color: var(--az-color);
	padding: 0rem 0.75rem;
	font-size: 0.75rem;
	box-shadow: 0rem 0rem 0.625rem #00000029;
	border-radius: 1.5rem;
	cursor: pointer;
	font-family: Verdana;
	margin-top: 2rem;
}

@media (min-width: 992px) {
	/* DESKTOP ONLY */
}

@media (min-width: 768px) {
	/* DESKTOP AND TABLET */
}

@media (min-width: 768px) and (max-width: 991px) and (min-height: 481px) {
	/* TABLET ONLY */

	.mod-rq {
		width: 100%;
	}
}

@media (orientation: portrait) and (max-width: 768px) and (max-height: 1280px) {
	/* PHONE HOCH */

	.mod-rq {
		top: 3.3rem;
		width: 100%;
		height: calc(100% - 7.3rem);
	}

	.mrq-head {
		width: calc(100% - 0.625rem);
		height: 3.6875rem;
		margin: 0 0 0 0.625rem;
	}

	.mrq-l {
		height: 3.94rem;
		width: calc(100% - 1.25rem);
		margin: 0rem auto 1rem 0.625rem;
		font-size: 0.75rem;
	}

	.mrq-main {
		width: 100%;
		height: calc(100% - 3.6875rem);
		overflow: auto;
	}
}

@media (orientation: landscape) and (max-width: 915px) and (max-height: 480px) {
	/* PHONE QUER */

	.mod-rq {
		padding: 0rem 0 0 0;
		top: 0rem;
		width: calc(100% - 3.375rem);
		height: calc(100% - 0rem);
		z-index: 21;
	}

	.mrq-main {
		height: calc(100% - 3.6875rem);
	}

	.mrq-hold {
		display: flex;
		margin-left: 10px;
		margin-right: 22px;
		width: calc(100% - 32px);
		justify-content: space-between;
		height: 100%;
	}

	.bl-1 {
		width: 35%;
	}

	.bl-2 {
		width: 49%;
	}

	.bl-1,
	.bl-2 {
		height: 100%;
		overflow: auto;
	}

	.mrq-l {
		height: 3.94rem;
		width: 100%;
		margin: 0rem 0 1rem 0;
		font-size: 0.75rem;
	}

	.mrq-inp {
		width: calc(100% - 0.12rem);
	}
}