/*Kategorieseite*/
#c4903 .ce-intext.ce-left .ce-gallery {
	margin-right: 40px;
}

.card-img-top,
.card {
	border-radius: 10px;
}

#c4911 .ce-gallery{
  	border-radius: 0 0 10px 10px;
}

#c4911 .ce-bodytext {
	border-radius: 0 0 10px 10px;
}

#c4911 .ce-above .ce-gallery {
	border-radius: 10px;
}

#c4920 .order-2 a {
	color: #160043;
	text-decoration: none;
}

#c4919 .card-text {
	font-size: 0.85rem;
}

#c4911 a {
	color: #fff;
	text-decoration: none;
}

#c4911 .ce-bodytext p,
#c4915 .ce-bodytext p {
	margin-bottom: 0px;
}

#c4911 .ce-bodytext,
#c4915 .ce-bodytext {
	position: relative;
	background-color: rgba(0, 0, 0, .75);
	padding: 20px 10px;
	box-shadow: 1px 1px 5px #999;
	display: flex;
	flex-direction: row;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	top: -80px;
}

#c4920 .order-2 .ce-textpic {
	overflow: visible;
}

#c4920 .order-2 .ce-bodytext p,
#c4920 .order-2 .ce-bodytext p {
	margin-bottom: 0px;
	width: 50%;
	hyphens: auto;
	font-size: 0.9rem;
}

#c4920 .order-2 .ce-bodytext,
#c4920 .order-2 .ce-bodytext {
	position: relative;
	background-color: rgba(255, 255, 255, .75);
	padding: 20px 10px;
	box-shadow: 1px 1px 5px #999;
	display: flex;
	flex-direction: row;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

#c4911 .ce-bodytext img,
#c4915 .ce-bodytext img {
	margin-right: 10px;
}

#c4920 .order-2 img {
	width: 60px;
	margin-right: 20px;
}

#c4919 .card {
	flex-grow: 1;
	display: flex;
	flex-direction: row;
}


#c4919 .card img {
	width: 360px;
	height: auto;
	border-radius: 0;
}

#c4919 .col-12 {
	width: 100%;
}

#kategorien {
	border: none;
	padding: 20px;
	padding: 20px;
	background-color: #160043;
	color: #fff;
}

#kategorien option:focus {
	background-color: #FFF;
}


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

	#c4911 .ce-bodytext,
	#c4915 .ce-bodytext {
		flex-direction: column;
		align-items: center;
		max-width: 600px;
	}

	#c4919 .card img {
		width: 100%;
		height: auto;
	}

	#c4919 .card {
		flex-grow: 1;
		display: flex;
		flex-direction: column;
	}

	#c4911 .ce-bodytext {
		left: 50%;
		transform: translateX(-50%);
	}
}

@media (min-width: 1200px) {
	.card.card-post .card-body a.btn {
		float: right;
		position: absolute;
		bottom: 20px;
		right: 20px;
	}
}

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

	#c4920 .order-1,
	#c4920 .order-2 {
		width: 100%;
	}

	#c4923,
	#c4924,
	#c4929,
	#c4930,
	#c4931,
	#c4932 {
		display: none;
	}

	#c4919 .card img {
		width: 100%;
		height: auto;
	}

	#c4919 .card {
		flex-grow: 1;
		display: flex;
		flex-direction: column;
	}
}

@media screen and (max-width:480px) {
	#c4903 .ce-intext.ce-left .ce-gallery {
		float: none;
	}
}


@media screen and (max-width: 575px) {
	.card.card-post .card-body a.btn {
		float: right;
		position: relative;
		bottom: 0px;
		right: 0;
	}
}

@media screen and (min-width: 576px) and (max-width: 991px) {
	.card.card-post .card-body a.btn {
		float: right;
		position: absolute;
		bottom: 10px;
		right: 10px;
		font-size: 0.875rem;
	}

	.card.card-post .card-text {
		font-size: 0.785rem !important;
		min-height: 220px;
	}
}

@media screen and (min-width: 992px) {
	.card.card-post .card-body a.btn {
		float: right;
		position: absolute;
		bottom: 20px;
		right: 20px;
	}
}

@media screen and (min-width: 1200px) {
	.card.card-post .card-body {
		background-color: rgba(0, 0, 0, 0.7);
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		color: #fff;
		min-height: 230px;
		border-radius: 0 0 10px 10px;
	}

	.card.card-post .card-body a.btn {
		float: right;
		position: absolute;
		bottom: 20px;
		right: 20px;
	}
}

#c4940 {
	position: relative;
}

/*Einzelkategorie - Auswahlliste*/
.custom-select {
	position: absolute;
	width: 525px;
	z-index: 2000;
    margin-bottom:20px;
}

.custom-select .aktiv {
	cursor: not-allowed !important;
	font-weight: bold !important;
	background-color: #160043 !important;
	color: #FFF;
}

/* Styling des "summary" (sichtbare Fläche) */
.custom-select summary {
	background-color: #160043;
	border-radius: 8px;
	padding: 10px 40px 10px 12px;
	color: #fff;
	list-style: none;
	cursor: pointer;
	position: relative;
	user-select: none;
	font-weight: bold;
}

/* Pfeil hinzufügen */
.custom-select summary::after {
	content: "";
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	border: solid #fff;
	border-width: 0 2px 2px 0;
	padding: 4px;
	transition: transform 0.2s ease;
}

/* Pfeil dreht sich bei geöffnetem Menü */
details[open] summary::after {
	transform: translateY(-50%) rotate(-135deg);
}

/* Optionsliste */
.custom-select .options {
	margin: 6px 0 0 0;
	padding: 0;
	list-style: none;
	border: 2px solid #888;
	border-radius: 8px;
	background-color: #fff;
	overflow: hidden;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* Einzelne Option */
.custom-select .options li {
	padding: 10px 12px;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

/* Hover-Effekt */
.custom-select .options li:hover {
	background-color: #BA4A39;
	color: #FFF;
}

/* Farbige Optionen – volle Kontrolle */
.custom-select .options li {
	background-color: #fff;
}

/* Verhindert, dass die Optionsliste zu breit wird */
.custom-select details {
	width: 100%;
}

@media screen and (max-width:767px){
  .custom-select {
    width: 300px;
}
  .custom-select details {
    width: 90%;
}
}