.modal-newsletter .modal-close {
		top: 100px;
		right: 30px;
		z-index: 1000;
	}
	.modal-newsletter .modal-content {
		padding: 100px 25px;
		background-color: rgba(0,0,0,0);
		overflow: hidden;
	}
	.modal-newsletter .newsletter-wrapper {
		border-radius: 30px;
		background: white;
		min-height: 300px;
	}
	
	.modal-newsletter .nl-image-wrapper {
		width: 140px;
		height: 140px;
		display: inline-block;
	}
	
	.modal-newsletter .newsletter-wrapper::after {
		content: none;
	}
	
	.modal-newsletter .newsletter-wrapper .button {
		margin-top: 0;
	}

	.modal-newsletter .newsletter-wrapper .apo-img .image {
		width: 160px !important;
	}
	

	.modal-newsletter .newsletter-wrapper .rabatte-wrapper {
		right: auto;
		left: 10%;
	}
	.modal-newsletter .newsletter-wrapper .bubbles-wrapper {
		position: absolute;
		right: auto;
		left: 0;
		min-height: auto;
		min-width: auto;
		max-width: 40%;
	}
	
	.modal-newsletter .delete.is-large, .modal-newsletter .modal-close.is-large {
		height: 64px;
		max-height: 64px;
		max-width: 64px;
		min-height: 64px;
		min-width: 64px;
		width: 64px;
	}
	
	.modal-newsletter .modal-close::after, .modal-newsletter .modal-close::before {
		background-color: black;
	}
	
	.modal-newsletter .modal-background {
		background-color: rgba(10, 10, 10, 0.6);
	}
	
	.modal-newsletter .text {
		position: relative;
		top: 3em;
		margin: 0 auto;
		max-width: 400px;
		text-align: center;
		z-index: 1;
		line-height: 20px;
		font-size: 16px;
	}
	.modal-newsletter .text p{
		color: black;
		font-size: 20px;
		line-height: 40px;
		text-align: center;
	}
	.modal-newsletter .text h3{
		color: black;
		font-weight: 400;
	}
	
@media screen and (min-width: 1024px) {
		.modal-newsletter .newsletter-wrapper {
			margin: 100px;
		}
		.modal-newsletter .modal-close {
			top: 200px;
			right: 130px;
		}

	}
@media screen and (max-width: 720px) {
		.modal-newsletter .newsletter-wrapper .rabatte-wrapper,
		.modal-newsletter .newsletter-wrapper .bubbles-wrapper
	   {
			display: none;
		}
	.modal-newsletter .modal-content {
		padding: 0;
	}

}
@media screen and (min-width: 720px) {
	.modal-newsletter .nl-image-wrapper {
		float:right;
		margin-right: -210px;
		margin-top: -20px;
		width: 180px;
		height: 180px;
	}
}

@media screen and (max-height: 600px), 
       screen and (max-width: 600px) {
	.modal-newsletter .modal-content {
		padding: 0;
	}
	.modal-newsletter .newsletter-wrapper {
		margin: 0;
		padding: 10px;
	}
	.modal-newsletter .modal-close {
		top: 5px;
		right: 5px;
    }
    .modal-content, .modal-card {
        max-height: none;
     }
     .modal-newsletter .text {
		top: 10px;
		margin-bottom: 20px;
	}
}