/* akasolutions.de: Blog-Uebersicht, Beitragskarten (Header + Tabs bleiben unveraendert) */
.aka-cards {
	--aka-ink: #14262c;
	--aka-text: #33454b;
	--aka-muted: #5f7076;
	--aka-line: #dfe7ea;
	--aka-surface: #f2f5f7;
	--aka-brand: #1a5468;
	--aka-brand-dark: #123d4c;
	--aka-green: #00b050;
	--aka-card: #f3f7f8;
	--aka-card-hover: #ebf2f4;
	--aka-card-line: #dbe6e9;
}

/* Raster */
.elementor-element.elementor-widget-posts.aka-cards .elementor-posts-container.elementor-grid {
	column-gap: 28px;
	row-gap: 32px;
}

/* Karte */
.elementor-element.elementor-widget-posts.aka-cards .elementor-posts .elementor-post {
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 0;
	border: 1px solid var(--aka-card-line);
	border-radius: 14px;
	background: var(--aka-card);
	box-shadow: none;
	overflow: hidden;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.elementor-element.elementor-widget-posts.aka-cards .elementor-posts .elementor-post:hover,
.elementor-element.elementor-widget-posts.aka-cards .elementor-posts .elementor-post:focus-within {
	border-color: #b9cdd4;
	background: var(--aka-card-hover);
	box-shadow: 0 12px 28px -14px rgba(26, 84, 104, .35);
	transform: translateY(-3px);
}

/* Bild */
.elementor-widget-posts.aka-cards .elementor-post__thumbnail__link {
	margin: 0 !important;
	width: 100%;
}
.elementor-widget-posts.aka-cards .elementor-post__thumbnail {
	padding-bottom: 56.25% !important;
	background: var(--aka-surface);
}
.elementor-element.elementor-widget-posts.aka-cards .elementor-post img {
	border-radius: 0;
	transition: transform .4s ease;
}
.elementor-widget-posts.aka-cards .elementor-post:hover .elementor-post__thumbnail img { transform: scale(1.04) translate(-50%, -50%); }

/* Textbereich */
.elementor-element.elementor-widget-posts.aka-cards .elementor-post__text {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 22px 24px 22px !important;
	margin: 0;
}
.aka-cards .aka-ba__cat {
	order: 1;
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--aka-brand);
}
.elementor-element.elementor-widget-posts.aka-cards .elementor-post__title {
	order: 2;
	margin: 0 0 10px !important;
	font-size: 19px;
	line-height: 1.35;
	font-weight: 600;
	letter-spacing: -.005em;
	text-wrap: balance;
}
.elementor-element.elementor-widget-posts.aka-cards .elementor-post__title a {
	color: var(--aka-ink);
	text-decoration: none;
	transition: color .15s;
}
/* ganze Karte klickbar */
.elementor-widget-posts.aka-cards .elementor-post__title a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}
.elementor-widget-posts.aka-cards .elementor-post__title a:focus-visible { outline: none; }
.elementor-widget-posts.aka-cards .elementor-post:focus-within { outline: 2px solid var(--aka-brand); outline-offset: 2px; }
.elementor-element.elementor-widget-posts.aka-cards .elementor-post:hover .elementor-post__title a { color: var(--aka-brand); }
.elementor-widget-posts.aka-cards .elementor-post__title abbr { text-decoration: none; border: 0; }

.elementor-element.elementor-widget-posts.aka-cards .elementor-post__excerpt {
	order: 3;
	margin: 0 0 20px;
}
.elementor-element.elementor-widget-posts.aka-cards .elementor-post__excerpt p {
	margin: 0;
	font-size: 15px;
	line-height: 1.65;
	color: var(--aka-text);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Fusszeile: Meta links, Weiterlesen rechts */
.elementor-element.elementor-widget-posts.aka-cards .elementor-post__meta-data {
	order: 4;
	margin: auto 0 0;
	padding: 16px 110px 0 0;
	border-top: 1px solid #d3e0e4;
	font-size: 13px;
	line-height: 1.5;
	color: var(--aka-muted);
}
.elementor-element.elementor-widget-posts.aka-cards .elementor-post__meta-data span + span:before {
	content: "|";
	margin: 0 8px;
	color: #b9c6ca;
}
.elementor-element.elementor-widget-posts.aka-cards .elementor-post__read-more {
	order: 5;
	position: absolute;
	right: 24px;
	bottom: 22px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 600;
	color: var(--aka-brand);
	text-decoration: none;
}
.elementor-widget-posts.aka-cards .elementor-post__read-more svg { transition: transform .2s ease; }
.elementor-widget-posts.aka-cards .elementor-post:hover .elementor-post__read-more svg { transform: translateX(3px); }

/* Nur Datum in der Fusszeile (wie innoverein), Autor steht im Beitrag */
.elementor-element.elementor-widget-posts.aka-cards .elementor-post__meta-data .elementor-post-author { display: none; }
.elementor-element.elementor-widget-posts.aka-cards .elementor-post__meta-data span + span:before { content: none !important; display: none !important; }

/* Pagination */
.elementor-widget-posts.aka-cards .elementor-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-top: 48px;
}
.elementor-widget-posts.aka-cards .elementor-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	margin: 0 !important;
	padding: 0 14px;
	border: 1px solid var(--aka-line);
	border-radius: 10px;
	background: #fff;
	font-size: 15px;
	font-weight: 500;
	color: var(--aka-ink);
	text-decoration: none;
	transition: border-color .15s, background-color .15s, color .15s;
}
.elementor-widget-posts.aka-cards .elementor-pagination a.page-numbers:hover { border-color: var(--aka-brand); color: var(--aka-brand); }
.elementor-widget-posts.aka-cards .elementor-pagination .page-numbers.current {
	border-color: var(--aka-brand);
	background: var(--aka-brand);
	color: #fff;
}
.elementor-widget-posts.aka-cards .elementor-pagination span.prev,
.elementor-widget-posts.aka-cards .elementor-pagination span.next { opacity: .45; }
.elementor-widget-posts.aka-cards .elementor-pagination .page-numbers.dots { border-color: transparent; background: none; min-width: 24px; padding: 0; }

@media (max-width: 767px) {
	.elementor-element.elementor-widget-posts.aka-cards .elementor-post__title { font-size: 18px; }
	.elementor-widget-posts.aka-cards .elementor-pagination .page-numbers { min-width: 38px; height: 38px; padding: 0 10px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
	.elementor-widget-posts.aka-cards .elementor-post,
	.elementor-widget-posts.aka-cards .elementor-post * { transition: none !important; transform: none !important; }
}

/* ---------- Blog-Hero + Kategorie-Tabs ---------- */
body.aka-ba { --aka-tab-h: 52px; --aka-hero-pad: 40px; }
body.aka-ba .elementor-section:is(.elementor-element-742661e, .elementor-element-1765581) {
	padding-bottom: calc(var(--aka-tab-h) + 44px) !important;
}
body.aka-ba .elementor-section:is(.elementor-element-e878f32, .elementor-element-cd467b7, .elementor-element-6125c69, .elementor-element-bc75305) {
	position: relative;
	z-index: 2;
	margin-top: calc(-1 * var(--aka-tab-h)) !important;
	padding: 0 var(--aka-hero-pad) !important;
	background: transparent;
}
body.aka-ba :is(.elementor-element-e878f32, .elementor-element-cd467b7, .elementor-element-6125c69, .elementor-element-bc75305) > .elementor-container {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-end;
	gap: 4px;
	height: var(--aka-tab-h);
	padding: 0 10px;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	scroll-padding-left: 10px;
}
body.aka-ba :is(.elementor-element-e878f32, .elementor-element-cd467b7, .elementor-element-6125c69, .elementor-element-bc75305) > .elementor-container::-webkit-scrollbar { display: none; }
body.aka-ba :is(.elementor-element-e878f32, .elementor-element-cd467b7, .elementor-element-6125c69, .elementor-element-bc75305) > .elementor-container > .elementor-column {
	flex: 1 0 auto;
	width: auto !important;
	max-width: none;
	height: var(--aka-tab-h);
	margin: 0 !important;
	border-radius: 10px 10px 0 0 !important;
	overflow: hidden;
	cursor: pointer;
	transition: filter .15s ease;
}
body.aka-ba :is(.elementor-element-e878f32, .elementor-element-cd467b7, .elementor-element-6125c69, .elementor-element-bc75305) > .elementor-container > .elementor-column:hover { filter: brightness(1.06); }
body.aka-ba :is(.elementor-element-e878f32, .elementor-element-cd467b7, .elementor-element-6125c69, .elementor-element-bc75305) .elementor-widget-wrap {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	height: 100%;
	padding: 0 22px !important;
	border-radius: 10px 10px 0 0 !important;
}
body.aka-ba :is(.elementor-element-e878f32, .elementor-element-cd467b7, .elementor-element-6125c69, .elementor-element-bc75305) .elementor-widget-heading,
body.aka-ba :is(.elementor-element-e878f32, .elementor-element-cd467b7, .elementor-element-6125c69, .elementor-element-bc75305) .elementor-widget-heading > .elementor-widget-container { margin: 0 !important; padding: 0 !important; width: auto; }
body.aka-ba :is(.elementor-element-e878f32, .elementor-element-cd467b7, .elementor-element-6125c69, .elementor-element-bc75305) .elementor-heading-title {
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	white-space: nowrap;
}

@media (max-width: 1024px) {
	body.aka-ba { --aka-hero-pad: 20px; }
	/* Wenn die Tabs nicht passen: wischbar, rechts sanft ausgeblendet */
	body.aka-ba :is(.elementor-element-e878f32, .elementor-element-cd467b7, .elementor-element-6125c69, .elementor-element-bc75305) > .elementor-container {
		-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 40px), transparent);
		mask-image: linear-gradient(to right, #000 calc(100% - 40px), transparent);
	}
	body.aka-ba :is(.elementor-element-e878f32, .elementor-element-cd467b7, .elementor-element-6125c69, .elementor-element-bc75305) > .elementor-container::after { content: ""; flex: 0 0 32px; }
}
@media (max-width: 767px) {
	body.aka-ba { --aka-tab-h: 48px; --aka-hero-pad: 20px; }
	body.aka-ba .elementor-section:is(.elementor-element-742661e, .elementor-element-1765581) { padding-bottom: calc(var(--aka-tab-h) + 32px) !important; }
	body.aka-ba .elementor-section:is(.elementor-element-e878f32, .elementor-element-cd467b7, .elementor-element-6125c69, .elementor-element-bc75305) { padding: 0 !important; }
	body.aka-ba :is(.elementor-element-e878f32, .elementor-element-cd467b7, .elementor-element-6125c69, .elementor-element-bc75305) > .elementor-container { padding: 0 30px; scroll-padding-left: 30px; }
	body.aka-ba :is(.elementor-element-e878f32, .elementor-element-cd467b7, .elementor-element-6125c69, .elementor-element-bc75305) .elementor-widget-wrap { padding: 0 16px !important; }
	body.aka-ba :is(.elementor-element-e878f32, .elementor-element-cd467b7, .elementor-element-6125c69, .elementor-element-bc75305) .elementor-heading-title { font-size: 16px !important; }
}