/* Social-Icons in der Kopfzeile: Marken-Icons liegen in Font Awesome 5 Brands */
.social-icons a.social-icon i.fa {
	font-family: "Font Awesome 5 Brands";
	font-weight: 400;
}

/* Mobiles Menü-Symbol sichtbar machen (Theme setzt es auf transparent) */
.mean-container a.meanmenu-reveal {
	color: #fff !important;
}
.mean-container a.meanmenu-reveal span {
	background-color: #fff !important;
}

/* Unterseiten: Banner in Markengrün, schmaler, ohne dunklen Farbfilter */
.breadcumb-area {
	padding: 55px 0 50px !important;
}
.breadcumb-area::before {
	background: transparent !important;
}

/* Links im Seitentext in dunklerem Markengrün */
.single-blog-content a {
	color: #4f8a1c;
	text-decoration: underline;
}
.single-blog-content a:hover {
	color: #81c13c;
}

/* Hauptüberschrift der Unterseiten */
.single-blog-content h1 {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 20px;
}

/* Startseite: Porträt Franziska als Kreis wie bei Mascha */
.elementor-element-undefined-f45a1a9 img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: 50% 8%;
}

/* ===== Ratgeber (Beitragsübersicht und Artikel) ===== */
/* leere Seitenleiste ausblenden, Inhalt über die volle Breite */
.techno-blog-area .sidebar-right {
	display: none;
}
.techno-blog-area .row > .col-lg-8,
.techno-blog-area .row > .blog-lr {
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
}
.techno-blog-area {
	padding-top: 50px;
}

/* Übersicht: Einleitung und zweispaltige Karten */
.ratgeber-intro {
	text-align: center;
	margin-bottom: 35px;
}
.ratgeber-intro h1 {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 10px;
}
.techno-blog-index .blog-messonary {
	display: flex;
	flex-wrap: wrap;
	height: auto !important;
}
.techno-blog-index .blog-messonary > .blog-right-content {
	position: static !important;
	margin-bottom: 30px;
}
.techno-blog-index .techno-single-blog {
	height: 100%;
	margin-bottom: 0;
}
@media (min-width: 768px) {
	.techno-blog-index .blog-messonary > .blog-right-content {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
.techno-blog-index .techno-blog-thumb img {
	width: 100%;
	height: 260px;
	object-fit: cover;
	object-position: 50% 25%;
}

/* Autor und Kommentarzähler ausblenden, Datum bleibt */
.techno-blog-meta-left > a {
	display: none !important;
}

/* Einzelner Artikel */
.single-blog-details .row > .blog-lr {
	max-width: 860px;
	margin: 0 auto;
}
.techno-single-blog--thumb img {
	width: 100%;
	max-height: 420px;
	object-fit: cover;
	object-position: 50% 25%;
}
.single-blog-details .techno-blog-social {
	display: none;
}
.single-blog-content .wp-block-button__link {
	background-color: #81c13c;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
}
.single-blog-content .wp-block-button__link:hover {
	background-color: #4f8a1c;
	color: #fff;
}

/* ===== Handy-Ansicht ===== */
@media (max-width: 767px) {
	/* Überschriften auf Unterseiten und im Ratgeber kleiner */
	.single-blog-content h1,
	.ratgeber-intro h1 {
		font-size: 28px;
		line-height: 1.25;
	}
	.single-blog-content h2 {
		font-size: 22px;
		line-height: 1.3;
	}
	/* Footer-Logo nicht bildschirmfüllend */
	.elementor-element-9f04bdf img {
		max-width: 200px;
	}
	/* Banner der Unterseiten flacher */
	.breadcumb-area {
		padding: 30px 0 28px !important;
	}
}