/** Block der Themen auf der Startseite **/
.field--name-field-schaufenster-eintraege {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1.25rem;
	
	@media (min-width: 992px) {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 0 0.938rem;
	}
	
	> .field__item {
		flex-basis: 47%;
		
		@media (min-width: 992px) {
			flex-basis: 24%;
		}
		
		box-shadow: 0px 0.19rem 0.4rem #00000029;
		cursor: pointer;
		
		.field--name-field-startseite-thema-bild img {
			width: 100%;
			height: auto;
		}
		
		.field--name-field-startseite-thementitel {
			font-size: 1.5rem;
			font-weight: bold;
			line-height: 2.313rem;
			text-align: center;
			padding: 0.8rem 1.1rem;
			
			@media (min-width: 992px) {
				font-size: 1.875rem;
				text-align: right;
				padding: 0.938rem 1.25rem 0.938rem 0;
			}
		}
	}
}

/** Block der Losung auf der Startseite **/
.paragraph--type--losung {
	@media (min-width: 992px) {
		padding: 3.75rem 8.75rem;
		margin: 0 -7%;
	}
	
	background-color: #9f2aa4;
	box-shadow: 0px 3px 6px #00000029;
	
	#block-aktuellelosung {
		font-size: 1.875rem;
		line-height: 2.5rem;
		color: #fff;
		padding: 0.625rem;
		
		@media (min-width: 992px) {
			font-size: 2.25rem;
			line-height: 2.75rem;
			padding: 0;
		}
	}
}

/** Block Wir laden ein auf der Startseite **/
#block-terminerondellblock  {
	.termine-rondell-titel {
		font-size: 2.75rem;
		line-height: 3.375rem;
		
		@media (min-width: 992px) {
			font-size: 3rem;
			line-height: 3.625rem;
		}
	}
	
	.termine-rondell-body {
		.termin-rondell-termin {
			.termin-rondell-termin-name {
				@media (min-width: 992px) {
					font-size: 1.5rem;
					line-height: 1.813rem;
				}
			}
		}
	}
}

/** Block Aktuelles auf der Startseite **/
.field--name-field-aktuelles-m-titel {
	font-size: 2.75rem;
	line-height: 3.375rem;
	
	@media (min-width: 992px) {
		font-size: 3rem;
		line-height: 3.625rem;
	}

	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.field--name-field-aktuelles-m-artikel {
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0.938rem 0;
	
	@media (min-width: 992px) {
		flex-direction: row;
		gap: 0 0.938rem;
	}
	
	> .field__item {
		flex-basis: 32%;
		height: 100%;
		height: -moz-available;
		height: -webkit-fill-available;
		height: fill-available;
		box-shadow: 0px 0.19rem 0.4rem #00000029;
		
		.aktuelles-mod {			
			.aktuelles-mod-image img {
				width: 100%;
				height: auto;
			}
		
			.aktuelles-mod-body {
				font-size: 1.5rem;
				line-height: 1.813rem;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				padding: 0.625rem;
				
				@media (min-width: 992px) {
					padding: 0.938rem;
				}
				
				.aktuelles-mod-titel {
					font-size: 1.5rem;
					line-height: 1.813rem
				}
					
				.aktuelles-mod-datum {
					text-align: right;
					font-size: 1.125rem;
					line-height: 1.438rem;
					font-family: "FontAwesome", "Proxima Nova";
				}
			}
		}
	}
}

/** Block epd News auf der Startseite **/


/** Block der Kontaktkarte auf der Startseite **/
.paragraph--type--kontaktkarte {
	padding-bottom: 100px;
}

.field--name-field-kontaktblock-titel {
	font-size: 2.75rem;
	line-height: 3.375rem;
	
	@media (min-width: 992px) {
		font-size: 3rem;
		line-height: 3.625rem;
	}
	
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.kontaktblock-body {
	display: flex;
	flex-direction: column;
	
	@media (min-width: 992px) {
		flex-direction: row;
		column-gap: 50px;
	}
}

.kontaktblock-body > div {
	flex-basis: 50%;
}

.field--name-field-kontaktblock-adresse {
	background-image: url('../../images/map_fallback.png');
	background-position: center;
}

.field--name-field-kontaktblock-text {
	margin: auto 0;
	font-size: 24px;
	line-height: 29px;
}

.field--name-field-kontaktblock-text table td {
	font-family: 'FontAwesome', 'Proxima Nova';
	vertical-align: top;
}

.field--name-field-kontaktblock-text table td a {
	text-decoration: none;
	color: #9f2aa4;
}

/** Inhalt Bild **/

.paragraph--type--inhalt-bild .field--name-field-inhalt-bild {
	display: flex;
	flex-direction: row;
}

.paragraph--type--inhalt-bild .field--name-field-inhalt-bild > div:first-child {
	margin-right: 1rem;
}

.paragraph--type--inhalt-bild .field--name-field-inhalt-bild-bu {
	font-style: italic;
}

/** Inhalt Bildergalerie **/
.field--name-field-inhalt-bildergalerie {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	
	flex-direction: row;
	gap: 10px;
	
	
	@media (min-width: 992px) {
		flex-direction: column;
		max-height: 200vh;
	}
}

.field--name-field-inhalt-bildergalerie > .field__item {
	width: 100%;
	max-width: 20vw;
	
	img {
		width: 100%;
		height: 100%;
	}
}

/** Inhalt FAQs **/
.paragraph--type--faq {
	counter-reset: faq-counter;
}

.field--name-field-faq-eintraege > div {
    padding: 10px 0;
}

.field--name-field-faq-eintraege .field--name-field-faq-frage {
	counter-increment: faq-counter;
	cursor: pointer;
	
	@media(max-width: 992px) {
		width: 90%;
	}
}

.field--name-field-faq-eintraege .field--name-field-faq-frage::before {
	content: "(" counter(faq-counter) ")";
	margin-right: 10px;
}	

.field--name-field-faq-eintraege .field--name-field-faq-frage::after {
	content: "";
    -webkit-mask-image: url("../../../../../libraries/fontawesome/svgs/solid/plus.svg");
    -webkit-mask-size: contain;
    background-color: #9f2aa4;
    -webkit-mask-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;	
    right: 1%;
	
	@media (min-width: 992px) {
		right: 25%;
	}
	
	z-index: 0;
}

.field--name-field-faq-eintraege .field--name-field-faq-frage.open::after {
	content: "";
    -webkit-mask-image: url("../../../../../libraries/fontawesome/svgs/solid/minus.svg");
    -webkit-mask-size: contain;
    background-color: #9f2aa4;
    -webkit-mask-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;	
    right: 1%;
	
	@media (min-width: 992px) {
		right: 25%;
	}
	
    z-index: 0;
}

.field--name-field-faq-eintraege .field--name-field-faq-antwort {
	display: none;
}

.field--name-field-faq-eintraege .field--name-field-faq-antwort.open {
	display: block;
}

/** Inhalt Kontakte **/
.paragraph--type--inhalt-kontakte .field--name-field-kontakte {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.paragraph--type--inhalt-kontakte .field--name-field-kontakte > div {
	flex-basis: 30%;
	margin-right: 20px;
}

/** Inhalt Text-Kachel **/
.paragraph--type--inhalt-text-kacheln {
	padding-bottom: 20px;
	
	.field--name-field-text-kacheln {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 15px;
		
		> .field__item {
			flex-basis: 32%;
			height: 100%;
			height: -webkit-fill-available;

			.paragraph--type--inhalt-text-kachel {
				padding: 10px;
				box-shadow: 0px 3px 6px #00000029;
				color: #707070;
				background-color: #fff;
				height: -webkit-fill-available;
				
				.field--name-field-textkachel-titel {
					font-weight: bold;
				}
			}
		}
	}
}