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

.modul-textblock .TextGrid {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: grid;
    grid-template-columns: 100%;
	grid-auto-rows: auto;
    grid-gap: 4%;
    grid-auto-flow: dense;
}

.modul-textblock .TextGrid .item-text{
	position: relative;
	margin: 0;
	padding: calc(3vw + 0px);
	width: 100%;
	height: auto;
	display: block;
	/*overflow: hidden;*/
	overflow: visible;
}

.modul-textblock .scrim-overlay .TextGrid .item-text {
	text-shadow: 0px 0px 10px rgba(38,38,38,1), 0px 0px 20px rgba(38,38,38,0.8);
}

.modul-textblock .TextGrid .item-text blockquote{
	-webkit-transition: all 0s linear !important;
	-moz-transition: all 0s linear !important;
	-ms-transition: all 0s linear !important;
	-o-transition: all 0s linear !important;
	transition: all 0s linear !important;
	width: 100%;
	height: 100%;
}


.modul-textblock .TextGrid .item-text blockquote a:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #0087ca;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.modul-textblock .TextGrid .item-text blockquote a:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.modul-textblock .TextGrid .item-text ul {
	padding-left: 1.5em;
	list-style-type: square;
	margin-bottom: 1em;
}

.modul-textblock .TextGrid .item-text ul li {
	padding-bottom: 0.4em;
}


.modul-textblock .TextGrid .item-text h3 {
	display:inline-block;
	margin: 0.85rem 0;
}

.modul-textblock .TextGrid .item-text p a {
	color: #ff6969!important;
	text-decoration: underline;
	text-underline-offset: 0.35em;
	font-weight: 500;
}

/*.modul-textblock .TextGrid .item-text p a::after {
	content:' ›';
	font-weight: 500;
	font-size: 1.15em;
	line-height: 0.9em;
}*/

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

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


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

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

.modul-textblock .TextGrid {
	grid-template-columns: 100% !important;
    grid-gap: calc(5vw + 0px);
}
	
.modul-textblock .TextGrid .item-text{
	padding: calc(0vw + 0px);
}
/* ------------------------------------------------------------------------ */

}