.T4198 .kategorie {

}

.T4198 .kategorie .slick-arrow { z-index: 10; background-color: transparent; }
.T4198 .kategorie .slick-arrow:before { color: #fff; }
.T4198 .kategorie .slick-next { right: 20px; }
.T4198 .kategorie .slick-prev { left: 20px; }
 
.T4198 .kategorie .bild { position: relative; }
.T4198 .kategorie .bild img { width: 100%; }

.T4198 .nr {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 100px;
	font-size: 40px;
	padding: 10px 0px;
	text-align: center;
	font-weight: bold;
	color: #333;
	border-radius: 50px;
	background-color: rgba(255,255,255,0.7);
}


.T4198 .bottom { position: relative; }


.T4198 .content {
	background-color: #fff;
	padding: 25px 25px;
	position: relative;
	top: -50px;
	left: 30px;
	width: 65%;
	min-height: 155px;
}

.T4198 .content .text {
	color: #000 !important;
}


.T4198 .subheadline { margin-bottom: 10px; color: rgba(0,0,0,0.5); }
.T4198 h3 { margin: 0px 0px 10px 0px !important; }


.T4198 .bilder {
	position: absolute;
	top: 20px;
	right: 0px;
	text-align: right;
	max-width: 35%;
}


.T4198 .thumb {
	display: inline-block;
	margin: 0px 0px 15px 15px;
	cursor: pointer;
	opacity: 0.5;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

.T4198 .thumb.aktiv {
	opacity: 1;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.4);
}

.T4198 .T1911 .maxwidthsmall { width: auto; margin: 0px; }

.T4198 .range { text-align: right; margin: 10px 0px 10px 20%; font-style: oblique; }


.T4198 .T1911 table .periods { color: #444; }

.T4198 .buttons { text-align: right }
.T4198 .buttons .button {
	display: inline-block;
	text-decoration: none;
	padding: 5px 15px;
	margin: 10px 0px 0px 10px;
}

.T4198 .tags { color: #777; column-count: 3; column-gap:24px;margin:18px 0px 12px 0px; }
.T4198 .tags .tag { page-break-inside: avoid;margin:0px 0px 8px 0px;display: flex;align-items: center; }
.T4198 .tags .tag .name { display:inline-block;margin:0px 0px 0px 6px; }

.Mandant_8571 .T4198 .tags { column-count: 2; } /* Berwangerhof */

@media all and (min-width: 900px) and (max-width: 1280px) {
	.T4198 .thumb  { margin: 0px 0px 10px 10px; }
	.T4198 .thumb img { width: 70px; height: auto; }

	.T4198 .content {
		width: 65%;
	}
	.T4198 .bilder {
		max-width: 30%;
	}
}



@media all and (max-width: 900px) {
	.T4198 .kategorie { margin-bottom: 20px;  }
	.T4198 .bilder { position: static; right: auto; top: auto; max-width: none; background-color: #fff; padding: 10px 0px 0px 20px; text-align: left;  }
	.T4198 .content { position: static; left: auto; top: auto; width: auto; min-height: auto; }
	.T4198 .thumb { margin: 5px 5px 0px 0px ;}
	.T4198 .thumb img { width: 70px; height: auto; }
}

@media all and (max-width: 567px) {
	.T4198 .tags { column-count: 1; }
}.T4198 .expand {
	position: relative;
	max-height: 220px;
	overflow: hidden;
}

.T4198 .expand.on {
	position: relative;
	max-height: none;
	overflow: visible;
}

.T4198 .expand:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 30%;
	right: 0px;
	bottom: 0px;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
}

.T4198 .expand:after {
	content: "+";
	font-size: 17px;
	font-weight: bold;
	position: absolute;
	left: 0%;
	bottom: 10px;
	background: #999;
	color: #fff;
	padding: 3px 12px 4px 12px;
	cursor: pointer;
}

.T4198 .expand.on:after { display: none }
.T4198 .expand.on:before { display: none }@media all and (min-width: 900px)  {
	
	.S6973 .thumb {	width: 75px; margin: 0px 0px 10px 10px; }
	
	.S6973 .thumb img { width: 75px; height: auto; }
	
	.S6973 .expand { max-height: 100px; }
	
	
	.S6973 .content { width: 56%; }
	.S6973 .bilder { width: 44%; }
	
}@media all and (min-width: 1280px)  {
	
	.S6974 .kategorien {
		display: flex;
		flex-wrap: wrap;
		margin-right: -30px;
		overflow: hidden;
	}
	
	.S6974 .kategorie {
		width: calc( 50% - 30px );
		margin-right: 30px;
	}
	
	.S6974 .content {
		top: -30px;
		left: 20px;
		width: 66%;
		padding: 20px;
	}
	
	
	.S6974 .bilder {
		max-width: 40%;
		width: 31%;
	}
	
	.S6974 .fontsize_large p { font-size: 0.93em; }
	
	.S6974 .thumb {	width: 75px; margin: 0px 0px 10px 10px; }
	.S6974 .thumb img { width: 75px; height: auto; }
	
	.S6974 .expand { max-height: 100px; }
		
}
.T4198.S6990 .content { width: calc( 100% - 50px ); }


@media all and (min-width: 768px) and (max-width:1023px) {
	.T4198.S6990 .content { width: 100%; }
}

@media all and (min-width: 568px) and (max-width: 767px) {
	.T4198.S6990 .content { width: 100%; }
}

@media all and (max-width: 567px) {
	.T4198.S6990 .content { width: 100%; }
}

.S6803 h3 {
	text-transform: uppercase;
}.T4198.S8933 .slick-next::before,.T4198.S8933 .slick-prev::before { color: var(--signal_color) !important; }
.T4198.S8933 .slick-next:hover,.T4198.S8933 .slick-prev:hover { border: 2px solid var(--signal_color) !important; }
