/*Modal Fenster */
.modal-open {	overflow: hidden}
.modal-open .modal {	overflow-x: hidden;	overflow-y: auto}
.modal {	position: fixed;	top: 0;	left: 0;	display: none;	width: 100%;	height: 100%;	overflow: hidden;	outline: 0; z-index: 1050;}
.modal-dialog {	position: relative;	width: auto;	margin: 0.5rem;	pointer-events: none; }
.modal.fade .modal-dialog {	transition: transform 0.3s ease-out;	transform: translate(0, -50px)}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {		transition: none	}
}
.modal.show .modal-dialog {	transform: none}
.modal.modal-static .modal-dialog {	transform: scale(1.02)}
.modal-dialog-scrollable {	display: flex;	max-height: calc(100% - 1rem)}
.modal-dialog-scrollable .modal-content {	max-height: calc(100vh - 1rem);	overflow: hidden}
.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {	flex-shrink: 0}
.modal-dialog-scrollable .modal-body {	overflow-y: auto}
.modal-dialog-centered {	display: flex;	align-items: center;	min-height: calc(100% - 1rem)}
.modal-dialog-centered::before {	display: block;	height: calc(100vh - 1rem);	content: ""}
.modal-dialog-centered.modal-dialog-scrollable {	flex-direction: column;	justify-content: center;	height: 100%}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {	max-height: none}
.modal-dialog-centered.modal-dialog-scrollable::before {	content: none}
.modal-content {	position: relative;	display: flex;	flex-direction: column;	width: 100%;	pointer-events: auto;	 border-radius: 6px;	border: 1px solid rgba(0, 0, 0, 0.2);	outline: 0; background-color: #0C0901; }
.modal-backdrop {	position: fixed;	top: 0;	left: 0;	z-index: 1040;	width: 100vw;	height: 100vh; background-color: transparent; }
.modal-backdrop.fade {	opacity: 0}
.modal-backdrop.show {	opacity: 0.9}
.modal-header {	display: flex;	align-items: flex-start;	justify-content: space-between;	padding: 1rem 1rem;	border-bottom: 0px solid #dee2e6}
.modal-header .close {	padding: 1rem 1rem;	margin: -1rem -1rem -1rem auto}
.modal-title {	margin-bottom: 0;	line-height: 1.5}
.modal-body {	position: relative;	flex: 1 1 auto;	padding: 1rem}
.modal-footer {	display: flex;	flex-wrap: wrap;	align-items: center;	justify-content: flex-end;	padding: 0.75rem;	border-top: 0px solid #dee2e6}
.modal-footer>* {	margin: 0.25rem}
.modal-scrollbar-measure {	position: absolute;	top: -9999px;	width: 50px;	height: 50px;	overflow: scroll}
.modal .newsangebotpreispreis2, .modal .newsangebotpreispreis {font-size: 50px;	font-weight: 300; line-height: 60px;}
.modal .news-img-wrap img{ width: 280px;	height: auto; }
.btn-secondary {	color: #fff;	background-color: #b8b1a6;	border-color: #b8b1a6;}


.modal-content label {color: #FFFFFF;}
.modal-content h2 { font-size: 22px; text-align: center; letter-spacing: 2px; line-height: 28px;  }
.modal-content button { background-color: transparent;}
.modal-content h2,  .modal-content p{color: #fff;  }
.modal-content .form-navigation {text-align: center;}
.modal-content button.btn-primary {border: 0;    margin-left: 18px;    line-height: 40px;    text-transform: uppercase;
    font-weight: 600;    border-radius: 8px; font-size: 18px;    padding: 0 20px; background-color: #D5D2CB; color: #141414;}

@media (min-width:280px) {
    .modal-dialog {		max-width: 95%;		margin: 1.75rem auto	}
}

@media (min-width:480px) {
    .modal .news-img-wrap img{ width: 480px;	height: auto; }
}

@media (min-width:576px) {
    .modal-dialog {		max-width: 82%;		margin: 1.75rem auto	}
    .modal-dialog-scrollable {		max-height: calc(100% - 3.5rem)	}
    .modal-dialog-scrollable .modal-content {		max-height: calc(100vh - 3.5rem)	}
    .modal-dialog-centered {		min-height: calc(100% - 3.5rem)	}
    .modal-dialog-centered::before {		height: calc(100vh - 3.5rem)	}
    .modal-sm {		max-width: 82%;		}
    .modal .news-img-wrap img{ max-width: 460px;	height: auto; }
}

@media (min-width:768px) {
    .modal .news-img-wrap img{ max-width: 460px;	height: auto; }
}

@media (min-width:992px) {
    .modal-lg, .modal-xl {		max-width: 800px	}
    .modal-dialog {		max-width: 50%;		}
    .modal .news-img-wrap img{ max-width: 760px;	height: auto; }
}

@media (min-width:1200px) {
    .modal-content h2 { font-size: 36px;   }
    .modal-xl {		max-width: 1140px	}
    .modal-dialog {		max-width: 60%;		}
    .modal .news-img-wrap img{ max-width: 760px;	height: auto; }
}

@media (min-width:1900px) {
    .modal-dialog {		max-width: 40%;		}
}