.elementor-1139 .elementor-element.elementor-element-7452b14{--display:flex;--padding-top:60px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1139 .elementor-element.elementor-element-7452b14:not(.elementor-motion-effects-element-type-background), .elementor-1139 .elementor-element.elementor-element-7452b14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d82a287 );}.elementor-1139 .elementor-element.elementor-element-194f82b{--display:flex;}.elementor-1139 .elementor-element.elementor-element-a65b87f{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1139 .elementor-element.elementor-element-5bd8c852{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-1139 .elementor-element.elementor-element-601a31b9{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1139 .elementor-element.elementor-element-601a31b9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1139 .elementor-element.elementor-element-601a31b9:after{content:"0.66";}.elementor-1139 .elementor-element.elementor-element-601a31b9 .elementor-post__thumbnail__link{width:100%;}.elementor-1139 .elementor-element.elementor-element-601a31b9 .elementor-post__meta-data span + span:before{content:"///";}.elementor-1139 .elementor-element.elementor-element-601a31b9.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1139 .elementor-element.elementor-element-601a31b9.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1139 .elementor-element.elementor-element-601a31b9.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-1139 .elementor-element.elementor-element-601a31b9 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-1139 .elementor-element.elementor-element-601a31b9 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1139 .elementor-element.elementor-element-601a31b9 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1139 .elementor-element.elementor-element-601a31b9 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1139 .elementor-element.elementor-element-601a31b9 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:767px){.elementor-1139 .elementor-element.elementor-element-601a31b9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1139 .elementor-element.elementor-element-601a31b9:after{content:"0.5";}.elementor-1139 .elementor-element.elementor-element-601a31b9 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS *//**
 * BBBK MakerBLOG – bereinigtes Zusatz-CSS
 * Gilt für die MakerBLOG-Hauptseite und ihre verlinkten Kategoriearchive.
 * Header, Footer und einzelne Beiträge werden nicht verändert.
 *
 * EINFÜGEORT:
 * Elementor > Templates > Theme Builder > aktives MakerBLOG-Archivtemplate bearbeiten
 * > Seiteneinstellungen > Erweitert > Custom CSS.
 * Nicht in das Custom-CSS-Feld eines einzelnen Containers oder Widgets einfügen.
 * Ohne <style>-Tags einfügen und nicht durch das Elementor-Schlüsselwort
 * "body.elementor-page-1139" ergänzen.
 *
 * Die Farben kommen vollständig aus Elementor:
 * Website-Einstellungen > Globale Farben
 *
 * Verwendete Zuordnung:
 * Primary        = --e-global-color-primary
 * Secondary      = --e-global-color-secondary
 * Text           = --e-global-color-text
 * Accent         = --e-global-color-accent
 * Primary Dark   = --e-global-color-4772fff
 * Gold           = --e-global-color-95533fe
 * Background Alt = --e-global-color-d82a287
 * Surface        = --e-global-color-52826e6
 * Text Secondary = --e-global-color-80bc3d9
 * Border         = --e-global-color-9f97b91
 */

/* ALLGEMEIN – MakerBLOG und Filterergebnisse: lokale Namen für Elementor-Globalfarben */
.elementor-1139 {
	--ml-blog-primary: var(--e-global-color-primary);
	--ml-blog-secondary: var(--e-global-color-secondary);
	--ml-blog-text: var(--e-global-color-text);
	--ml-blog-accent: var(--e-global-color-accent);
	--ml-blog-primary-dark: var(--e-global-color-4772fff);
	--ml-blog-gold: var(--e-global-color-95533fe);
	--ml-blog-background-alt: var(--e-global-color-d82a287);
	--ml-blog-surface: var(--e-global-color-52826e6);
	--ml-blog-text-secondary: var(--e-global-color-80bc3d9);
	--ml-blog-border: var(--e-global-color-9f97b91);
	--ml-blog-shadow: 0 12px 32px color-mix(in srgb, var(--ml-blog-primary-dark) 10%, transparent);
}

/* BLOCK: Kategorienfilter – sichtbare Fläche */
.elementor-1139 .elementor-widget-shortcode:has(.ml-blog-filter) .elementor-widget-container {
	padding: clamp(1rem, 2vw, 1.5rem);
	border: 1px solid var(--ml-blog-border);
	border-radius: 14px;
	background-color: var(--ml-blog-background-alt);
}

/* BLOCK: Kategorienfilter – Beschriftung und waagerechtes Grundlayout */
.elementor-1139 .ml-blog-filter {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
}

.elementor-1139 .ml-blog-filter::before {
	flex: 0 0 auto;
	color: var(--ml-blog-primary-dark);
	font-size: 1rem; 
	font-weight: 500;
	content: "Filter:";
}

.elementor-1139 .ml-blog-filter__list,
.elementor-1139 .ml-blog-filter__children {
	display: flex;
	width: auto;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	gap: 0.6rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.elementor-1139 .ml-blog-filter__list {
	flex: 1 1 auto;
}

.elementor-1139 .ml-blog-filter__children {
	flex: 0 1 auto;
}

.elementor-1139 .ml-blog-filter__item {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	gap: 0.6rem;
}

/* BLOCK: Kategorienfilter – anklickbare Filter */
.elementor-1139 .ml-blog-filter__link,
.elementor-1139 .ml-blog-filter__child-link {
	display: inline-flex;
	min-height: 2.75rem;
	align-items: center;
	justify-content: center;
	padding: 0.5rem 1rem;
	border: 1px solid var(--ml-blog-border);
	border-radius: 999px;
	background-color: var(--ml-blog-surface);
	color: var(--ml-blog-text);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
	transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.elementor-1139 .ml-blog-filter__link:hover,
.elementor-1139 .ml-blog-filter__child-link:hover,
.elementor-1139 .ml-blog-filter .is-current,
.elementor-1139 .ml-blog-filter .is-ancestor > .ml-blog-filter__link {
	border-color: var(--ml-blog-primary);
	background-color: var(--ml-blog-primary);
	color: var(--ml-blog-surface);
}

.elementor-1139 .ml-blog-filter a:focus-visible {
	outline: 3px solid var(--ml-blog-gold);
	outline-offset: 3px;
}

/*
 * FILTERERGEBNISSE: Auf Kategoriearchiven gibt es keinen angepinnten Slider.
 * Deshalb werden dort auch dessen leere Überschrift und der leere Container entfernt.
 */
body.category .elementor-1139 > .e-con.e-parent:has(.elementor-shortcode:empty) {
	display: none;
}

/* BLOCK: Angepinnte Beiträge – farbige Fläche */
.elementor-1139 .ml-blog-featured {
	padding: clamp(1.25rem, 3vw, 2.5rem);
	border-radius: 18px;
	background-color: var(--ml-blog-background-alt);
}

/* BLOCK: Angepinnte Beiträge – einzelne Sliderkarte */
.elementor-1139 .ml-blog-slider__item[hidden] {
	display: none;
}

.elementor-1139 .ml-blog-slide {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	overflow: hidden;
	border: 1px solid var(--ml-blog-border);
	border-radius: 14px;
	background-color: var(--ml-blog-surface);
	box-shadow: var(--ml-blog-shadow);
}

.elementor-1139 .ml-blog-slide:not(:has(.ml-blog-slide__media)) {
	grid-template-columns: 1fr;
}

.elementor-1139 .ml-blog-slide__media {
	display: block;
	min-height: 20rem;
	overflow: hidden;
}

.elementor-1139 .ml-blog-slide__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 220ms ease;
}

.elementor-1139 .ml-blog-slide:hover .ml-blog-slide__media img {
	transform: scale(1.025);
}

.elementor-1139 .ml-blog-slide__content {
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: clamp(1.35rem, 3vw, 2.75rem);
}

.elementor-1139 .ml-blog-slide__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.8rem;
	margin-bottom: 0.75rem;
	color: var(--ml-blog-text-secondary);
	font-size: 0.84rem;
}

.elementor-1139 .ml-blog-slide__meta a {
	color: inherit;
}

.elementor-1139 .ml-blog-slide__title {
	margin: 0;
}

.elementor-1139 .ml-blog-slide__title a {
	color: var(--ml-blog-primary-dark);
	text-decoration: none;
}

.elementor-1139 .ml-blog-slide__title a:hover {
	color: var(--ml-blog-secondary);
}

.elementor-1139 .ml-blog-slide__excerpt {
	margin: 0.9rem 0 1.25rem;
	color: var(--ml-blog-text-secondary);
}

/* BLOCK: Angepinnte Beiträge – Schaltfläche „Beitrag lesen“ */
.elementor-1139 .ml-blog-slide .ml-button {
	display: inline-flex;
	min-height: 2.75rem;
	align-items: center;
	justify-content: center;
	padding: 0.65rem 1rem;
	border: 1px solid var(--ml-blog-accent);
	border-radius: 8px;
	background-color: var(--ml-blog-accent);
	color: var(--ml-blog-surface);
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.elementor-1139 .ml-blog-slide .ml-button:hover {
	border-color: var(--ml-blog-secondary);
	background-color: var(--ml-blog-secondary);
	color: var(--ml-blog-surface);
}

.elementor-1139 .ml-blog-slide a:focus-visible,
.elementor-1139 .ml-blog-slider button:focus-visible {
	outline: 3px solid var(--ml-blog-gold);
	outline-offset: 3px;
}

/* BLOCK: Angepinnte Beiträge – Pfeile und Navigationspunkte */
.elementor-1139 .ml-blog-slider__controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.8rem;
	margin-top: 1rem;
}

.elementor-1139 .ml-blog-slider__button {
	display: inline-grid;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	place-items: center;
	border: 1px solid var(--ml-blog-primary);
	border-radius: 50%;
	background-color: var(--ml-blog-surface);
	color: var(--ml-blog-primary);
	font-size: 1.15rem;
	cursor: pointer;
}

.elementor-1139 .ml-blog-slider__button:hover {
	background-color: var(--ml-blog-primary);
	color: var(--ml-blog-surface);
}

.elementor-1139 .ml-blog-slider__dots {
	display: flex;
	align-items: center;
	gap: 0.45rem;
}

.elementor-1139 .ml-blog-slider__dots button {
	width: 0.7rem;
	height: 0.7rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background-color: var(--ml-blog-border);
	cursor: pointer;
}

.elementor-1139 .ml-blog-slider__dots button[aria-current="true"] {
	background-color: var(--ml-blog-primary);
}

/*
 * BLOCK: Neueste Beiträge – Karten des Elementor-Widgets „Archive Posts“
 * Nur Kartenfläche, Rahmen, Rundung und Abstände werden hier gestaltet.
 * Titel-, Meta-, Auszug- und Linkfarben bleiben absichtlich im Elementor-Widget
 * unter Stil > Inhalt beziehungsweise Stil > Pagination einstellbar.
 */
.elementor-1139 .ml-blog-archive__latest .elementor-widget-archive-posts .elementor-post {
	display: flex;
	min-width: 0;
	height: 100%;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--ml-blog-border);
	border-radius: 14px;
	background-color: var(--ml-blog-surface);
	box-shadow: var(--ml-blog-shadow);
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.elementor-1139 .ml-blog-archive__latest .elementor-widget-archive-posts .elementor-post:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 38px color-mix(in srgb, var(--ml-blog-primary-dark) 14%, transparent);
}

.elementor-1139 .ml-blog-archive__latest .elementor-widget-archive-posts .elementor-post__thumbnail__link {
	margin-bottom: 0;
	overflow: hidden;
}

.elementor-1139 .ml-blog-archive__latest .elementor-widget-archive-posts .elementor-post__thumbnail img {
	transition: transform 220ms ease;
}

.elementor-1139 .ml-blog-archive__latest .elementor-widget-archive-posts .elementor-post:hover .elementor-post__thumbnail img {
	transform: translate(-50%, -50%) scale(1.035);
}

.elementor-1139 .ml-blog-archive__latest .elementor-widget-archive-posts .elementor-post__text {
	display: flex;
	min-width: 0;
	flex: 1;
	flex-direction: column;
	padding: clamp(1.15rem, 2vw, 1.5rem);
}

.elementor-1139 .ml-blog-archive__latest .elementor-widget-archive-posts .elementor-post__read-more {
	margin-top: auto;
	padding-top: 0.9rem;
}

/*
 * BLOCK: Neueste Beiträge – Kommentarangabe in den Metadaten
 * Das ergänzende JavaScript setzt .has-comments nur bei mindestens einem Kommentar
 * und blendet „Keine Kommentare“ vollständig aus.
 */
.elementor-1139 .ml-blog-archive__latest .elementor-widget-archive-posts .elementor-post__meta-data .elementor-post-avatar::before {
	margin: 0;
	content: "";
}

.elementor-1139 .ml-blog-archive__latest .elementor-widget-archive-posts .elementor-post__meta-data .elementor-post-avatar {
	display: none;
}

.elementor-1139 .ml-blog-archive__latest .elementor-widget-archive-posts .elementor-post__meta-data .elementor-post-avatar.has-comments {
	display: inline;
}

.elementor-1139 .ml-blog-archive__latest .elementor-widget-archive-posts .elementor-post__meta-data .elementor-post-avatar.has-comments::before {
	margin: 0 0.55rem;
	color: currentColor;
	content: "|";
}

.elementor-1139 .ml-blog-archive__latest .elementor-widget-archive-posts .elementor-post__meta-data .elementor-post-avatar[hidden] {
	display: none;
}

/* BLOCK: Pagination – nur Form und Abstand; Farben bleiben im Elementor-Widget */
.elementor-1139 .ml-blog-archive__latest .elementor-widget-archive-posts .elementor-pagination {
	margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

.elementor-1139 .ml-blog-archive__latest .elementor-widget-archive-posts .elementor-pagination .page-numbers {
	display: inline-grid;
	min-width: 2.5rem;
	min-height: 2.5rem;
	place-items: center;
	border-radius: 8px;
}

/* RESPONSIVE – MakerBLOG und Filterergebnisse */
@media (max-width: 767px) {
	.elementor-1139 .ml-blog-slide {
		grid-template-columns: 1fr;
	}

	.elementor-1139 .ml-blog-slide__media {
		min-height: auto;
		aspect-ratio: 16 / 10;
	}

	.elementor-1139 .ml-blog-filter__link,
	.elementor-1139 .ml-blog-filter__child-link {
		min-height: 2.5rem;
		padding-inline: 0.75rem;
	}

	.elementor-1139 .ml-blog-filter {
		align-items: flex-start;
	}

	.elementor-1139 .ml-blog-filter::before {
		padding-top: 0.65rem;
	}
}

/* BARRIEREFREIHEIT – Animationen bei entsprechender Systemeinstellung abschalten */
@media (prefers-reduced-motion: reduce) {
	.elementor-1139 .ml-blog-filter a,
	.elementor-1139 .ml-blog-slide a,
	.elementor-1139 .ml-blog-slider button,
	.elementor-1139 .ml-blog-archive__latest .elementor-widget-archive-posts .elementor-post,
	.elementor-1139 .ml-blog-archive__latest .elementor-widget-archive-posts .elementor-post__thumbnail img {
		transition: none;
	}
}/* End custom CSS */