@charset "UTF-8";
/* CSS Document */

.modul-newsletter{
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
}


.modul-newsletter .NewsletterGrid{
	position: relative;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 33.3333% auto;
	grid-template-rows: auto;
	grid-gap: 10%;
}

.modul-newsletter .NewsletterGrid .item{
	position: relative;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.modul-newsletter .NewsletterGridInput{
	position: relative;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 50% auto;
	grid-template-rows: auto;
	grid-gap: 3.125%;
}

.modul-newsletter .NewsletterGridInput .item{
	position: relative;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */

@media screen and (max-width: 956px) {
/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */
}

@media screen and (max-width: 720px) {
	

.modul-newsletter .NewsletterGrid{
	grid-template-columns: 100%;
	grid-gap: 6.25vw;
}
	
	
.modul-newsletter .TextBlock{
	width: 100%;
}	
.modul-newsletter .TextBlock {
	text-align: left !important;
	
}
	
.modul-newsletter .TextBlock blockquote p{
	text-align: left !important;
	
}
.modul-newsletter .TextBlock blockquote{
	text-align: left !important;
	
}
.modul-newsletter .TextBlock blockquote h1{
	text-align: left !important;
	
}
.modul-newsletter .TextBlock blockquote h2{
	text-align: left !important;
	
}

.modul-newsletter .TextBlock blockquote h3{
	text-align: left !important;
	
}

.modul-newsletter .TextBlock blockquote h4{
	text-align: left !important;
	
}
.modul-newsletter .TextBlock blockquote h5{
	text-align: left !important;
	
}


/* ------------------------------------------------------------------------ */

}