/* HERA ACCOUNTS CLEAN FIX */
body {
	background: #F2EFE9 !important;
}

.ha-container {
	max-width: 980px !important;
	margin: 0 auto !important;
	padding: 0 22px !important;
}

.ha-section {
	padding: 64px 0 !important;
}

.ha-header {
	position: sticky !important;
	top: 0 !important;
	z-index: 999 !important;
	background: #F2EFE9 !important;
	border-bottom: 1px solid rgba(17,17,17,.08) !important;
}

.ha-nav {
	min-height: 72px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 18px !important;
}

.ha-logo {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	text-decoration: none !important;
}

.ha-logo img {
	height: 42px !important;
	width: auto !important;
	display: block !important;
}

.ha-logo-ring {
	width: 42px !important;
	height: 42px !important;
	border: 1.4px solid #D4AF37 !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-family: "Cormorant Garamond", serif !important;
	font-size: 18px !important;
	color: #111 !important;
}

.ha-logo-text strong {
	font-family: Inter, sans-serif !important;
	font-size: 17px !important;
	letter-spacing: .08em !important;
	color: #111 !important;
}

.ha-logo-text small {
	font-family: Inter, sans-serif !important;
	font-size: 10px !important;
	letter-spacing: .08em !important;
	color: #6B6258 !important;
}

.ha-menu {
	display: flex !important;
	align-items: center !important;
	gap: 22px !important;
}

.ha-menu a {
	font-family: Inter, sans-serif !important;
	font-size: 14px !important;
	color: #111 !important;
	text-decoration: none !important;
}

.ha-cta {
	border: 1px solid #D4AF37 !important;
	border-radius: 999px !important;
	padding: 8px 16px !important;
	color: #111 !important;
	background: transparent !important;
	text-decoration: none !important;
	font-size: 14px !important;
}

.ha-hero-grid,
.ha-about-grid,
.ha-contact-grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 42px !important;
	align-items: center !important;
}

.ha-eyebrow {
	font-family: Inter, sans-serif !important;
	font-size: 11px !important;
	letter-spacing: .18em !important;
	text-transform: uppercase !important;
	color: #D4AF37 !important;
	margin-bottom: 14px !important;
}

.ha-section h1 {
	font-family: "Cormorant Garamond", serif !important;
	font-size: clamp(42px,5vw,68px) !important;
	line-height: 1 !important;
	margin: 0 0 20px !important;
	color: #111 !important;
}

.ha-section h2 {
	font-family: "Cormorant Garamond", serif !important;
	font-size: clamp(30px,4vw,48px) !important;
	line-height: 1.05 !important;
	margin: 0 0 18px !important;
	color: #111 !important;
}

.ha-section h3 {
	font-family: "Cormorant Garamond", serif !important;
	font-size: 25px !important;
	line-height: 1.1 !important;
}

.ha-section p,
.ha-lead {
	font-family: Inter, sans-serif !important;
	font-size: 15.5px !important;
	line-height: 1.6 !important;
	color: #333 !important;
}

.ha-btn {
	display: inline-block !important;
	padding: 11px 20px !important;
	border-radius: 999px !important;
	font-size: 14px !important;
	text-decoration: none !important;
}

.ha-btn-dark {
	background: #111 !important;
	color: #fff !important;
}

.ha-btn-outline {
	border: 1px solid #111 !important;
	color: #111 !important;
	background: transparent !important;
}

.ha-service-grid {
	display: grid !important;
	grid-template-columns: repeat(5,1fr) !important;
	gap: 14px !important;
}

.ha-service-card {
	background: #fff !important;
	padding: 24px !important;
	border: 1px solid rgba(17,17,17,.08) !important;
	color: #111 !important;
}

.ha-service-card.ha-dark {
	background: #111 !important;
	color: #fff !important;
}

.ha-quote {
	background: #111 !important;
	color: #fff !important;
	padding: 72px 0 !important;
}

.ha-quote blockquote {
	font-family: "Cormorant Garamond", serif !important;
	font-size: clamp(30px,4vw,54px) !important;
	line-height: 1.05 !important;
	margin: 0 !important;
}

.ha-package-grid {
	display: grid !important;
	grid-template-columns: repeat(3,1fr) !important;
	gap: 18px !important;
}

.ha-package-card {
	background: #fff !important;
	padding: 30px !important;
}

.ha-package-card.ha-featured {
	background: #111 !important;
	color: #fff !important;
}

.ha-form input,
.ha-form select,
.ha-form textarea {
	display: block !important;
	width: 100% !important;
	padding: 13px 14px !important;
	margin-bottom: 10px !important;
	border: 1px solid rgba(17,17,17,.18) !important;
	background: #fff !important;
	font-size: 15px !important;
}

.ha-form textarea {
	min-height: 120px !important;
}

.ha-form button {
	background: #111 !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 12px 22px !important;
}

.ha-footer {
	background: #111 !important;
	color: #fff !important;
	padding: 36px 0 !important;
}

.ha-footer-grid {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 20px !important;
}

.ha-footer-logo,
.ha-footer img {
	height: 44px !important;
	width: auto !important;
	display: block !important;
	margin-bottom: 10px !important;
}

.ha-footer p {
	color: #E8E1D6 !important;
	font-size: 14px !important;
}

@media(max-width:900px) {
	.ha-hero-grid,
																																					  .ha-about-grid,
																																					  .ha-contact-grid {
		grid-template-columns: 1fr !important;
	}
	
	.ha-service-grid {
		grid-template-columns: 1fr 1fr !important;
	}
	
	.ha-menu {
		display: none !important;
	}
}

@media(max-width:600px) {
	.ha-container {
		padding: 0 18px !important;
	}
	
	.ha-section {
		padding: 48px 0 !important;
	}
	
	.ha-section h1 {
		font-size: 40px !important;
	}
	
	.ha-service-grid,
																																					  .ha-package-grid {
		grid-template-columns: 1fr !important;
	}
	
	.ha-logo-text small {
		display: none !important;
	}
	
	.ha-footer-grid {
		flex-direction: column !important;
		align-items: flex-start !important;
	}
}

.ha-about-grid img {
	width: 100% !important;
	max-width: 720px !important;
	height: auto !important;
}

.ha-footer-logo {
	width: 100% !important;
	max-width: 720px !important;
	height: auto !important;
}

/* HEADER FIX – Hera Accounts */
.ha-nav {
	min-height: 88px !important;
	display: flex !important;
	align-items: center !important;
	gap: 28px !important;
}

.ha-logo {
	flex: 1 1 auto !important;
	min-width: 320px !important;
}

.ha-logo-text {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	line-height: 1.2 !important;
}

.ha-logo-text strong {
	white-space: nowrap !important;
	font-size: 18px !important;
}

.ha-logo-text small {
	white-space: nowrap !important;
	font-size: 10px !important;
	line-height: 1.3 !important;
}

.ha-menu {
	display: flex !important;
	align-items: center !important;
	gap: 24px !important;
	flex: 0 0 auto !important;
}

.ha-menu a {
	white-space: nowrap !important;
	font-size: 14px !important;
	line-height: 1 !important;
}

.ha-cta {
	white-space: nowrap !important;
	flex: 0 0 auto !important;
}

/* Auf Tablets: Servicezeile ausblenden, damit nichts umbrechen kann */
@media(max-width:1050px) {
	.ha-logo-text small {
		display: none !important;
	}
	
	.ha-logo {
		min-width: auto !important;
	}
}

/* Auf Mobile: Menü ausblenden */
@media(max-width:800px) {
	.ha-menu {
		display: none !important;
	}
	
	.ha-nav {
		min-height: 72px !important;
	}
}

/* HEADER MENU FINAL FIX */
.ha-menu {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 22px !important;
	flex-wrap: nowrap !important;
}

.ha-menu a {
	display: inline-flex !important;
	align-items: center !important;
	white-space: nowrap !important;
	font-size: 15px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	color: #111111 !important;
	text-decoration: none !important;
}

.ha-cta {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	white-space: nowrap !important;
	font-size: 15px !important;
	line-height: 1 !important;
	padding: 12px 24px !important;
	min-height: 44px !important;
	color: #111111 !important;
}

/* Falls der Header zu eng wird: Menü etwas früher ausblenden */
@media(max-width:980px) {
	.ha-menu {
		display: none !important;
	}
}

.ha-menu a,
.ha-cta {
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	white-space: nowrap !important;
}

.ha-logo img {
	height: 120px !important;
}

.ha-nav {
	min-height: 110px !important;
}

/* Menü kleiner + sauber ausgerichtet */
.ha-menu a {
	font-size: 13.5px !important;
	letter-spacing: .02em !important;
}

.ha-cta {
	font-size: 13.5px !important;
	padding: 8px 18px !important;
}

.ha-logo-text strong {
	font-size: 16px !important;
}

.ha-logo-text small {
	font-size: 9px !important;
}

/* 2-ZEILEN HEADER LAYOUT */
.ha-header {
	background: #F2EFE9;
	border-bottom: 1px solid rgba(17,17,17,.08);
}

.ha-header-top {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 18px 0 8px;
}

.ha-header-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 0 14px;
}

/* Menü sauber zentrieren */
.ha-menu {
	display: flex;
	gap: 26px;
}

.ha-menu a {
	font-size: 14px;
	color: #111;
	text-decoration: none;
	white-space: nowrap;
}

/* CTA rechts */
.ha-cta {
	border: 1px solid #D4AF37;
	border-radius: 999px;
	padding: 8px 20px;
	font-size: 14px;
	text-decoration: none;
	color: #111;
}

/* Service-Zeile unter Logo */
.ha-logo-text strong {
	font-size: 17px;
	letter-spacing: .08em;
}

.ha-logo-text small {
	font-size: 10px;
	color: #6B6258;
}

/* Mobile */
@media(max-width:800px) {
	.ha-header-bottom {
		flex-direction: column;
		gap: 12px;
	}
}

.ha-header-top {
	padding: 26px 0 10px !important;
}

.ha-header-bottom {
	padding: 10px 0 18px !important;
}

/* HERO GRID */
.ha-hero-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

/* HERO BILD */
.ha-hero-image img {
	width: 100%;
	max-width: 520px;
	height: auto;
	display: block;
	border-radius: 6px;
}

/* HERO TEXT */
.ha-eyebrow {
	font-size: 12px;
	letter-spacing: .18em;
	color: #C8A97E;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.ha-hero h1 {
	font-family: "Cormorant Garamond", serif;
	font-size: 64px;
	line-height: 1.05;
	margin-bottom: 24px;
}

.ha-lead {
	font-size: 17px;
	line-height: 1.6;
	margin-bottom: 30px;
	max-width: 520px;
}

/* MOBILE */
@media(max-width:900px) {
	.ha-hero-grid {
		grid-template-columns: 1fr;
	}
	
	.ha-hero-image {
		order: 2;
	}
	
	.ha-hero-text {
		order: 1;
	}
}

.ha-hero-image img {
	width: 130%;
	max-width: none;
	margin-left: -80px;
}	
}

/* HERO Layout korrigieren */
.ha-hero-grid {
	grid-template-columns: 1.2fr 1fr !important;
}

/* Bild deutlich größer darstellen */
.ha-hero-image img {
	width: 100% !important;
	max-width: 820px !important;
	height: auto !important;
}

/* optional: leicht nach links ziehen für Premium-Look */
/* HERO Bild noch grösser machen */
.ha-hero-grid {
	grid-template-columns: 1.4fr 1fr !important;
}

.ha-hero-image img {
	width: 180% !important;
	max-width: none !important;
	margin-left: -60px !important;
}

/* HERO Text nach rechts verschieben */
.ha-hero-text {
	margin-left: 100px !important;
}

/* Premium Hero Typografie */
.ha-hero h1 {
	font-size: 48px !important;
	line-height: 1.1 !important;
}

.ha-lead {
	font-size: 16px !important;
}

.entry-title {
	display: none !important;
}

/* Logo Hero Title Block zentrieren */
.ha-logo-hero {
	text-align: center;
	margin: 40px auto 60px;
}

.ha-logo-hero img {
	height: 140px;
	width: auto;
}

.ha-logo-hero strong {
	display: block;
	font-size: 32px;
	letter-spacing: .12em;
	margin-top: 18px;
}

.ha-logo-hero small {
	display: block;
	font-size: 14px;
	letter-spacing: .08em;
	color: #6B6258;
	margin-top: 6px;
}

/* HERO Branding Block gross & zentriert */
.wp-block-image img {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
	height: 180px !important;
	width: auto !important;
}

/* Titel darunter */
.wp-block-heading {
	text-align: center !important;
	font-size: 36px !important;
	letter-spacing: .12em !important;
}

/* Servicezeile darunter */
.wp-block-heading + p {
	text-align: center !important;
	font-size: 14px !important;
	letter-spacing: .08em !important;
	color: #6B6258 !important;
}

/* Container begrenzung entfernen */
.wp-block-group {
	max-width: none !important;
}

/* HEADER LOGO GROSS + ZENTRIERT */
.ha-header-top {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	padding: 35px 0 22px !important;
}

.ha-header .ha-logo {
	justify-content: center !important;
	align-items: center !important;
}

.ha-header .ha-logo img {
	height: 210px !important;
	width: auto !important;
	max-height: none !important;
	max-width: none !important;
}

.ha-header .ha-logo-text strong {
	font-size: 28px !important;
	letter-spacing: .12em !important;
}

.ha-header .ha-logo-text small {
	font-size: 13px !important;
	letter-spacing: .1em !important;
}

.ha-header-bottom {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 32px !important;
	padding: 16px 0 24px !important;
}

/* FOOTER LOGO GROSS */
.ha-footer .ha-footer-logo {
	height: 160px !important;
	width: auto !important;
	max-height: none !important;
}

.ha-footer-grid {
	align-items: center !important;
	gap: 60px !important;
}

/* FOOTER SIGNATURE LAYOUT */
.ha-footer {
	background: #111;
	color: #fff;
	padding: 80px 0 70px;
}

/* GRID */
.ha-footer-grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	align-items: center;
	gap: 80px;
}

/* LOGO BLOCK */
.ha-footer-brand {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* LOGO GRÖSSE */
.ha-footer-logo {
	height: 200px !important;
	width: auto;
	margin-bottom: 18px;
}

/* TAGLINE */
.ha-footer-tagline {
	font-size: 16px;
	letter-spacing: .08em;
	color: #E8E1D6;
}

/* KONTAKT BLOCK */
.ha-footer-contact {
	font-size: 15px;
	line-height: 1.8;
}

.ha-footer-contact strong {
	font-size: 18px;
	display: block;
	margin-bottom: 8px;
}

/* LINKS */
.ha-footer-links {
	margin-top: 20px;
	display: flex;
	gap: 20px;
}

.ha-footer-links a {
	color: #D4AF37;
	text-decoration: none;
	font-size: 14px;
}

/* MOBILE */
@media(max-width:900px) {
	.ha-footer-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	
	.ha-footer-brand {
		align-items: center;
		text-align: center;
	}
}

/* SERVICE CARD IMAGE */
.ha-service-img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	border-radius: 10px;
	margin-bottom: 18px;
}

/* SERVICE CARD OPTIMIERUNG */
.ha-service-card {
	padding: 26px;
	background: #fff;
	border-radius: 14px;
	transition: .25s ease;
}

.ha-service-card:hover {
	transform: translateY(-6px);
}

.ha-service-card span {
	font-size: 14px;
	color: #C6A85A;
	letter-spacing: .08em;
}

.ha-service-card h3 {
	font-size: 22px;
	margin-top: 6px;
	margin-bottom: 10px;
}

.ha-service-card p {
	font-size: 16px;
	line-height: 1.6;
}

/* DARK VARIANTE */
.ha-service-card.ha-dark {
	background: #111;
	color: #fff;
}

.ha-service-card.ha-dark span {
	color: #D4AF37;
}

/* SERVICE CARD IMAGE */
.ha-service-img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	border-radius: 10px;
	margin-bottom: 18px;
}

/* SERVICE CARD OPTIMIERUNG */
.ha-service-card {
	padding: 26px;
	background: #fff;
	border-radius: 14px;
	transition: .25s ease;
}

.ha-service-card:hover {
	transform: translateY(-6px);
}

.ha-service-card span {
	font-size: 14px;
	color: #C6A85A;
	letter-spacing: .08em;
}

.ha-service-card h3 {
	font-size: 22px;
	margin-top: 6px;
	margin-bottom: 10px;
}

.ha-service-card p {
	font-size: 16px;
	line-height: 1.6;
}

/* DARK VARIANTE */
.ha-service-card.ha-dark {
	background: #111;
	color: #fff;
}

.ha-service-card.ha-dark span {
	color: #D4AF37;
}

.ha-service-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
	gap: 32px;
	justify-content: center;
	max-width: 1100px;
	margin: auto;
}

.ha-service-img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.ha-service-card span {
	display: none !important;
}

/* MODELLE GRID */
.ha-modelle-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
	gap: 40px;
	max-width: 900px;
	margin: auto;
}

/* CARD STYLE */
.ha-modell-card {
	background: #fff;
	padding: 30px;
	border-radius: 16px;
	text-align: center;
	transition: .25s ease;
}

.ha-modell-card:hover {
	transform: translateY(-6px);
}

/* DARK CARD */
.ha-modell-card.ha-dark {
	background: #111;
	color: white;
}

/* IMAGE */
.ha-modell-img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	border-radius: 12px;
	margin-bottom: 20px;
}

/* TITLE */
.ha-modell-card h3 {
	font-size: 28px;
	margin-bottom: 10px;
}

/* TEXT */
.ha-modell-card p {
	font-size: 17px;
	line-height: 1.6;
	max-width: 260px;
	margin: auto;
}

.ha-modelle-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
	max-width: 1100px;
	margin: auto;
}

@media(max-width:900px) {
	.ha-modelle-grid {
		grid-template-columns: 1fr;
	}
	
	.ha-modell-card {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
}

/* STATEMENT BLOCK – HERA STYLE */
.ha-quote-section {
	padding: 120px 20px;
	background: #f7f5f2;
}

.ha-quote-box {
	max-width: 820px;
	margin: auto;
	font-family: "Cormorant Garamond", serif;
	font-size: 42px;
	line-height: 1.35;
	color: #1a1a1a;
	text-align: center;
	position: relative;
}

.ha-quote-box::before {
	content: "";
	width: 80px;
	height: 2px;
	background: #c6a16e;
	display: block;
	margin: 0 auto 30px;
}

.ha-quote-box::after {
	content: "";
	width: 80px;
	height: 2px;
	background: #c6a16e;
	display: block;
	margin: 30px auto 0;
}

/* FOOTER – SOFT PREMIUM VERSION */
.ha-footer-soft {
	background: #F2EFE9 !important;
	padding: 90px 0 70px !important;
	border-top: 1px solid rgba(17,17,17,.08) !important;
}

.ha-footer-soft-grid {
	display: grid !important;
	grid-template-columns: 1.2fr 1fr !important;
	gap: 80px !important;
	align-items: center !important;
}

.ha-footer-soft-logo {
	height: 170px !important;
	width: auto !important;
	display: block !important;
	margin-bottom: 20px !important;
}

.ha-footer-soft-brand p {
	font-size: 16px !important;
	letter-spacing: .08em !important;
	color: #333 !important;
}

.ha-footer-soft-contact {
	text-align: left !important;
}

.ha-footer-soft-contact h3 {
	font-size: 34px !important;
	margin-bottom: 22px !important;
	color: #111 !important;
}

.ha-footer-soft-contact p {
	font-size: 16px !important;
	color: #333 !important;
	margin: 6px 0 !important;
}

.ha-footer-soft-links {
	margin-top: 24px !important;
	display: flex !important;
	gap: 24px !important;
}

.ha-footer-soft-links a {
	color: #C6A85A !important;
	text-decoration: none !important;
	font-size: 15px !important;
}

@media(max-width:800px) {
	.ha-footer-soft-grid {
		grid-template-columns: 1fr !important;
		gap: 40px !important;
	}
	
	.ha-footer-soft-logo {
		height: 130px !important;
	}
}

/* NUR MENÜZEILE STICKY MACHEN */
.ha-header-bottom {
	position: sticky;
	top: 0;
	background: #F7F5F2;
	z-index: 999;
	padding: 12px 0;
	border-bottom: 1px solid rgba(0,0,0,0.06);
}

/* LOGO-ZEILE NICHT STICKY */
.ha-header-top {
	position: relative;
}

/* FINAL FIX: Nur Menü sticky, Logo scrollt weg */
.ha-header {
	position: relative !important;
	top: auto !important;
	z-index: auto !important;
	background: #F2EFE9 !important;
}

.ha-header-top {
	position: relative !important;
	background: #F2EFE9 !important;
}

.ha-header-bottom {
	position: sticky !important;
	top: 0 !important;
	z-index: 9999 !important;
	background: #F2EFE9 !important;
	border-top: 1px solid rgba(17,17,17,0.06) !important;
	border-bottom: 1px solid rgba(17,17,17,0.08) !important;
	box-shadow: none !important;
}

/* Gleiche Hintergrundfarbe erzwingen */
.ha-header-bottom,
.ha-header-bottom * {
	background-color: transparent !important;
}

.ha-header-bottom {
	background-color: #F2EFE9 !important;
}

.ha-modell-card.ha-dark {
	background: #1c1c1c !important;
}

/* DARK MODEL CARD – KOMPLETT LESBAR MACHEN */
.ha-modell-card.ha-dark h3 {
	color: #ffffff !important;
}

.ha-modell-card.ha-dark p {
	color: rgba(255,255,255,0.88) !important;
}

/* DARK SERVICE CARDS – TEXT LESBAR MACHEN */
.ha-service-card.ha-dark h3 {
	color: #ffffff !important;
}

.ha-service-card.ha-dark p {
	color: rgba(255,255,255,0.88) !important;
}

.ha-service-card.ha-dark span {
	color: rgba(255,255,255,0.55) !important;
}

/* MEHR ABSTAND ZWISCHEN TEXT UND SERVICE-KARTEN */
.ha-heading p {
	margin-bottom: 30px !important;
}

.ha-about-section p + a {
	margin-top: 40px !important;
	display: inline-block;
}

/* Abstand Button im About-Bereich erhöhen */
.ha-about-grid a.ha-btn {
	display: inline-block;
	margin-top: 36px !important;
}

/* KONTAKT PREMIUM */
.ha-contact-premium {
	padding: 100px 0 !important;
}

.ha-contact-card {
	background: #ffffff !important;
	border-radius: 22px !important;
	padding: 70px !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 70px !important;
	align-items: center !important;
	box-shadow: 0 20px 60px rgba(0,0,0,0.04) !important;
}

.ha-contact-left h2 {
	font-size: 54px !important;
	line-height: 1.05 !important;
	margin-bottom: 24px !important;
}

.ha-contact-left p {
	font-size: 17px !important;
	line-height: 1.7 !important;
	color: #333 !important;
}

.ha-contact-info {
	margin-top: 35px !important;
	padding-top: 25px !important;
	border-top: 1px solid rgba(17,17,17,0.12) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: #333 !important;
}

.ha-contact-form {
	background: #F2EFE9 !important;
	padding: 35px !important;
	border-radius: 18px !important;
}

.ha-contact-form input,
.ha-contact-form select,
.ha-contact-form textarea {
	width: 100% !important;
	padding: 15px 16px !important;
	margin-bottom: 14px !important;
	border: 1px solid rgba(17,17,17,0.12) !important;
	border-radius: 10px !important;
	background: #ffffff !important;
	font-size: 15px !important;
	font-family: Inter, sans-serif !important;
}

.ha-contact-form textarea {
	min-height: 130px !important;
}

.ha-contact-form button {
	width: 100% !important;
	background: #111111 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 999px !important;
	padding: 15px 24px !important;
	font-size: 15px !important;
	cursor: pointer !important;
}

@media(max-width:900px) {
	.ha-contact-card {
		grid-template-columns: 1fr !important;
		padding: 40px 26px !important;
	}
	
	.ha-contact-left h2 {
		font-size: 40px !important;
	}
	
	.ha-contact-left p:first-of-type {
		white-space: nowrap;
	}
}

/* HEADER LOGO GRÖSSER MACHEN */
.ha-header-top img {
	height: 300px !important;
}

.ha-logo-text strong {
	font-size: 34px !important;
}

/* HEADER LOGO GRÖSSER – FINAL FIX */
.ha-logo img {
	height: 260px !important;
	max-height: none !important;
	width: auto !important;
}

.ha-logo-text small {
	font-size: 16px !important;
}

/* CONTAINER DARF GRÖSSER WERDEN */
.ha-header-top {
	height: auto !important;
}

.ha-logo {
	align-items: center !important;
}

/* HEADER LOGO SICHTBAR GRÖSSER MACHEN */
.ha-header .ha-header-top .ha-logo img {
	width: 1000px !important;
	height: auto !important;
	max-width: none !important;
	max-height: none !important;
}

.ha-header-top {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

/* ===== MOBILE FIX HERA ACCOUNTS ===== */
@media(max-width: 768px) {
	body {
		overflow-x: hidden !important;
	}
	
	.ha-container {
		max-width: 100% !important;
		padding: 0 22px !important;
	}
	
	/* Header kompakter */
	.ha-header {
		position: relative !important;
	}
	
	.ha-header-top {
		justify-content: center !important;
		padding: 22px 0 10px !important;
	}
	
	.ha-logo {
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
		gap: 10px !important;
	}
	
	.ha-header .ha-logo img {
		height: 110px !important;
		max-width: 90vw !important;
		object-fit: contain !important;
	}
	
	.ha-logo-text strong {
		font-size: 18px !important;
		letter-spacing: .12em !important;
	}
	
	.ha-logo-text small {
		display: none !important;
	}
	
	/* Menü untereinander sauber */
	.ha-header-bottom {
		flex-direction: column !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 14px !important;
		padding: 18px 0 24px !important;
	}
	
	.ha-header-bottom a {
		font-size: 14px !important;
		line-height: 1.2 !important;
		text-align: center !important;
	}
	
	.ha-cta {
		padding: 9px 18px !important;
		font-size: 13px !important;
	}
	
	/* Hero Mobile */
	.ha-hero-grid {
		display: block !important;
	}
	
	.ha-hero-image {
		margin: 0 0 30px !important;
	}
	
	.ha-hero-image img {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		border-radius: 14px !important;
	}
	
	.ha-hero-text {
		margin-left: 0 !important;
		text-align: left !important;
	}
	
	.ha-hero h1,
																																  .ha-section h1 {
		font-size: 42px !important;
		line-height: 1.05 !important;
	}
	
	.ha-lead {
		font-size: 15px !important;
		line-height: 1.6 !important;
	}
	
	/* Karten Mobile */
	.ha-package-grid,
																																  .ha-service-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 24px !important;
	}
	
	.ha-package-card,
																																  .ha-service-card {
		width: 100% !important;
	}
	
	.ha-package-img,
																																  .ha-service-img {
		height: 220px !important;
		width: 100% !important;
		object-fit: cover !important;
	}
}

/* ===== FINAL MOBILE FIX ===== */
@media (max-width: 768px) {
	html, body {
		width: 100% !important;
		overflow-x: hidden !important;
	}
	
	.ha-container {
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
		margin: 0 auto !important;
	}
	
	/* Header Logo nicht mehr riesig/abgeschnitten */
	.ha-header-top {
		padding: 24px 0 10px !important;
		justify-content: center !important;
	}
	
	.ha-header .ha-logo {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
		width: 100% !important;
	}
	
	.ha-header .ha-logo img {
		height: auto !important;
		width: 260px !important;
		max-width: 85vw !important;
		object-fit: contain !important;
	}
	
	.ha-logo-text strong {
		font-size: 22px !important;
		text-align: center !important;
	}
	
	.ha-logo-text small {
		display: none !important;
	}
	
	/* Menü sauber untereinander */
	.ha-header-bottom {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 14px !important;
		padding: 18px 0 28px !important;
	}
	
	.ha-header-bottom a {
		font-size: 14px !important;
		line-height: 1.2 !important;
	}
	
	.ha-cta {
		padding: 9px 20px !important;
	}
	
	/* Hero sauber */
	.ha-hero-grid {
		display: flex !important;
		flex-direction: column !important;
		gap: 28px !important;
	}
	
	.ha-hero-image {
		margin: 0 !important;
		width: 100% !important;
	}
	
	.ha-hero-image img {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		border-radius: 14px !important;
	}
	
	.ha-hero-text {
		margin-left: 0 !important;
		width: 100% !important;
	}
	
	.ha-hero h1,
																																  .ha-section h1 {
		font-size: 42px !important;
		line-height: 1.05 !important;
	}
	
	/* Karten */
	.ha-service-grid,
																																  .ha-package-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 28px !important;
	}
	
	.ha-service-card,
																																  .ha-package-card {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	.ha-service-img,
																																  .ha-package-img {
		width: 100% !important;
		height: 160px !important;
		object-fit: cover !important;
	}
}

/* MOBILE LOGO ENDGÜLTIG VERKLEINERN */
@media (max-width: 768px) {
	body .ha-header .ha-logo img,
																																  body .ha-header-top .ha-logo img,
																																  body header.ha-header img {
		width: 220px !important;
		height: auto !important;
		max-width: 80vw !important;
		max-height: 90px !important;
		object-fit: contain !important;
		display: block !important;
		margin: 0 auto !important;
	}
	
	body .ha-header-top {
		padding: 18px 0 8px !important;
	}
	
	body .ha-logo {
		width: 100% !important;
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
	}
}

/* HEADER BASIS */
.hera-header-new {
	position: sticky;
	top: 0;
	z-index: 999;
	background: #F2EFE9;
	border-bottom: 1px solid rgba(0,0,0,0.06);
}

.hera-header-inner-new {
	max-width: 1180px;
	margin: 0 auto;
	padding: 18px 26px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* LOGO */
.hera-brand-new {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
}

.hera-brand-new img {
	height: 66px;
}

.hera-brand-text-new strong {
	display: block;
	font-size: 18px;
	letter-spacing: .04em;
	color: #1c1c1c;
}

.hera-brand-text-new span {
	font-size: 12px;
	color: #7a746a;
}

/* NAVIGATION */
.hera-nav-new {
	display: flex;
	gap: 34px;
}

.hera-nav-new a {
	text-decoration: none;
	font-size: 15px;
	color: #4d4a45;
	position: relative;
	padding-bottom: 6px;
	transition: .25s;
}

/* GOLDENE LINIE AKTIVER LINK */
.hera-nav-new a.active::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #C6A46C;
}

/* HOVER EFFEKT */
.hera-nav-new a:hover {
	color: #1c1c1c;
}

.hera-nav-new a:hover::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #C6A46C;
}

/* CTA BUTTON */
.hera-cta-new {
	text-decoration: none;
	padding: 10px 22px;
	border-radius: 30px;
	border: 1px solid #C6A46C;
	color: #1c1c1c;
	font-size: 14px;
	transition: .25s;
}

.hera-cta-new:hover {
	background: #C6A46C;
	color: white;
}

/* ENTFERNT WORDPRESS TOP-ABSTAND */
body {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* HEADER DIREKT AN OBEREN RAND */
.hera-header-new {
	margin-top: 0 !important;
	padding-top: 6px;
	padding-bottom: 6px;
}

/* INNERER HEADER KOMPAKTER */
.hera-header-inner-new {
	padding-top: 8px;
	padding-bottom: 8px;
}

.site-header {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.wp-site-blocks {
	padding-top: 0 !important;
}

.hera-header-new {
	position: sticky;
	top: 0;
}

/* HEADER VOLLE BREITE + GANZ OBEN */
.hera-header-new {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100vw !important;
	z-index: 9999 !important;
	background: #F2EFE9 !important;
	border-bottom: 1px solid rgba(0,0,0,0.08) !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Inhalt im Header über ganze Breite verteilen */
.hera-header-inner-new {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 22px 64px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	box-sizing: border-box !important;
}

/* Logo links */
.hera-brand-new {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	text-decoration: none !important;
	flex: 0 0 auto !important;
}

.hera-brand-new img {
	height: 48px !important;
	width: auto !important;
}

/* Navigation rechts */
.hera-nav-new {
	display: flex !important;
	align-items: center !important;
	gap: 42px !important;
	margin-left: auto !important;
}

.hera-nav-new a {
	text-decoration: none !important;
	font-size: 15px !important;
	color: #1f1f1f !important;
	padding-bottom: 7px !important;
	position: relative !important;
}

.hera-nav-new a.active::after,
.hera-nav-new a:hover::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #C6A46C;
}

/* Button ganz rechts */
.hera-cta-new {
	margin-left: 42px !important;
	padding: 11px 24px !important;
	border: 1px solid #C6A46C !important;
	border-radius: 999px !important;
	color: #1f1f1f !important;
	text-decoration: none !important;
	font-size: 14px !important;
}

/* WordPress-Abstände entfernen */
.wp-site-blocks,
.site,
.site-content,
.entry-content,
.wp-block-group {
	margin-top: 0 !important;
}

/* HEADER FIX */
.hera-header-new {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	z-index: 9999 !important;
	background: #F2EFE9 !important;
	border-bottom: 1px solid rgba(0,0,0,0.08) !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

.hera-header-inner-new {
	width: 100% !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
	min-height: 88px !important;
	padding: 12px 48px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 40px !important;
	box-sizing: border-box !important;
}

/* LOGO */
.hera-brand-new {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	text-decoration: none !important;
	flex-shrink: 0 !important;
}

.hera-brand-new img {
	height: 48px !important;
	width: auto !important;
	display: block !important;
}

.hera-brand-text-new strong {
	display: block !important;
	font-size: 22px !important;
	line-height: 1.1 !important;
	color: #111 !important;
}

.hera-brand-text-new span {
	display: block !important;
	margin-top: 8px !important;
	font-size: 14px !important;
	color: #7a746a !important;
}

/* NAVIGATION */
.hera-nav-new {
	display: flex !important;
	align-items: center !important;
	gap: 34px !important;
	margin-left: auto !important;
	white-space: nowrap !important;
}

.hera-nav-new a {
	display: inline-block !important;
	text-decoration: none !important;
	font-size: 17px !important;
	color: #1f1f1f !important;
	line-height: 1 !important;
	padding: 8px 0 !important;
}

/* BUTTON */
.hera-cta-new {
	display: inline-block !important;
	flex-shrink: 0 !important;
	margin-left: 8px !important;
	padding: 13px 28px !important;
	border: 1px solid #C6A46C !important;
	border-radius: 999px !important;
	color: #1f1f1f !important;
	text-decoration: none !important;
	font-size: 15px !important;
	line-height: 1 !important;
}

/* Damit der Hero nicht unter dem fixen Header verschwindet */
body {
	padding-top: 88px !important;
}

/* HEADER GANZ OBEN + VOLLBREITE */
.hera-header-new {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: #F2EFE9;
	border-bottom: 1px solid rgba(0,0,0,.08);
	z-index: 9999;
}

/* HEADER INHALT GANZE BREITE */
.hera-header-inner-new {
	width: 100%;
	padding: 18px 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}

/* LOGO */
.hera-brand-new {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-shrink: 0;
}

.hera-brand-new img {
	height: 52px;
}

/* NAVIGATION */
.hera-nav-new {
	display: flex;
	gap: 48px;
	margin-left: auto;
}

.hera-nav-new a {
	font-size: 17px;
	text-decoration: none;
	color: #1a1a1a;
	position: relative;
}

/* GOLDENE LINIE */
.hera-nav-new a.active::after,
.hera-nav-new a:hover::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 100%;
	height: 2px;
	background: #C6A46C;
}

/* BUTTON RECHTS */
.hera-cta-new {
	margin-left: 40px;
	padding: 12px 28px;
	border-radius: 999px;
	border: 1px solid #C6A46C;
	text-decoration: none;
	color: #1a1a1a;
	font-size: 15px;
}

/* HERO NICHT MEHR UNTER HEADER */
body {
	margin-top: 0 !important;
	padding-top: 96px !important;
}

/* WORDPRESS BLOCK THEME FIX */
.wp-site-blocks {
	padding-top: 0 !important;
}

header.wp-block-template-part {
	margin-top: 0 !important;
}

/* FIX: HEADER NICHT MEHR OBEN ABSCHNEIDEN */
.hera-header-new {
	top: 0 !important;
	overflow: visible !important;
}

/* Wenn du in WordPress eingeloggt bist */
body.admin-bar .hera-header-new {
	top: 32px !important;
}

@media screen and (max-width: 782px) {
	body.admin-bar .hera-header-new {
		top: 46px !important;
	}
}

/* Mehr Platz im Header */
.hera-header-inner-new {
	min-height: 96px !important;
	padding: 18px 48px 16px !important;
}

/* Inhalt weiter nach rechts strecken */
.hera-header-inner-new {
	max-width: none !important;
	width: 100% !important;
}

.hera-nav-new {
	margin-left: auto !important;
	gap: 48px !important;
}

.hera-cta-new {
	margin-left: 44px !important;
	margin-right: 32px !important;
}

/* HEADER WIRKLICH VOLLBREITE */
.hera-header-new {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	background: #F2EFE9;
	border-bottom: 1px solid rgba(0,0,0,.08);
	z-index: 9999;
}

/* INNERER HEADER GANZE BREITE */
.hera-header-inner-new {
	max-width: none !important;
	width: 100% !important;
	padding-left: clamp(24px, 6vw, 120px);
	padding-right: clamp(24px, 6vw, 120px);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* HEADER EDGE-TO-EDGE FORCE FIX */
.hera-header-new {
	position: fixed !important;
	top: 32px !important;
/* falls du eingeloggt bist */
	left: 50% !important;
	right: auto !important;
	width: 100vw !important;
	max-width: 100vw !important;
	transform: translateX(-50%) !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #F2EFE9 !important;
	border-bottom: 1px solid rgba(0,0,0,.08) !important;
	z-index: 99999 !important;
}

/* Falls du nicht eingeloggt bist / Live-Seite */
body:not(.admin-bar) .hera-header-new {
	top: 0 !important;
}

/* Inhalt im Header */
.hera-header-inner-new {
	width: 100% !important;
	max-width: none !important;
	padding-left: clamp(24px, 6vw, 120px) !important;
	padding-right: clamp(24px, 6vw, 120px) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
}

/* Menü nach rechts drücken */
.hera-nav-new {
	margin-left: auto !important;
}

.hera-cta-new {
	margin-left: 42px !important;
}

/* HEADER TYPOGRAFIE + ABSTÄNDE FINAL */
.hera-header-inner-new {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	padding-left: clamp(40px, 6vw, 140px) !important;
	padding-right: clamp(40px, 6vw, 140px) !important;
}

/* LOGO BLOCK */
.hera-brand-new img {
	height: 50px !important;
}

.hera-brand-text-new strong {
	font-family: "Playfair Display", serif !important;
	font-size: 22px !important;
	letter-spacing: .04em !important;
	color: #1A1A1A !important;
}

.hera-brand-text-new span {
	font-family: system-ui, sans-serif !important;
	font-size: 13px !important;
	letter-spacing: .06em !important;
	color: #8A8276 !important;
	margin-top: 4px !important;
}

/* NAVIGATION */
.hera-nav-new {
	gap: 46px !important;
}

.hera-nav-new a {
	font-family: system-ui, sans-serif !important;
	font-size: 17px !important;
	font-weight: 500 !important;
	color: #1A1A1A !important;
	letter-spacing: .01em !important;
	padding-bottom: 8px !important;
}

/* AKTIVER MENÜPUNKT */
.hera-nav-new a.active {
	color: #C6A46C !important;
}

.hera-nav-new a.active::after {
	bottom: -8px !important;
	height: 2px !important;
	background: #C6A46C !important;
}

/* CTA BUTTON */
.hera-cta-new {
	font-family: system-ui, sans-serif !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	padding: 14px 32px !important;
	border-radius: 999px !important;
	border: 1.5px solid #C6A46C !important;
	color: #1A1A1A !important;
	margin-left: 52px !important;
}

.hera-cta-new:hover {
	background: #C6A46C !important;
	color: white !important;
}

/* HEADER FINAL OVERRIDE */
/* Alle Links im Header neutralisieren */
.hera-header-new a,
.hera-header-new a:visited,
.hera-header-new a:hover,
.hera-header-new a:active {
	color: #1A1A1A !important;
	text-decoration: none !important;
}

/* Header Höhe und Abstände */
.hera-header-inner-new {
	min-height: 86px !important;
	padding: 18px clamp(40px, 6vw, 120px) !important;
	gap: 0 !important;
}

/* Logo */
.hera-brand-new {
	gap: 18px !important;
}

.hera-brand-new img {
	height: 54px !important;
}

.hera-brand-text-new strong {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 25px !important;
	font-weight: 700 !important;
	letter-spacing: .05em !important;
	color: #151515 !important;
}

.hera-brand-text-new span {
	font-size: 14px !important;
	letter-spacing: .03em !important;
	color: #7B746B !important;
	margin-top: 6px !important;
}

/* Menü */
.hera-nav-new {
	margin-left: auto !important;
	display: flex !important;
	align-items: center !important;
	gap: 76px !important;
}

.hera-nav-new a {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	color: #1A1A1A !important;
	line-height: 1 !important;
}

/* Aktiver Link */
.hera-nav-new a.active {
	color: #C6A46C !important;
}

.hera-nav-new a.active::after,
.hera-nav-new a:hover::after {
	background: #C6A46C !important;
}

/* Button */
.hera-cta-new {
	margin-left: 76px !important;
	padding: 15px 34px !important;
	border: 1.4px solid #C6A46C !important;
	border-radius: 999px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	color: #1A1A1A !important;
	background: transparent !important;
}

/* HEADER FARBEN FINAL – REFERENZ LOOK */
.hera-nav-new a {
	color: #6F685E !important;
/* Warmes Premium-Grau */
	font-weight: 400 !important;
	letter-spacing: .01em !important;
}

.hera-nav-new a:hover {
	color: #1F1F1F !important;
}

/* Aktiver Menüpunkt */
.hera-nav-new a.active {
	color: #C6A46C !important;
}

.hera-nav-new a.active::after {
	background: #C6A46C !important;
	height: 2px !important;
	bottom: -6px !important;
}

/* Logo Titel */
.hera-brand-text-new strong {
	color: #2A2622 !important;
}

/* Subline unter Logo */
.hera-brand-text-new span {
	color: #8C8478 !important;
}

/* CTA Button Outline */
.hera-cta-new {
	border: 1.5px solid #C6A46C !important;
	color: #4A443D !important;
}

.hera-cta-new:hover {
	background: #C6A46C !important;
	color: white !important;
}

/* HARD OVERRIDE HEADER LINKFARBEN */
body .hera-header-new .hera-nav-new a,
body .hera-header-new .hera-nav-new a:link,
body .hera-header-new .hera-nav-new a:visited {
	color: #6F685E !important;
}

body .hera-header-new .hera-nav-new a.active,
body .hera-header-new .hera-nav-new a[aria-current="page"] {
	color: #C6A46C !important;
}

body .hera-header-new .hera-nav-new a:hover {
	color: #2A2622 !important;
}

body .hera-header-new .hera-cta-new,
body .hera-header-new .hera-cta-new:link,
body .hera-header-new .hera-cta-new:visited {
	color: #4A443D !important;
	border-color: #C6A46C !important;
}

body .hera-header-new .hera-brand-text-new strong {
	color: #2A2622 !important;
}

body .hera-header-new .hera-brand-text-new span {
	color: #8C8478 !important;
}

/* HERO SECTION – REFERENZ DESIGN */
.ha-hero {
	position: relative;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	min-height: 520px;
	background: linear-gradient(90deg,
    #F2EFE9 0%,
    #F2EFE9 52%,
    rgba(242,239,233,.92) 60%,
    rgba(242,239,233,.35) 72%,
    rgba(242,239,233,0) 82%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/img_0074.jpeg');
	background-size: cover;
	background-position: right center;
	background-repeat: no-repeat;
	border-bottom: 1px solid rgba(0,0,0,.08);
}

.ha-hero-inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 120px 80px 90px;
}

.ha-eyebrow {
	font-size: 12px;
	letter-spacing: .25em;
	color: #C6A46C;
	margin-bottom: 18px;
}

.ha-hero h1 {
	font-family: "Playfair Display", serif;
	font-size: clamp(44px,4vw,64px);
	line-height: 1.05;
	color: #161616;
	max-width: 520px;
	margin-bottom: 24px;
}

.ha-hero p {
	font-size: 17px;
	line-height: 1.7;
	color: #2E2B28;
	max-width: 500px;
}

.ha-hero-line {
	display: block;
	width: 52px;
	height: 2px;
	background: #C6A46C;
	margin-top: 36px;
}

.ha-hero-example-content {
	max-width: 1180px;
	margin: 0 auto;
	padding: 92px 56px 80px;
}

.ha-hero-example .ha-eyebrow {
	font-size: 12px;
	letter-spacing: .22em;
	color: #C6A46C;
	font-weight: 600;
	margin-bottom: 20px;
}

.ha-hero-example h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(40px, 4.7vw, 58px);
	line-height: 1.06;
	color: #161616;
	margin: 0 0 24px;
	max-width: 460px;
}

.ha-hero-example p {
	font-size: 16px;
	line-height: 1.7;
	color: #2f2d2a;
	max-width: 480px;
	margin: 0;
}

.ha-hero-line {
	display: block;
	width: 52px;
	height: 2px;
	background: #C6A46C;
	margin-top: 36px;
}

/* HERO EDGE-TO-EDGE FORCE FIX */
.ha-hero {
	width: 100vw !important;
	max-width: 100vw !important;
	position: relative !important;
	left: 50% !important;
	right: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	transform: translateX(-50%) !important;
	min-height: 440px !important;
	box-sizing: border-box !important;
}

/* Inhalt bleibt schön ausgerichtet */
.ha-hero-inner {
	width: 100% !important;
	max-width: none !important;
	padding-left: clamp(48px, 6vw, 90px) !important;
	padding-right: clamp(48px, 6vw, 90px) !important;
	box-sizing: border-box !important;
}

/* Bild wirklich bis rechts ziehen */
.ha-hero {
	background-size: contain !important;
	background-position: right center !important;
	background-repeat: no-repeat;
}

/* HERO UNTERE LINIE KORRIGIEREN */
.ha-hero {
	border-bottom: none !important;
}

/* neue saubere Linie über gesamte Breite */
.ha-hero::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 1px;
	background: rgba(0,0,0,0.08);
}

/* LEISTUNGEN SECTION */
.ha-services-section {
	width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 58px 0 70px !important;
}

.ha-services-container {
	width: 100% !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	padding: 0 48px !important;
	box-sizing: border-box !important;
}

.ha-services-heading {
	text-align: center !important;
	margin-bottom: 36px !important;
}

.ha-services-heading h2 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 34px !important;
	line-height: 1.2 !important;
	color: #171717 !important;
	margin: 0 0 10px !important;
}

.ha-services-heading p {
	font-size: 15px !important;
	color: #3F3B36 !important;
	margin: 0 !important;
}

.ha-services-heading span {
	display: block !important;
	width: 48px !important;
	height: 1.5px !important;
	background: #C6A46C !important;
	margin: 24px auto 0 !important;
}

/* GRID */
.ha-service-grid {
	display: grid !important;
	grid-template-columns: repeat(5, 1fr) !important;
	gap: 18px !important;
}

/* CARDS */
.ha-service-card {
	background: #FFFFFF !important;
	border: 1px solid rgba(0,0,0,0.08) !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	padding: 10px 10px 26px !important;
	min-height: 360px !important;
	box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
	box-sizing: border-box !important;
}

.ha-service-card img {
	width: 100% !important;
	height: 165px !important;
	object-fit: cover !important;
	border-radius: 10px !important;
	display: block !important;
	margin-bottom: 24px !important;
}

.ha-service-card h3 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 22px !important;
	line-height: 1.2 !important;
	color: #171717 !important;
	margin: 0 10px 12px !important;
}

.ha-card-line {
	display: block !important;
	width: 38px !important;
	height: 1.5px !important;
	background: #C6A46C !important;
	margin: 0 10px 18px !important;
}

.ha-service-card p {
	font-size: 14px !important;
	line-height: 1.75 !important;
	color: #33302C !important;
	margin: 0 10px !important;
}

/* DARK CARDS */
.ha-service-card.ha-dark {
	background: #151515 !important;
	border-color: #151515 !important;
}

.ha-service-card.ha-dark h3,
.ha-service-card.ha-dark p {
	color: #FFFFFF !important;
}

.ha-service-card.ha-dark p {
	color: rgba(255,255,255,0.86) !important;
}

/* MOBILE */
@media (max-width: 1050px) {
	.ha-service-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 640px) {
	.ha-services-container {
		padding: 0 22px !important;
	}
	
	.ha-service-grid {
		grid-template-columns: 1fr !important;
	}
	
	.ha-services-heading h2 {
		font-size: 28px !important;
	}
}

/* LEISTUNGEN FULL WIDTH FIX */
#leistungen.ha-services-section {
	width: 100vw !important;
	max-width: 100vw !important;
	position: relative !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	margin: 0 !important;
	padding: 70px 0 80px !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

/* Container breiter machen wie im Beispiel */
#leistungen .ha-services-container {
	width: 100% !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
	padding-left: clamp(32px, 5vw, 72px) !important;
	padding-right: clamp(32px, 5vw, 72px) !important;
	box-sizing: border-box !important;
}

/* Grid korrekt über die Breite verteilen */
#leistungen .ha-service-grid {
	width: 100% !important;
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	gap: 18px !important;
}

/* Karten nicht schmal zusammendrücken */
#leistungen .ha-service-card {
	width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

/* Bildgrössen sauber halten */
#leistungen .ha-service-card img {
	width: 100% !important;
	height: 170px !important;
	object-fit: cover !important;
}

/* CTA SECTION */
.ha-cta-section {
	width: 100vw;
	max-width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background: #F2EFE9;
	padding: 90px 0;
}

/* CONTAINER */
.ha-cta-container {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 clamp(32px, 6vw, 80px);
}

/* GRID */
.ha-cta-grid {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	align-items: center;
	gap: 60px;
}

/* TEXT */
.ha-cta-text h2 {
	font-family: "Playfair Display", serif;
	font-size: clamp(32px, 3vw, 42px);
	line-height: 1.2;
	color: #1A1A1A;
	margin-bottom: 18px;
}

.ha-cta-text p {
	font-size: 16px;
	line-height: 1.7;
	color: #3F3B36;
	margin-bottom: 28px;
}

/* BUTTON */
.ha-btn-dark {
	display: inline-block;
	padding: 14px 30px;
	background: #111;
	color: white;
	border-radius: 999px;
	text-decoration: none;
	font-size: 15px;
	transition: .25s;
}

.ha-btn-dark:hover {
	background: #C6A46C;
}

/* IMAGE */
.ha-cta-image img {
	width: 100%;
	border-radius: 14px;
	display: block;
}

/* MOBILE */
@media (max-width: 900px) {
	.ha-cta-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}

/* CTA FULL WIDTH FORCE FIX */
.ha-cta-section {
	width: 100vw !important;
	max-width: 100vw !important;
	position: relative !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	margin: 0 !important;
	padding: 70px 0 80px !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

.ha-cta-container {
	width: 100% !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
	padding-left: clamp(32px, 5vw, 72px) !important;
	padding-right: clamp(32px, 5vw, 72px) !important;
	box-sizing: border-box !important;
}

.ha-cta-grid {
	width: 100% !important;
	display: grid !important;
	grid-template-columns: 1fr 1.25fr !important;
	align-items: center !important;
	gap: 0 !important;
	background: #F8F5EF !important;
	border-radius: 14px !important;
	overflow: hidden !important;
}

.ha-cta-text {
	padding: 56px 64px !important;
	box-sizing: border-box !important;
}

.ha-cta-image {
	height: 300px !important;
}

.ha-cta-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
	border-radius: 0 !important;
}

/* CTA SECTION EDGE-TO-EDGE + SOFT IMAGE FADE */
.ha-cta-section {
	width: 100vw;
	max-width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background: #F3F0EA;
	padding: 110px 0;
}

/* INNER CONTAINER */
.ha-cta-container {
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 clamp(40px, 6vw, 90px);
}

/* GRID */
.ha-cta-grid {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	align-items: center;
	gap: 60px;
}

/* TEXT */
.ha-cta-text h2 {
	font-family: "Playfair Display", serif;
	font-size: clamp(38px, 3vw, 46px);
	line-height: 1.2;
	color: #1C1C1C;
	margin-bottom: 18px;
}

.ha-cta-text p {
	font-size: 16px;
	line-height: 1.8;
	color: #4B463F;
	margin-bottom: 28px;
}

/* BUTTON */
.ha-btn-dark {
	display: inline-block;
	padding: 15px 32px;
	background: #111;
	color: white;
	border-radius: 999px;
	font-size: 15px;
	text-decoration: none;
	transition: .25s ease;
}

.ha-btn-dark:hover {
	background: #C6A46C;
}

/* IMAGE CONTAINER */
.ha-cta-image {
	position: relative;
}

/* IMAGE */
.ha-cta-image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 14px;
}

/* SOFT LEFT FADE OVERLAY */
.ha-cta-image::before {
	content: "";
	position: absolute;
	left: -40px;
	top: 0;
	width: 50%;
	height: 100%;
	background: linear-gradient(to right,
    #F3F0EA 0%,
    rgba(243,240,234,0.96) 25%,
    rgba(243,240,234,0.75) 50%,
    rgba(243,240,234,0.2) 75%,
    transparent 100%);
	pointer-events: none;
}

/* MOBILE */
@media (max-width: 900px) {
	.ha-cta-grid {
		grid-template-columns: 1fr;
		gap: 50px;
	}
	
	.ha-cta-image::before {
		display: none;
	}
}

/* CTA BILD KOMPLETT SICHTBAR */
.ha-cta-image {
	height: auto !important;
	max-width: 620px !important;
	width: 100% !important;
	justify-self: end !important;
	position: relative !important;
	overflow: hidden !important;
	border-radius: 14px !important;
}

.ha-cta-image img {
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	object-fit: contain !important;
	object-position: center center !important;
	display: block !important;
	border-radius: 14px !important;
}

/* Verlauf links auf dem Bild */
.ha-cta-image::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 42% !important;
	height: 100% !important;
	background: linear-gradient(to right,
    #F3F0EA 0%,
    rgba(243,240,234,0.95) 28%,
    rgba(243,240,234,0.65) 55%,
    rgba(243,240,234,0) 100%) !important;
	z-index: 2 !important;
	pointer-events: none !important;
}

/* CTA Layout wie Beispiel */
.ha-cta-grid {
	display: grid !important;
	grid-template-columns: 1fr 1.35fr !important;
	align-items: center !important;
	gap: 48px !important;
	background: #F3F0EA !important;
}

/* CTA FULL BLEED SECTION */
.ha-cta-section {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F3F0EA !important;
	padding: 120px 0 !important;
}

/* INNER CONTENT CONTAINER */
.ha-cta-container {
	max-width: 1320px !important;
	margin: 0 auto !important;
	padding-left: clamp(40px,6vw,90px) !important;
	padding-right: clamp(40px,6vw,90px) !important;
}

/* GRID */
.ha-cta-grid {
	display: grid !important;
	grid-template-columns: 1fr 1.2fr !important;
	align-items: center !important;
	gap: 60px !important;
}

/* IMAGE WRAPPER */
.ha-cta-image {
	width: 100% !important;
	max-width: none !important;
	justify-self: end !important;
	position: relative !important;
}

/* IMAGE = NICHT ZOOMEN */
.ha-cta-image img {
	width: 100% !important;
	height: auto !important;
	object-fit: contain !important;
	object-position: right center !important;
	display: block !important;
	border-radius: 16px !important;
}

/* SOFT FADE LINKS */
.ha-cta-image::before {
	content: "";
	position: absolute;
	left: -120px;
	top: 0;
	width: 55%;
	height: 100%;
	background: linear-gradient(to right,
#F3F0EA 0%,
rgba(243,240,234,0.92) 30%,
rgba(243,240,234,0.55) 55%,
rgba(243,240,234,0.0) 100%);
	pointer-events: none;
}

/* MOBILE */
@media (max-width: 900px) {
	.ha-cta-grid {
		grid-template-columns: 1fr !important;
	}
	
	.ha-cta-image::before {
		display: none;
	}
}

.wp-site-blocks {
	overflow-x: hidden;
}

/* CTA WIE IM BEISPIELBILD */
.ha-final-cta {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 54px clamp(28px, 5vw, 72px) 70px !important;
	box-sizing: border-box !important;
}

.ha-final-cta-box {
	width: 100% !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	min-height: 300px !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	background-image: linear-gradient(90deg,
      #F2EFE9 0%,
      #F2EFE9 34%,
      rgba(242,239,233,0.92) 45%,
      rgba(242,239,233,0.55) 56%,
      rgba(242,239,233,0.08) 68%,
      rgba(242,239,233,0) 78%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png') !important;
	background-size: cover !important;
	background-position: center right !important;
	background-repeat: no-repeat !important;
}

.ha-final-cta-content {
	padding: 58px 64px !important;
	max-width: 430px !important;
	box-sizing: border-box !important;
}

.ha-final-cta-content h2 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 32px !important;
	line-height: 1.18 !important;
	color: #171717 !important;
	margin: 0 0 18px !important;
}

.ha-final-cta-content p {
	font-size: 15px !important;
	line-height: 1.65 !important;
	color: #33302C !important;
	margin: 0 0 26px !important;
}

.ha-final-cta-btn {
	display: inline-block !important;
	padding: 13px 26px !important;
	background: #111 !important;
	color: #fff !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	font-size: 14px !important;
}

.ha-final-cta-btn:hover {
	background: #C6A46C !important;
	color: #fff !important;
}

/* CTA FEINJUSTIERUNG WIE BEISPIEL */
.ha-final-cta {
	padding: 48px clamp(38px, 5vw, 72px) 64px !important;
	background: #F2EFE9 !important;
}

.ha-final-cta-box {
	max-width: 1180px !important;
	min-height: 290px !important;
	border-radius: 14px !important;
	background-image: linear-gradient(90deg,
      #F2EFE9 0%,
      #F2EFE9 31%,
      rgba(242,239,233,0.96) 42%,
      rgba(242,239,233,0.68) 52%,
      rgba(242,239,233,0.18) 63%,
      rgba(242,239,233,0) 74%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png') !important;
	background-size: auto 100% !important;
	background-position: right center !important;
	background-repeat: no-repeat !important;
}

.ha-final-cta-content {
	padding: 52px 58px !important;
	max-width: 420px !important;
}

.ha-final-cta-content h2 {
	font-size: 30px !important;
	line-height: 1.15 !important;
	margin-bottom: 16px !important;
}

.ha-final-cta-content p {
	font-size: 14px !important;
	line-height: 1.55 !important;
	margin-bottom: 24px !important;
}

.ha-final-cta-btn {
	padding: 12px 25px !important;
	font-size: 13px !important;
}

/* CTA SECTION – FINAL REFERENZ STYLE */
.ha-final-cta {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	background: #F2EFE9;
	padding: 70px 0;
}

/* INNER BOX */
.ha-final-cta-box {
	max-width: 1180px;
	margin: 0 auto;
	border-radius: 14px;
	min-height: 320px;
	display: flex;
	align-items: center;
	padding-left: 80px;
	background-image: linear-gradient(90deg,
    #F2EFE9 0%,
    #F2EFE9 28%,
    rgba(242,239,233,0.96) 40%,
    rgba(242,239,233,0.72) 52%,
    rgba(242,239,233,0.25) 65%,
    rgba(242,239,233,0) 78%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 115%;
}

/* CONTENT */
.ha-final-cta-content {
	max-width: 560px;
}

/* HEADLINE */
.ha-final-cta-content h2 {
	font-family: "Playfair Display", serif;
	font-size: 38px;
	line-height: 1.18;
	color: #171717;
	margin-bottom: 20px;
}

/* TEXT */
.ha-final-cta-content p {
	font-size: 16px;
	line-height: 1.7;
	color: #3B3834;
	margin-bottom: 28px;
}

/* BUTTON */
.ha-final-cta-btn {
	display: inline-block;
	padding: 15px 32px;
	background: #111;
	color: white;
	border-radius: 999px;
	font-size: 15px;
	text-decoration: none;
	transition: .25s ease;
}

.ha-final-cta-btn:hover {
	background: #C6A46C;
}

/* CTA EXAKT WIE BEISPIEL */
.ha-final-cta {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 52px 0 70px !important;
	box-sizing: border-box !important;
}

.ha-final-cta-box {
	width: calc(100vw - 120px) !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	min-height: 300px !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	background-image: linear-gradient(90deg,
      #F2EFE9 0%,
      #F2EFE9 32%,
      rgba(242,239,233,0.96) 43%,
      rgba(242,239,233,0.72) 54%,
      rgba(242,239,233,0.28) 65%,
      rgba(242,239,233,0) 76%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png') !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-size: auto 100% !important;
}

.ha-final-cta-content {
	width: 44% !important;
	padding-left: 62px !important;
	box-sizing: border-box !important;
}

.ha-final-cta-content h2 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 31px !important;
	line-height: 1.18 !important;
	color: #171717 !important;
	margin: 0 0 16px !important;
}

.ha-final-cta-content p {
	font-size: 14px !important;
	line-height: 1.55 !important;
	color: #33302C !important;
	margin: 0 0 24px !important;
}

.ha-final-cta-btn {
	display: inline-block !important;
	padding: 12px 25px !important;
	background: #111 !important;
	color: #fff !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	font-size: 13px !important;
}

/* CTA FINAL — FUNCTIONING FULL VERSION */
section.ha-final-cta {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 60px 0 80px !important;
}

/* INNER CTA BOX */
.ha-final-cta-box {
	width: min(1180px, calc(100vw - 120px)) !important;
	margin: 0 auto !important;
	min-height: 300px !important;
	border-radius: 16px !important;
	display: flex !important;
	align-items: center !important;
	background: linear-gradient(90deg,
#F2EFE9 0%,
#F2EFE9 35%,
rgba(242,239,233,0.95) 45%,
rgba(242,239,233,0.65) 55%,
rgba(242,239,233,0.20) 65%,
rgba(242,239,233,0) 75%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png');
	background-position: right center !important;
	background-repeat: no-repeat !important;
/* WICHTIG: verhindert Zoom */
	background-size: auto 100% !important;
}

/* TEXTBLOCK POSITION */
.ha-final-cta-content {
	max-width: 560px !important;
	margin-left: 80px !important;
}

/* TYPOGRAPHY */
.ha-final-cta-content h2 {
	font-family: "Playfair Display", serif !important;
	font-size: 36px !important;
	line-height: 1.2 !important;
	margin-bottom: 18px !important;
	color: #171717 !important;
}

.ha-final-cta-content p {
	font-size: 16px !important;
	line-height: 1.7 !important;
	margin-bottom: 28px !important;
	color: #3B3834 !important;
}

/* BUTTON */
.ha-final-cta-btn {
	display: inline-block !important;
	padding: 14px 32px !important;
	background: #111 !important;
	color: #fff !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	font-size: 15px !important;
}

.ha-final-cta-btn:hover {
	background: #C6A46C !important;
}

.wp-site-blocks {
	overflow-x: hidden;
}

.wp-block-group {
	max-width: 100% !important;
}

/* NEUER CTA BLOCK - OHNE ALTE KONFLIKTE */
.hera-wide-cta-v2 {
	width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 50px 0 70px !important;
}

.hera-wide-cta-box-v2 {
	width: calc(100vw - 96px) !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	min-height: 300px !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	background-image: linear-gradient(90deg,
      #F2EFE9 0%,
      #F2EFE9 34%,
      rgba(242,239,233,0.96) 43%,
      rgba(242,239,233,0.72) 53%,
      rgba(242,239,233,0.28) 64%,
      rgba(242,239,233,0) 76%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png') !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-size: auto 100% !important;
}

.hera-wide-cta-text-v2 {
	width: 430px !important;
	margin-left: 64px !important;
}

.hera-wide-cta-text-v2 h2 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 31px !important;
	line-height: 1.18 !important;
	color: #171717 !important;
	margin: 0 0 16px !important;
}

.hera-wide-cta-text-v2 p {
	font-size: 14px !important;
	line-height: 1.55 !important;
	color: #33302C !important;
	margin: 0 0 24px !important;
}

.hera-wide-cta-text-v2 a {
	display: inline-block !important;
	background: #111 !important;
	color: #fff !important;
	padding: 12px 26px !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	font-size: 13px !important;
}

/* CTA V2 – WIE REFERENZBILD */
.hera-wide-cta-v2 {
	width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 48px 0 70px !important;
	overflow: hidden !important;
}

.hera-wide-cta-box-v2 {
	width: calc(100vw - 96px) !important;
	max-width: 1240px !important;
	margin: 0 auto !important;
	min-height: 300px !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	background-image: linear-gradient(90deg,
      #F2EFE9 0%,
      #F2EFE9 30%,
      rgba(242,239,233,0.96) 42%,
      rgba(242,239,233,0.72) 52%,
      rgba(242,239,233,0.28) 62%,
      rgba(242,239,233,0) 72%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png') !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-size: auto 100% !important;
}

.hera-wide-cta-text-v2 {
	width: 470px !important;
	margin-left: 58px !important;
	position: relative !important;
	z-index: 2 !important;
}

.hera-wide-cta-text-v2 h2 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 31px !important;
	line-height: 1.18 !important;
	color: #171717 !important;
	margin: 0 0 16px !important;
}

.hera-wide-cta-text-v2 p {
	font-size: 14px !important;
	line-height: 1.55 !important;
	color: #33302C !important;
	margin: 0 0 24px !important;
}

.hera-wide-cta-text-v2 a {
	display: inline-block !important;
	background: #111 !important;
	color: #fff !important;
	padding: 12px 26px !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	font-size: 13px !important;
}

/* CTA SECTION EDGE TO EDGE */
.hera-wide-cta {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #F2EFE9;
	padding: 60px 0;
}

/* INNER BOX */
.hera-wide-cta-box {
	max-width: 1240px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1.25fr;
	align-items: center;
	border-radius: 16px;
	overflow: hidden;
	position: relative;
}

/* TEXT */
.hera-wide-cta-text {
	padding-left: 70px;
	max-width: 520px;
	z-index: 2;
}

.hera-wide-cta-text h2 {
	font-family: "Playfair Display", serif;
	font-size: 36px;
	line-height: 1.2;
	margin-bottom: 20px;
	color: #171717;
}

.hera-wide-cta-text p {
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 28px;
	color: #3B3834;
}

/* BUTTON */
.hera-wide-cta-btn {
	display: inline-block;
	padding: 14px 32px;
	background: #111;
	color: white;
	border-radius: 999px;
	text-decoration: none;
}

/* IMAGE */
.hera-wide-cta-image {
	position: relative;
}

.hera-wide-cta-image img {
	width: 100%;
	height: auto;
	border-radius: 16px;
	display: block;
}

/* SOFT LEFT GRADIENT */
.hera-wide-cta-image::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 45%;
	height: 100%;
	background: linear-gradient(to right,
#F2EFE9 0%,
rgba(242,239,233,0.95) 40%,
rgba(242,239,233,0.4) 70%,
rgba(242,239,233,0) 100%);
	pointer-events: none;
}

.hera-wide-cta-box {
	width: calc(100% - 64px) !important;
}

max-width: var(--wp--style--global--wide-size); 
	/* CTA WIRKLICH GLEICH BREIT WIE KACHELN */

.hera-wide-cta {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 70px 0 90px !important;
	overflow: visible !important;
}

.hera-wide-cta-box {
	width: 82vw !important;
	max-width: 1240px !important;
	min-width: 960px !important;
	margin: 0 auto !important;
	min-height: 300px !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	display: grid !important;
	grid-template-columns: 0.85fr 1.15fr !important;
	align-items: center !important;
	background: #F2EFE9 !important;
}

.hera-wide-cta-text {
	padding-left: 56px !important;
	max-width: 470px !important;
	z-index: 3 !important;
}

.hera-wide-cta-image {
	position: relative !important;
	width: 100% !important;
	height: 300px !important;
	overflow: hidden !important;
	border-radius: 16px !important;
}

.hera-wide-cta-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
}

/* Verlauf über Bild */
.hera-wide-cta-image::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 42% !important;
	height: 100% !important;
	background: linear-gradient(to right,
    #F2EFE9 0%,
    rgba(242,239,233,0.95) 35%,
    rgba(242,239,233,0.55) 65%,
    rgba(242,239,233,0) 100%) !important;
	z-index: 2 !important;
}

/* CTA Bild korrekt rechts ausrichten + zurückzoomen */
.hera-wide-cta-image img {
	height: 100% !important;
	width: 100% !important;
	object-fit: contain !important;
	object-position: right center !important;
	transform: scale(0.90) !important;
}

/* CTA Bild final korrigieren */
.hera-wide-cta-image {
	position: relative !important;
	height: 300px !important;
	overflow: hidden !important;
	border-radius: 16px !important;
}

.hera-wide-cta-image img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: cover !important;
	object-position: 45% center !important;
	transform: none !important;
	display: block !important;
}

/* Overlay-Verlauf wieder sichtbar machen */
.hera-wide-cta-image::before {
	content: "" !important;
	position: absolute !important;
	width: 48% !important;
	height: 100% !important;
	background: linear-gradient(to right,
    #F2EFE9 0%,
    rgba(242,239,233,0.96) 35%,
    rgba(242,239,233,0.62) 65%,
    rgba(242,239,233,0) 100%) !important;
	z-index: 5 !important;
	pointer-events: none !important;
}

/* FINAL CTA – Bild korrekt zurückzoomen + Overlay + gleiche Breite wie Kacheln */
.hera-wide-cta-image {
	position: relative;
	height: 320px;
	border-radius: 18px;
	overflow: hidden;
/* Bild als Background statt img-Scaling */
	background-image: linear-gradient(to right,
#F2EFE9 0%,
rgba(242,239,233,0.95) 28%,
rgba(242,239,233,0.6) 55%,
rgba(242,239,233,0) 75%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/d11942b1-60bf-4734-a24c-9dc19533a534.png');
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: right center;
}

/* CTA DESKTOP */
.hera-mobile-cta {
	width: 100vw;
	margin-left: calc(47% - 50vw);
	background: #F2EFE9;
	padding: 44px 0 58px;
}

.hera-mobile-cta-box {
	width: min(1180px, calc(100vw - 96px));
	margin: 0 auto;
	height: 300px;
	border-radius: 18px;
	overflow: hidden;
	display: flex;
	align-items: center;
	position: relative;
	background: #F2EFE9;
}

.hera-mobile-cta-text {
	width: 500px;
	padding-left: 75px;
	z-index: 3;
}

.hera-mobile-cta-text h2 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 28px;
	line-height: 1.18;
	margin: 0 0 16px;
	color: #171717;
}

.hera-mobile-cta-text p {
	font-size: 14px;
	line-height: 1.55;
	margin: 0 0 24px;
	color: #3B3834;
}

.hera-mobile-cta-text a {
	display: inline-block;
	background: #111;
	color: #fff;
	text-decoration: none;
	padding: 12px 26px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 500;
}

.hera-mobile-cta-image {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 68%;
	overflow: hidden;
	border-radius: 0 18px 18px 0;
}

.hera-mobile-cta-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
}

.hera-mobile-cta-overlay {
	position: absolute;
	top: 0;
	left: 340px;
	right: 0;
	bottom: 0;
	background: linear-gradient(to right,
    #F2EFE9 0%,
    rgba(242,239,233,0.97) 18%,
    rgba(242,239,233,0.72) 38%,
    rgba(242,239,233,0.28) 60%,
    rgba(242,239,233,0) 82%);
	pointer-events: none;
	z-index: 2;
	border-radius: 0 18px 18px 0;
}

/* MOBILE VERSION */
@media (max-width: 768px) {
	.hera-mobile-cta {
		margin-left: calc(50% - 50vw);
		padding: 36px 20px 48px;
		box-sizing: border-box;
	}
	
	.hera-mobile-cta-box {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		border-radius: 18px;
	}
	
	.hera-mobile-cta-text {
		width: 100%;
		padding: 32px 26px 24px;
		box-sizing: border-box;
		order: 1;
	}
	
	.hera-mobile-cta-text h2 {
		font-size: 30px;
		line-height: 1.18;
	}
	
	.hera-mobile-cta-text p {
		font-size: 15px;
	}
	
	.hera-mobile-cta-image {
		position: relative;
		width: 100%;
		height: 230px;
		order: 2;
		border-radius: 18px;
		overflow: hidden;
	}
	
	.hera-mobile-cta-image img {
		object-fit: cover;
		object-position: center center;
		border-radius: 18px;
	}
	
	.hera-mobile-cta-overlay {
		display: none;
	}
}

/* MOBILE FIX – LEISTUNGEN */
@media (max-width: 768px) {
	#leistungen.ha-services-section {
		padding: 48px 0 56px !important;
		overflow-x: hidden !important;
	}
	
	#leistungen .ha-services-container {
		width: 100% !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		box-sizing: border-box !important;
	}
	
	#leistungen .ha-services-heading {
		margin-bottom: 30px !important;
		text-align: center !important;
	}
	
	#leistungen .ha-services-heading h2 {
		font-size: 28px !important;
		line-height: 1.2 !important;
	}
	
	#leistungen .ha-services-heading p {
		font-size: 15px !important;
		line-height: 1.6 !important;
		max-width: 320px !important;
		margin: 0 auto !important;
	}
	
	#leistungen .ha-service-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 22px !important;
		width: 100% !important;
	}
	
	#leistungen .ha-service-card {
		width: 100% !important;
		min-height: auto !important;
		padding: 12px 12px 28px !important;
		border-radius: 18px !important;
		box-sizing: border-box !important;
	}
	
	#leistungen .ha-service-card img {
		height: 210px !important;
		border-radius: 14px !important;
		object-fit: cover !important;
		margin-bottom: 22px !important;
	}
	
	#leistungen .ha-service-card h3 {
		font-size: 24px !important;
		margin: 0 12px 12px !important;
	}
	
	#leistungen .ha-card-line {
		margin-left: 12px !important;
		margin-bottom: 18px !important;
	}
	
	#leistungen .ha-service-card p {
		font-size: 15px !important;
		line-height: 1.7 !important;
		margin: 0 12px !important;
	}
}

/* MOBILE FIX – HERO BLOCK */
@media (max-width: 768px) {
	.ha-hero {
		padding: 60px 0 40px !important;
	}
	
	.ha-hero-inner {
		width: 100% !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		box-sizing: border-box !important;
	}
	
	.ha-hero-content {
		max-width: 100% !important;
	}
	
	.ha-eyebrow {
		font-size: 12px !important;
		letter-spacing: 2px !important;
		margin-bottom: 14px !important;
	}
	
	.ha-hero h1 {
		font-size: 36px !important;
		line-height: 1.15 !important;
		margin-bottom: 18px !important;
	}
	
	.ha-hero p {
		font-size: 16px !important;
		line-height: 1.6 !important;
		max-width: 420px !important;
	}
	
	.ha-hero-line {
		margin-top: 22px !important;
		width: 52px !important;
	}
}

/* MOBILE HEADER FIX */
@media (max-width: 768px) {
	.hera-header-new {
		position: sticky;
		top: 0;
		z-index: 999;
		background: #F2EFE9;
		padding: 14px 0;
	}
	
	.hera-header-inner-new {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	/* Logo kleiner */
	.hera-brand-new img {
		height: 34px !important;
	}
	
	.hera-brand-text-new strong {
		font-size: 14px !important;
	}
	
	.hera-brand-text-new span {
		font-size: 11px !important;
	}
	
	/* Navigation kompakter */
	.hera-header-inner-new a:not(.hera-brand-new):not(.hera-cta-new) {
		font-size: 14px !important;
		padding: 4px 6px !important;
	}
	
	/* CTA Button */
	.hera-cta-new {
		font-size: 13px !important;
		padding: 8px 14px !important;
		border-radius: 999px !important;
	}
}

/* MOBILE NAV REDUZIEREN */
@media (max-width: 600px) {
	.hera-header-inner-new a[href="#leistungen"],
																							  .hera-header-inner-new a[href="#ueber-uns"] {
		display: none !important;
	}
}

/* MOBILE HEADER FIX */
@media (max-width: 768px) {
	.hera-header-inner-new {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 14px !important;
		padding: 22px 16px !important;
		text-align: center !important;
	}
	
	.hera-brand-new {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 10px !important;
		text-align: center !important;
		width: 100% !important;
	}
	
	.hera-brand-new img {
		width: 72px !important;
		height: auto !important;
		max-width: 72px !important;
	}
	
	.hera-brand-text-new {
		text-align: center !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		font-size: 26px !important;
		line-height: 1.15 !important;
		letter-spacing: 1px !important;
		white-space: normal !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		font-size: 16px !important;
		line-height: 1.4 !important;
		white-space: normal !important;
	}
	
	.hera-header-inner-new > a:not(.hera-brand-new):not(.hera-cta-new) {
		display: inline-block !important;
		font-size: 16px !important;
		margin: 0 8px !important;
	}
	
	.hera-cta-new {
		display: inline-block !important;
		margin-top: 6px !important;
		padding: 10px 18px !important;
		font-size: 15px !important;
	}
}

/* MOBILE HEADER FIX – FORCE VERSION */
@media screen and (max-width: 768px) {
	header.hera-header-new {
		padding: 18px 12px !important;
	}
	
	.hera-header-inner-new {
		display: block !important;
		text-align: center !important;
	}
	
	.hera-brand-new {
		display: block !important;
		width: 100% !important;
		text-align: center !important;
		margin-bottom: 10px !important;
	}
	
	.hera-brand-new img {
		display: block !important;
		margin: 0 auto 8px !important;
		width: 70px !important;
		height: auto !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		font-size: 24px !important;
		line-height: 1.2 !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		font-size: 15px !important;
	}
	
	.hera-header-inner-new a {
		display: inline-block !important;
		margin: 6px 8px !important;
		font-size: 16px !important;
	}
	
	.hera-cta-new {
		display: inline-block !important;
		margin-top: 8px !important;
	}
}

/* MOBILE FIX – ÜBER UNS BLOCK */
@media (max-width: 768px) {
	#ueber-uns {
		width: 100vw !important;
		margin-left: calc(50% - 50vw) !important;
		padding: 48px 0 !important;
	}
	
	#ueber-uns > div {
		width: calc(100vw - 32px) !important;
		height: auto !important;
		min-height: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		border-radius: 18px !important;
		overflow: hidden !important;
	}
	
	/* Bild oben */
	#ueber-uns > div > div:nth-child(1) {
		position: relative !important;
		width: 100% !important;
		height: 320px !important;
		left: auto !important;
		top: auto !important;
		border-radius: 18px 18px 0 0 !important;
	}
	
	#ueber-uns > div > div:nth-child(1) img {
		height: 100% !important;
		width: 100% !important;
		object-fit: cover !important;
		object-position: center top !important;
		border-radius: 18px 18px 0 0 !important;
	}
	
	/* Verlauf auf Mobile ausblenden */
	#ueber-uns > div > div:nth-child(2) {
		display: none !important;
	}
	
	/* Text unten */
	#ueber-uns > div > div:nth-child(3) {
		position: relative !important;
		width: auto !important;
		margin-left: 0 !important;
		padding: 32px 24px 36px !important;
		z-index: 3 !important;
	}
	
	#ueber-uns h2 {
		font-size: 30px !important;
		line-height: 1.18 !important;
	}
	
	#ueber-uns p {
		font-size: 15px !important;
	}
	
	#ueber-uns a {
		width: auto !important;
	}
}

/* MOBILE FOOTER FIX */
@media (max-width: 768px) {
	footer {
		padding: 46px 24px 28px !important;
	}
	
	footer > div {
		max-width: 100% !important;
	}
	
	footer div[style*="grid-template-columns"] {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 34px !important;
	}
	
	footer img {
		width: 220px !important;
		max-width: 100% !important;
	}
	
	footer h4 {
		margin-bottom: 14px !important;
	}
	
	footer a {
		font-size: 14px !important;
	}
	
	footer div[style*="justify-content:space-between"] {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 14px !important;
	}
	
	footer div[style*="justify-content:space-between"] a {
		display: inline-block !important;
		margin-right: 24px !important;
	}
}

/* HEADER LOGO FONT */
.hera-brand-text-new strong {
	font-family: 'Cinzel', serif !important;
	letter-spacing: .06em;
	font-weight: 600;
}

/* Untertitel im Header */
.hera-brand-text-new span {
	font-family: 'Cinzel', serif !important;
	letter-spacing: .12em;
	font-size: 12px;
}

.ha-hero-content {
	margin-left: 60px;
}

.ha-hero::after {
	background: linear-gradient(to right,
    #F2EFE9 0%,
    rgba(242,239,233,0.75) 20%,
    rgba(242,239,233,0.35) 45%,
    rgba(242,239,233,0.10) 65%,
    rgba(242,239,233,0) 85%) !important;
}

/* HERO BILD WENIGER NAH + WEICHER GRADIENT */
.ha-hero {
	background-image: linear-gradient(90deg,
      #F2EFE9 0%,
      rgba(242,239,233,0.55) 22%,
      rgba(242,239,233,0.22) 42%,
      rgba(242,239,233,0.05) 60%,
      rgba(242,239,233,0) 74%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/img_0074.jpeg') !important;
	background-size: 58% auto !important;
/* ← Bild weiter weg */
	background-position: right center !important;
	background-repeat: no-repeat !important;
}

/* MOBILE FIX – HERO */
@media (max-width: 768px) {
	.ha-hero {
		width: 100vw !important;
		margin-left: calc(50% - 50vw) !important;
		min-height: 620px !important;
		background-image: linear-gradient(180deg,
																							        #F2EFE9 0%,
																							        rgba(242,239,233,0.92) 32%,
																							        rgba(242,239,233,0.55) 58%,
																							        rgba(242,239,233,0.10) 78%,
																							        rgba(242,239,233,0) 100%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/img_0074.jpeg') !important;
		background-size: 100% auto !important;
		background-position: right bottom !important;
		background-repeat: no-repeat !important;
		padding-top: 0 !important;
	}
	
	.ha-hero-inner {
		width: 100% !important;
		max-width: none !important;
		padding: 70px 24px 320px !important;
		box-sizing: border-box !important;
	}
	
	.ha-hero-content {
		margin-left: 0 !important;
		padding-left: 0 !important;
		max-width: 100% !important;
	}
	
	.ha-hero .ha-eyebrow {
		font-size: 11px !important;
		letter-spacing: .18em !important;
		margin-bottom: 16px !important;
	}
	
	.ha-hero h1 {
		font-size: 38px !important;
		line-height: 1.08 !important;
		margin-bottom: 20px !important;
		max-width: 330px !important;
	}
	
	.ha-hero p {
		font-size: 15px !important;
		line-height: 1.65 !important;
		max-width: 330px !important;
	}
	
	.ha-hero-line {
		margin-top: 28px !important;
	}
}

/* MOBILE FIX – HERO KORRIGIERT */
@media (max-width: 768px) {
	body {
		overflow-x: hidden !important;
	}
	
	.ha-hero {
		width: 100vw !important;
		max-width: 100vw !important;
		position: relative !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		min-height: 680px !important;
		background-image: linear-gradient(180deg,
																							        #F2EFE9 0%,
																							        rgba(242,239,233,0.94) 28%,
																							        rgba(242,239,233,0.62) 56%,
																							        rgba(242,239,233,0.12) 78%,
																							        rgba(242,239,233,0) 100%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/img_0074.jpeg') !important;
		background-size: 105% auto !important;
		background-position: center bottom !important;
		background-repeat: no-repeat !important;
	}
	
	.ha-hero-inner {
		width: 100% !important;
		max-width: none !important;
		padding: 150px 24px 330px !important;
		box-sizing: border-box !important;
	}
	
	.ha-hero-content {
		margin-left: 0 !important;
		padding-left: 0 !important;
		max-width: 100% !important;
	}
	
	.ha-hero h1 {
		font-size: 36px !important;
		line-height: 1.08 !important;
		max-width: 340px !important;
	}
	
	.ha-hero p {
		font-size: 15px !important;
		line-height: 1.65 !important;
		max-width: 340px !important;
	}
}

/* MOBILE FIX – ÜBER UNS SECTION */
@media (max-width: 768px) {
	#ueber-uns {
		width: 100vw !important;
		margin-left: calc(50% - 50vw) !important;
		padding: 48px 0 56px !important;
	}
	
	#ueber-uns > div {
		width: calc(100vw - 32px) !important;
		height: auto !important;
		min-height: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		border-radius: 18px !important;
		overflow: hidden !important;
		background: #F2EFE9 !important;
	}
	
	/* Bild oben */
	#ueber-uns > div > div:nth-child(1) {
		position: relative !important;
		width: 100% !important;
		height: 360px !important;
		left: auto !important;
		top: auto !important;
		border-radius: 18px 18px 0 0 !important;
	}
	
	#ueber-uns > div > div:nth-child(1) img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: 50% 8% !important;
		border-radius: 18px 18px 0 0 !important;
	}
	
	/* Verlauf auf Mobile entfernen */
	#ueber-uns > div > div:nth-child(2) {
		display: none !important;
	}
	
	/* Text unten */
	#ueber-uns > div > div:nth-child(3) {
		position: relative !important;
		width: auto !important;
		height: auto !important;
		margin-left: 0 !important;
		padding: 32px 24px 38px !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		gap: 24px !important;
		z-index: 3 !important;
	}
	
	#ueber-uns h2 {
		font-size: 30px !important;
		line-height: 1.18 !important;
		margin-bottom: 18px !important;
	}
	
	#ueber-uns p {
		font-size: 15px !important;
		line-height: 1.65 !important;
	}
	
	#ueber-uns a {
		width: 100% !important;
		max-width: 320px !important;
		height: 54px !important;
		padding: 0 28px !important;
	}
}

/* MOBILE FOOTER – 3 SPALTEN */
@media (max-width: 768px) {
	footer {
		padding: 48px 22px 28px !important;
	}
	
	footer > div {
		max-width: 100% !important;
	}
	
	footer div[style*="grid-template-columns:2.6fr"] {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 22px !important;
		align-items: start !important;
	}
	
	/* Logo über alle 3 Spalten */
	footer div[style*="padding-top:18px"] {
		grid-column: 1 / -1 !important;
		padding-top: 0 !important;
		margin-bottom: 10px !important;
	}
	
	footer img {
		width: 220px !important;
		max-width: 100% !important;
	}
	
	footer h4 {
		font-size: 12px !important;
		margin-bottom: 14px !important;
	}
	
	footer a,
																							  footer div {
		font-size: 12px !important;
	}
	
	footer svg {
		width: 13px !important;
		height: 13px !important;
		margin-right: 6px !important;
		flex-shrink: 0 !important;
	}
	
	footer div[id="kontakt"] div {
		align-items: flex-start !important;
		line-height: 1.45 !important;
	}
	
	footer div[style*="justify-content:space-between"] {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
	}
}

footer div[style*="padding-top:18px"] {
	display: flex !important;
	justify-content: center !important;
	margin-bottom: 22px !important;
}

/* RESET MOBILE HEADER (entfernt alte Mobile-Anpassungen) */
@media (max-width: 768px) {
	.hera-header-new {
		position: relative !important;
		top: auto !important;
		z-index: auto !important;
	}
	
	.hera-header-inner-new {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 18px 20px !important;
		text-align: left !important;
		min-height: auto !important;
	}
	
	.hera-brand-new {
		flex-direction: row !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 12px !important;
		width: auto !important;
		text-align: left !important;
	}
	
	.hera-brand-new img {
		width: 42px !important;
		max-width: 42px !important;
	}
	
	.hera-brand-text-new strong {
		font-size: 18px !important;
		letter-spacing: 1px !important;
	}
	
	.hera-brand-text-new span {
		font-size: 12px !important;
	}
	
	.hera-header-inner-new a {
		display: inline-block !important;
	}
	
	.hera-mobile-menu,
																							  .hera-mobile-button,
																							  .hera-mobile-toggle {
		display: none !important;
	}
	
	.hera-header-inner-new::after {
		content: none !important;
	}
}

/* MOBILE DROPDOWN MENU */
@media (max-width:768px) {
	#menu-toggle {
		display: none;
	}
	
	.menu-icon {
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		font-size: 28px;
		cursor: pointer;
	}
	
	.mobile-menu {
		display: none;
		position: absolute;
		right: 20px;
		top: 90px;
		width: 220px;
		background: #F2EFE9;
		border-radius: 16px;
		box-shadow: 0 12px 30px rgba(0,0,0,0.12);
		padding: 14px;
		text-align: center;
	}
	
	.mobile-menu a {
		display: block;
		padding: 12px;
		color: #171717;
		text-decoration: none;
		font-size: 16px;
	}
	
	.mobile-cta {
		margin-top: 6px;
		border: 1px solid #C9A66B;
		border-radius: 999px;
	}
	
	#menu-toggle:checked + .menu-icon + .mobile-menu {
		display: block;
	}
}

/* MOBILE HEADER FINAL */
@media (max-width: 768px) {
	.hera-header-new {
		position: relative !important;
		background: #F2EFE9 !important;
		z-index: 20 !important;
	}
	
	.hera-header-inner-new {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 18px 20px !important;
		min-height: 120px !important;
		gap: 14px !important;
	}
	
	.hera-brand-new {
		display: flex !important;
		align-items: center !important;
		gap: 14px !important;
		text-decoration: none !important;
		width: auto !important;
		max-width: calc(100% - 58px) !important;
	}
	
	.hera-brand-new img {
		width: 72px !important;
		max-width: 72px !important;
		height: auto !important;
		flex-shrink: 0 !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		font-size: 25px !important;
		line-height: 1.05 !important;
		letter-spacing: .8px !important;
		color: #171717 !important;
		white-space: nowrap !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		font-size: 13px !important;
		line-height: 1.25 !important;
		color: #8a837a !important;
		white-space: nowrap !important;
	}
	
	.hera-header-inner-new > a:not(.hera-brand-new) {
		display: none !important;
	}
	
	.hera-mobile-dropdown {
		display: block !important;
		position: relative !important;
		flex-shrink: 0 !important;
	}
	
	.hera-mobile-dropdown summary {
		list-style: none !important;
		cursor: pointer !important;
		font-size: 30px !important;
		line-height: 1 !important;
		color: #171717 !important;
		padding: 8px !important;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav {
		position: absolute !important;
		right: 0 !important;
		top: 48px !important;
		width: 220px !important;
		background: #F2EFE9 !important;
		border: 1px solid rgba(201,166,107,.45) !important;
		border-radius: 18px !important;
		padding: 14px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.14) !important;
		text-align: center !important;
		z-index: 999 !important;
	}
	
	.hera-mobile-dropdown:not([open]) nav {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav a {
		display: block !important;
		padding: 12px 10px !important;
		font-size: 16px !important;
		color: #171717 !important;
		text-decoration: none !important;
	}
	
	.hera-mobile-cta {
		margin-top: 8px !important;
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
	}
}

/* MOBILE HEADER KOMPLETT OVERRIDE */
@media (max-width: 768px) {
	.hera-header-new {
		position: relative !important;
		background: #F2EFE9 !important;
		padding: 0 !important;
	}
	
	.hera-header-inner-new {
		position: relative !important;
		display: grid !important;
		grid-template-columns: 1fr auto !important;
		align-items: center !important;
		gap: 12px !important;
		padding: 22px 18px !important;
		min-height: 120px !important;
		overflow: visible !important;
	}
	
	.hera-brand-new {
		display: flex !important;
		align-items: center !important;
		gap: 14px !important;
		width: auto !important;
		text-align: left !important;
	}
	
	.hera-brand-new img {
		width: 86px !important;
		max-width: 86px !important;
		height: auto !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		font-size: 26px !important;
		line-height: 1.05 !important;
		letter-spacing: .8px !important;
		white-space: nowrap !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		font-size: 12px !important;
		line-height: 1.25 !important;
		white-space: nowrap !important;
	}
	
	/* Alte Menülinks auf Mobile ausblenden */
	.hera-header-inner-new > a:not(.hera-brand-new):not(.hera-cta-new) {
		display: none !important;
	}
	
	/* Erstgespräch als goldener Button rechts */
	.hera-cta-new {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border: 1.5px solid #C9A66B !important;
		border-radius: 999px !important;
		padding: 10px 18px !important;
		font-size: 14px !important;
		color: #171717 !important;
		text-decoration: none !important;
		white-space: nowrap !important;
		background: transparent !important;
	}
}

/* MOBILE HEADER FINAL FIX */
@media (max-width: 768px) {
	.hera-header-new {
		position: relative !important;
		background: #F2EFE9 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.hera-header-inner-new {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: auto !important;
		padding: 28px 18px 26px !important;
		margin: 0 !important;
		text-align: center !important;
	}
	
	.hera-brand-new {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
		width: 100% !important;
		text-align: center !important;
		text-decoration: none !important;
	}
	
	.hera-brand-new img {
		width: 92px !important;
		max-width: 92px !important;
		height: auto !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		font-size: 30px !important;
		line-height: 1.05 !important;
		letter-spacing: .5px !important;
		white-space: normal !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		font-size: 13px !important;
		line-height: 1.25 !important;
		color: #8a837a !important;
	}
	
	.hera-header-inner-new > a:not(.hera-brand-new),
																							  .hera-header-inner-new > nav,
																							  .hera-header-inner-new > .hera-cta-new {
		display: none !important;
	}
	
	.hera-mobile-dropdown {
		display: block !important;
		position: absolute !important;
		right: 18px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		z-index: 9999 !important;
	}
	
	.hera-mobile-dropdown summary {
		width: 48px !important;
		height: 48px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		list-style: none !important;
		cursor: pointer !important;
		font-size: 30px !important;
		color: #171717 !important;
		background: transparent !important;
		pointer-events: auto !important;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav {
		position: absolute !important;
		top: 54px !important;
		right: 0 !important;
		width: 230px !important;
		background: #F2EFE9 !important;
		border: 1px solid rgba(201,166,107,.45) !important;
		border-radius: 18px !important;
		padding: 14px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.14) !important;
		z-index: 99999 !important;
	}
	
	.hera-mobile-dropdown:not([open]) nav {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav a {
		display: block !important;
		padding: 13px 10px !important;
		font-size: 16px !important;
		color: #171717 !important;
		text-decoration: none !important;
		text-align: center !important;
	}
	
	.hera-mobile-cta {
		margin-top: 8px !important;
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
	}
}

/* DESKTOP HEADER */
.hera-header-new {
	background: #F2EFE9 !important;
	border-bottom: 1px solid rgba(17,17,17,.08) !important;
}

.hera-header-inner-new {
	max-width: 1180px !important;
	margin: 0 auto !important;
	padding: 20px 36px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 28px !important;
}

.hera-brand-new {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	text-decoration: none !important;
}

.hera-brand-new img {
	width: 58px !important;
	height: auto !important;
}

.hera-brand-text-new strong {
	display: block !important;
	font-size: 26px !important;
	line-height: 1.05 !important;
	color: #171717 !important;
	white-space: nowrap !important;
}

.hera-brand-text-new span {
	display: block !important;
	font-size: 14px !important;
	color: #8a837a !important;
	white-space: nowrap !important;
}

.hera-desktop-menu {
	display: flex !important;
	gap: 28px !important;
}

.hera-desktop-menu a {
	color: #171717 !important;
	text-decoration: none !important;
	font-size: 16px !important;
}

.hera-cta-new {
	color: #171717 !important;
	text-decoration: none !important;
	border: 1px solid #C9A66B !important;
	border-radius: 999px !important;
	padding: 10px 20px !important;
}

.hera-mobile-dropdown {
	display: none !important;
}

/* MOBILE HEADER */
@media (max-width: 768px) {
	.hera-header-new {
		position: relative !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.hera-header-inner-new {
		padding: 14px 18px !important;
		min-height: 0 !important;
		height: auto !important;
		justify-content: center !important;
	}
	
	.hera-brand-new {
		flex-direction: column !important;
		gap: 5px !important;
		text-align: center !important;
		max-width: 82% !important;
	}
	
	.hera-brand-new img {
		width: 62px !important;
		max-width: 62px !important;
	}
	
	.hera-brand-text-new strong {
		font-size: 26px !important;
		line-height: 1.05 !important;
		white-space: nowrap !important;
	}
	
	.hera-brand-text-new span {
		font-size: 13px !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
	}
	
	.hera-desktop-menu,
																							  .hera-cta-new {
		display: none !important;
	}
	
	.hera-mobile-dropdown {
		display: block !important;
		position: absolute !important;
		right: 14px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		z-index: 9999 !important;
	}
	
	.hera-mobile-dropdown summary {
		list-style: none !important;
		width: 46px !important;
		height: 46px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		font-size: 32px !important;
		cursor: pointer !important;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav {
		position: absolute !important;
		top: 50px !important;
		right: 0 !important;
		width: 220px !important;
		background: #F2EFE9 !important;
		border: 1px solid rgba(201,166,107,.45) !important;
		border-radius: 16px !important;
		padding: 12px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.14) !important;
	}
	
	.hera-mobile-dropdown:not([open]) nav {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav a {
		display: block !important;
		padding: 12px 10px !important;
		text-align: center !important;
		color: #171717 !important;
		text-decoration: none !important;
		font-size: 16px !important;
	}
	
	.hera-mobile-cta {
		margin-top: 8px !important;
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
	}
}

/* HERA MOBILE HEADER CLEAN OVERRIDE */
@media (max-width: 768px) {
	.hera-header-new {
		background: #F2EFE9 !important;
		position: relative !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.hera-header-inner-new {
		position: relative !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 18px 64px 18px 18px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
	}
	
	.hera-brand-new {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 10px !important;
		width: auto !important;
		max-width: calc(100vw - 96px) !important;
		text-align: left !important;
	}
	
	.hera-brand-new img {
		width: 48px !important;
		max-width: 48px !important;
		height: auto !important;
		flex: 0 0 auto !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		font-size: 19px !important;
		line-height: 1.05 !important;
		letter-spacing: .5px !important;
		white-space: nowrap !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		font-size: 11px !important;
		line-height: 1.25 !important;
		white-space: nowrap !important;
	}
	
	.hera-desktop-menu,
																							  .hera-cta-new {
		display: none !important;
	}
	
	.hera-mobile-dropdown {
		display: block !important;
		position: absolute !important;
		right: 14px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		z-index: 99999 !important;
	}
	
	.hera-mobile-dropdown summary {
		width: 44px !important;
		height: 44px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		list-style: none !important;
		font-size: 28px !important;
		cursor: pointer !important;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav {
		position: absolute !important;
		top: 48px !important;
		right: 0 !important;
		width: 210px !important;
		background: #F2EFE9 !important;
		border: 1px solid rgba(201,166,107,.5) !important;
		border-radius: 16px !important;
		padding: 12px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.16) !important;
		z-index: 999999 !important;
	}
	
	.hera-mobile-dropdown:not([open]) nav {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav a {
		display: block !important;
		padding: 12px 10px !important;
		text-align: center !important;
		font-size: 16px !important;
		color: #171717 !important;
		text-decoration: none !important;
	}
	
	.hera-mobile-cta {
		margin-top: 8px !important;
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
	}
}

/* HERA MOBILE HARD RESET */
@media (max-width: 980px) {
	body .hera-header-new,
																							  body header.hera-header-new {
		position: relative !important;
		background: #F2EFE9 !important;
		padding: 0 !important;
		margin: 0 !important;
		min-height: 0 !important;
		height: auto !important;
	}
	
	body .hera-header-new .hera-header-inner-new {
		position: relative !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		min-height: 82px !important;
		padding: 12px 16px !important;
		margin: 0 !important;
		gap: 10px !important;
		text-align: left !important;
	}
	
	body .hera-header-new .hera-brand-new {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 10px !important;
		width: auto !important;
		max-width: calc(100% - 58px) !important;
		text-align: left !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	body .hera-header-new .hera-brand-new img {
		width: 48px !important;
		max-width: 48px !important;
		height: auto !important;
		margin: 0 !important;
	}
	
	body .hera-header-new .hera-brand-text-new strong {
		display: block !important;
		font-size: 20px !important;
		line-height: 1.05 !important;
		white-space: nowrap !important;
		margin: 0 !important;
	}
	
	body .hera-header-new .hera-brand-text-new span {
		display: block !important;
		font-size: 11px !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
		margin: 0 !important;
	}
	
	body .hera-header-new .hera-desktop-menu,
																							  body .hera-header-new .hera-cta-new,
																							  body .hera-header-new .hera-header-inner-new > a:not(.hera-brand-new),
																							  body .hera-header-new .mobile-menu,
																							  body .hera-header-new .menu-icon,
																							  body .hera-header-new #menu-toggle {
		display: none !important;
		visibility: hidden !important;
	}
	
	body .hera-header-new .hera-header-inner-new::after {
		content: none !important;
		display: none !important;
	}
	
	body .hera-header-new .hera-mobile-dropdown {
		display: block !important;
		visibility: visible !important;
		position: relative !important;
		margin-left: auto !important;
		z-index: 99999 !important;
	}
	
	body .hera-header-new .hera-mobile-dropdown summary {
		display: flex !important;
		width: 48px !important;
		height: 48px !important;
		align-items: center !important;
		justify-content: center !important;
		font-size: 30px !important;
		cursor: pointer !important;
		list-style: none !important;
	}
	
	body .hera-header-new .hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	body .hera-header-new .hera-mobile-dropdown nav {
		position: absolute !important;
		right: 0 !important;
		top: 52px !important;
		width: 220px !important;
		background: #F2EFE9 !important;
		border: 1px solid #C9A66B !important;
		border-radius: 16px !important;
		padding: 12px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.18) !important;
		z-index: 999999 !important;
	}
	
	body .hera-header-new .hera-mobile-dropdown:not([open]) nav {
		display: none !important;
	}
	
	body .hera-header-new .hera-mobile-dropdown nav a {
		display: block !important;
		visibility: visible !important;
		padding: 12px 10px !important;
		text-align: center !important;
		font-size: 16px !important;
		color: #171717 !important;
		text-decoration: none !important;
	}
	
	body .hera-header-new .hera-mobile-cta {
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
		margin-top: 8px !important;
	}
}

/* MOBILE: Untertitel kleiner + Header enger */
@media (max-width: 980px) {
	body .hera-header-new .hera-brand-text-new span {
		font-size: 9px !important;
		line-height: 1.05 !important;
		letter-spacing: .2px !important;
		white-space: nowrap !important;
	}
	
	body .hera-header-new .hera-brand-text-new strong {
		font-size: 18px !important;
		line-height: 1 !important;
		white-space: nowrap !important;
	}
	
	body .hera-header-new .hera-brand-new img {
		width: 42px !important;
		max-width: 42px !important;
	}
	
	body .hera-header-new .hera-brand-new {
		gap: 8px !important;
	}
	
	body .hera-header-new .hera-header-inner-new {
		min-height: 72px !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
}

@media (max-width: 480px) {
	body .hera-header-new .hera-brand-text-new strong {
		font-size: 16px !important;
	}
	
	body .hera-header-new .hera-brand-text-new span {
		font-size: 8px !important;
	}
}

/* MOBILE: Erstgespräch Button kleiner */
@media (max-width: 768px) {
	.hera-cta-new,
																							  .hera-mobile-cta {
		font-size: 13px !important;
		padding: 6px 14px !important;
		border-radius: 999px !important;
		line-height: 1.1 !important;
		display: inline-block !important;
	}
}

@media (max-width: 768px) {
	.hera-cta-new,
																						  .hera-mobile-cta {
		width: auto !important;
		max-width: max-content !important;
	}
}

/* MOBILE: echtes Dropdown-Menü */
@media (max-width: 980px) {
	.hera-desktop-menu,
																						  .hera-cta-new {
		display: none !important;
	}
	
	.hera-mobile-dropdown {
		display: block !important;
		position: absolute !important;
		right: 16px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		z-index: 99999 !important;
	}
	
	.hera-mobile-dropdown summary {
		width: 44px !important;
		height: 44px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		font-size: 30px !important;
		cursor: pointer !important;
		list-style: none !important;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav {
		display: none !important;
		position: absolute !important;
		right: 0 !important;
		top: 48px !important;
		width: 210px !important;
		background: #F2EFE9 !important;
		border: 1px solid #C9A66B !important;
		border-radius: 16px !important;
		padding: 12px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.16) !important;
	}
	
	.hera-mobile-dropdown[open] nav {
		display: block !important;
	}
	
	.hera-mobile-dropdown nav a {
		display: block !important;
		padding: 12px 10px !important;
		text-align: center !important;
		color: #171717 !important;
		text-decoration: none !important;
		font-size: 15px !important;
	}
	
	.hera-mobile-cta {
		margin-top: 8px !important;
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
	}
}

/* Dropdown darf über den Header hinaus sichtbar sein */
@media (max-width: 980px) {
	.hera-header-new,
																						  .hera-header-inner-new,
																						  header.hera-header-new,
																						  .wp-block-group,
																						  .wp-block-group__inner-container {
		overflow: visible !important;
	}
	
	.hera-mobile-dropdown {
		position: static !important;
		transform: none !important;
		margin-left: auto !important;
	}
	
	.hera-mobile-dropdown nav {
		position: fixed !important;
		top: 82px !important;
		right: 16px !important;
		width: 220px !important;
		max-height: none !important;
		overflow: visible !important;
		z-index: 999999 !important;
	}
}

/* MOBILE DROPDOWN ALS FIXED PANEL */
@media (max-width: 980px) {
	.hera-header-new,
																						  .hera-header-inner-new {
		overflow: visible !important;
	}
	
	.hera-desktop-menu,
																						  .hera-cta-new {
		display: none !important;
	}
	
	.hera-mobile-dropdown {
		display: block !important;
		margin-left: auto !important;
		position: relative !important;
		z-index: 999999 !important;
	}
	
	.hera-mobile-dropdown summary {
		width: 46px !important;
		height: 46px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		font-size: 30px !important;
		cursor: pointer !important;
		list-style: none !important;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav {
		display: none !important;
	}
	
	.hera-mobile-dropdown[open] nav {
		display: flex !important;
		flex-direction: column !important;
		position: fixed !important;
		top: 88px !important;
		left: 16px !important;
		right: 16px !important;
		width: auto !important;
		max-width: none !important;
		background: #F2EFE9 !important;
		border: 1px solid rgba(201,166,107,.55) !important;
		border-radius: 18px !important;
		padding: 14px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.18) !important;
		z-index: 999999 !important;
	}
	
	.hera-mobile-dropdown[open] nav a {
		display: block !important;
		width: 100% !important;
		padding: 13px 10px !important;
		text-align: center !important;
		color: #171717 !important;
		text-decoration: none !important;
		font-size: 16px !important;
		line-height: 1.2 !important;
		white-space: normal !important;
		box-sizing: border-box !important;
	}
	
	.hera-mobile-cta {
		margin-top: 8px !important;
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
	}
}

/* MOBILE DROPDOWN: zwingend vertikal */
@media (max-width: 980px) {
	.hera-mobile-dropdown[open] nav,
																						  .hera-mobile-dropdown nav {
		display: block !important;
		flex-direction: initial !important;
		white-space: normal !important;
	}
	
	.hera-mobile-dropdown nav a,
																						  .hera-mobile-dropdown[open] nav a {
		display: block !important;
		width: 100% !important;
		float: none !important;
		clear: both !important;
		margin: 0 !important;
		padding: 13px 10px !important;
		text-align: center !important;
		box-sizing: border-box !important;
		white-space: normal !important;
	}
	
	.hera-mobile-dropdown nav a + a {
		border-top: 1px solid rgba(201,166,107,.22) !important;
	}
}

/* HEADER BASIS */
.hera-header-new {
	background: #F2EFE9;
	border-bottom: 1px solid rgba(17,17,17,.08);
}

.hera-header-inner-new {
	max-width: 1180px;
	margin: auto;
	padding: 22px 36px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	position: relative;
}

/* LOGO */
.hera-brand-new {
	display: flex;
	align-items: center;
	gap: 14px;
	text-decoration: none;
}

.hera-brand-new img {
	width: 56px;
	height: auto;
}

.hera-brand-text-new strong {
	display: block;
	font-size: 26px;
	line-height: 1.05;
	color: #171717;
}

.hera-brand-text-new span {
	display: block;
	font-size: 14px;
	color: #8a837a;
}

/* DESKTOP MENU */
.hera-desktop-menu {
	display: flex;
	gap: 28px;
}

.hera-desktop-menu a {
	text-decoration: none;
	color: #171717;
	font-size: 16px;
}

/* BUTTON */
.hera-cta-new {
	text-decoration: none;
	border: 1px solid #C9A66B;
	border-radius: 999px;
	padding: 10px 20px;
	color: #171717;
}

/* MOBILE MENU DEFAULT HIDDEN */
.hera-mobile-dropdown {
	display: none;
}

/* MOBILE VERSION */
@media(max-width:980px) {
	.hera-desktop-menu,
																						.hera-cta-new {
		display: none;
	}
	
	.hera-header-inner-new {
		padding: 14px 18px;
	}
	
	.hera-brand-new {
		gap: 10px;
	}
	
	.hera-brand-new img {
		width: 46px;
	}
	
	.hera-brand-text-new strong {
		font-size: 18px;
	}
	
	.hera-brand-text-new span {
		font-size: 10px;
	}
	
	/* HAMBURGER */
	.hera-mobile-dropdown {
		display: block;
		margin-left: auto;
	}
	
	.hera-mobile-dropdown summary {
		list-style: none;
		cursor: pointer;
		font-size: 30px;
		padding: 6px 12px;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none;
	}
	
	/* DROPDOWN PANEL */
	.hera-mobile-panel {
		display: none;
		position: absolute;
		top: 64px;
		right: 18px;
		width: 220px;
		background: #F2EFE9;
		border: 1px solid rgba(201,166,107,.5);
		border-radius: 16px;
		padding: 12px;
		box-shadow: 0 18px 40px rgba(0,0,0,.18);
		z-index: 9999;
	}
	
	/* OPEN STATE */
	.hera-mobile-dropdown[open] .hera-mobile-panel {
		display: block;
	}
	
	/* LINKS */
	.hera-mobile-panel a {
		display: block;
		padding: 12px 10px;
		text-align: center;
		text-decoration: none;
		color: #171717;
		font-size: 16px;
	}
	
	/* CTA MOBILE */
	.hera-mobile-cta {
		margin-top: 8px;
		border: 1px solid #C9A66B;
		border-radius: 999px;
	}
}

/* MOBILE: Dropdown weiter nach oben */
@media (max-width:980px) {
	.hera-mobile-panel {
		top: 44px !important;
		right: 12px !important;
	}
	
	.hera-header-inner-new {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
		min-height: 58px !important;
	}
	
	.hera-brand-new img {
		width: 42px !important;
	}
	
	.hera-brand-text-new strong {
		font-size: 17px !important;
		line-height: 1 !important;
	}
	
	.hera-brand-text-new span {
		font-size: 9px !important;
		line-height: 1 !important;
	}
	
	.hera-mobile-dropdown summary {
		font-size: 28px !important;
		padding: 4px 8px !important;
	}
}

/* HEADER: oberen Abstand entfernen (Mobile) */
@media (max-width: 980px) {
	header.hera-header-new {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	
	.hera-header-new {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	
	.hera-header-inner-new {
		padding-top: 4px !important;
		padding-bottom: 4px !important;
		min-height: 52px !important;
	}
	
	/* entfernt typisches Gutenberg Block Padding */
	.wp-block-group,
																						  .wp-block-group__inner-container {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
	
	/* falls Header im Cover-Block steckt */
	.wp-block-cover {
		padding-top: 0 !important;
	}
}

/* =====================================================
FIXED HEADER DESKTOP + MOBILE
===================================================== */
body {
	padding-top: 90px;
}

/* HEADER FIXED */
.hera-header-new {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999999;
	background: #F2EFE9;
	border-bottom: 1px solid rgba(17,17,17,.08);
}

/* INNER CONTAINER */
.hera-header-inner-new {
	max-width: 1180px;
	margin: auto;
	padding: 18px 36px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	position: relative;
}

/* LOGO */
.hera-brand-new {
	display: flex;
	align-items: center;
	gap: 14px;
	text-decoration: none;
}

.hera-brand-new img {
	width: 54px;
	height: auto;
}

.hera-brand-text-new strong {
	display: block;
	font-size: 26px;
	line-height: 1.05;
	color: #171717;
}

.hera-brand-text-new span {
	display: block;
	font-size: 14px;
	color: #8a837a;
}

/* DESKTOP MENU */
.hera-desktop-menu {
	display: flex;
	gap: 28px;
}

.hera-desktop-menu a {
	text-decoration: none;
	color: #171717;
	font-size: 16px;
}

/* DESKTOP BUTTON */
.hera-cta-new {
	text-decoration: none;
	border: 1px solid #C9A66B;
	border-radius: 999px;
	padding: 10px 20px;
	color: #171717;
}

/* MOBILE MENU HIDDEN DEFAULT */
.hera-mobile-dropdown {
	display: none;
}

/* =====================================================
MOBILE HEADER
===================================================== */
@media(max-width:980px) {
	body {
		padding-top: 62px;
	}
	
	.hera-header-inner-new {
		padding: 10px 16px;
	}
	
	.hera-brand-new img {
		width: 40px;
	}
	
	.hera-brand-text-new strong {
		font-size: 17px;
	}
	
	.hera-brand-text-new span {
		font-size: 9px;
	}
	
	/* DESKTOP ELEMENTS AUSBLENDEN */
	.hera-desktop-menu,
																						
																						.hera-cta-new {
		display: none;
	}
	
	/* MOBILE DROPDOWN AKTIVIEREN */
	.hera-mobile-dropdown {
		display: block;
		margin-left: auto;
	}
	
	/* HAMBURGER */
	.hera-mobile-dropdown summary {
		list-style: none;
		cursor: pointer;
		font-size: 28px;
		padding: 6px 10px;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none;
	}
	
	/* DROPDOWN PANEL */
	.hera-mobile-panel {
		display: none;
	}
	
	/* OPEN STATE */
	.hera-mobile-dropdown[open] .hera-mobile-panel {
		display: block;
		position: fixed;
		top: 62px;
		left: 14px;
		right: 14px;
		background: #F2EFE9;
		border: 1px solid rgba(201,166,107,.5);
		border-radius: 16px;
		padding: 12px;
		box-shadow: 0 18px 40px rgba(0,0,0,.18);
	}
	
	/* MOBILE LINKS */
	.hera-mobile-panel a {
		display: block;
		padding: 12px 10px;
		text-align: center;
		text-decoration: none;
		color: #171717;
		font-size: 16px;
	}
	
	/* MOBILE CTA */
	.hera-mobile-cta {
		margin-top: 8px;
		border: 1px solid #C9A66B;
		border-radius: 999px;
	}
	
	.ha-knowledge-page {
		background: #F2EFE9;
		padding: 120px 24px 90px;
		color: #171717;
	}
	
	.ha-knowledge-hero {
		max-width: 920px;
		margin: 0 auto 80px;
		text-align: center;
	}
	
	.ha-eyebrow {
		font-size: 14px;
		letter-spacing: 6px;
		color: #C9A66B;
		margin-bottom: 18px;
	}
	
	.ha-knowledge-hero h1 {
		font-family: Georgia, 'Times New Roman', serif;
		font-size: clamp(46px, 7vw, 86px);
		line-height: .95;
		margin: 0 0 28px;
	}
	
	.ha-knowledge-hero p {
		font-size: 20px;
		line-height: 1.7;
		max-width: 720px;
		margin: 0 auto;
		color: #3B3834;
	}
	
	.ha-timeline {
		max-width: 980px;
		margin: 0 auto;
		position: relative;
	}
	
	.ha-timeline:before {
		content: "";
		position: absolute;
		left: 180px;
		top: 0;
		bottom: 0;
		width: 1px;
		background: rgba(201,166,107,.55);
	}
	
	.ha-timeline-item {
		display: grid;
		grid-template-columns: 150px 1fr;
		gap: 60px;
		margin-bottom: 46px;
		position: relative;
	}
	
	.ha-timeline-date {
		font-size: 13px;
		letter-spacing: 3px;
		color: #C9A66B;
		padding-top: 30px;
	}
	
	.ha-timeline-card {
		background: rgba(255,255,255,.45);
		border: 1px solid rgba(201,166,107,.35);
		border-radius: 28px;
		padding: 34px;
		box-shadow: 0 22px 50px rgba(0,0,0,.06);
	}
	
	.ha-timeline-card span {
		color: #C9A66B;
		font-size: 13px;
		letter-spacing: 3px;
		text-transform: uppercase;
	}
	
	.ha-timeline-card h2 {
		font-family: Georgia, 'Times New Roman', serif;
		font-size: 34px;
		line-height: 1.08;
		margin: 14px 0 16px;
	}
	
	.ha-timeline-card p {
		font-size: 17px;
		line-height: 1.6;
		color: #3B3834;
		margin-bottom: 22px;
	}
	
	.ha-timeline-card a {
		color: #171717;
		text-decoration: none;
		border-bottom: 1px solid #C9A66B;
		padding-bottom: 4px;
	}
	
	@media (max-width: 768px) {
	.ha-knowledge-page {
		padding: 90px 20px 70px;
	}
	
	.ha-timeline:before {
		left: 0;
	}
	
	.ha-timeline-item {
		grid-template-columns: 1fr;
		gap: 12px;
		padding-left: 24px;
	}
	
	.ha-timeline-date {
		padding-top: 0;
	}
	
	.ha-timeline-card {
		padding: 26px;
		border-radius: 22px;
	}
	
	.ha-timeline-card h2 {
		font-size: 28px;
	}
}

.ha-wissen-modern {
	background: #F2EFE9;
	padding: 130px 24px 100px;
	color: #171717;
}

.ha-wissen-intro {
	max-width: 1080px;
	margin: 0 auto 90px;
}

.ha-wissen-kicker {
	color: #C9A66B;
	letter-spacing: 7px;
	font-size: 13px;
	margin-bottom: 20px;
}

.ha-wissen-intro h1 {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: clamp(48px, 7vw, 92px);
	line-height: .95;
	max-width: 760px;
	margin: 0 0 28px;
}

.ha-wissen-intro p {
	max-width: 640px;
	font-size: 19px;
	line-height: 1.7;
	color: #3B3834;
}

.ha-wissen-layout {
	max-width: 1080px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 170px 1fr;
	gap: 60px;
}

.ha-wissen-timeline {
	position: sticky;
	top: 120px;
	align-self: start;
	border-left: 1px solid rgba(201,166,107,.55);
	padding-left: 24px;
	display: flex;
	flex-direction: column;
	gap: 26px;
}

.ha-wissen-timeline span {
	color: #8a837a;
	font-size: 15px;
}

.ha-wissen-timeline .active {
	color: #171717;
	font-size: 28px;
	font-family: Georgia, 'Times New Roman', serif;
}

.ha-wissen-posts {
	display: grid;
	gap: 28px;
}

.ha-wissen-card {
	background: rgba(255,255,255,.5);
	border: 1px solid rgba(201,166,107,.32);
	border-radius: 30px;
	padding: 34px;
	box-shadow: 0 24px 60px rgba(0,0,0,.06);
}

.ha-card-meta {
	display: flex;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 18px;
}

.ha-card-meta span {
	color: #C9A66B;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-size: 12px;
}

.ha-card-meta small {
	color: #8a837a;
	font-size: 13px;
}

.ha-wissen-card h2 {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 34px;
	line-height: 1.08;
	margin: 0 0 16px;
}

.ha-wissen-card p {
	color: #3B3834;
	font-size: 17px;
	line-height: 1.6;
	margin-bottom: 24px;
}

.ha-wissen-card a {
	color: #171717;
	text-decoration: none;
	border-bottom: 1px solid #C9A66B;
	padding-bottom: 4px;
}

@media (max-width: 768px) {
	.ha-wissen-modern {
		padding: 90px 20px 70px;
	}
	
	.ha-wissen-layout {
		grid-template-columns: 1fr;
		gap: 34px;
	}
	
	.ha-wissen-timeline {
		position: relative;
		top: auto;
		flex-direction: row;
		overflow-x: auto;
		border-left: none;
		border-bottom: 1px solid rgba(201,166,107,.45);
		padding-left: 0;
		padding-bottom: 16px;
	}
	
	.ha-wissen-timeline .active {
		font-size: 24px;
	}
	
	.ha-wissen-card {
		padding: 26px;
		border-radius: 24px;
	}
	
	.ha-wissen-card h2 {
		font-size: 28px;
	}
}

/* HEADER FIX NACH WISSEN-MENÜPUNKT */
.hera-header-inner-new {
	max-width: 1280px !important;
	padding: 18px 28px !important;
	gap: 20px !important;
}

.hera-brand-new {
	flex-shrink: 0 !important;
}

.hera-desktop-menu {
	display: flex !important;
	align-items: center !important;
	gap: 20px !important;
	flex-wrap: nowrap !important;
	white-space: nowrap !important;
}

.hera-desktop-menu a {
	font-size: 15px !important;
	white-space: nowrap !important;
	line-height: 1.2 !important;
}

.hera-cta-new {
	flex-shrink: 0 !important;
	white-space: nowrap !important;
	padding: 9px 18px !important;
}

/* Tablet/Mobile: früher auf Hamburger wechseln */
@media (max-width: 1100px) {
	.hera-desktop-menu,
																						  .hera-cta-new {
		display: none !important;
	}
	
	.hera-menu-icon {
		display: flex !important;
	}
}

/* HEADER CONTAINER */
.hera-header-new {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999999;
	background: #F2EFE9;
	border-bottom: 1px solid rgba(17,17,17,.08);
}

/* INNER LAYOUT */
.hera-header-inner-new {
	max-width: 1280px;
	margin: auto;
	padding: 18px 28px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
}

/* LOGO */
.hera-brand-new {
	display: flex;
	align-items: center;
	gap: 14px;
	text-decoration: none;
	flex-shrink: 0;
}

.hera-brand-new img {
	width: 54px;
}

.hera-brand-text-new strong {
	font-size: 26px;
	line-height: 1.05;
	color: #171717;
	white-space: nowrap;
}

.hera-brand-text-new span {
	font-size: 14px;
	color: #8a837a;
	white-space: nowrap;
}

/* DESKTOP MENU */
.hera-desktop-menu {
	display: flex;
	gap: 20px;
	white-space: nowrap;
}

.hera-desktop-menu a {
	text-decoration: none;
	color: #171717;
	font-size: 15px;
}

/* CTA */
.hera-cta-new {
	border: 1px solid #C9A66B;
	border-radius: 999px;
	padding: 9px 18px;
	text-decoration: none;
	color: #171717;
	white-space: nowrap;
}

/* MOBILE ICON STANDARD AUS */
.hera-menu-toggle,

.hera-menu-icon,

.hera-mobile-panel {
	display: none;
}

/* MOBILE VERSION */
@media(max-width:1100px) {
	.hera-desktop-menu,
																						
																						.hera-cta-new {
		display: none;
	}
	
	.hera-menu-icon {
		display: block;
		font-size: 28px;
		cursor: pointer;
		margin-left: auto;
	}
	
	.hera-menu-toggle {
		display: none;
	}
	
	/* MOBILE PANEL */
	.hera-menu-toggle:checked + .hera-menu-icon + .hera-mobile-panel {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 70px;
		left: 16px;
		right: 16px;
		background: #F2EFE9;
		border: 1px solid rgba(201,166,107,.5);
		border-radius: 16px;
		padding: 14px;
		box-shadow: 0 20px 40px rgba(0,0,0,.15);
	}
	
	.hera-mobile-panel a {
		padding: 12px;
		text-align: center;
		text-decoration: none;
		color: #171717;
	}
	
	.hera-mobile-cta {
		border: 1px solid #C9A66B;
		border-radius: 999px;
		margin-top: 8px;
	}
}

@media (max-width: 768px) {
	.ha-about-second > div {
		width: calc(100vw - 32px) !important;
		height: auto !important;
		min-height: 720px !important;
		display: block !important;
	}
	
	.ha-about-second > div > div:first-child {
		position: relative !important;
		width: 100% !important;
		height: 360px !important;
		border-radius: 18px 18px 0 0 !important;
	}
	
	.ha-about-second > div > div:first-child img {
		border-radius: 18px 18px 0 0 !important;
		object-position: center top !important;
	}
	
	.ha-about-second > div > div:nth-child(2) {
		display: none !important;
	}
	
	.ha-about-second > div > div:last-child {
		width: auto !important;
		height: auto !important;
		padding: 34px 26px 38px !important;
	}
	
	.ha-about-second h2 {
		font-size: 29px !important;
	}
}

/* Senkrechte Linie im Über-uns-Bereich entfernen */
.ha-about,
.ha-about-second,
.ha-about::before,
.ha-about::after,
.ha-about-second::before,
.ha-about-second::after {
	border-left: none !important;
	border-right: none !important;
	box-shadow: none !important;
}

.ha-about > div,
.ha-about-second > div {
	border-left: none !important;
	border-right: none !important;
}

.ha-about [style*="border-left"],
.ha-about [style*="border-right"],
.ha-about-second [style*="border-left"],
.ha-about-second [style*="border-right"] {
	border-left: none !important;
	border-right: none !important;
}

/* mögliche alte Timeline- oder Trennlinie entfernen */
.ha-about .timeline,
.ha-about-second .timeline,
.ha-about .vertical-line,
.ha-about-second .vertical-line {
	display: none !important;
}

/* Yasmina-Bild: echter transparenter Übergang */
.ha-about-image-left {
	position: absolute !important;
	width: 80% !important;
	height: 100% !important;
	overflow: hidden !important;
	border-radius: 18px 0 0 18px !important;
}

.ha-about-image-fade {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: 60% 8% !important;
	-webkit-mask-image: linear-gradient(to right,
    #000 0%,
    #000 38%,
    rgba(0,0,0,.99) 48%,
    rgba(0,0,0,.94) 58%,
    rgba(0,0,0,.82) 68%,
    rgba(0,0,0,.64) 76%,
    rgba(0,0,0,.42) 84%,
    rgba(0,0,0,.22) 91%,
    rgba(0,0,0,.08) 96%,
    transparent 100%) !important;
	mask-image: linear-gradient(to right,
    #000 0%,
    #000 38%,
    rgba(0,0,0,.99) 48%,
    rgba(0,0,0,.94) 58%,
    rgba(0,0,0,.82) 68%,
    rgba(0,0,0,.64) 76%,
    rgba(0,0,0,.42) 84%,
    rgba(0,0,0,.22) 91%,
    rgba(0,0,0,.08) 96%,
    transparent 100%) !important;
	-webkit-mask-repeat: no-repeat !important;
	mask-repeat: no-repeat !important;
	-webkit-mask-size: 100% 100% !important;
	mask-size: 100% 100% !important;
}	
}

/* Carlos Bild */
.ha-about-image-right {
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	overflow: hidden !important;
	border-radius: 0 18px 18px 0 !important;
}

.ha-about-image-fade-right {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: 52% 15% !important;
	-webkit-mask-image: linear-gradient(to left,
        #000 0%,
        #000 54%,
        rgba(0,0,0,.98) 60%,
        rgba(0,0,0,.88) 67%,
        rgba(0,0,0,.65) 75%,
        rgba(0,0,0,.38) 83%,
        rgba(0,0,0,.15) 91%,
        transparent 100%) !important;
	mask-image: linear-gradient(to left,
        #000 0%,
        #000 54%,
        rgba(0,0,0,.98) 60%,
        rgba(0,0,0,.88) 67%,
        rgba(0,0,0,.65) 75%,
        rgba(0,0,0,.38) 83%,
        rgba(0,0,0,.15) 91%,
        transparent 100%) !important;
	-webkit-mask-repeat: no-repeat !important;
	mask-repeat: no-repeat !important;
	-webkit-mask-size: 100% 100% !important;
	mask-size: 100% 100% !important;
}

/* =====================================================
   HERA ACCOUNTS – Einheitliche Premium-Animationen
===================================================== */
.ha-about-primary,
.ha-about-second,
.hera-mobile-cta-box {
	transition: transform .45s cubic-bezier(.22,.61,.36,1), box-shadow .45s ease;
}

.ha-about-image-fade,
.ha-about-image-fade-right,
.hera-mobile-cta-image img {
	transform: scale(1);
	transition: transform 1.2s cubic-bezier(.22,.61,.36,1), filter .9s ease;
	filter: brightness(1) contrast(1);
}

.ha-about-primary h2,
.ha-about-second h2,
.hera-mobile-cta-text h2 {
	transition: transform .45s cubic-bezier(.22,.61,.36,1), color .35s ease;
}

.ha-about-primary a,
.ha-about-second a,
.hera-mobile-cta-text a {
	transition: transform .35s ease, background .35s ease, color .35s ease, box-shadow .35s ease;
}

/* =====================================================
   HOVER-EFFEKTE
===================================================== */
.ha-about-primary:hover,
.ha-about-second:hover,
.hera-mobile-cta-box:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 60px rgba(0,0,0,.06);
}

.ha-about-primary:hover .ha-about-image-fade,
.ha-about-second:hover .ha-about-image-fade-right,
.hera-mobile-cta-box:hover .hera-mobile-cta-image img {
	transform: scale(1.03);
	filter: brightness(1.02) contrast(1.02);
}

.ha-about-primary:hover h2,
.ha-about-second:hover h2,
.hera-mobile-cta-box:hover .hera-mobile-cta-text h2 {
	transform: translateX(5px);
}

.ha-about-primary:hover a,
.ha-about-second:hover a,
.hera-mobile-cta-box:hover .hera-mobile-cta-text a {
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(0,0,0,.15);
}

/* =====================================================
   MOBILE UND TOUCH-GERÄTE
===================================================== */
@media (hover:none) {
	.ha-about-primary,
																				    .ha-about-second,
																				    .hera-mobile-cta-box {
		transform: none;
		box-shadow: none;
	}
	
	.ha-about-image-fade,
																				    .ha-about-image-fade-right,
																				    .hera-mobile-cta-image img {
		transform: none;
		filter: none;
	}
	
	.ha-about-primary h2,
																				    .ha-about-second h2,
																				    .hera-mobile-cta-text h2,
																				    .ha-about-primary a,
																				    .ha-about-second a,
																				    .hera-mobile-cta-text a {
		transform: none;
	}
}

/* Bewegungsreduktion aus Betriebssystem respektieren */
@media (prefers-reduced-motion:reduce) {
	.ha-about-primary,
																				    .ha-about-second,
																				    .hera-mobile-cta-box,
																				    .ha-about-image-fade,
																				    .ha-about-image-fade-right,
																				    .hera-mobile-cta-image img,
																				    .ha-about-primary h2,
																				    .ha-about-second h2,
																				    .hera-mobile-cta-text h2,
																				    .ha-about-primary a,
																				    .ha-about-second a,
																				    .hera-mobile-cta-text a {
		transition: none !important;
	}
}

/* =====================================================
   HERA ACCOUNTS – ÜBER UNS MOBILE
===================================================== */
@media (max-width:767px) {
	/* Anker auf Mobile nicht nach oben verschieben */
	#ueber-uns {
		height: 1px !important;
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	
	/* Beide äusseren Sections */
	.ha-about-primary,
																				    .ha-about-second {
		width: 100% !important;
		margin-left: 0 !important;
		padding: 28px 18px !important;
		background: #F2EFE9 !important;
		box-sizing: border-box !important;
	}
	
	.ha-about-second {
		padding-top: 0 !important;
		padding-bottom: 44px !important;
	}
	
	/* Die eigentliche Karte:
																				       jeweils das erste direkte DIV innerhalb der Section */
	.ha-about-primary > div,
																				    .ha-about-second > div {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 auto !important;
		padding: 0 !important;
		border-radius: 18px !important;
		overflow: hidden !important;
		position: relative !important;
		background: #F2EFE9 !important;
	}
	
	/* =================================================
																				       BILDBEREICHE
																				    ================================================= */
	.ha-about-image-left,
																				    .ha-about-image-right {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		order: 1 !important;
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 5 / 4 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		border-radius: 18px !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		z-index: 1 !important;
	}
	
	/* Bilder */
	.ha-about-image-fade,
																				    .ha-about-image-fade-right {
		position: absolute !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 18px !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		filter: none !important;
		-webkit-mask-image: none !important;
		mask-image: none !important;
	}
	
	/* Yasmina: etwas höher ausrichten */
	.ha-about-image-fade {
		object-position: center 12% !important;
	}
	
	/* Carlos: Portrait sinnvoll zuschneiden */
	.ha-about-image-fade-right {
		object-position: center 18% !important;
	}
	
	/* =================================================
																				       TEXTBEREICHE
																				
																				       Der Text ist jeweils das zweite direkte DIV
																				       innerhalb der eigentlichen Karte.
																				    ================================================= */
	.ha-about-primary > div > div:nth-child(2),
																				    .ha-about-second > div > div:nth-child(2) {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		order: 2 !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		margin: 0 !important;
		padding: 30px 24px 34px !important;
		box-sizing: border-box !important;
		z-index: 2 !important;
		transform: none !important;
	}
	
	/* Text-Inhalt */
	.ha-about-primary > div > div:nth-child(2) > div,
																				    .ha-about-second > div > div:nth-child(2) > div {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	/* Kleine Oberzeile */
	.ha-about-primary > div > div:nth-child(2) > div > p:first-child,
																				    .ha-about-second > div > div:nth-child(2) > div > p:first-child {
		margin: 0 0 12px !important;
		font-size: 11px !important;
		line-height: 1.4 !important;
		letter-spacing: .12em !important;
	}
	
	/* Überschriften */
	.ha-about-primary h2,
																				    .ha-about-second h2 {
		margin: 0 0 18px !important;
		font-size: 32px !important;
		line-height: 1.08 !important;
		transform: none !important;
	}
	
	/* Fliesstext */
	.ha-about-primary h2 ~ p,
																				    .ha-about-second h2 ~ p {
		margin-top: 0 !important;
		margin-bottom: 16px !important;
		font-size: 16px !important;
		line-height: 1.65 !important;
	}
	
	/* Zweiter Absatz */
	.ha-about-primary h2 ~ p:last-child,
																				    .ha-about-second h2 ~ p:last-child {
		margin-bottom: 26px !important;
	}
	
	/* Buttons */
	.ha-about-primary a,
																				    .ha-about-second a {
		position: relative !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		align-self: flex-start !important;
		width: auto !important;
		min-height: 52px !important;
		height: auto !important;
		margin: 0 !important;
		padding: 15px 28px !important;
		transform: none !important;
	}
	
	/* Mobile Hover- und Zoom-Effekte deaktivieren */
	.ha-about-primary:hover,
																				    .ha-about-second:hover,
																				    .ha-about-primary:hover h2,
																				    .ha-about-second:hover h2,
																				    .ha-about-primary:hover a,
																				    .ha-about-second:hover a,
																				    .ha-about-primary:hover .ha-about-image-fade,
																				    .ha-about-second:hover .ha-about-image-fade-right {
		transform: none !important;
		filter: none !important;
	}
}

.ha-about-image-right {
	overflow: hidden !important;
	border-radius: 18px !important;
}

.ha-about-image-right img {
	border-radius: 18px !important;
	display: block !important;
}

@media (max-width:767px) {
	/* Carlos: fester, vollständig abgerundeter Bildrahmen */
	body .ha-about-second > div > .ha-about-image-right {
		position: relative !important;
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		aspect-ratio: 5 / 4 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		border-radius: 18px !important;
		clip-path: inset(0 round 18px) !important;
		box-sizing: border-box !important;
		transform: translateZ(0) !important;
	}
	
	/* Bild bleibt innerhalb des abgerundeten Rahmens */
	body .ha-about-second > div > .ha-about-image-right >
																				    .ha-about-image-fade-right {
		position: absolute !important;
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		object-fit: cover !important;
		object-position: center 18% !important;
		border-radius: 0 !important;
		clip-path: none !important;
	/*
																				        Person etwas weiter nach links:
																				        leicht vergrössern und innerhalb des Rahmens verschieben
																				        */
		transform: translateX(-3%) scale(1.06) !important;
		transform-origin: center center !important;
		filter: none !important;
	}
}

/* =====================================================
   HERA ACCOUNTS – DESKTOP NAVIGATION
===================================================== */
.hera-desktop-nav {
	display: flex;
	align-items: center;
	gap: 32px;
}

.hera-desktop-nav a {
	color: #171717;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	transition: opacity .25s ease;
}

.hera-desktop-nav a:hover {
	opacity: .55;
}

/* =====================================================
   HERA ACCOUNTS – HEADER RESET
===================================================== */
.hera-header-new {
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;
	z-index: 9999 !important;
	background: #F2EFE9 !important;
	overflow: visible !important;
}

.hera-header-inner-new {
	width: min(1180px, calc(100% - 48px)) !important;
	height: 88px !important;
	min-height: 0 !important;
	margin: 0 auto !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 24px !important;
	position: relative !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

/* Desktop: mobiles Menü ausblenden */
.hera-mobile-menu {
	display: none;
}

/* =====================================================
   TABLET UND MOBILE
===================================================== */
@media (max-width:1024px) {
	.hera-header-new {
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.hera-header-inner-new {
		width: calc(100% - 32px) !important;
		height: 82px !important;
		min-height: 0 !important;
		margin: 0 auto !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
	}
	
	/* Desktop-Navigation ausblenden */
	.hera-desktop-nav,
																				    .hera-cta-new {
		display: none !important;
	}
	
	/* Logo kompakter */
	.hera-brand-new {
		display: flex !important;
		align-items: center !important;
		gap: 12px !important;
		width: auto !important;
		max-width: calc(100% - 64px) !important;
		margin: 0 !important;
		padding: 0 !important;
		text-decoration: none !important;
	}
	
	.hera-brand-new img {
		display: block !important;
		width: 46px !important;
		height: 46px !important;
		margin: 0 !important;
		object-fit: contain !important;
		flex: 0 0 46px !important;
	}
	
	.hera-brand-text-new {
		display: flex !important;
		flex-direction: column !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1 !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		margin: 0 0 5px !important;
		font-size: 18px !important;
		line-height: 1 !important;
		white-space: nowrap !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		margin: 0 !important;
		font-size: 10px !important;
		line-height: 1.1 !important;
		white-space: nowrap !important;
	}
	
	/* =================================================
																				       NATIVES DETAILS-MENÜ
																				    ================================================= */
	.hera-mobile-menu {
		position: relative !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 46px !important;
		height: 46px !important;
		margin: 0 !important;
		padding: 0 !important;
		flex: 0 0 46px !important;
		z-index: 10001 !important;
	}
	
	/* Burger-Button */
	.hera-menu-button {
		position: relative !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 5px !important;
		width: 46px !important;
		height: 46px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 1px solid rgba(23,23,23,.14) !important;
		border-radius: 50% !important;
		background: #fff !important;
		box-shadow: 0 8px 24px rgba(0,0,0,.07) !important;
		cursor: pointer !important;
		list-style: none !important;
		box-sizing: border-box !important;
		z-index: 10003 !important;
	}
	
	/* Standard-Pfeil von details entfernen */
	.hera-menu-button::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-menu-button::marker {
		display: none !important;
		content: "" !important;
	}
	
	.hera-menu-button span {
		display: block !important;
		width: 19px !important;
		height: 2px !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 999px !important;
		background: #171717 !important;
		transition: transform .25s ease, opacity .2s ease !important;
	}
	
	/* Dropdown */
	.hera-mobile-panel {
		position: absolute !important;
		top: 58px !important;
		right: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		width: min(310px, calc(100vw - 32px)) !important;
		margin: 0 !important;
		padding: 14px !important;
		border: 1px solid rgba(23,23,23,.08) !important;
		border-radius: 18px !important;
		background: #fff !important;
		box-shadow: 0 24px 70px rgba(0,0,0,.16) !important;
		box-sizing: border-box !important;
		z-index: 10002 !important;
	}
	
	.hera-mobile-panel a {
		display: flex !important;
		align-items: center !important;
		min-height: 48px !important;
		padding: 11px 14px !important;
		border-radius: 11px !important;
		color: #171717 !important;
		text-decoration: none !important;
		font-size: 16px !important;
		line-height: 1.2 !important;
		font-weight: 500 !important;
		box-sizing: border-box !important;
	}
	
	.hera-mobile-panel a:active {
		background: #F2EFE9 !important;
	}
	
	.hera-mobile-panel .hera-mobile-menu-cta {
		justify-content: center !important;
		margin-top: 8px !important;
		border-radius: 999px !important;
		background: #111 !important;
		color: #fff !important;
	}
	
	/* Burger wird beim Öffnen zum X */
	.hera-mobile-menu[open] .hera-menu-button span:nth-child(1) {
		transform: translateY(7px) rotate(45deg) !important;
	}
	
	.hera-mobile-menu[open] .hera-menu-button span:nth-child(2) {
		opacity: 0 !important;
	}
	
	.hera-mobile-menu[open] .hera-menu-button span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg) !important;
	}
}

@media (max-width:1024px) {
	.hera-header-new {
		margin-top: 0 !important;
	}
	
	.hera-header-new:first-child {
		padding-top: 0 !important;
	}
}

/* =====================================================
   MOBILE HEADER – STABILE AUSRICHTUNG
===================================================== */
@media (max-width:1024px) {
	.hera-header-inner-new {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: calc(100% - 32px) !important;
		max-width: none !important;
		height: 82px !important;
		margin: 0 auto !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}
	
	.hera-brand-new {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		max-width: calc(100% - 62px) !important;
		margin: 0 !important;
	}
	
	.hera-mobile-menu {
		position: relative !important;
		display: block !important;
		flex: 0 0 46px !important;
		width: 46px !important;
		height: 46px !important;
		margin: 0 0 0 16px !important;
		padding: 0 !important;
		z-index: 10000 !important;
	}
	
	.hera-menu-button {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-direction: column !important;
		gap: 5px !important;
		width: 46px !important;
		height: 46px !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}
	
	.hera-mobile-panel {
		position: absolute !important;
		top: 58px !important;
		right: 0 !important;
		left: auto !important;
		width: 280px !important;
		max-width: calc(100vw - 32px) !important;
		min-width: 240px !important;
		margin: 0 !important;
		padding: 16px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		box-sizing: border-box !important;
		z-index: 99999 !important;
	}
	
	.hera-mobile-panel a {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		width: 100% !important;
		white-space: nowrap !important;
	}
}

/* =====================================================
   MOBILE DROPDOWN – TEXT HORIZONTAL ERZWINGEN
===================================================== */
@media (max-width:1024px) {
	.hera-mobile-panel {
		position: absolute !important;
		top: 58px !important;
		right: 0 !important;
		left: auto !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		width: 280px !important;
		min-width: 280px !important;
		max-width: calc(100vw - 32px) !important;
		height: auto !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
	
	/* Alle Elemente im Dropdown zurücksetzen */
	.hera-mobile-panel,
																				    .hera-mobile-panel *,
																				    .hera-mobile-panel a,
																				    .hera-mobile-panel a * {
		direction: ltr !important;
		white-space: nowrap !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
		transform: none !important;
	}
	
	/* Einzelne Menülinks */
	.hera-mobile-panel > a {
		position: relative !important;
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		height: auto !important;
		min-height: 50px !important;
		margin: 0 !important;
		padding: 15px 16px !important;
		font-size: 16px !important;
		line-height: 20px !important;
		text-align: left !important;
		box-sizing: border-box !important;
	}
	
	/* CTA */
	.hera-mobile-panel > a.hera-mobile-menu-cta {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin-top: 10px !important;
		text-align: center !important;
	}
	
	/* Nur die Burgerlinien dürfen transformiert werden */
	.hera-mobile-menu[open]
																				    .hera-menu-button span:nth-child(1) {
		transform: translateY(7px) rotate(45deg) !important;
	}
	
	.hera-mobile-menu[open]
																				    .hera-menu-button span:nth-child(2) {
		opacity: 0 !important;
	}
	
	.hera-mobile-menu[open]
																				    .hera-menu-button span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg) !important;
	}
}

/* =====================================================
   HERA MOBILE NAVIGATION V2
   Neue Klassen ohne Konflikte
===================================================== */
.hera-nav-mobile-v2 {
	display: none;
}

@media (max-width:600px) {
	.hera-nav-panel-v2 {
		position: fixed !important;
		top: 90px !important;
		left: 16px !important;
		right: 16px !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		height: auto !important;
		margin: 0 !important;
		padding: 14px !important;
		display: block !important;
		background: #fff !important;
		border: 1px solid rgba(23,23,23,.08) !important;
		border-radius: 18px !important;
		box-shadow: 0 24px 70px rgba(0,0,0,.16) !important;
		box-sizing: border-box !important;
		z-index: 999999 !important;
	}
	
	.hera-nav-panel-v2 > a {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 14px 16px !important;
		font-size: 16px !important;
		line-height: 22px !important;
		text-align: left !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		transform: none !important;
		box-sizing: border-box !important;
	}
	
	.hera-nav-panel-v2 > .hera-nav-cta-v2 {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin-top: 10px !important;
		text-align: center !important;
		white-space: nowrap !important;
	}
}

/* ===== HEADER ===== */
.hera-header-v3 {
	position: sticky;
	top: 0;
	z-index: 9999;
	background: #f2efe9;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.hera-header-inner-v3 {
	max-width: 1280px;
	margin: 0 auto;
	padding: 14px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
}

/* ===== LOGO ===== */
.hera-brand-v3 {
	display: flex;
	align-items: center;
	gap: 14px;
	text-decoration: none;
	color: inherit;
}

.hera-brand-v3 img {
	width: 48px;
/* Logo-Grösse */
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
}

.hera-brand-copy-v3 {
	display: flex;
	flex-direction: column;
}

.hera-brand-copy-v3 strong {
	font-size: 18px;
	letter-spacing: 1px;
}

.hera-brand-copy-v3 small {
	font-size: 12px;
	color: #666;
}

/* ===== DESKTOP MENU ===== */
.hera-desktop-nav-v3 {
	display: flex;
	align-items: center;
	gap: 28px;
	flex: 1;
	justify-content: center;
}

.hera-desktop-nav-v3 a {
	text-decoration: none;
	color: #222;
	font-size: 15px;
	font-weight: 500;
}

.hera-desktop-nav-v3 a:hover {
	color: #d4af37;
}

/* ===== BUTTON ===== */
.hera-header-cta-v3 {
	padding: 12px 22px;
	border: 1px solid #d4af37;
	border-radius: 999px;
	text-decoration: none;
	color: #222;
	font-weight: 600;
}

/* ===== MOBILE ===== */
.hera-mobile-nav-v3 {
	display: none;
}

.hera-mobile-trigger-v3 {
	list-style: none;
	cursor: pointer;
}

.hera-mobile-trigger-v3::-webkit-details-marker {
	display: none;
}

.hera-mobile-trigger-v3 span {
	display: block;
	width: 24px;
	height: 2px;
	background: #222;
	margin: 5px 0;
}

.hera-mobile-panel-v3 {
	position: absolute;
	top: 78px;
	right: 20px;
	width: 240px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.hera-mobile-panel-v3 a {
	text-decoration: none;
	color: #222;
}

.hera-mobile-cta-v3 {
	padding: 12px;
	border: 1px solid #d4af37;
	border-radius: 999px;
	text-align: center;
}

/* ===== TABLET + MOBILE ===== */
@media (max-width: 980px) {
	.hera-desktop-nav-v3,
																  .hera-header-cta-v3 {
		display: none;
	}
	
	.hera-mobile-nav-v3 {
		display: block;
	}
	
	.hera-brand-copy-v3 small {
		display: none;
	}
	
	.hera-brand-copy-v3 strong {
		font-size: 16px;
	}
	
	.hera-brand-v3 img {
		width: 42px;
		height: 42px;
	}
}

/* =====================================================
   HEADER – DESKTOP-LINKS NICHT MEHR SENKRECHT
===================================================== */
.hera-desktop-menu {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 28px !important;
	margin-left: auto !important;
	flex: 0 0 auto !important;
	width: auto !important;
	min-width: max-content !important;
	white-space: nowrap !important;
}

.hera-desktop-menu a {
	display: inline-flex !important;
	align-items: center !important;
	flex: 0 0 auto !important;
	width: auto !important;
	min-width: max-content !important;
	margin: 0 !important;
	padding: 8px 0 !important;
	color: #171717 !important;
	text-decoration: none !important;
	font-size: 15px !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* Auf iPad rechtzeitig auf Burger wechseln */
@media (max-width: 1180px) {
	.hera-desktop-menu,
															  .hera-cta-new {
		display: none !important;
	}
	
	.hera-nav-mobile-v2 {
		display: block !important;
	}
}

.hera-header-inner-new > a:not(.hera-brand-new):not(.hera-cta-new) {
	font-size: 19px;
}

/* HERO-TEXTBLOCK WIRKLICH MITTIG POSITIONIEREN */
body .ha-hero .ha-hero-inner {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	box-sizing: border-box !important;
}

body .ha-hero .ha-hero-inner .ha-hero-content {
	width: min(620px, 100%) !important;
	max-width: 620px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: left !important;
	transform: none !important;
}

/* =====================================================
   HERO DESKTOP – GLEICHE BREITE WIE HEADER
===================================================== */
@media (min-width: 1025px) {
	.ha-hero {
		width: 100% !important;
		max-width: 1280px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		left: auto !important;
		transform: none !important;
		min-height: 440px !important;
		background-color: #F2EFE9 !important;
		border-radius: 0 !important;
		overflow: hidden !important;
	}
	
	.ha-hero-inner {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding-left: 56px !important;
		padding-right: 56px !important;
		box-sizing: border-box !important;
	}
	
	.ha-hero-content {
		width: 620px !important;
		max-width: 620px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 !important;
		text-align: left !important;
	}
	
	/* =====================================================
													   HERO IPAD
													===================================================== */
	@media (min-width: 769px) and (max-width: 1024px) {
	.ha-hero {
		width: calc(100% - 48px) !important;
		max-width: 960px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		left: auto !important;
		transform: none !important;
		min-height: 420px !important;
		background-color: #F2EFE9 !important;
		overflow: hidden !important;
	}
	
	.ha-hero-inner {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding-left: 40px !important;
		padding-right: 40px !important;
		box-sizing: border-box !important;
	}
	
	.ha-hero-content {
		width: 100% !important;
		max-width: 600px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 !important;
		text-align: left !important;
	}
	
	.ha-hero h1 {
		font-size: 46px !important;
		line-height: 1.08 !important;
	}
	
	.ha-hero p {
		font-size: 16px !important;
		line-height: 1.65 !important;
	}
}

	
}

/* =====================================================
   LEISTUNGEN INTRO – NEUE KONFLIKTFREIE VERSION
===================================================== */
.hera-services-intro {
	width: 100% !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

.hera-services-intro-inner {
	width: min(1180px, calc(100% - 96px)) !important;
	margin: 0 auto !important;
	padding: 90px 0 !important;
	box-sizing: border-box !important;
}

.hera-services-intro-content {
	width: 100% !important;
	max-width: 620px !important;
	margin: 0 auto !important;
	text-align: left !important;
}

.hera-services-intro-eyebrow {
	font-size: 12px !important;
	letter-spacing: .25em !important;
	text-transform: uppercase !important;
	color: #C6A46C !important;
	margin-bottom: 18px !important;
}

.hera-services-intro h1 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 48px !important;
	line-height: 1.08 !important;
	color: #171717 !important;
	margin: 0 0 28px !important;
}

.hera-services-intro p {
	max-width: 590px !important;
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1.7 !important;
	color: #33302C !important;
}

.hera-services-intro-line {
	display: block !important;
	width: 52px !important;
	height: 2px !important;
	margin-top: 34px !important;
	background: #C6A46C !important;
}

/* iPhone */
@media (max-width: 767px) {
	.hera-services-intro-inner {
		width: calc(100% - 40px) !important;
		padding: 58px 0 62px !important;
	}
	
	.hera-services-intro-content {
		max-width: 100% !important;
	}
	
	.hera-services-intro h1 {
		font-size: 36px !important;
	}
	
	.hera-services-intro p {
		font-size: 15px !important;
	}
}

/* =====================================================
   HERO DESKTOP – LINKS AUF HEADER-FLUCHT
===================================================== */
@media (min-width: 1025px) {
	.ha-hero-inner {
		width: min(1180px, calc(100vw - 96px)) !important;
		max-width: 1180px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		box-sizing: border-box !important;
	}
	
	.ha-hero-content {
		width: 620px !important;
		max-width: 620px !important;
		margin-left: 0 !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: left !important;
		transform: none !important;
	}
}

/* =====================================================
   HERA ACCOUNTS – INTRO BLOCK V4
   Desktop + iPad + iPhone
===================================================== */
.hera-intro-v4 {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

/* INNERER CONTAINER */
.hera-intro-inner-v4 {
	width: min(1180px, calc(100% - 96px)) !important;
	margin: 0 auto !important;
	padding: 96px 0 92px !important;
	box-sizing: border-box !important;
}

/* TEXTBLOCK */
.hera-intro-content-v4 {
	width: 100% !important;
	max-width: 760px !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
	box-sizing: border-box !important;
}

/* KLEINE OBERZEILE */
.hera-intro-eyebrow-v4 {
	margin: 0 0 18px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	letter-spacing: .2em !important;
	text-transform: uppercase !important;
	color: #C6A46C !important;
}

/* HAUPTÜBERSCHRIFT */
.hera-intro-v4 h1 {
	margin: 0 0 26px !important;
	padding: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 54px !important;
	font-weight: 600 !important;
	line-height: 1.08 !important;
	letter-spacing: -.015em !important;
	color: #171717 !important;
}

/* BESCHREIBUNG */
.hera-intro-v4 p {
	width: 100% !important;
	max-width: 700px !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	color: #3B3834 !important;
}

/* GOLDENE LINIE */
.hera-intro-line-v4 {
	display: block !important;
	width: 48px !important;
	height: 1.5px !important;
	margin-top: 32px !important;
	background: #C6A46C !important;
}

/* =====================================================
   IPAD / TABLET
===================================================== */
@media screen and (max-width: 1024px) {
	.hera-intro-inner-v4 {
		width: calc(100% - 64px) !important;
		padding: 76px 0 78px !important;
	}
	
	.hera-intro-content-v4 {
		max-width: 680px !important;
	}
	
	.hera-intro-eyebrow-v4 {
		font-size: 11px !important;
		margin-bottom: 16px !important;
	}
	
	.hera-intro-v4 h1 {
		font-size: 46px !important;
		line-height: 1.08 !important;
		margin-bottom: 24px !important;
	}
	
	.hera-intro-v4 p {
		max-width: 640px !important;
		font-size: 16px !important;
		line-height: 1.65 !important;
	}
	
	.hera-intro-line-v4 {
		margin-top: 30px !important;
	}
}

/* =====================================================
   IPHONE / MOBILE
===================================================== */
@media screen and (max-width: 767px) {
	.hera-intro-v4 {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}
	
	.hera-intro-inner-v4 {
		width: calc(100% - 40px) !important;
		margin: 0 auto !important;
		padding: 56px 0 60px !important;
	}
	
	.hera-intro-content-v4 {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.hera-intro-eyebrow-v4 {
		margin-bottom: 15px !important;
		font-size: 10px !important;
		letter-spacing: .18em !important;
	}
	
	.hera-intro-v4 h1 {
		margin: 0 0 20px !important;
		font-size: 38px !important;
		font-weight: 600 !important;
		line-height: 1.08 !important;
		letter-spacing: -.01em !important;
	}
	
	.hera-intro-v4 p {
		width: 100% !important;
		max-width: 100% !important;
		font-size: 15px !important;
		line-height: 1.65 !important;
	}
	
	.hera-intro-line-v4 {
		width: 44px !important;
		height: 1.5px !important;
		margin-top: 28px !important;
	}
}

/* =====================================================
   SEHR KLEINE IPHONES
===================================================== */
@media screen and (max-width: 390px) {
	.hera-intro-inner-v4 {
		width: calc(100% - 32px) !important;
		padding-top: 50px !important;
		padding-bottom: 54px !important;
	}
	
	.hera-intro-v4 h1 {
		font-size: 34px !important;
	}
	
	.hera-intro-v4 p {
		font-size: 14.5px !important;
	}
}

/* =====================================================
   HERA ACCOUNTS
   AI HERO – TEXT LINKS / BILD RECHTS
===================================================== */
.hera-ai-intro-v1 {
	width: 100% !important;
	margin: 0 !important;
	padding: 55px 0 70px !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

/* GESAMTER BLOCK */
.hera-ai-intro-inner-v1 {
	width: min(1180px, calc(100% - 96px)) !important;
	min-height: 480px !important;
	margin: 0 auto !important;
	display: grid !important;
	grid-template-columns: 46% 54% !important;
	position: relative !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

/* =====================================================
   TEXT LINKS
===================================================== */
.hera-ai-intro-text-v1 {
	position: relative !important;
	z-index: 3 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	padding: 55px 15px 55px 58px !important;
	box-sizing: border-box !important;
}

/* HERA ACCOUNTS */
.hera-ai-intro-kicker-v1 {
	margin: 0 0 18px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	letter-spacing: .22em !important;
	text-transform: uppercase !important;
	color: #C6A46C !important;
}

/* HEADLINE */
.hera-ai-intro-text-v1 h1 {
	margin: 0 0 25px !important;
	padding: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 46px !important;
	font-weight: 600 !important;
	line-height: 1.07 !important;
	letter-spacing: -.015em !important;
	color: #171717 !important;
}

/* Menschliche Expertise etwas feiner */
.hera-ai-intro-text-v1 h1 span {
	font-weight: 500 !important;
}

/* BESCHREIBUNG */
.hera-ai-intro-text-v1 p {
	width: 100% !important;
	max-width: 470px !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	color: #3B3834 !important;
}

/* GOLDENE LINIE */
.hera-ai-intro-line-v1 {
	display: block !important;
	width: 48px !important;
	height: 1.5px !important;
	margin-top: 30px !important;
	background: #C6A46C !important;
}

/* =====================================================
   BILD RECHTS
===================================================== */
.hera-ai-intro-image-v1 {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 480px !important;
	overflow: hidden !important;
}

.hera-ai-intro-image-v1 img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
/* Motiv etwas nach rechts */
	object-position: 58% center !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 0 18px 18px 0 !important;
}

/* SOFTER ÜBERGANG ZUM TEXT */
.hera-ai-intro-image-v1::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 40% !important;
	background: linear-gradient(to right,
    #F2EFE9 0%,
    rgba(242,239,233,.96) 20%,
    rgba(242,239,233,.78) 42%,
    rgba(242,239,233,.40) 67%,
    rgba(242,239,233,0) 100%) !important;
	z-index: 2 !important;
	pointer-events: none !important;
}

/* =====================================================
   IPAD
===================================================== */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.hera-ai-intro-inner-v1 {
		width: calc(100% - 56px) !important;
		grid-template-columns: 48% 52% !important;
		min-height: 430px !important;
	}
	
	.hera-ai-intro-text-v1 {
		padding: 42px 10px 42px 40px !important;
	}
	
	.hera-ai-intro-text-v1 h1 {
		font-size: 38px !important;
	}
	
	.hera-ai-intro-text-v1 p {
		font-size: 14px !important;
	}
	
	.hera-ai-intro-image-v1 {
		min-height: 430px !important;
	}
}

/* =====================================================
   IPHONE
===================================================== */
@media screen and (max-width: 767px) {
	.hera-ai-intro-v1 {
		padding: 28px 18px 50px !important;
	}
	
	.hera-ai-intro-inner-v1 {
		width: 100% !important;
		min-height: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		border-radius: 18px !important;
	}
	
	/* TEXT OBEN */
	.hera-ai-intro-text-v1 {
		order: 1 !important;
		width: 100% !important;
		padding: 34px 24px 32px !important;
	}
	
	.hera-ai-intro-kicker-v1 {
		font-size: 10px !important;
		margin-bottom: 15px !important;
	}
	
	.hera-ai-intro-text-v1 h1 {
		font-size: 35px !important;
		line-height: 1.08 !important;
		margin-bottom: 20px !important;
	}
	
	.hera-ai-intro-text-v1 p {
		max-width: 100% !important;
		font-size: 15px !important;
		line-height: 1.65 !important;
	}
	
	.hera-ai-intro-line-v1 {
		margin-top: 25px !important;
	}
	
	/* BILD UNTEN */
	.hera-ai-intro-image-v1 {
		order: 2 !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: 5 / 4 !important;
		border-radius: 18px !important;
		overflow: hidden !important;
	}
	
	.hera-ai-intro-image-v1 img {
		position: absolute !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	/* Person / Monitor auf Mobile im Bild behalten */
		object-position: 68% center !important;
		border-radius: 18px !important;
	}
	
	/* Auf Mobile kein seitlicher Verlauf */
	.hera-ai-intro-image-v1::before {
		display: none !important;
	}
}

/* =====================================================
   HERA ACCOUNTS – AI HERO
   KOMPLETTE VERSION
   Desktop + iPad + Mobile
===================================================== */
/* =====================================================
   BASIS / SECTION
===================================================== */
.hera-ai-intro-v1 {
	width: 100% !important;
	margin: 0 !important;
	padding: 55px 0 70px !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

/* =====================================================
   HERO CONTAINER
===================================================== */
.hera-ai-intro-inner-v1 {
	width: min(1180px, calc(100% - 96px)) !important;
	min-height: 480px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	position: relative !important;
	display: grid !important;
	grid-template-columns: 46% 54% !important;
	align-items: stretch !important;
	background: #F2EFE9 !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

/* =====================================================
   TEXT LINKS
===================================================== */
.hera-ai-intro-text-v1 {
	position: relative !important;
	z-index: 5 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 55px 0 55px 58px !important;
	box-sizing: border-box !important;
/*
     Text bewusst etwas ins Bild hinein
  */
	transform: translateX(70px) !important;
}

/* =====================================================
   KLEINE OBERZEILE
===================================================== */
.hera-ai-intro-kicker-v1 {
	margin: 0 0 18px !important;
	padding: 0 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	letter-spacing: .22em !important;
	text-transform: uppercase !important;
	color: #C6A46C !important;
}

/* =====================================================
   HEADLINE
===================================================== */
.hera-ai-intro-text-v1 h1 {
	width: 580px !important;
	max-width: 580px !important;
	margin: 0 0 25px !important;
	padding: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 46px !important;
	font-weight: 600 !important;
	line-height: 1.07 !important;
	letter-spacing: -.015em !important;
	color: #171717 !important;
	text-align: left !important;
}

/* Zweiter Teil etwas feiner */
.hera-ai-intro-text-v1 h1 span {
	font-weight: 500 !important;
}

/* =====================================================
   BESCHREIBUNG
===================================================== */
.hera-ai-intro-text-v1 p {
	width: 500px !important;
	max-width: 500px !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	color: #3B3834 !important;
	text-align: left !important;
}

/* =====================================================
   GOLDENE LINIE
===================================================== */
.hera-ai-intro-line-v1 {
	display: block !important;
	width: 48px !important;
	height: 1.5px !important;
	margin-top: 30px !important;
	background: #C6A46C !important;
}

/* =====================================================
   BILD RECHTS
===================================================== */
.hera-ai-intro-image-v1 {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 480px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border-radius: 0 18px 18px 0 !important;
}

/* BILD */
.hera-ai-intro-image-v1 img {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover !important;
/*
     Person + Monitor schön sichtbar
  */
	object-position: 58% center !important;
	border-radius: 0 18px 18px 0 !important;
	transform: none !important;
}

/* =====================================================
   FADE DES BILDES
   Beginnt jetzt deutlich früher / weiter links
===================================================== */
.hera-ai-intro-image-v1::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 64% !important;
	background: linear-gradient(to right,

    #F2EFE9 0%,
    #F2EFE9 12%,

    rgba(242,239,233,.96) 22%,
    rgba(242,239,233,.82) 36%,
    rgba(242,239,233,.58) 52%,
    rgba(242,239,233,.32) 70%,
    rgba(242,239,233,.12) 88%,
    rgba(242,239,233,0) 100%) !important;
	z-index: 2 !important;
	pointer-events: none !important;
}

/* =====================================================
   GROSSE DESKTOPS
===================================================== */
@media screen and (min-width: 1280px) {
	.hera-ai-intro-inner-v1 {
		min-height: 500px !important;
	}
	
	.hera-ai-intro-image-v1 {
		min-height: 500px !important;
	}
}

/* =====================================================
   IPAD / TABLET
===================================================== */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.hera-ai-intro-v1 {
		padding: 40px 0 55px !important;
	}
	
	.hera-ai-intro-inner-v1 {
		width: calc(100% - 56px) !important;
		min-height: 430px !important;
		grid-template-columns: 48% 52% !important;
	}
	
	/* Text etwas weniger verschieben */
	.hera-ai-intro-text-v1 {
		padding: 42px 0 42px 38px !important;
		transform: translateX(35px) !important;
	}
	
	.hera-ai-intro-kicker-v1 {
		font-size: 10px !important;
		margin-bottom: 15px !important;
	}
	
	.hera-ai-intro-text-v1 h1 {
		width: 440px !important;
		max-width: 440px !important;
		font-size: 38px !important;
		line-height: 1.08 !important;
		margin-bottom: 21px !important;
	}
	
	.hera-ai-intro-text-v1 p {
		width: 390px !important;
		max-width: 390px !important;
		font-size: 14px !important;
		line-height: 1.65 !important;
	}
	
	.hera-ai-intro-line-v1 {
		margin-top: 26px !important;
	}
	
	.hera-ai-intro-image-v1 {
		min-height: 430px !important;
	}
	
	.hera-ai-intro-image-v1 img {
		object-position: 62% center !important;
	}
	
	/* Fade auf iPad ebenfalls früher */
	.hera-ai-intro-image-v1::before {
		width: 66% !important;
		background: linear-gradient(to right,
											
											      #F2EFE9 0%,
											      #F2EFE9 10%,
											
											      rgba(242,239,233,.96) 20%,
											      rgba(242,239,233,.82) 35%,
											      rgba(242,239,233,.58) 52%,
											      rgba(242,239,233,.30) 72%,
											      rgba(242,239,233,.10) 90%,
											      rgba(242,239,233,0) 100%) !important;
	}
}

/* =====================================================
   MOBILE / IPHONE
===================================================== */
@media screen and (max-width: 767px) {
	.hera-ai-intro-v1 {
		width: 100% !important;
		margin: 0 !important;
		padding: 28px 18px 48px !important;
		background: #F2EFE9 !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}
	
	/* Hero vertikal */
	.hera-ai-intro-inner-v1 {
		width: 100% !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		border-radius: 18px !important;
		overflow: hidden !important;
	}
	
	/* =================================================
											     TEXT OBEN
											  ================================================= */
	.hera-ai-intro-text-v1 {
		position: relative !important;
		order: 1 !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 34px 24px 32px !important;
		transform: none !important;
		background: #F2EFE9 !important;
		box-sizing: border-box !important;
	}
	
	.hera-ai-intro-kicker-v1 {
		margin: 0 0 14px !important;
		font-size: 10px !important;
		line-height: 1.2 !important;
		letter-spacing: .18em !important;
	}
	
	.hera-ai-intro-text-v1 h1 {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 20px !important;
		font-size: 35px !important;
		font-weight: 600 !important;
		line-height: 1.08 !important;
		letter-spacing: -.01em !important;
	}
	
	.hera-ai-intro-text-v1 h1 span {
		font-weight: 500 !important;
	}
	
	.hera-ai-intro-text-v1 p {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		font-size: 15px !important;
		line-height: 1.65 !important;
	}
	
	.hera-ai-intro-line-v1 {
		width: 44px !important;
		margin-top: 25px !important;
	}
	
	/* =================================================
											     BILD UNTEN
											  ================================================= */
	.hera-ai-intro-image-v1 {
		position: relative !important;
		order: 2 !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: 5 / 4 !important;
		margin: 0 !important;
		border-radius: 18px !important;
		overflow: hidden !important;
	}
	
	.hera-ai-intro-image-v1 img {
		position: absolute !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	/*
											       Auf Mobile Person + Monitor
											       im sichtbaren Bereich halten
											    */
		object-position: 70% center !important;
		border-radius: 18px !important;
	}
	
	/*
											     Mobile kein horizontaler Fade,
											     da Bild unter dem Text steht
											  */
	.hera-ai-intro-image-v1::before {
		display: none !important;
	}
}

/* =====================================================
   KLEINE IPHONES
===================================================== */
@media screen and (max-width: 390px) {
	.hera-ai-intro-v1 {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}
	
	.hera-ai-intro-text-v1 {
		padding: 30px 20px 28px !important;
	}
	
	.hera-ai-intro-text-v1 h1 {
		font-size: 32px !important;
	}
	
	.hera-ai-intro-text-v1 p {
		font-size: 14.5px !important;
	}
}

/* =====================================================
   AI HERO – BILD + FADE DEUTLICH WEITER NACH LINKS
===================================================== */
@media screen and (min-width: 1025px) {
	/* Bildbereich ca. 200px nach links unter den Text ziehen */
	.hera-ai-intro-image-v1 {
		left: -200px !important;
		width: calc(100% + 200px) !important;
	}
	
	/* Verlauf beginnt praktisch sofort */
	.hera-ai-intro-image-v1::before {
		left: 0 !important;
		width: 72% !important;
		background: linear-gradient(to right,
											
											      #F2EFE9 0%,
											      rgba(242,239,233,.97) 4%,
											      rgba(242,239,233,.88) 12%,
											      rgba(242,239,233,.72) 24%,
											      rgba(242,239,233,.52) 38%,
											      rgba(242,239,233,.30) 54%,
											      rgba(242,239,233,.13) 72%,
											      rgba(242,239,233,.04) 88%,
											      rgba(242,239,233,0) 100%) !important;
	}
}

/* =====================================================
   IPAD
===================================================== */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.hera-ai-intro-image-v1 {
		left: -110px !important;
		width: calc(100% + 110px) !important;
	}
	
	.hera-ai-intro-image-v1::before {
		left: 0 !important;
		width: 72% !important;
		background: linear-gradient(to right,
											
											      #F2EFE9 0%,
											      rgba(242,239,233,.96) 5%,
											      rgba(242,239,233,.84) 16%,
											      rgba(242,239,233,.64) 32%,
											      rgba(242,239,233,.40) 50%,
											      rgba(242,239,233,.18) 70%,
											      rgba(242,239,233,0) 100%) !important;
	}
}

/* =====================================================
   MOBILE
   Bild bleibt wie bisher unter dem Text
===================================================== */
@media screen and (max-width: 767px) {
	.hera-ai-intro-image-v1 {
		left: auto !important;
		width: 100% !important;
	}
	
	.hera-ai-intro-image-v1::before {
		display: none !important;
	}
}

/* =====================================================
   AI HERO – BILD NOCH ETWAS WEITER NACH LINKS
===================================================== */
@media screen and (min-width: 1025px) {
	.hera-ai-intro-image-v1 {
		left: -200px !important;
		width: calc(100% + 250px) !important;
	}
}

/* IPAD */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.hera-ai-intro-image-v1 {
		left: -140px !important;
		width: calc(100% + 140px) !important;
	}
}

/* MOBILE unverändert */
@media screen and (max-width: 767px) {
	.hera-ai-intro-image-v1 {
		left: auto !important;
		width: 100% !important;
	}
}

/* =====================================================
   AI HERO – GESAMTEN BLOCK ETWAS NACH LINKS
===================================================== */
/* DESKTOP */
@media screen and (min-width: 1025px) {
	.hera-ai-intro-inner-v1 {
		left: -30px !important;
	}
}

/* IPAD */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.hera-ai-intro-inner-v1 {
		left: -15px !important;
	}
}

/* MOBILE bleibt zentriert */
@media screen and (max-width: 767px) {
	.hera-ai-intro-inner-v1 {
		left: 0 !important;
	}
}

/* =========================================================
   HERA HEADER – COMPLETE CSS
   Desktop / iPad / Mobile
========================================================= */
:root {
}

/* =========================================================
   STACKING / Z-INDEX FIX
========================================================= */
/* Header liegt immer über dem Seiteninhalt */
.hera-header-new {
	width: 100%;
	background: var(--hera-bg);
	border-bottom: 1px solid var(--hera-line);
	position: relative;
	z-index: 9999;
}

/* Normale Inhalte bleiben unterhalb des Headers */
main,
section {
	position: relative;
	z-index: 1;
}

/* =========================================================
   HEADER INNER
========================================================= */
.hera-header-inner-new {
	width: min(1180px, calc(100% - 48px));
	min-height: 96px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 34px;
	position: relative;
	z-index: 10000;
}

/* =========================================================
   BRAND / LOGO
========================================================= */
.hera-brand-new {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-shrink: 0;
	text-decoration: none;
	color: var(--hera-text);
}

.hera-brand-new img {
	width: 56px;
	height: 56px;
	object-fit: contain;
	display: block;
}

.hera-brand-text-new {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.hera-brand-text-new strong {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 26px;
	line-height: 1;
	letter-spacing: .5px;
	font-weight: 600;
	color: var(--hera-text);
}

.hera-brand-text-new span {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	line-height: 1.3;
	color: var(--hera-muted);
}

/* =========================================================
   DESKTOP NAVIGATION
========================================================= */
.hera-nav-desktop-new {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	gap: 30px;
}

.hera-nav-desktop-new > a,
.hera-nav-main-new {
	color: var(--hera-text);
	text-decoration: none;
	font-size: 16px;
	line-height: 1;
	font-weight: 400;
	transition: color .25s ease, opacity .25s ease;
}

.hera-nav-desktop-new > a:hover,
.hera-nav-main-new:hover {
	color: var(--hera-gold);
}

/* =========================================================
   LÖSUNGEN DROPDOWN
========================================================= */
.hera-nav-dropdown-new {
	position: static;
}

.hera-nav-main-new {
	display: flex;
	align-items: center;
	gap: 7px;
	min-height: 96px;
}

.hera-nav-arrow-new {
	font-size: 15px;
	line-height: 1;
	transition: transform .25s ease;
}

.hera-nav-dropdown-new:hover .hera-nav-arrow-new {
	transform: rotate(180deg);
}

/* =========================================================
   MEGA MENU
========================================================= */
.hera-mega-menu-new {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: var(--hera-bg-light);
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
	box-shadow: 0 18px 35px rgba(35, 28, 22, 0.08);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	pointer-events: none;
	transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
	z-index: 10001;
}

/* Menü öffnen */
.hera-nav-dropdown-new:hover .hera-mega-menu-new {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

/* =========================================================
   MEGA MENU INNER
========================================================= */
.hera-mega-inner-new {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 42px;
	padding: 34px 24px 38px;
}

/* einzelne Spalte */
.hera-mega-column-new {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
}

/* Haupttitel */
.hera-mega-title-new {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 600;
	color: var(--hera-text);
	text-decoration: none;
	margin-bottom: 11px;
	transition: color .25s ease;
}

.hera-mega-title-new:hover {
	color: var(--hera-gold);
}

/* Goldlinie */
.hera-mega-line-new {
	display: block;
	width: 28px;
	height: 1px;
	background: var(--hera-gold);
	margin-bottom: 15px;
}

/* Produktlinks */
.hera-mega-column-new > a:not(.hera-mega-title-new) {
	display: inline-block;
	padding: 4px 0;
	color: #5d554d;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.45;
	transition: color .2s ease, transform .2s ease;
}

.hera-mega-column-new > a:not(.hera-mega-title-new):hover {
	color: var(--hera-gold);
	transform: translateX(3px);
}

/* =========================================================
   DESKTOP CTA
========================================================= */
.hera-cta-new {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	min-width: 126px;
	min-height: 38px;
	padding: 8px 19px;
	border: 1px solid var(--hera-gold);
	border-radius: 999px;
	background: transparent;
	color: var(--hera-text);
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	transition: background .25s ease, color .25s ease, border-color .25s ease;
}

.hera-cta-new:hover {
	background: var(--hera-gold);
	color: var(--hera-white);
}

/* =========================================================
   MOBILE MENU DEFAULT
========================================================= */
.hera-nav-mobile-v2 {
	display: none;
}

/* =========================================================
   IPAD / TABLET LANDSCAPE
========================================================= */
@media (max-width: 1100px) {
	.hera-header-inner-new {
		width: min(1040px, calc(100% - 36px));
		gap: 22px;
	}
	
	.hera-nav-desktop-new {
		gap: 20px;
	}
	
	.hera-nav-desktop-new > a,
											  .hera-nav-main-new {
		font-size: 15px;
	}
	
	.hera-brand-new {
		gap: 11px;
	}
	
	.hera-brand-new img {
		width: 50px;
		height: 50px;
	}
	
	.hera-brand-text-new strong {
		font-size: 22px;
	}
	
	.hera-brand-text-new span {
		font-size: 11px;
	}
	
	.hera-cta-new {
		min-width: 112px;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 13px;
	}
	
	.hera-mega-inner-new {
		gap: 24px;
		padding-left: 18px;
		padding-right: 18px;
	}
	
	.hera-mega-title-new {
		font-size: 17px;
	}
	
	.hera-mega-column-new > a:not(.hera-mega-title-new) {
		font-size: 13px;
	}
}

/* =========================================================
   MOBILE / SMALL TABLET
========================================================= */
@media (max-width: 900px) {
	.hera-header-new {
		z-index: 9999;
	}
	
	.hera-header-inner-new {
		width: calc(100% - 28px);
		min-height: 82px;
		gap: 16px;
	}
	
	/* Desktop Elemente aus */
	.hera-nav-desktop-new,
											  .hera-cta-new {
		display: none;
	}
	
	/* =====================================================
											     LOGO MOBILE
											  ====================================================== */
	.hera-brand-new {
		gap: 10px;
		min-width: 0;
	}
	
	.hera-brand-new img {
		width: 46px;
		height: 46px;
		flex-shrink: 0;
	}
	
	.hera-brand-text-new {
		min-width: 0;
	}
	
	.hera-brand-text-new strong {
		font-size: 20px;
		white-space: nowrap;
	}
	
	.hera-brand-text-new span {
		font-size: 11px;
		white-space: nowrap;
	}
	
	/* =====================================================
											     MOBILE DETAILS CONTAINER
											  ====================================================== */
	.hera-nav-mobile-v2 {
		display: block;
		position: relative;
		margin-left: auto;
		z-index: 10002;
	}
	
	/* =====================================================
											     BURGER BUTTON
											  ====================================================== */
	.hera-nav-trigger-v2 {
		width: 42px;
		height: 42px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 5px;
		cursor: pointer;
		list-style: none;
		border: 1px solid var(--hera-line);
		border-radius: 50%;
		background: transparent;
	}
	
	.hera-nav-trigger-v2::-webkit-details-marker {
		display: none;
	}
	
	.hera-nav-trigger-v2::marker {
		display: none;
	}
	
	.hera-nav-trigger-v2 i {
		display: block;
		width: 18px;
		height: 1px;
		background: var(--hera-text);
		transition: transform .25s ease, opacity .25s ease;
	}
	
	/* Burger zu X */
	.hera-nav-mobile-v2[open]
											  .hera-nav-trigger-v2 i:nth-child(1) {
		transform: translateY(6px) rotate(45deg);
	}
	
	.hera-nav-mobile-v2[open]
											  .hera-nav-trigger-v2 i:nth-child(2) {
		opacity: 0;
	}
	
	.hera-nav-mobile-v2[open]
											  .hera-nav-trigger-v2 i:nth-child(3) {
		transform: translateY(-6px) rotate(-45deg);
	}
	
	/* =====================================================
											     MOBILE DROPDOWN
											  ====================================================== */
	.hera-mobile-menu-inner-v2 {
		position: absolute;
		top: calc(100% + 16px);
		right: 0;
		width: min(360px, calc(100vw - 28px));
		max-height: calc(100vh - 110px);
		overflow-y: auto;
		background: var(--hera-bg-light);
		border: 1px solid var(--hera-line);
		border-radius: 4px;
		box-shadow: 0 18px 38px rgba(35, 28, 22, 0.12);
		padding: 10px 18px 18px;
		z-index: 10003;
	}
	
	/* =====================================================
											     STANDARD MOBILE LINKS
											  ====================================================== */
	.hera-mobile-menu-inner-v2 > a {
		display: block;
		padding: 14px 0;
		border-bottom: 1px solid var(--hera-line);
		color: var(--hera-text);
		text-decoration: none;
		font-size: 15px;
		line-height: 1.3;
	}
	
	.hera-mobile-menu-inner-v2 > a:hover {
		color: var(--hera-gold);
	}
	
	/* =====================================================
											     MOBILE LÖSUNGEN
											  ====================================================== */
	.hera-mobile-solutions-v2 {
		border-bottom: 1px solid var(--hera-line);
	}
	
	.hera-mobile-solutions-v2 summary,
											  .hera-mobile-category-v2 summary {
		list-style: none;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
		padding: 14px 0;
		color: var(--hera-text);
	}
	
	.hera-mobile-solutions-v2 summary::-webkit-details-marker,
											  .hera-mobile-category-v2 summary::-webkit-details-marker {
		display: none;
	}
	
	.hera-mobile-solutions-v2 summary::marker,
											  .hera-mobile-category-v2 summary::marker {
		display: none;
	}
	
	.hera-mobile-solutions-v2 > summary {
		font-size: 15px;
	}
	
	/* =====================================================
											     MOBILE KATEGORIEN
											  ====================================================== */
	.hera-mobile-solutions-inner-v2 {
		padding: 0 0 6px;
	}
	
	.hera-mobile-category-v2 {
		padding-left: 12px;
		border-top: 1px solid rgba(222, 214, 204, 0.65);
	}
	
	.hera-mobile-category-v2 > summary {
		font-family: Georgia, "Times New Roman", serif;
		font-size: 15px;
		color: var(--hera-gold);
	}
	
	/* Plus Icon */
	.hera-mobile-solutions-v2 summary span,
											  .hera-mobile-category-v2 summary span {
		display: inline-block;
		flex-shrink: 0;
		font-size: 18px;
		line-height: 1;
		transition: transform .25s ease;
	}
	
	.hera-mobile-solutions-v2[open] > summary span,
											  .hera-mobile-category-v2[open] > summary span {
		transform: rotate(45deg);
	}
	
	/* Unterlinks */
	.hera-mobile-category-v2 div {
		padding: 0 0 11px 10px;
	}
	
	.hera-mobile-category-v2 div a {
		display: block;
		padding: 7px 0;
		color: #655c53;
		text-decoration: none;
		font-size: 13px;
		line-height: 1.35;
	}
	
	.hera-mobile-category-v2 div a:hover {
		color: var(--hera-gold);
	}
	
	/* =====================================================
											     MOBILE CTA
											  ====================================================== */
	.hera-mobile-menu-inner-v2
											  .hera-nav-cta-v2 {
		display: block;
		margin-top: 16px;
		padding: 11px 18px !important;
		border: 1px solid var(--hera-gold) !important;
		border-radius: 999px;
		background: transparent;
		color: var(--hera-text) !important;
		text-align: center;
		transition: background .25s ease, color .25s ease;
	}
	
	.hera-mobile-menu-inner-v2
											  .hera-nav-cta-v2:hover {
		background: var(--hera-gold);
		color: #ffffff !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 540px) {
	.hera-header-inner-new {
		width: calc(100% - 20px);
		min-height: 74px;
	}
	
	.hera-brand-new {
		gap: 8px;
	}
	
	.hera-brand-new img {
		width: 40px;
		height: 40px;
	}
	
	.hera-brand-text-new strong {
		font-size: 17px;
		letter-spacing: .3px;
	}
	
	.hera-brand-text-new span {
		font-size: 9.5px;
	}
	
	.hera-nav-trigger-v2 {
		width: 39px;
		height: 39px;
	}
	
	.hera-mobile-menu-inner-v2 {
		width: calc(100vw - 20px);
		right: 0;
	}
}

/* =========================================================
   VERY SMALL MOBILE
========================================================= */
@media (max-width: 380px) {
	.hera-brand-new img {
		width: 36px;
		height: 36px;
	}
	
	.hera-brand-text-new strong {
		font-size: 15px;
	}
	
	.hera-brand-text-new span {
		font-size: 8.5px;
	}
	
	.hera-nav-trigger-v2 {
		width: 37px;
		height: 37px;
	}
}

/* =========================================================
   HERA – FINAL MEGA MENU STACKING FIX
   GANZ AM ENDE DES CSS EINFÜGEN
========================================================= */
/* HEADER IMMER AUF OBERSTER EBENE */
.hera-header-new {
	position: relative !important;
	z-index: 2147483640 !important;
	overflow: visible !important;
	background: #f3efe8 !important;
}

/* HEADER INNER */
.hera-header-inner-new {
	position: relative !important;
	z-index: 2147483641 !important;
	overflow: visible !important;
}

/* NAVIGATION */
.hera-nav-desktop-new {
	position: relative;
	z-index: 2147483642 !important;
}

/* DROPDOWN WRAPPER */
.hera-nav-dropdown-new {
	position: static !important;
	z-index: 2147483643 !important;
}

/* =========================================================
   MEGA MENU
========================================================= */
.hera-mega-menu-new {
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
/* komplett undurchsichtiger Hintergrund */
	background: #faf8f4 !important;
	border-top: 1px solid #ded6cc !important;
	border-bottom: 1px solid #ded6cc !important;
	box-shadow: 0 18px 40px rgba(35, 28, 22, 0.12) !important;
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	pointer-events: none;
	z-index: 2147483646 !important;
	transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
}

/* MENÜ ÖFFNEN */
.hera-nav-dropdown-new:hover .hera-mega-menu-new {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	pointer-events: auto !important;
}

/* =========================================================
   MEGA MENU INHALT
========================================================= */
.hera-mega-inner-new {
	position: relative;
	z-index: 2147483647 !important;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 42px;
	padding: 34px 24px 38px;
/* Sicherheitshalber ebenfalls undurchsichtig */
	background: #faf8f4 !important;
}

/* =========================================================
   HERO MUSS UNTER DEM HEADER BLEIBEN
========================================================= */
/* Dein HERA Hero */
.ha-hero {
	position: relative !important;
	z-index: 0 !important;
}

/* Hero-Inhalt */
.ha-hero-inner,
.ha-hero-content {
	position: relative !important;
	z-index: 1 !important;
}

/* Falls auf der Startseite noch ältere Hero-Klassen existieren */
.hera-hero,
.hera-hero-new,
.hera-home-hero {
	position: relative !important;
	z-index: 0 !important;
}

/* =========================================================
   WORDPRESS CONTENT WRAPPER
========================================================= */
/*
   WordPress-Themes vergeben teilweise eigene z-index-Werte.
   Der eigentliche Seiteninhalt bleibt deshalb bewusst unten.
*/
main,
.site-main,
.wp-site-blocks,
.entry-content {
	position: relative;
	z-index: 0;
}

/* HEADER DARF VON WORDPRESS NICHT ABGESCHNITTEN WERDEN */
header,
.hera-header-new,
.hera-header-inner-new {
	overflow: visible !important;
}

/* =========================================================
   HERA DIGITAL – COMPLETE PAGE CSS
   Desktop / Tablet / Mobile
========================================================= */
:root {
}

/* =========================================================
   GLOBAL PAGE SETTINGS
========================================================= */
.hera-digital-hero,
.hera-digital-intro,
.hera-digital-products,
.hera-digital-process,
.hera-digital-cta {
	position: relative;
	z-index: 1;
}

.hera-digital-section-inner {
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto;
}

/* =========================================================
   REUSABLE TYPOGRAPHY
========================================================= */
.hera-section-eyebrow,
.hera-digital-eyebrow {
	display: inline-block;
	margin-bottom: 18px;
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--hera-gold);
}

.hera-digital-intro h2,
.hera-digital-products h2,
.hera-digital-process h2,
.hera-digital-cta h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 4vw, 58px);
	line-height: 1.08;
	font-weight: 600;
	letter-spacing: -.02em;
	color: var(--hera-text);
}

/* =========================================================
   HERO
========================================================= */
.hera-digital-hero {
	background: linear-gradient(90deg,
      rgba(243, 239, 232, 1) 0%,
      rgba(243, 239, 232, 0.98) 48%,
      rgba(250, 248, 244, 0.96) 100%);
	border-bottom: 1px solid var(--hera-line);
	overflow: hidden;
}

.hera-digital-hero-inner {
	width: min(1180px, calc(100% - 48px));
	min-height: 610px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	align-items: center;
	gap: 80px;
	padding: 90px 0;
}

/* =========================================================
   HERO CONTENT
========================================================= */
.hera-digital-hero-content {
	max-width: 650px;
}

.hera-digital-hero-content h1 {
	margin: 0 0 26px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(48px, 5.7vw, 76px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 600;
	color: var(--hera-text);
}

.hera-digital-lead {
	max-width: 610px;
	margin: 0;
	font-size: 18px;
	line-height: 1.75;
	color: var(--hera-muted);
}

/* =========================================================
   HERO BUTTONS
========================================================= */
.hera-digital-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 34px;
}

.hera-button-primary,
.hera-button-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 24px;
	border-radius: 999px;
	text-decoration: none;
	font-size: 14px;
	line-height: 1;
	transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
}

.hera-button-primary {
	background: var(--hera-text);
	border: 1px solid var(--hera-text);
	color: var(--hera-white);
}

.hera-button-primary:hover {
	background: var(--hera-gold);
	border-color: var(--hera-gold);
	transform: translateY(-2px);
}

.hera-button-secondary {
	background: transparent;
	border: 1px solid var(--hera-gold);
	color: var(--hera-text);
}

.hera-button-secondary:hover {
	background: var(--hera-gold);
	color: var(--hera-white);
	transform: translateY(-2px);
}

/* =========================================================
   HERO VISUAL
========================================================= */
.hera-digital-hero-visual {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 15px;
	max-width: 470px;
	margin-left: auto;
}

.hera-digital-hero-visual::before {
	content: "";
	position: absolute;
	width: 360px;
	height: 360px;
	right: -90px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(200, 155, 93, 0.25);
	border-radius: 50%;
	pointer-events: none;
}

.hera-digital-hero-visual::after {
	content: "";
	position: absolute;
	width: 250px;
	height: 250px;
	right: -35px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(200, 155, 93, 0.14);
	border-radius: 50%;
	pointer-events: none;
}

/* =========================================================
   HERO CARDS
========================================================= */
.hera-digital-visual-card {
	position: relative;
	z-index: 2;
	padding: 25px 28px;
	background: rgba(255, 253, 249, 0.88);
	border: 1px solid var(--hera-line);
	box-shadow: var(--hera-shadow);
	transition: transform .25s ease, box-shadow .25s ease;
}

.hera-digital-visual-card:nth-child(2) {
	margin-left: 42px;
}

.hera-digital-visual-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 22px 50px rgba(51, 42, 34, 0.10);
}

.hera-digital-card-label {
	display: block;
	margin-bottom: 10px;
	font-size: 10px;
	letter-spacing: .16em;
	color: var(--hera-gold);
	font-weight: 600;
}

.hera-digital-visual-card strong {
	display: block;
	margin-bottom: 7px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px;
	line-height: 1.2;
	color: var(--hera-text);
}

.hera-digital-visual-card p {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: var(--hera-muted);
}

/* =========================================================
   INTRO / POSITIONING
========================================================= */
.hera-digital-intro {
	padding: 115px 0;
	background: var(--hera-bg-light);
}

.hera-digital-intro .hera-digital-section-inner {
	max-width: 1120px;
}

.hera-section-intro {
	max-width: 820px;
	margin: 26px 0 0;
	font-size: 18px;
	line-height: 1.8;
	color: var(--hera-muted);
}

/* =========================================================
   COMPARISON GRID
========================================================= */
.hera-digital-comparison {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	margin-top: 58px;
}

.hera-comparison-card {
	position: relative;
	min-height: 330px;
	padding: 38px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
}

.hera-comparison-card-highlight {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-comparison-number {
	display: block;
	margin-bottom: 38px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	color: var(--hera-gold);
}

.hera-comparison-card h3 {
	margin: 0 0 22px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 27px;
	line-height: 1.2;
	font-weight: 600;
	color: var(--hera-text);
}

.hera-comparison-card ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hera-comparison-card li {
	position: relative;
	padding: 8px 0 8px 22px;
	font-size: 15px;
	line-height: 1.5;
	color: var(--hera-muted);
}

.hera-comparison-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 17px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

/* =========================================================
   PRODUCTS
========================================================= */
.hera-digital-products {
	padding: 115px 0 125px;
	background: var(--hera-bg);
}

.hera-product-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	margin-top: 58px;
}

/* =========================================================
   PRODUCT CARD
========================================================= */
.hera-product-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 480px;
	padding: 34px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.hera-product-card:hover {
	transform: translateY(-5px);
	border-color: var(--hera-gold-soft);
	box-shadow: var(--hera-shadow);
}

.hera-product-card-featured {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-product-number {
	display: block;
	margin-bottom: 34px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	color: var(--hera-gold);
}

.hera-product-label {
	position: absolute;
	right: 25px;
	top: 25px;
	padding: 6px 9px;
	border: 1px solid var(--hera-gold-soft);
	font-size: 9px;
	letter-spacing: .12em;
	color: var(--hera-gold);
	text-transform: uppercase;
}

.hera-product-card h3 {
	margin: 0 0 15px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 26px;
	line-height: 1.2;
	color: var(--hera-text);
}

.hera-product-card > p {
	margin: 0 0 22px;
	font-size: 15px;
	line-height: 1.7;
	color: var(--hera-muted);
}

.hera-product-card ul {
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
}

.hera-product-card li {
	position: relative;
	padding: 6px 0 6px 20px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--hera-muted);
}

.hera-product-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

.hera-product-card > a {
	display: inline-flex;
	margin-top: auto;
	color: var(--hera-text);
	text-decoration: none;
	font-size: 14px;
	transition: color .2s ease, transform .2s ease;
}

.hera-product-card > a:hover {
	color: var(--hera-gold);
	transform: translateX(3px);
}

/* =========================================================
   PROCESS
========================================================= */
.hera-digital-process {
	padding: 115px 0;
	background: var(--hera-bg-light);
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-process-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	margin-top: 58px;
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-process-step {
	min-height: 265px;
	padding: 36px;
	border-right: 1px solid var(--hera-line);
}

.hera-process-step:last-child {
	border-right: none;
}

.hera-process-step > span {
	display: block;
	margin-bottom: 45px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	color: var(--hera-gold);
}

.hera-process-step h3 {
	margin: 0 0 15px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	line-height: 1.25;
	color: var(--hera-text);
}

.hera-process-step p {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	color: var(--hera-muted);
}

/* =========================================================
   CTA SECTION
========================================================= */
.hera-digital-cta {
	padding: 125px 0;
	background: #ebe4da;
	text-align: center;
}

.hera-digital-cta-inner {
	width: min(820px, calc(100% - 48px));
	margin: 0 auto;
}

.hera-digital-cta p {
	max-width: 660px;
	margin: 25px auto 32px;
	font-size: 17px;
	line-height: 1.75;
	color: var(--hera-muted);
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1100px) {
	.hera-digital-hero-inner {
		min-height: 560px;
		gap: 45px;
		padding: 75px 0;
	}
	
	.hera-digital-hero-content h1 {
		font-size: clamp(45px, 5vw, 62px);
	}
	
	.hera-digital-hero-visual::before {
		width: 300px;
		height: 300px;
		right: -75px;
	}
	
	.hera-digital-hero-visual::after {
		width: 210px;
		height: 210px;
	}
	
	.hera-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-product-card {
		min-height: 440px;
	}
}

/* =========================================================
   IPAD PORTRAIT / SMALL TABLET
========================================================= */
@media (max-width: 900px) {
	.hera-digital-section-inner {
		width: calc(100% - 36px);
	}
	
	/* HERO */
	.hera-digital-hero-inner {
		width: calc(100% - 36px);
		min-height: auto;
		grid-template-columns: 1fr;
		gap: 52px;
		padding: 75px 0 80px;
	}
	
	.hera-digital-hero-content {
		max-width: 720px;
	}
	
	.hera-digital-hero-content h1 {
		font-size: clamp(46px, 8vw, 64px);
	}
	
	.hera-digital-hero-visual {
		max-width: none;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 14px;
		margin: 0;
	}
	
	.hera-digital-visual-card,
											  .hera-digital-visual-card:nth-child(2) {
		margin-left: 0;
		padding: 22px;
		min-height: 190px;
	}
	
	.hera-digital-hero-visual::before,
											  .hera-digital-hero-visual::after {
		display: none;
	}
	
	/* SECTIONS */
	.hera-digital-intro,
											  .hera-digital-products,
											  .hera-digital-process {
		padding: 90px 0;
	}
	
	.hera-digital-cta {
		padding: 100px 0;
	}
	
	/* COMPARISON */
	.hera-digital-comparison {
		gap: 18px;
	}
	
	.hera-comparison-card {
		padding: 30px;
		min-height: 320px;
	}
	
	/* PRODUCTS */
	.hera-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
	}
	
	/* PROCESS */
	.hera-process-step {
		padding: 28px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-digital-section-inner {
		width: calc(100% - 28px);
	}
	
	/* =====================================================
											     TYPOGRAPHY
											  ====================================================== */
	.hera-section-eyebrow,
											  .hera-digital-eyebrow {
		margin-bottom: 14px;
		font-size: 10px;
		letter-spacing: .16em;
	}
	
	.hera-digital-intro h2,
											  .hera-digital-products h2,
											  .hera-digital-process h2,
											  .hera-digital-cta h2 {
		font-size: 38px;
		line-height: 1.08;
	}
	
	/* =====================================================
											     HERO MOBILE
											  ====================================================== */
	.hera-digital-hero-inner {
		width: calc(100% - 28px);
		padding: 58px 0 65px;
		gap: 42px;
	}
	
	.hera-digital-hero-content h1 {
		margin-bottom: 20px;
		font-size: 45px;
		line-height: 1.02;
	}
	
	.hera-digital-lead {
		font-size: 16px;
		line-height: 1.7;
	}
	
	.hera-digital-actions {
		flex-direction: column;
		align-items: stretch;
		margin-top: 28px;
	}
	
	.hera-button-primary,
											  .hera-button-secondary {
		width: 100%;
		min-height: 48px;
	}
	
	/* VISUAL */
	.hera-digital-hero-visual {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	
	.hera-digital-visual-card {
		min-height: 0;
		padding: 22px;
	}
	
	.hera-digital-visual-card strong {
		font-size: 19px;
	}
	
	/* =====================================================
											     INTRO MOBILE
											  ====================================================== */
	.hera-digital-intro {
		padding: 72px 0;
	}
	
	.hera-section-intro {
		margin-top: 20px;
		font-size: 16px;
		line-height: 1.72;
	}
	
	.hera-digital-comparison {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 38px;
	}
	
	.hera-comparison-card {
		min-height: 0;
		padding: 28px 24px;
	}
	
	.hera-comparison-number {
		margin-bottom: 26px;
	}
	
	.hera-comparison-card h3 {
		font-size: 23px;
	}
	
	/* =====================================================
											     PRODUCTS MOBILE
											  ====================================================== */
	.hera-digital-products {
		padding: 72px 0 78px;
	}
	
	.hera-product-grid {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 40px;
	}
	
	.hera-product-card {
		min-height: 0;
		padding: 28px 24px;
	}
	
	.hera-product-number {
		margin-bottom: 26px;
	}
	
	.hera-product-card h3 {
		font-size: 24px;
	}
	
	.hera-product-card > a {
		margin-top: 18px;
	}
	
	/* =====================================================
											     PROCESS MOBILE
											  ====================================================== */
	.hera-digital-process {
		padding: 72px 0;
	}
	
	.hera-process-grid {
		grid-template-columns: 1fr;
		margin-top: 40px;
	}
	
	.hera-process-step {
		min-height: 0;
		padding: 28px 24px;
		border-right: none;
		border-bottom: 1px solid var(--hera-line);
	}
	
	.hera-process-step:last-child {
		border-bottom: none;
	}
	
	.hera-process-step > span {
		margin-bottom: 26px;
	}
	
	.hera-process-step h3 {
		font-size: 23px;
	}
	
	/* =====================================================
											     CTA MOBILE
											  ====================================================== */
	.hera-digital-cta {
		padding: 78px 0;
	}
	
	.hera-digital-cta-inner {
		width: calc(100% - 28px);
	}
	
	.hera-digital-cta p {
		margin: 20px auto 28px;
		font-size: 16px;
		line-height: 1.7;
	}
}

/* =========================================================
   VERY SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-digital-hero-content h1 {
		font-size: 39px;
	}
	
	.hera-digital-intro h2,
											  .hera-digital-products h2,
											  .hera-digital-process h2,
											  .hera-digital-cta h2 {
		font-size: 34px;
	}
	
	.hera-digital-hero-inner,
											  .hera-digital-section-inner,
											  .hera-digital-cta-inner {
		width: calc(100% - 22px);
	}
	
	.hera-product-card,
											  .hera-comparison-card,
											  .hera-process-step,
											  .hera-digital-visual-card {
		padding-left: 21px;
		padding-right: 21px;
	}
}

/* =========================================================
   HERA DIGITAL HERO – CLEAN VERSION
========================================================= */
.hera-digital-hero {
	width: 100%;
	background: #f3efe8;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

.hera-digital-hero-inner {
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 0.82fr;
	gap: 90px;
	align-items: center;
	padding: 85px 0 95px;
}

/* =========================================================
   LINKS
========================================================= */
.hera-digital-hero-content {
	max-width: 560px;
}

.hera-digital-eyebrow {
	display: block;
	margin-bottom: 22px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #b88945;
}

.hera-digital-hero-content h1 {
	margin: 0 0 28px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 62px !important;
	line-height: 1.02 !important;
	letter-spacing: -.035em;
	font-weight: 600;
	color: #292725 !important;
}

.hera-digital-lead {
	max-width: 500px;
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: #615a53 !important;
}

/* =========================================================
   BUTTONS
========================================================= */
.hera-digital-actions {
	display: flex !important;
	align-items: center;
	gap: 12px;
	margin-top: 32px !important;
}

.hera-digital-actions .hera-button-primary,
.hera-digital-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	padding: 12px 22px !important;
	min-height: 44px;
	border-radius: 999px !important;
	font-size: 13px !important;
	text-decoration: none !important;
}

.hera-button-primary {
	background: #292725 !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-button-secondary {
	background: transparent !important;
	border: 1px solid #b88945 !important;
	color: #292725 !important;
}

/* =========================================================
   RECHTS
========================================================= */
.hera-digital-benefits {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	border-top: 1px solid #ded6cc;
}

/* dekorativer Kreis */
.hera-digital-benefits::before {
	content: "";
	position: absolute;
	width: 340px;
	height: 340px;
	right: -130px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.12);
	border-radius: 50%;
	pointer-events: none;
}

/* =========================================================
   EINZELNER BENEFIT
========================================================= */
.hera-digital-benefit {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 45px 1fr;
	gap: 18px;
	padding: 30px 0;
	border-bottom: 1px solid #ded6cc;
}

.hera-benefit-number {
	padding-top: 2px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	color: #b88945;
}

.hera-benefit-label {
	display: block;
	margin-bottom: 7px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	color: #b88945;
}

.hera-digital-benefit h3 {
	margin: 0 0 9px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 23px !important;
	line-height: 1.2 !important;
	font-weight: 600;
	color: #292725 !important;
}

.hera-digital-benefit p {
	max-width: 360px;
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	color: #615a53 !important;
}

/* =========================================================
   TABLET
========================================================= */
@media (max-width: 1000px) {
	.hera-digital-hero-inner {
		grid-template-columns: 1fr 0.85fr;
		gap: 55px;
		padding: 70px 0 80px;
	}
	
	.hera-digital-hero-content h1 {
		font-size: 52px !important;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-digital-hero-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 55px;
	}
	
	.hera-digital-hero-content {
		max-width: 650px;
	}
	
	.hera-digital-hero-content h1 {
		font-size: 56px !important;
	}
	
	.hera-digital-benefits {
		max-width: 650px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 650px) {
	.hera-digital-hero-inner {
		width: calc(100% - 28px);
		gap: 42px;
		padding: 52px 0 62px;
	}
	
	.hera-digital-hero-content h1 {
		font-size: 42px !important;
	}
	
	.hera-digital-lead {
		font-size: 15px !important;
	}
	
	.hera-digital-actions {
		flex-direction: column;
		align-items: stretch;
	}
	
	.hera-digital-actions .hera-button-primary,
											  .hera-digital-actions .hera-button-secondary {
		width: 100%;
	}
	
	.hera-digital-benefit {
		grid-template-columns: 34px 1fr;
		gap: 12px;
		padding: 24px 0;
	}
	
	.hera-digital-benefit h3 {
		font-size: 21px !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-digital-hero-inner {
		width: calc(100% - 22px);
	}
	
	.hera-digital-hero-content h1 {
		font-size: 37px !important;
	}
}

.hera-digital-benefit h3 {
	margin: 0 0 9px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px !important;
	line-height: 1.18 !important;
	font-weight: 600;
	color: #292725 !important;
	max-width: 100%;
	overflow: visible !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

.hera-digital-benefit {
	position: relative;
	z-index: 1;
	display: grid;
/* Nummer etwas schmaler = mehr Platz für Text */
	grid-template-columns: 32px minmax(0, 1fr);
	gap: 18px;
	padding: 30px 0;
	border-bottom: 1px solid #ded6cc;
	overflow: visible;
}

.hera-digital-benefit > div {
	min-width: 0;
	width: 100%;
}

/* =========================================================
   HERA MEDICAL – COMPLETE PAGE CSS
   Desktop / Tablet / Mobile
========================================================= */
:root {
}

/* =========================================================
   ALLGEMEINE SEITENBREITE
========================================================= */
.hera-medical-section-inner {
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto;
}

/* =========================================================
   WIEDERVERWENDBARE TYPOGRAFIE
========================================================= */
.hera-section-eyebrow,
.hera-medical-eyebrow {
	display: inline-block;
	margin-bottom: 18px;
	font-size: 10px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--hera-gold);
}

.hera-medical-intro h2,
.hera-medical-products h2,
.hera-medical-situations h2,
.hera-medical-cta h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 4vw, 58px);
	line-height: 1.08;
	font-weight: 600;
	letter-spacing: -.025em;
	color: var(--hera-text);
}

/* =========================================================
   HERO
========================================================= */
.hera-medical-hero {
	width: 100%;
	background: var(--hera-bg);
	border-bottom: 1px solid var(--hera-line);
	overflow: hidden;
}

.hera-medical-hero-inner {
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(380px, 0.82fr);
	align-items: center;
	gap: 90px;
	padding: 85px 0 95px;
}

/* =========================================================
   HERO LINKS
========================================================= */
.hera-medical-hero-content {
	max-width: 580px;
}

.hera-medical-eyebrow {
	display: block;
	margin-bottom: 22px;
}

.hera-medical-hero-content h1 {
	margin: 0 0 28px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(50px, 4.8vw, 68px) !important;
	line-height: 1.03 !important;
	letter-spacing: -.035em;
	font-weight: 600;
	color: var(--hera-text) !important;
}

.hera-medical-lead {
	max-width: 520px;
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: var(--hera-muted) !important;
}

/* =========================================================
   HERO BUTTONS
========================================================= */
.hera-medical-actions {
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 32px !important;
}

.hera-medical-actions .hera-button-primary,
.hera-medical-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 12px 22px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
}

.hera-medical-actions .hera-button-primary {
	background: var(--hera-text) !important;
	border: 1px solid var(--hera-text) !important;
	color: var(--hera-white) !important;
}

.hera-medical-actions .hera-button-primary:hover {
	background: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	transform: translateY(-2px);
}

.hera-medical-actions .hera-button-secondary {
	background: transparent !important;
	border: 1px solid var(--hera-gold) !important;
	color: var(--hera-text) !important;
}

.hera-medical-actions .hera-button-secondary:hover {
	background: var(--hera-gold) !important;
	color: var(--hera-white) !important;
	transform: translateY(-2px);
}

/* =========================================================
   HERO RECHTS – FOKUSPUNKTE
========================================================= */
.hera-medical-focus {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	border-top: 1px solid var(--hera-line);
}

/* dezenter Kreis */
.hera-medical-focus::before {
	content: "";
	position: absolute;
	width: 345px;
	height: 345px;
	right: -130px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.12);
	border-radius: 50%;
	pointer-events: none;
}

.hera-medical-focus-item {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 18px;
	padding: 29px 0;
	border-bottom: 1px solid var(--hera-line);
}

.hera-medical-focus-number {
	padding-top: 2px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	color: var(--hera-gold);
}

.hera-medical-focus-label {
	display: block;
	margin-bottom: 7px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	color: var(--hera-gold);
}

.hera-medical-focus-item h3 {
	margin: 0 0 8px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 22px !important;
	line-height: 1.2 !important;
	font-weight: 600;
	color: var(--hera-text) !important;
}

.hera-medical-focus-item p {
	max-width: 360px;
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	color: var(--hera-muted) !important;
}

/* =========================================================
   INTRO / POSITIONIERUNG
========================================================= */
.hera-medical-intro {
	padding: 115px 0;
	background: var(--hera-bg-light);
}

.hera-section-intro {
	max-width: 800px;
	margin: 26px 0 0;
	font-size: 17px;
	line-height: 1.8;
	color: var(--hera-muted);
}

/* =========================================================
   VERGLEICH
========================================================= */
.hera-medical-comparison {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
	margin-top: 55px;
}

.hera-medical-comparison-card {
	min-height: 330px;
	padding: 36px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
}

.hera-medical-comparison-highlight {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-medical-comparison-card > span {
	display: block;
	margin-bottom: 28px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .15em;
	color: var(--hera-gold);
}

.hera-medical-comparison-card h3 {
	margin: 0 0 22px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 27px;
	line-height: 1.2;
	font-weight: 600;
	color: var(--hera-text);
}

.hera-medical-comparison-card ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hera-medical-comparison-card li {
	position: relative;
	padding: 8px 0 8px 22px;
	font-size: 15px;
	line-height: 1.5;
	color: var(--hera-muted);
}

.hera-medical-comparison-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 17px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

/* =========================================================
   PRODUKTE
========================================================= */
.hera-medical-products {
	padding: 115px 0 125px;
	background: var(--hera-bg);
}

.hera-medical-product-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	margin-top: 58px;
}

/* =========================================================
   PRODUKTKARTE
========================================================= */
.hera-medical-product-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 465px;
	padding: 34px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.hera-medical-product-card:hover {
	transform: translateY(-5px);
	border-color: var(--hera-gold-soft);
	box-shadow: var(--hera-shadow);
}

.hera-medical-product-featured {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-medical-product-number {
	display: block;
	margin-bottom: 32px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	color: var(--hera-gold);
}

.hera-medical-product-label {
	position: absolute;
	right: 24px;
	top: 24px;
	padding: 6px 9px;
	border: 1px solid var(--hera-gold-soft);
	font-size: 8px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hera-gold);
}

.hera-medical-product-card h3 {
	margin: 0 0 15px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.2;
	color: var(--hera-text);
}

.hera-medical-product-card > p {
	margin: 0 0 22px;
	font-size: 14px;
	line-height: 1.7;
	color: var(--hera-muted);
}

.hera-medical-product-card ul {
	list-style: none;
	margin: 0 0 28px;
	padding: 0;
}

.hera-medical-product-card li {
	position: relative;
	padding: 6px 0 6px 20px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--hera-muted);
}

.hera-medical-product-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

.hera-medical-product-card > a {
	display: inline-flex;
	margin-top: auto;
	color: var(--hera-text);
	text-decoration: none;
	font-size: 14px;
	transition: color .2s ease, transform .2s ease;
}

.hera-medical-product-card > a:hover {
	color: var(--hera-gold);
	transform: translateX(3px);
}

/* =========================================================
   SITUATIONEN
========================================================= */
.hera-medical-situations {
	padding: 115px 0;
	background: var(--hera-bg-light);
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-medical-situation-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	margin-top: 58px;
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-medical-situation {
	min-height: 290px;
	padding: 30px 24px;
	border-right: 1px solid var(--hera-line);
}

.hera-medical-situation:last-child {
	border-right: none;
}

.hera-medical-situation > span {
	display: block;
	margin-bottom: 40px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	color: var(--hera-gold);
}

.hera-medical-situation h3 {
	margin: 0 0 14px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 22px;
	line-height: 1.2;
	color: var(--hera-text);
}

.hera-medical-situation p {
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	color: var(--hera-muted);
}

/* =========================================================
   CTA
========================================================= */
.hera-medical-cta {
	padding: 125px 0;
	background: #ebe4da;
	text-align: center;
}

.hera-medical-cta-inner {
	width: min(820px, calc(100% - 48px));
	margin: 0 auto;
}

.hera-medical-cta p {
	max-width: 650px;
	margin: 24px auto 32px;
	font-size: 16px;
	line-height: 1.75;
	color: var(--hera-muted);
}

.hera-medical-cta .hera-button-primary {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 12px 24px !important;
	border: 1px solid var(--hera-text) !important;
	border-radius: 999px !important;
	background: var(--hera-text) !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 13px !important;
	transition: background .25s ease, border-color .25s ease, transform .25s ease;
}

.hera-medical-cta .hera-button-primary:hover {
	background: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	transform: translateY(-2px);
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1100px) {
	.hera-medical-hero-inner {
		grid-template-columns: minmax(0, 0.95fr) minmax(350px, 0.82fr);
		gap: 55px;
		padding: 72px 0 80px;
	}
	
	.hera-medical-hero-content h1 {
		font-size: 56px !important;
	}
	
	.hera-medical-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-medical-situation-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	
	.hera-medical-situation:nth-child(3) {
		border-right: none;
	}
	
	.hera-medical-situation:nth-child(n+4) {
		border-top: 1px solid var(--hera-line);
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-medical-section-inner {
		width: calc(100% - 36px);
	}
	
	.hera-medical-hero-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 50px;
		padding: 68px 0 76px;
	}
	
	.hera-medical-hero-content {
		max-width: 650px;
	}
	
	.hera-medical-hero-content h1 {
		font-size: 56px !important;
	}
	
	.hera-medical-focus {
		max-width: 650px;
	}
	
	.hera-medical-intro,
								  .hera-medical-products,
								  .hera-medical-situations {
		padding: 90px 0;
	}
	
	.hera-medical-cta {
		padding: 100px 0;
	}
	
	.hera-medical-comparison {
		gap: 18px;
	}
	
	.hera-medical-comparison-card {
		padding: 30px;
	}
	
	.hera-medical-product-grid {
		gap: 18px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-medical-section-inner {
		width: calc(100% - 28px);
	}
	
	/* TYPO */
	.hera-section-eyebrow,
								  .hera-medical-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-medical-intro h2,
								  .hera-medical-products h2,
								  .hera-medical-situations h2,
								  .hera-medical-cta h2 {
		font-size: 38px;
		line-height: 1.08;
	}
	
	/* HERO */
	.hera-medical-hero-inner {
		width: calc(100% - 28px);
		gap: 40px;
		padding: 52px 0 62px;
	}
	
	.hera-medical-hero-content h1 {
		margin-bottom: 22px !important;
		font-size: 42px !important;
		line-height: 1.04 !important;
	}
	
	.hera-medical-lead {
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-medical-actions {
		flex-direction: column;
		align-items: stretch;
		margin-top: 27px !important;
	}
	
	.hera-medical-actions .hera-button-primary,
								  .hera-medical-actions .hera-button-secondary {
		width: 100%;
	}
	
	/* HERO RIGHT */
	.hera-medical-focus-item {
		grid-template-columns: 32px minmax(0, 1fr);
		gap: 12px;
		padding: 24px 0;
	}
	
	.hera-medical-focus-item h3 {
		font-size: 21px !important;
	}
	
	.hera-medical-focus::before {
		width: 220px;
		height: 220px;
		right: -110px;
	}
	
	/* INTRO */
	.hera-medical-intro {
		padding: 72px 0;
	}
	
	.hera-section-intro {
		margin-top: 20px;
		font-size: 15px;
		line-height: 1.72;
	}
	
	.hera-medical-comparison {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 38px;
	}
	
	.hera-medical-comparison-card {
		min-height: 0;
		padding: 28px 24px;
	}
	
	/* PRODUCTS */
	.hera-medical-products {
		padding: 72px 0 78px;
	}
	
	.hera-medical-product-grid {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 40px;
	}
	
	.hera-medical-product-card {
		min-height: 0;
		padding: 28px 24px;
	}
	
	.hera-medical-product-number {
		margin-bottom: 25px;
	}
	
	.hera-medical-product-card h3 {
		font-size: 24px;
	}
	
	.hera-medical-product-card > a {
		margin-top: 18px;
	}
	
	/* SITUATIONEN */
	.hera-medical-situations {
		padding: 72px 0;
	}
	
	.hera-medical-situation-grid {
		grid-template-columns: 1fr;
		margin-top: 40px;
	}
	
	.hera-medical-situation,
								  .hera-medical-situation:nth-child(3),
								  .hera-medical-situation:nth-child(n+4) {
		min-height: 0;
		padding: 27px 24px;
		border-right: none;
		border-top: none;
		border-bottom: 1px solid var(--hera-line);
	}
	
	.hera-medical-situation:last-child {
		border-bottom: none;
	}
	
	.hera-medical-situation > span {
		margin-bottom: 24px;
	}
	
	.hera-medical-situation h3 {
		font-size: 22px;
	}
	
	/* CTA */
	.hera-medical-cta {
		padding: 78px 0;
	}
	
	.hera-medical-cta-inner {
		width: calc(100% - 28px);
	}
	
	.hera-medical-cta p {
		margin: 20px auto 28px;
		font-size: 15px;
		line-height: 1.7;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-medical-hero-inner,
								  .hera-medical-section-inner,
								  .hera-medical-cta-inner {
		width: calc(100% - 22p/* =========================================================
								   HERA MEDICAL HERO – ANGEPASST AN HERA DIGITAL
								========================================================= */
								
								.hera-medical-hero {
								  width: 100%;
								  background: #f3efe8;
								  border-bottom: 1px solid #ded6cc;
								  overflow: hidden;
								}
								
								
								/* =========================================================
								   HAUPT-LAYOUT
								========================================================= */
								
								.hera-medical-hero-inner {
								  width: min(1180px, calc(100% - 48px));
								  margin: 0 auto;
								
								  display: grid;
								
								  /* identische Wirkung wie HERA Digital */
								  grid-template-columns: 0.95fr 0.9fr;
								
								  gap: 75px;
								
								  align-items: center;
								
								  padding: 85px 0 95px;
								}
								
								
								/* =========================================================
								   LINKER BEREICH
								========================================================= */
								
								.hera-medical-hero-content {
								  width: 100%;
								  max-width: 530px;
								}
								
								
								.hera-medical-eyebrow {
								  display: block;
								
								  margin: 0 0 22px;
								
								  font-size: 10px;
								  line-height: 1;
								
								  font-weight: 600;
								
								  letter-spacing: 0.18em;
								  text-transform: uppercase;
								
								  color: #b88945;
								}
								
								
								/* =========================================================
								   HEADLINE
								========================================================= */
								
								.hera-medical-hero-content h1 {
								  margin: 0 0 28px !important;
								
								  max-width: 530px;
								
								  font-family: Georgia, "Times New Roman", serif;
								
								  /*
								     Wichtig:
								     deutlich kleiner als bisher
								  */
								  font-size: 58px !important;
								  line-height: 1.02 !important;
								
								  letter-spacing: -0.035em;
								
								  font-weight: 600;
								
								  color: #292725 !important;
								}
								
								
								/* =========================================================
								   LEAD TEXT
								========================================================= */
								
								.hera-medical-lead {
								  width: 100%;
								  max-width: 490px;
								
								  margin: 0 !important;
								
								  font-size: 16px !important;
								  line-height: 1.8 !important;
								
								  color: #615a53 !important;
								}
								
								
								/* =========================================================
								   BUTTONS
								========================================================= */
								
								.hera-medical-actions {
								  display: flex !important;
								  align-items: center;
								
								  flex-wrap: wrap;
								
								  gap: 12px;
								
								  margin-top: 32px !important;
								}
								
								
								/* WordPress überschreibt Links teilweise */
								.hera-medical-actions .hera-button-primary,
								.hera-medical-actions .hera-button-secondary {
								  display: inline-flex !important;
								
								  align-items: center;
								  justify-content: center;
								
								  min-height: 44px;
								
								  padding: 11px 21px !important;
								
								  border-radius: 999px !important;
								
								  font-size: 13px !important;
								  line-height: 1 !important;
								
								  text-decoration: none !important;
								
								  transition:
								    background 0.25s ease,
								    color 0.25s ease,
								    border-color 0.25s ease,
								    transform 0.25s ease;
								}
								
								
								/* Dunkler Button */
								.hera-medical-actions .hera-button-primary {
								  background: #292725 !important;
								
								  border: 1px solid #292725 !important;
								
								  color: #ffffff !important;
								}
								
								
								.hera-medical-actions .hera-button-primary:hover {
								  background: #b88945 !important;
								
								  border-color: #b88945 !important;
								
								  color: #ffffff !important;
								
								  transform: translateY(-2px);
								}
								
								
								/* Gold Outline */
								.hera-medical-actions .hera-button-secondary {
								  background: transparent !important;
								
								  border: 1px solid #b88945 !important;
								
								  color: #292725 !important;
								}
								
								
								.hera-medical-actions .hera-button-secondary:hover {
								  background: #b88945 !important;
								
								  color: #ffffff !important;
								
								  transform: translateY(-2px);
								}
								
								
								/* =========================================================
								   RECHTER BEREICH
								========================================================= */
								
								.hera-medical-focus {
								  position: relative;
								
								  width: 100%;
								  max-width: 430px;
								
								  margin-left: auto;
								
								  display: flex;
								  flex-direction: column;
								
								  border-top: 1px solid #ded6cc;
								}
								
								
								/* =========================================================
								   DEKORATIVER KREIS
								========================================================= */
								
								.hera-medical-focus::before {
								  content: "";
								
								  position: absolute;
								
								  width: 340px;
								  height: 340px;
								
								  right: -120px;
								  top: 50%;
								
								  transform: translateY(-50%);
								
								  border: 1px solid rgba(184, 137, 69, 0.12);
								
								  border-radius: 50%;
								
								  pointer-events: none;
								
								  z-index: 0;
								}
								
								
								/* =========================================================
								   FOKUSPUNKTE
								========================================================= */
								
								.hera-medical-focus-item {
								  position: relative;
								  z-index: 1;
								
								  display: grid;
								
								  /*
								    kleinere Nummernspalte =
								    mehr Platz für Text
								  */
								  grid-template-columns: 32px minmax(0, 1fr);
								
								  gap: 18px;
								
								  padding: 30px 0;
								
								  border-bottom: 1px solid #ded6cc;
								}
								
								
								.hera-medical-focus-item > div {
								  width: 100%;
								  min-width: 0;
								}
								
								
								/* Nummer */
								.hera-medical-focus-number {
								  padding-top: 2px;
								
								  font-family: Georgia, "Times New Roman", serif;
								
								  font-size: 12px;
								
								  color: #b88945;
								}
								
								
								/* Label */
								.hera-medical-focus-label {
								  display: block;
								
								  margin-bottom: 7px;
								
								  font-size: 9px;
								  line-height: 1;
								
								  font-weight: 600;
								
								  letter-spacing: 0.15em;
								
								  text-transform: uppercase;
								
								  color: #b88945;
								}
								
								
								/* Überschrift */
								.hera-medical-focus-item h3 {
								  margin: 0 0 9px !important;
								
								  font-family: Georgia, "Times New Roman", serif;
								
								  font-size: 21px !important;
								  line-height: 1.18 !important;
								
								  font-weight: 600;
								
								  color: #292725 !important;
								
								  max-width: 100%;
								
								  word-break: normal !important;
								  overflow-wrap: normal !important;
								}
								
								
								/* Text */
								.hera-medical-focus-item p {
								  max-width: 360px;
								
								  margin: 0 !important;
								
								  font-size: 13px !important;
								  line-height: 1.65 !important;
								
								  color: #615a53 !important;
								}
								
								
								/* =========================================================
								   IPAD LANDSCAPE
								========================================================= */
								
								@media (max-width: 1050px) {
								
								  .hera-medical-hero-inner {
								    width: calc(100% - 40px);
								
								    grid-template-columns:
								      minmax(0, 0.95fr)
								      minmax(350px, 0.9fr);
								
								    gap: 55px;
								
								    padding: 72px 0 80px;
								  }
								
								
								  .hera-medical-hero-content {
								    max-width: 470px;
								  }
								
								
								  .hera-medical-hero-content h1 {
								    max-width: 470px;
								
								    font-size: 52px !important;
								  }
								
								
								  .hera-medical-lead {
								    max-width: 450px;
								  }
								
								
								  .hera-medical-focus {
								    max-width: 400px;
								  }
								
								}
								
								
								/* =========================================================
								   IPAD PORTRAIT
								========================================================= */
								
								@media (max-width: 850px) {
								
								  .hera-medical-hero-inner {
								    width: calc(100% - 36px);
								
								    grid-template-columns: 1fr;
								
								    gap: 52px;
								
								    padding: 68px 0 76px;
								  }
								
								
								  .hera-medical-hero-content {
								    max-width: 650px;
								  }
								
								
								  .hera-medical-hero-content h1 {
								    max-width: 650px;
								
								    font-size: 56px !important;
								  }
								
								
								  .hera-medical-lead {
								    max-width: 580px;
								  }
								
								
								  .hera-medical-focus {
								    width: 100%;
								    max-width: 650px;
								
								    margin-left: 0;
								  }
								
								
								  .hera-medical-focus::before {
								    width: 290px;
								    height: 290px;
								  }
								
								}
								
								
								/* =========================================================
								   MOBILE
								========================================================= */
								
								@media (max-width: 650px) {
								
								  .hera-medical-hero-inner {
								    width: calc(100% - 28px);
								
								    gap: 40px;
								
								    padding: 52px 0 62px;
								  }
								
								
								  .hera-medical-eyebrow {
								    margin-bottom: 16px;
								
								    font-size: 9px;
								  }
								
								
								  .hera-medical-hero-content h1 {
								    max-width: 100%;
								
								    margin-bottom: 22px !important;
								
								    font-size: 42px !important;
								    line-height: 1.04 !important;
								  }
								
								
								  .hera-medical-lead {
								    max-width: 100%;
								
								    font-size: 15px !important;
								    line-height: 1.7 !important;
								  }
								
								
								  /* Buttons untereinander */
								  .hera-medical-actions {
								    flex-direction: column;
								
								    align-items: stretch;
								
								    gap: 10px;
								
								    margin-top: 27px !important;
								  }
								
								
								  .hera-medical-actions .hera-button-primary,
								  .hera-medical-actions .hera-button-secondary {
								    width: 100%;
								  }
								
								
								  /* rechte Inhalte */
								  .hera-medical-focus-item {
								    grid-template-columns: 30px minmax(0, 1fr);
								
								    gap: 12px;
								
								    padding: 24px 0;
								  }
								
								
								  .hera-medical-focus-item h3 {
								    font-size: 20px !important;
								  }
								
								
								  .hera-medical-focus-item p {
								    font-size: 13px !important;
								  }
								
								
								  .hera-medical-focus::before {
								    width: 220px;
								    height: 220px;
								
								    right: -110px;
								  }
								
								}
								
								
								/* =========================================================
								   SMALL MOBILE
								========================================================= */
								
								@media (max-width: 420px) {
								
								  .hera-medical-hero-inner {
								    width: calc(100% - 22px);
								  }
								
								
								  .hera-medical-hero-content h1 {
								    font-size: 37px !important;
								  }
								
								}x);
	}
	
	.hera-medical-hero-content h1 {
		font-size: 37px !important;
	}
	
	.hera-medical-intro h2,
								  .hera-medical-products h2,
								  .hera-medical-situations h2,
								  .hera-medical-cta h2 {
		font-size: 34px;
	}
	
	.hera-medical-comparison-card,
								  .hera-medical-product-card,
								  .hera-medical-situation {
		padding-left: 21px;
		padding-right: 21px;
	}
}

/* =========================================================
   HERA MEDICAL HERO – ANGEPASST AN HERA DIGITAL
========================================================= */
.hera-medical-hero {
	width: 100%;
	background: #f3efe8;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

/* =========================================================
   HAUPT-LAYOUT
========================================================= */
.hera-medical-hero-inner {
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto;
	display: grid;
/* identische Wirkung wie HERA Digital */
	grid-template-columns: 0.95fr 0.9fr;
	gap: 75px;
	align-items: center;
	padding: 85px 0 95px;
}

/* =========================================================
   LINKER BEREICH
========================================================= */
.hera-medical-hero-content {
	width: 100%;
	max-width: 530px;
}

.hera-medical-eyebrow {
	display: block;
	margin: 0 0 22px;
	font-size: 10px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #b88945;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-medical-hero-content h1 {
	margin: 0 0 28px !important;
	max-width: 530px;
	font-family: Georgia, "Times New Roman", serif;
/*
     Wichtig:
     deutlich kleiner als bisher
  */
	font-size: 58px !important;
	line-height: 1.02 !important;
	letter-spacing: -.035em;
	font-weight: 600;
	color: #292725 !important;
}

/* =========================================================
   LEAD TEXT
========================================================= */
.hera-medical-lead {
	width: 100%;
	max-width: 490px;
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: #615a53 !important;
}

/* =========================================================
   BUTTONS
========================================================= */
.hera-medical-actions {
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 32px !important;
}

/* WordPress überschreibt Links teilweise */
.hera-medical-actions .hera-button-primary,
.hera-medical-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 11px 21px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
}

/* Dunkler Button */
.hera-medical-actions .hera-button-primary {
	background: #292725 !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-medical-actions .hera-button-primary:hover {
	background: #b88945 !important;
	border-color: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* Gold Outline */
.hera-medical-actions .hera-button-secondary {
	background: transparent !important;
	border: 1px solid #b88945 !important;
	color: #292725 !important;
}

.hera-medical-actions .hera-button-secondary:hover {
	background: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   RECHTER BEREICH
========================================================= */
.hera-medical-focus {
	position: relative;
	width: 100%;
	max-width: 430px;
	margin-left: auto;
	display: flex;
	flex-direction: column;
	border-top: 1px solid #ded6cc;
}

/* =========================================================
   DEKORATIVER KREIS
========================================================= */
.hera-medical-focus::before {
	content: "";
	position: absolute;
	width: 340px;
	height: 340px;
	right: -120px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.12);
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
}

/* =========================================================
   FOKUSPUNKTE
========================================================= */
.hera-medical-focus-item {
	position: relative;
	z-index: 1;
	display: grid;
/*
    kleinere Nummernspalte =
    mehr Platz für Text
  */
	grid-template-columns: 32px minmax(0, 1fr);
	gap: 18px;
	padding: 30px 0;
	border-bottom: 1px solid #ded6cc;
}

.hera-medical-focus-item > div {
	width: 100%;
	min-width: 0;
}

/* Nummer */
.hera-medical-focus-number {
	padding-top: 2px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	color: #b88945;
}

/* Label */
.hera-medical-focus-label {
	display: block;
	margin-bottom: 7px;
	font-size: 9px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #b88945;
}

/* Überschrift */
.hera-medical-focus-item h3 {
	margin: 0 0 9px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px !important;
	line-height: 1.18 !important;
	font-weight: 600;
	color: #292725 !important;
	max-width: 100%;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* Text */
.hera-medical-focus-item p {
	max-width: 360px;
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	color: #615a53 !important;
}

/* =========================================================
   IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-medical-hero-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(0, 0.95fr) minmax(350px, 0.9fr);
		gap: 55px;
		padding: 72px 0 80px;
	}
	
	.hera-medical-hero-content {
		max-width: 470px;
	}
	
	.hera-medical-hero-content h1 {
		max-width: 470px;
		font-size: 52px !important;
	}
	
	.hera-medical-lead {
		max-width: 450px;
	}
	
	.hera-medical-focus {
		max-width: 400px;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-medical-hero-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 52px;
		padding: 68px 0 76px;
	}
	
	.hera-medical-hero-content {
		max-width: 650px;
	}
	
	.hera-medical-hero-content h1 {
		max-width: 650px;
		font-size: 56px !important;
	}
	
	.hera-medical-lead {
		max-width: 580px;
	}
	
	.hera-medical-focus {
		width: 100%;
		max-width: 650px;
		margin-left: 0;
	}
	
	.hera-medical-focus::before {
		width: 290px;
		height: 290px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 650px) {
	.hera-medical-hero-inner {
		width: calc(100% - 28px);
		gap: 40px;
		padding: 52px 0 62px;
	}
	
	.hera-medical-eyebrow {
		margin-bottom: 16px;
		font-size: 9px;
	}
	
	.hera-medical-hero-content h1 {
		max-width: 100%;
		margin-bottom: 22px !important;
		font-size: 42px !important;
		line-height: 1.04 !important;
	}
	
	.hera-medical-lead {
		max-width: 100%;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	/* Buttons untereinander */
	.hera-medical-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
		margin-top: 27px !important;
	}
	
	.hera-medical-actions .hera-button-primary,
								  .hera-medical-actions .hera-button-secondary {
		width: 100%;
	}
	
	/* rechte Inhalte */
	.hera-medical-focus-item {
		grid-template-columns: 30px minmax(0, 1fr);
		gap: 12px;
		padding: 24px 0;
	}
	
	.hera-medical-focus-item h3 {
		font-size: 20px !important;
	}
	
	.hera-medical-focus-item p {
		font-size: 13px !important;
	}
	
	.hera-medical-focus::before {
		width: 220px;
		height: 220px;
		right: -110px;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-medical-hero-inner {
		width: calc(100% - 22px);
	}
	
	.hera-medical-hero-content h1 {
		font-size: 37px !important;
	}
}

/* =========================================================
   HERA MEDICAL CTA BUTTON FIX
========================================================= */
.hera-medical-cta .hera-button-primary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 46px !important;
	padding: 12px 24px !important;
	background: #292725 !important;
	border: 1px solid #292725 !important;
	border-radius: 999px !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
}

/* Auch verschachtelte WordPress-Linkstyles überschreiben */
.hera-medical-cta .hera-button-primary:link,
.hera-medical-cta .hera-button-primary:visited {
	background: #292725 !important;
	border-color: #292725 !important;
	color: #ffffff !important;
}

/* Hover */
.hera-medical-cta .hera-button-primary:hover {
	background: #b88945 !important;
	border-color: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   HERA ADVISORY – FINAL COMPLETE CSS
   Robust für WordPress / Desktop / iPad / Mobile
========================================================= */
:root {
}

/* =========================================================
   BOX SIZING / WORDPRESS SAFETY
========================================================= */
.hera-advisory-hero *,
.hera-advisory-intro *,
.hera-advisory-products *,
.hera-advisory-decisions *,
.hera-advisory-cta * {
	box-sizing: border-box;
}

.hera-advisory-hero,
.hera-advisory-intro,
.hera-advisory-products,
.hera-advisory-decisions,
.hera-advisory-cta {
	width: 100%;
	max-width: 100%;
	position: relative;
	overflow: hidden;
}

/* =========================================================
   GEMEINSAME CONTENT-BREITE
========================================================= */
.hera-advisory-hero-inner,
.hera-advisory-section-inner,
.hera-advisory-cta-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}

/* =========================================================
   GEMEINSAME EYEBROW
========================================================= */
.hera-section-eyebrow,
.hera-advisory-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: var(--hera-gold);
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   GEMEINSAME SECTION HEADLINES
========================================================= */
.hera-advisory-intro h2,
.hera-advisory-products h2,
.hera-advisory-decisions h2,
.hera-advisory-cta h2 {
	width: 100%;
	max-width: 780px;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 5vw, 58px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.025em;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   HERO
========================================================= */
.hera-advisory-hero {
	background: var(--hera-bg);
	border-bottom: 1px solid var(--hera-line);
}

.hera-advisory-hero-inner {
	display: grid;
/*
     Beide Seiten bleiben flexibel.
     Keine feste Pixel-Spalte mehr.
  */
	grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
	align-items: center;
	gap: clamp(42px, 7vw, 85px);
	padding: 82px 0 92px;
}

/* =========================================================
   HERO LINKS
========================================================= */
.hera-advisory-hero-content {
	width: 100%;
	max-width: 590px;
	min-width: 0;
}

.hera-advisory-eyebrow {
	margin-bottom: 22px;
}

/* =========================================================
   HERO HEADLINE
========================================================= */
.hera-advisory-hero-content h1 {
	width: 100%;
	max-width: 590px;
	margin: 0 0 27px !important;
	font-family: Georgia, "Times New Roman", serif;
/*
     Etwas kleiner als bisher, damit die lange
     Advisory-Headline sauber bleibt.
  */
	font-size: clamp(43px, 5vw, 56px) !important;
	line-height: 1.03 !important;
	font-weight: 600;
	letter-spacing: -.035em;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   HERO LEAD
========================================================= */
.hera-advisory-lead {
	width: 100%;
	max-width: 535px;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   HERO BUTTONS
========================================================= */
.hera-advisory-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-top: 32px !important;
}

.hera-advisory-actions .hera-button-primary,
.hera-advisory-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 11px 21px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease !important;
}

/* SCHWARZER BUTTON */
.hera-advisory-actions .hera-button-primary,
.hera-advisory-actions .hera-button-primary:link,
.hera-advisory-actions .hera-button-primary:visited {
	background-color: #292725 !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-advisory-actions .hera-button-primary:hover,
.hera-advisory-actions .hera-button-primary:focus {
	background-color: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* GOLD OUTLINE BUTTON */
.hera-advisory-actions .hera-button-secondary,
.hera-advisory-actions .hera-button-secondary:link,
.hera-advisory-actions .hera-button-secondary:visited {
	background-color: transparent !important;
	border: 1px solid var(--hera-gold) !important;
	color: #292725 !important;
}

.hera-advisory-actions .hera-button-secondary:hover,
.hera-advisory-actions .hera-button-secondary:focus {
	background-color: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   HERO RECHTS
========================================================= */
.hera-advisory-focus {
	position: relative;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	display: flex;
	flex-direction: column;
	border-top: 1px solid var(--hera-line);
}

/* Dekorativer Kreis */
.hera-advisory-focus::before {
	content: "";
	position: absolute;
	width: min(340px, 85%);
	aspect-ratio: 1 / 1;
	right: -110px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.12);
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
}

/* =========================================================
   HERO FOCUS ITEM
========================================================= */
.hera-advisory-focus-item {
	position: relative;
	z-index: 1;
	width: 100% !important;
	min-width: 0 !important;
	display: grid !important;
	grid-template-columns: 34px minmax(0, 1fr) !important;
	column-gap: 17px !important;
	padding: 28px 0 !important;
	border-bottom: 1px solid var(--hera-line);
}

.hera-advisory-focus-item > div {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

.hera-advisory-focus-number {
	display: block;
	padding-top: 2px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	line-height: 1.2;
}

.hera-advisory-focus-label {
	display: block !important;
	width: 100% !important;
	margin: 0 0 7px !important;
	color: var(--hera-gold) !important;
	font-size: 9px !important;
	line-height: 1.2 !important;
	font-weight: 600 !important;
	letter-spacing: .15em;
	text-transform: uppercase;
	word-break: normal !important;
	white-space: normal !important;
}

/* =========================================================
   HERO RIGHT TITLES
========================================================= */
.hera-advisory-focus-item h3 {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 8px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(19px, 2.2vw, 22px) !important;
	line-height: 1.18 !important;
	font-weight: 600 !important;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   HERO RIGHT TEXT
========================================================= */
.hera-advisory-focus-item p {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   INTRO
========================================================= */
.hera-advisory-intro {
	padding: 110px 0;
	background: var(--hera-bg-light);
}

.hera-advisory-intro .hera-section-intro {
	width: 100%;
	max-width: 790px;
	margin: 25px 0 0;
	color: var(--hera-muted);
	font-size: 17px;
	line-height: 1.8;
}

/* =========================================================
   INTRO COMPARISON
========================================================= */
.hera-advisory-comparison {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin-top: 52px;
}

.hera-advisory-comparison-card {
	width: 100%;
	min-width: 0;
	padding: 34px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
}

.hera-advisory-comparison-highlight {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-advisory-comparison-card > span {
	display: block;
	margin: 0 0 26px;
	color: var(--hera-gold);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.hera-advisory-comparison-card h3 {
	margin: 0 0 20px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(23px, 3vw, 27px) !important;
	line-height: 1.2 !important;
	color: var(--hera-text) !important;
}

.hera-advisory-comparison-card ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hera-advisory-comparison-card li {
	position: relative;
	padding: 7px 0 7px 21px;
	color: var(--hera-muted);
	font-size: 14px;
	line-height: 1.55;
}

.hera-advisory-comparison-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 16px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

/* =========================================================
   PRODUKTE
========================================================= */
.hera-advisory-products {
	padding: 110px 0 120px;
	background: var(--hera-bg);
}

/*
   AUTO-FIT ist hier entscheidend.
   WordPress darf selbst bestimmen, wie viele Karten passen.
*/
.hera-advisory-product-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
	gap: 20px;
	margin-top: 55px;
}

/* =========================================================
   PRODUCT CARD
========================================================= */
.hera-advisory-product-card {
	position: relative;
	width: 100%;
	min-width: 0;
	min-height: 450px;
	display: flex;
	flex-direction: column;
	padding: 32px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.hera-advisory-product-card:hover {
	transform: translateY(-4px);
	border-color: var(--hera-gold-soft);
	box-shadow: var(--hera-shadow);
}

.hera-advisory-product-featured {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-advisory-product-number {
	display: block;
	margin: 0 0 30px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
}

/* Badge */
.hera-advisory-product-label {
	position: absolute;
	top: 23px;
	right: 23px;
	max-width: 45%;
	padding: 5px 8px;
	border: 1px solid var(--hera-gold-soft);
	color: var(--hera-gold);
	font-size: 8px;
	line-height: 1.2;
	letter-spacing: .12em;
	text-transform: uppercase;
	white-space: normal;
}

/* =========================================================
   PRODUCT TITLE
========================================================= */
.hera-advisory-product-card h3 {
	width: 100%;
	max-width: 100%;
	margin: 0 0 15px !important;
	font-family: Georgia, "Times New Roman", serif;
/*
     Wichtiger Fix gegen Überlappung
  */
	font-size: clamp(21px, 2.6vw, 25px) !important;
	line-height: 1.18 !important;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
}

.hera-advisory-product-card > p {
	width: 100%;
	margin: 0 0 20px !important;
	color: var(--hera-muted) !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
}

.hera-advisory-product-card ul {
	width: 100%;
	list-style: none;
	margin: 0 0 26px;
	padding: 0;
}

.hera-advisory-product-card li {
	position: relative;
	padding: 6px 0 6px 19px;
	color: var(--hera-muted);
	font-size: 14px;
	line-height: 1.5;
}

.hera-advisory-product-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

.hera-advisory-product-card > a {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	margin-top: auto;
	color: var(--hera-text) !important;
	font-size: 14px;
	text-decoration: none !important;
	transition: color .2s ease, transform .2s ease;
}

.hera-advisory-product-card > a:hover {
	color: var(--hera-gold) !important;
	transform: translateX(3px);
}

/* =========================================================
   DECISIONS
========================================================= */
.hera-advisory-decisions {
	padding: 110px 0;
	background: var(--hera-bg-light);
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

/*
   Keine festen fünf Spalten mehr.
   So kann nichts abgeschnitten werden.
*/
.hera-advisory-decision-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr));
	gap: 0;
	margin-top: 55px;
	border-top: 1px solid var(--hera-line);
	border-left: 1px solid var(--hera-line);
}

/* =========================================================
   DECISION ITEM
========================================================= */
.hera-advisory-decision {
	width: 100%;
	min-width: 0;
	min-height: 280px;
	padding: 28px 24px;
	border-right: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-advisory-decision > span {
	display: block;
	margin: 0 0 35px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
}

.hera-advisory-decision h3 {
	width: 100%;
	max-width: 100%;
	margin: 0 0 13px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(20px, 2.3vw, 23px) !important;
	line-height: 1.2 !important;
	color: var(--hera-text) !important;
/*
     Verhindert "StrukturierenSteuern"
  */
	word-break: normal !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
}

.hera-advisory-decision p {
	width: 100%;
	max-width: 100%;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 14px !important;
	line-height: 1.68 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   CTA
========================================================= */
.hera-advisory-cta {
	padding: 120px 0;
	background: #ebe4da;
	text-align: center;
}

.hera-advisory-cta-inner {
	max-width: 820px;
}

.hera-advisory-cta h2 {
	max-width: 780px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.hera-advisory-cta p {
	width: 100%;
	max-width: 650px;
	margin: 24px auto 31px !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
}

/* =========================================================
   CTA SCHWARZER BUTTON
========================================================= */
.hera-advisory-cta .hera-button-primary,
.hera-advisory-cta .hera-button-primary:link,
.hera-advisory-cta .hera-button-primary:visited {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 12px 24px !important;
	background-color: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	border-radius: 999px !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	box-shadow: none !important;
	white-space: nowrap !important;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease !important;
}

.hera-advisory-cta .hera-button-primary:hover,
.hera-advisory-cta .hera-button-primary:focus {
	background-color: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-advisory-hero-inner,
								  .hera-advisory-section-inner,
								  .hera-advisory-cta-inner {
		width: calc(100% - 40px);
	}
	
	.hera-advisory-hero-inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 0.82fr);
		gap: 42px;
		padding: 72px 0 80px;
	}
	
	.hera-advisory-hero-content h1 {
		font-size: clamp(42px, 5.4vw, 50px) !important;
	}
	
	.hera-advisory-focus-item {
		grid-template-columns: 30px minmax(0, 1fr) !important;
		gap: 13px !important;
	}
	
	.hera-advisory-products {
		padding: 90px 0 100px;
	}
	
	.hera-advisory-decisions {
		padding: 90px 0;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-advisory-hero-inner,
								  .hera-advisory-section-inner,
								  .hera-advisory-cta-inner {
		width: calc(100% - 36px);
	}
	
	/* HERO wird einspaltig */
	.hera-advisory-hero-inner {
		grid-template-columns: 1fr;
		gap: 48px;
		padding: 66px 0 74px;
	}
	
	.hera-advisory-hero-content {
		max-width: 670px;
	}
	
	.hera-advisory-hero-content h1 {
		max-width: 670px;
		font-size: 52px !important;
	}
	
	.hera-advisory-lead {
		max-width: 600px;
	}
	
	.hera-advisory-focus {
		max-width: 670px !important;
	}
	
	.hera-advisory-focus::before {
		width: 280px;
		right: -100px;
	}
	
	.hera-advisory-intro {
		padding: 85px 0;
	}
	
	.hera-advisory-comparison {
		gap: 16px;
	}
	
	.hera-advisory-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-advisory-decision-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-advisory-cta {
		padding: 95px 0;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-advisory-hero-inner,
								  .hera-advisory-section-inner,
								  .hera-advisory-cta-inner {
		width: calc(100% - 28px);
	}
	
	/* =====================================================
								     TYPO
								  ====================================================== */
	.hera-section-eyebrow,
								  .hera-advisory-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-advisory-intro h2,
								  .hera-advisory-products h2,
								  .hera-advisory-decisions h2,
								  .hera-advisory-cta h2 {
		font-size: 37px !important;
		line-height: 1.08 !important;
	}
	
	/* =====================================================
								     HERO
								  ====================================================== */
	.hera-advisory-hero-inner {
		gap: 38px;
		padding: 50px 0 60px;
	}
	
	.hera-advisory-hero-content h1 {
		margin-bottom: 21px !important;
		font-size: 40px !important;
		line-height: 1.04 !important;
	}
	
	.hera-advisory-lead {
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-advisory-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin-top: 27px !important;
	}
	
	.hera-advisory-actions .hera-button-primary,
								  .hera-advisory-actions .hera-button-secondary {
		width: 100% !important;
	}
	
	.hera-advisory-focus {
		max-width: 100% !important;
	}
	
	.hera-advisory-focus-item {
		grid-template-columns: 29px minmax(0, 1fr) !important;
		gap: 11px !important;
		padding: 23px 0 !important;
	}
	
	.hera-advisory-focus-item h3 {
		font-size: 20px !important;
	}
	
	.hera-advisory-focus::before {
		width: 210px;
		right: -105px;
	}
	
	/* =====================================================
								     INTRO
								  ====================================================== */
	.hera-advisory-intro {
		padding: 70px 0;
	}
	
	.hera-advisory-intro .hera-section-intro {
		margin-top: 19px;
		font-size: 15px;
		line-height: 1.72;
	}
	
	.hera-advisory-comparison {
		grid-template-columns: 1fr;
		gap: 13px;
		margin-top: 36px;
	}
	
	.hera-advisory-comparison-card {
		min-height: 0;
		padding: 26px 23px;
	}
	
	/* =====================================================
								     PRODUCTS
								  ====================================================== */
	.hera-advisory-products {
		padding: 70px 0 76px;
	}
	
	.hera-advisory-product-grid {
		grid-template-columns: 1fr;
		gap: 13px;
		margin-top: 38px;
	}
	
	.hera-advisory-product-card {
		min-height: 0;
		padding: 27px 23px;
	}
	
	.hera-advisory-product-number {
		margin-bottom: 24px;
	}
	
	.hera-advisory-product-card h3 {
		font-size: 23px !important;
	}
	
	.hera-advisory-product-card > a {
		margin-top: 18px;
	}
	
	/* =====================================================
								     DECISIONS
								  ====================================================== */
	.hera-advisory-decisions {
		padding: 70px 0;
	}
	
	.hera-advisory-decision-grid {
		grid-template-columns: 1fr;
		margin-top: 38px;
		border-left: none;
	}
	
	.hera-advisory-decision {
		min-height: 0;
		padding: 25px 22px;
		border-left: 1px solid var(--hera-line);
	}
	
	.hera-advisory-decision > span {
		margin-bottom: 22px;
	}
	
	.hera-advisory-decision h3 {
		font-size: 22px !important;
	}
	
	/* =====================================================
								     CTA
								  ====================================================== */
	.hera-advisory-cta {
		padding: 75px 0;
	}
	
	.hera-advisory-cta p {
		margin: 19px auto 27px !important;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-advisory-cta .hera-button-primary {
		width: 100% !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-advisory-hero-inner,
								  .hera-advisory-section-inner,
								  .hera-advisory-cta-inner {
		width: calc(100% - 22px);
	}
	
	.hera-advisory-hero-content h1 {
		font-size: 35px !important;
	}
	
	.hera-advisory-intro h2,
								  .hera-advisory-products h2,
								  .hera-advisory-decisions h2,
								  .hera-advisory-cta h2 {
		font-size: 33px !important;
	}
	
	.hera-advisory-product-card,
								  .hera-advisory-comparison-card,
								  .hera-advisory-decision {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* =========================================================
   HERA ADVISORY – HERO FINAL FIX
========================================================= */
.hera-advisory-hero {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: #f3efe8;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

/* =========================================================
   HERO INNER
========================================================= */
.hera-advisory-hero-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin: 0 auto;
	display: grid;
/*
     Klare Trennung:
     links = 53 %
     rechts = 39 %
     Rest = Abstand
  */
	grid-template-columns: minmax(0, 53%) minmax(0, 39%);
	justify-content: space-between;
	align-items: center;
	column-gap: 8%;
	padding: 82px 0 92px;
}

/* =========================================================
   LINKER BEREICH
========================================================= */
.hera-advisory-hero-content {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	position: relative;
	z-index: 2;
}

/* Eyebrow */
.hera-advisory-eyebrow {
	display: block;
	margin: 0 0 23px;
	color: #b88945;
	font-size: 10px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-advisory-hero-content h1 {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 28px !important;
	font-family: Georgia, "Times New Roman", serif;
/*
     Etwas kleiner als aktuell.
     Dadurch bleibt "unternehmerische"
     vollständig in der linken Spalte.
  */
	font-size: clamp(44px, 4.25vw, 55px) !important;
	line-height: 1.04 !important;
	font-weight: 600;
	letter-spacing: -.035em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
	overflow: visible !important;
}

/* =========================================================
   LEAD
========================================================= */
.hera-advisory-lead {
	width: 100%;
	max-width: 510px;
	margin: 0 !important;
	color: #615a53 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   BUTTONS
========================================================= */
.hera-advisory-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-top: 33px !important;
}

.hera-advisory-actions .hera-button-primary,
.hera-advisory-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 45px !important;
	margin: 0 !important;
	padding: 11px 21px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	box-shadow: none !important;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease !important;
}

/* Primary */
.hera-advisory-actions .hera-button-primary,
.hera-advisory-actions .hera-button-primary:link,
.hera-advisory-actions .hera-button-primary:visited {
	background: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-advisory-actions .hera-button-primary:hover,
.hera-advisory-actions .hera-button-primary:focus {
	background: #b88945 !important;
	border-color: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* Secondary */
.hera-advisory-actions .hera-button-secondary,
.hera-advisory-actions .hera-button-secondary:link,
.hera-advisory-actions .hera-button-secondary:visited {
	background: transparent !important;
	background-image: none !important;
	border: 1px solid #b88945 !important;
	color: #292725 !important;
}

.hera-advisory-actions .hera-button-secondary:hover,
.hera-advisory-actions .hera-button-secondary:focus {
	background: #b88945 !important;
	border-color: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   RECHTER BEREICH
========================================================= */
.hera-advisory-focus {
	position: relative;
	z-index: 1;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	display: flex;
	flex-direction: column;
	border-top: 1px solid #ded6cc;
}

/* Kreis */
.hera-advisory-focus::before {
	content: "";
	position: absolute;
	width: 330px;
	height: 330px;
	right: -105px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.12);
	border-radius: 50%;
	pointer-events: none;
	z-index: -1;
}

/* =========================================================
   FOCUS ITEMS
========================================================= */
.hera-advisory-focus-item {
	position: relative;
	width: 100% !important;
	min-width: 0 !important;
	display: grid !important;
	grid-template-columns: 32px minmax(0, 1fr) !important;
	column-gap: 17px !important;
	padding: 27px 0 !important;
	border-bottom: 1px solid #ded6cc;
}

/* Textbereich */
.hera-advisory-focus-item > div {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

/* Nummer */
.hera-advisory-focus-number {
	display: block;
	padding-top: 3px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	line-height: 1;
	color: #b88945;
}

/* Label */
.hera-advisory-focus-label {
	display: block !important;
	width: 100% !important;
	margin: 0 0 7px !important;
	color: #b88945 !important;
	font-size: 9px !important;
	line-height: 1.2 !important;
	font-weight: 600 !important;
	letter-spacing: .15em;
	text-transform: uppercase;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* Überschrift */
.hera-advisory-focus-item h3 {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 8px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px !important;
	line-height: 1.18 !important;
	font-weight: 600 !important;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* Text */
.hera-advisory-focus-item p {
	display: block !important;
	width: 100% !important;
	max-width: 350px !important;
	margin: 0 !important;
	color: #615a53 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   DESKTOP – ETWAS SCHMALER
========================================================= */
@media (max-width: 1100px) {
	.hera-advisory-hero-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(0, 54%) minmax(0, 38%);
		column-gap: 8%;
		padding: 72px 0 80px;
	}
	
	.hera-advisory-hero-content h1 {
		font-size: clamp(42px, 4.7vw, 49px) !important;
	}
	
	.hera-advisory-lead {
		max-width: 460px;
	}
	
	.hera-advisory-focus-item h3 {
		font-size: 20px !important;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-advisory-hero-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 50px;
		padding: 68px 0 76px;
	}
	
	.hera-advisory-hero-content {
		max-width: 650px;
	}
	
	.hera-advisory-hero-content h1 {
		max-width: 650px !important;
		font-size: 52px !important;
	}
	
	.hera-advisory-lead {
		max-width: 580px;
	}
	
	.hera-advisory-focus {
		width: 100% !important;
		max-width: 650px !important;
	}
	
	.hera-advisory-focus-item p {
		max-width: 500px !important;
	}
	
	.hera-advisory-focus::before {
		width: 280px;
		height: 280px;
		right: -90px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-advisory-hero-inner {
		width: calc(100% - 28px);
		gap: 38px;
		padding: 50px 0 60px;
	}
	
	.hera-advisory-eyebrow {
		margin-bottom: 16px;
		font-size: 9px;
	}
	
	.hera-advisory-hero-content h1 {
		margin-bottom: 21px !important;
		font-size: 39px !important;
		line-height: 1.04 !important;
	}
	
	.hera-advisory-lead {
		max-width: 100%;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	/* Buttons */
	.hera-advisory-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin-top: 27px !important;
	}
	
	.hera-advisory-actions .hera-button-primary,
								  .hera-advisory-actions .hera-button-secondary {
		width: 100% !important;
	}
	
	/* Fokus */
	.hera-advisory-focus {
		max-width: 100% !important;
	}
	
	.hera-advisory-focus-item {
		grid-template-columns: 29px minmax(0, 1fr) !important;
		column-gap: 11px !important;
		padding: 23px 0 !important;
	}
	
	.hera-advisory-focus-item h3 {
		font-size: 20px !important;
	}
	
	.hera-advisory-focus-item p {
		max-width: 100% !important;
	}
	
	.hera-advisory-focus::before {
		width: 210px;
		height: 210px;
		right: -100px;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-advisory-hero-inner {
		width: calc(100% - 22px);
	}
	
	.hera-advisory-hero-content h1 {
		font-size: 35px !important;
	}
}

/* =========================================================
   HERA SUCCESSION – COMPLETE CSS
   Desktop / Tablet / Mobile
========================================================= */
:root {
}

/* =========================================================
   BOX SIZING / WORDPRESS SAFETY
========================================================= */
.hera-succession-hero *,
.hera-succession-intro *,
.hera-succession-products *,
.hera-succession-situations *,
.hera-succession-cta * {
	box-sizing: border-box;
}

.hera-succession-hero,
.hera-succession-intro,
.hera-succession-products,
.hera-succession-situations,
.hera-succession-cta {
	width: 100%;
	max-width: 100%;
	position: relative;
	overflow: hidden;
}

/* =========================================================
   CONTENT WIDTH
========================================================= */
.hera-succession-hero-inner,
.hera-succession-section-inner,
.hera-succession-cta-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}

/* =========================================================
   EYEBROWS
========================================================= */
.hera-section-eyebrow,
.hera-succession-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: var(--hera-gold);
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   SHARED SECTION HEADLINES
========================================================= */
.hera-succession-intro h2,
.hera-succession-products h2,
.hera-succession-situations h2,
.hera-succession-cta h2 {
	width: 100%;
	max-width: 800px;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 5vw, 58px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.025em;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   HERO
========================================================= */
.hera-succession-hero {
	background: var(--hera-bg);
	border-bottom: 1px solid var(--hera-line);
}

.hera-succession-hero-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr);
	align-items: center;
	gap: clamp(42px, 7vw, 85px);
	padding: 82px 0 92px;
}

/* =========================================================
   HERO LEFT
========================================================= */
.hera-succession-hero-content {
	width: 100%;
	max-width: 590px;
	min-width: 0;
}

.hera-succession-eyebrow {
	margin-bottom: 22px;
}

/* =========================================================
   HERO HEADLINE
========================================================= */
.hera-succession-hero-content h1 {
	width: 100%;
	max-width: 590px;
	margin: 0 0 28px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 5vw, 58px) !important;
	line-height: 1.03 !important;
	font-weight: 600;
	letter-spacing: -.035em;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   HERO LEAD
========================================================= */
.hera-succession-lead {
	width: 100%;
	max-width: 540px;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   HERO BUTTONS
========================================================= */
.hera-succession-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-top: 32px !important;
}

.hera-succession-actions .hera-button-primary,
.hera-succession-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 45px !important;
	margin: 0 !important;
	padding: 11px 21px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	box-shadow: none !important;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease !important;
}

/* PRIMARY */
.hera-succession-actions .hera-button-primary,
.hera-succession-actions .hera-button-primary:link,
.hera-succession-actions .hera-button-primary:visited {
	background-color: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-succession-actions .hera-button-primary:hover,
.hera-succession-actions .hera-button-primary:focus {
	background-color: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* SECONDARY */
.hera-succession-actions .hera-button-secondary,
.hera-succession-actions .hera-button-secondary:link,
.hera-succession-actions .hera-button-secondary:visited {
	background-color: transparent !important;
	background-image: none !important;
	border: 1px solid var(--hera-gold) !important;
	color: var(--hera-text) !important;
}

.hera-succession-actions .hera-button-secondary:hover,
.hera-succession-actions .hera-button-secondary:focus {
	background-color: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   HERO RIGHT
========================================================= */
.hera-succession-focus {
	position: relative;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	display: flex;
	flex-direction: column;
	border-top: 1px solid var(--hera-line);
}

/* decorative circle */
.hera-succession-focus::before {
	content: "";
	position: absolute;
	width: min(340px, 85%);
	aspect-ratio: 1 / 1;
	right: -105px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.12);
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
}

/* =========================================================
   HERO FOCUS ITEM
========================================================= */
.hera-succession-focus-item {
	position: relative;
	z-index: 1;
	width: 100% !important;
	min-width: 0 !important;
	display: grid !important;
	grid-template-columns: 34px minmax(0, 1fr) !important;
	gap: 17px !important;
	padding: 28px 0 !important;
	border-bottom: 1px solid var(--hera-line);
}

.hera-succession-focus-item > div {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

.hera-succession-focus-number {
	display: block;
	padding-top: 2px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	line-height: 1.2;
}

.hera-succession-focus-label {
	display: block !important;
	width: 100% !important;
	margin: 0 0 7px !important;
	color: var(--hera-gold) !important;
	font-size: 9px !important;
	line-height: 1.2 !important;
	font-weight: 600 !important;
	letter-spacing: .15em;
	text-transform: uppercase;
	word-break: normal !important;
	white-space: normal !important;
}

/* =========================================================
   HERO FOCUS TITLE
========================================================= */
.hera-succession-focus-item h3 {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 8px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(19px, 2.2vw, 22px) !important;
	line-height: 1.18 !important;
	font-weight: 600 !important;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   HERO FOCUS TEXT
========================================================= */
.hera-succession-focus-item p {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   INTRO
========================================================= */
.hera-succession-intro {
	padding: 110px 0;
	background: var(--hera-bg-light);
}

.hera-succession-intro .hera-section-intro {
	width: 100%;
	max-width: 800px;
	margin: 25px 0 0;
	color: var(--hera-muted);
	font-size: 17px;
	line-height: 1.8;
}

/* =========================================================
   COMPARISON
========================================================= */
.hera-succession-comparison {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin-top: 52px;
}

.hera-succession-comparison-card {
	width: 100%;
	min-width: 0;
	padding: 34px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
}

.hera-succession-comparison-highlight {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-succession-comparison-card > span {
	display: block;
	margin: 0 0 26px;
	color: var(--hera-gold);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.hera-succession-comparison-card h3 {
	margin: 0 0 20px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(23px, 3vw, 27px) !important;
	line-height: 1.2 !important;
	color: var(--hera-text) !important;
}

.hera-succession-comparison-card ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hera-succession-comparison-card li {
	position: relative;
	padding: 7px 0 7px 21px;
	color: var(--hera-muted);
	font-size: 14px;
	line-height: 1.55;
}

.hera-succession-comparison-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 16px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

/* =========================================================
   PRODUCTS
========================================================= */
.hera-succession-products {
	padding: 110px 0 120px;
	background: var(--hera-bg);
}

.hera-succession-product-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
	gap: 20px;
	margin-top: 55px;
}

/* =========================================================
   PRODUCT CARD
========================================================= */
.hera-succession-product-card {
	position: relative;
	width: 100%;
	min-width: 0;
	min-height: 450px;
	display: flex;
	flex-direction: column;
	padding: 32px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.hera-succession-product-card:hover {
	transform: translateY(-4px);
	border-color: var(--hera-gold-soft);
	box-shadow: var(--hera-shadow);
}

.hera-succession-product-featured {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-succession-product-number {
	display: block;
	margin: 0 0 30px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
}

.hera-succession-product-label {
	position: absolute;
	top: 23px;
	right: 23px;
	max-width: 45%;
	padding: 5px 8px;
	border: 1px solid var(--hera-gold-soft);
	color: var(--hera-gold);
	font-size: 8px;
	line-height: 1.2;
	letter-spacing: .12em;
	text-transform: uppercase;
	white-space: normal;
}

/* =========================================================
   PRODUCT TITLE
========================================================= */
.hera-succession-product-card h3 {
	width: 100%;
	max-width: 100%;
	margin: 0 0 15px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(21px, 2.6vw, 25px) !important;
	line-height: 1.18 !important;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
}

.hera-succession-product-card > p {
	width: 100%;
	margin: 0 0 20px !important;
	color: var(--hera-muted) !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
}

.hera-succession-product-card ul {
	width: 100%;
	list-style: none;
	margin: 0 0 26px;
	padding: 0;
}

.hera-succession-product-card li {
	position: relative;
	padding: 6px 0 6px 19px;
	color: var(--hera-muted);
	font-size: 14px;
	line-height: 1.5;
}

.hera-succession-product-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

.hera-succession-product-card > a {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	margin-top: auto;
	color: var(--hera-text) !important;
	font-size: 14px;
	text-decoration: none !important;
	transition: color .2s ease, transform .2s ease;
}

.hera-succession-product-card > a:hover {
	color: var(--hera-gold) !important;
	transform: translateX(3px);
}

/* =========================================================
   SITUATIONS
========================================================= */
.hera-succession-situations {
	padding: 110px 0;
	background: var(--hera-bg-light);
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-succession-situation-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr));
	gap: 0;
	margin-top: 55px;
	border-top: 1px solid var(--hera-line);
	border-left: 1px solid var(--hera-line);
}

/* =========================================================
   SITUATION ITEM
========================================================= */
.hera-succession-situation {
	width: 100%;
	min-width: 0;
	min-height: 280px;
	padding: 28px 24px;
	border-right: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-succession-situation > span {
	display: block;
	margin: 0 0 35px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
}

.hera-succession-situation h3 {
	width: 100%;
	max-width: 100%;
	margin: 0 0 13px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(20px, 2.3vw, 23px) !important;
	line-height: 1.2 !important;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
}

.hera-succession-situation p {
	width: 100%;
	max-width: 100%;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 14px !important;
	line-height: 1.68 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   CTA
========================================================= */
.hera-succession-cta {
	padding: 120px 0;
	background: #ebe4da;
	text-align: center;
}

.hera-succession-cta-inner {
	max-width: 820px;
}

.hera-succession-cta h2 {
	max-width: 780px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.hera-succession-cta p {
	width: 100%;
	max-width: 650px;
	margin: 24px auto 31px !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
}

/* =========================================================
   CTA BUTTON
========================================================= */
.hera-succession-cta .hera-button-primary,
.hera-succession-cta .hera-button-primary:link,
.hera-succession-cta .hera-button-primary:visited {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 12px 24px !important;
	background-color: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	border-radius: 999px !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	box-shadow: none !important;
	white-space: nowrap !important;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease !important;
}

.hera-succession-cta .hera-button-primary:hover,
.hera-succession-cta .hera-button-primary:focus {
	background-color: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-succession-hero-inner,
								  .hera-succession-section-inner,
								  .hera-succession-cta-inner {
		width: calc(100% - 40px);
	}
	
	.hera-succession-hero-inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 0.82fr);
		gap: 42px;
		padding: 72px 0 80px;
	}
	
	.hera-succession-hero-content h1 {
		font-size: clamp(42px, 5.4vw, 52px) !important;
	}
	
	.hera-succession-focus-item {
		grid-template-columns: 30px minmax(0, 1fr) !important;
		gap: 13px !important;
	}
	
	.hera-succession-products {
		padding: 90px 0 100px;
	}
	
	.hera-succession-situations {
		padding: 90px 0;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-succession-hero-inner,
								  .hera-succession-section-inner,
								  .hera-succession-cta-inner {
		width: calc(100% - 36px);
	}
	
	.hera-succession-hero-inner {
		grid-template-columns: 1fr;
		gap: 48px;
		padding: 66px 0 74px;
	}
	
	.hera-succession-hero-content {
		max-width: 670px;
	}
	
	.hera-succession-hero-content h1 {
		max-width: 670px;
		font-size: 52px !important;
	}
	
	.hera-succession-lead {
		max-width: 600px;
	}
	
	.hera-succession-focus {
		max-width: 670px !important;
	}
	
	.hera-succession-focus::before {
		width: 280px;
		right: -100px;
	}
	
	.hera-succession-intro {
		padding: 85px 0;
	}
	
	.hera-succession-comparison {
		gap: 16px;
	}
	
	.hera-succession-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-succession-situation-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-succession-cta {
		padding: 95px 0;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-succession-hero-inner,
								  .hera-succession-section-inner,
								  .hera-succession-cta-inner {
		width: calc(100% - 28px);
	}
	
	/* TYPO */
	.hera-section-eyebrow,
								  .hera-succession-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-succession-intro h2,
								  .hera-succession-products h2,
								  .hera-succession-situations h2,
								  .hera-succession-cta h2 {
		font-size: 37px !important;
		line-height: 1.08 !important;
	}
	
	/* HERO */
	.hera-succession-hero-inner {
		gap: 38px;
		padding: 50px 0 60px;
	}
	
	.hera-succession-hero-content h1 {
		margin-bottom: 21px !important;
		font-size: 40px !important;
		line-height: 1.04 !important;
	}
	
	.hera-succession-lead {
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-succession-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin-top: 27px !important;
	}
	
	.hera-succession-actions .hera-button-primary,
								  .hera-succession-actions .hera-button-secondary {
		width: 100% !important;
	}
	
	.hera-succession-focus {
		max-width: 100% !important;
	}
	
	.hera-succession-focus-item {
		grid-template-columns: 29px minmax(0, 1fr) !important;
		gap: 11px !important;
		padding: 23px 0 !important;
	}
	
	.hera-succession-focus-item h3 {
		font-size: 20px !important;
	}
	
	.hera-succession-focus::before {
		width: 210px;
		right: -105px;
	}
	
	/* INTRO */
	.hera-succession-intro {
		padding: 70px 0;
	}
	
	.hera-succession-intro .hera-section-intro {
		margin-top: 19px;
		font-size: 15px;
		line-height: 1.72;
	}
	
	.hera-succession-comparison {
		grid-template-columns: 1fr;
		gap: 13px;
		margin-top: 36px;
	}
	
	.hera-succession-comparison-card {
		min-height: 0;
		padding: 26px 23px;
	}
	
	/* PRODUCTS */
	.hera-succession-products {
		padding: 70px 0 76px;
	}
	
	.hera-succession-product-grid {
		grid-template-columns: 1fr;
		gap: 13px;
		margin-top: 38px;
	}
	
	.hera-succession-product-card {
		min-height: 0;
		padding: 27px 23px;
	}
	
	.hera-succession-product-number {
		margin-bottom: 24px;
	}
	
	.hera-succession-product-card h3 {
		font-size: 23px !important;
	}
	
	.hera-succession-product-card > a {
		margin-top: 18px;
	}
	
	/* SITUATIONS */
	.hera-succession-situations {
		padding: 70px 0;
	}
	
	.hera-succession-situation-grid {
		grid-template-columns: 1fr;
		margin-top: 38px;
		border-left: none;
	}
	
	.hera-succession-situation {
		min-height: 0;
		padding: 25px 22px;
		border-left: 1px solid var(--hera-line);
	}
	
	.hera-succession-situation > span {
		margin-bottom: 22px;
	}
	
	.hera-succession-situation h3 {
		font-size: 22px !important;
	}
	
	/* CTA */
	.hera-succession-cta {
		padding: 75px 0;
	}
	
	.hera-succession-cta p {
		margin: 19px auto 27px !important;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-succession-cta .hera-button-primary {
		width: 100% !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-succession-hero-inner,
								  .hera-succession-section-inner,
								  .hera-succession-cta-inner {
		width: calc(100% - 22px);
	}
	
	.hera-succession-hero-content h1 {
		font-size: 35px !important;
	}
	
	.hera-succession-intro h2,
								  .hera-succession-products h2,
								  .hera-succession-situations h2,
								  .hera-succession-cta h2 {
		font-size: 33px !important;
	}
	
	.hera-succession-product-card,
								  .hera-succession-comparison-card,
								  .hera-succession-situation {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* =========================================================
   HERA ABOUT – COMPLETE CSS
   Desktop / Tablet / Mobile
========================================================= */
:root {
}

/* =========================================================
   BOX SIZING / WORDPRESS SAFETY
========================================================= */
.hera-about-hero *,
.hera-about-story *,
.hera-about-team *,
.hera-about-values *,
.hera-about-cta * {
	box-sizing: border-box;
}

.hera-about-hero,
.hera-about-story,
.hera-about-team,
.hera-about-values,
.hera-about-cta {
	width: 100%;
	max-width: 100%;
	position: relative;
	overflow: hidden;
}

/* =========================================================
   CONTENT WIDTH
========================================================= */
.hera-about-hero-inner,
.hera-about-section-inner,
.hera-about-cta-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}

/* =========================================================
   EYEBROWS
========================================================= */
.hera-section-eyebrow,
.hera-about-eyebrow,
.hera-about-person-role {
	display: block;
	margin: 0 0 18px;
	color: var(--hera-gold);
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   SHARED SECTION HEADLINES
========================================================= */
.hera-about-story h2,
.hera-about-team > .hera-about-section-inner > h2,
.hera-about-values h2,
.hera-about-cta h2 {
	width: 100%;
	max-width: 820px;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 5vw, 58px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.025em;
	color: var(--hera-text) !important;
}

/* =========================================================
   BLOCK 1 – HERO
========================================================= */
.hera-about-hero {
	background: var(--hera-bg);
	border-bottom: 1px solid var(--hera-line);
}

.hera-about-hero-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
	align-items: center;
	gap: clamp(45px, 7vw, 85px);
	padding: 82px 0 92px;
}

/* LEFT */
.hera-about-hero-content {
	width: 100%;
	max-width: 590px;
	min-width: 0;
}

.hera-about-eyebrow {
	margin-bottom: 22px;
}

.hera-about-hero-content h1 {
	width: 100%;
	max-width: 590px;
	margin: 0 0 28px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 5vw, 58px) !important;
	line-height: 1.03 !important;
	font-weight: 600;
	letter-spacing: -.035em;
	color: var(--hera-text) !important;
}

.hera-about-lead {
	width: 100%;
	max-width: 540px;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
}

/* BUTTONS */
.hera-about-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-top: 32px !important;
}

.hera-about-actions .hera-button-primary,
.hera-about-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 45px !important;
	margin: 0 !important;
	padding: 11px 21px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	box-shadow: none !important;
}

/* PRIMARY */
.hera-about-actions .hera-button-primary,
.hera-about-actions .hera-button-primary:link,
.hera-about-actions .hera-button-primary:visited {
	background: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-about-actions .hera-button-primary:hover,
.hera-about-actions .hera-button-primary:focus {
	background: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
}

/* SECONDARY */
.hera-about-actions .hera-button-secondary,
.hera-about-actions .hera-button-secondary:link,
.hera-about-actions .hera-button-secondary:visited {
	background: transparent !important;
	border: 1px solid var(--hera-gold) !important;
	color: var(--hera-text) !important;
}

.hera-about-actions .hera-button-secondary:hover,
.hera-about-actions .hera-button-secondary:focus {
	background: var(--hera-gold) !important;
	color: #ffffff !important;
}

/* =========================================================
   HERO VISUAL
========================================================= */
.hera-about-hero-visual {
	position: relative;
	width: 100%;
	min-height: 500px;
}

.hera-about-hero-visual::before {
	content: "";
	position: absolute;
	width: 330px;
	height: 330px;
	right: -110px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.14);
	border-radius: 50%;
}

/* MAIN IMAGE */
.hera-about-hero-image {
	position: absolute;
	overflow: hidden;
	background: #e9e1d6;
	border: 1px solid var(--hera-line);
	box-shadow: var(--hera-shadow);
}

.hera-about-hero-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.hera-about-hero-image-main {
	width: 70%;
	height: 440px;
	left: 0;
	top: 20px;
	z-index: 1;
}

.hera-about-hero-image-secondary {
	width: 42%;
	height: 270px;
	right: 0;
	bottom: 0;
	z-index: 2;
	border: 8px solid var(--hera-bg);
}

/* =========================================================
   BLOCK 2 – STORY
========================================================= */
.hera-about-story {
	padding: 110px 0;
	background: var(--hera-bg-light);
}

.hera-about-story-grid {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: 70px;
	margin-top: 55px;
}

.hera-about-story-intro {
	max-width: 520px;
}

.hera-about-story-intro p {
	margin: 0 0 20px !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
}

.hera-about-story-intro p:last-child {
	margin-bottom: 0 !important;
}

/* RIGHT POINTS */
.hera-about-story-points {
	border-top: 1px solid var(--hera-line);
}

.hera-about-story-point {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 18px;
	padding: 27px 0;
	border-bottom: 1px solid var(--hera-line);
}

.hera-about-story-point > span {
	padding-top: 3px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
}

.hera-about-story-point h3 {
	margin: 0 0 8px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 22px !important;
	line-height: 1.2 !important;
	color: var(--hera-text) !important;
}

.hera-about-story-point p {
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
}

/* =========================================================
   BLOCK 3 – TEAM
========================================================= */
.hera-about-team {
	padding: 110px 0 120px;
	background: var(--hera-bg);
}

.hera-about-team > .hera-about-section-inner > h2 {
	margin-bottom: 60px !important;
}

/* PERSON */
.hera-about-person {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: 70px;
	align-items: center;
	padding: 55px 0;
	border-top: 1px solid var(--hera-line);
}

.hera-about-person:last-child {
	border-bottom: 1px solid var(--hera-line);
}

.hera-about-person-reverse {
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
}

/* IMAGE */
.hera-about-person-image {
	width: 100%;
	height: 520px;
	position: relative;
	overflow: hidden;
	background: #e9e1d6;
}

.hera-about-person-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

/* soften image edge */
.hera-about-person-image-left::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 28%;
	background: linear-gradient(90deg,
      rgba(243,239,232,0) 0%,
      rgba(243,239,232,0.45) 55%,
      rgba(243,239,232,1) 100%);
}

.hera-about-person-image-right::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 28%;
	background: linear-gradient(90deg,
      rgba(243,239,232,1) 0%,
      rgba(243,239,232,0.45) 45%,
      rgba(243,239,232,0) 100%);
}

/* CONTENT */
.hera-about-person-content {
	width: 100%;
	max-width: 540px;
}

.hera-about-person-role {
	margin-bottom: 14px;
}

.hera-about-person-content h3 {
	margin: 0 0 18px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 44px !important;
	line-height: 1.05 !important;
	font-weight: 600;
	color: var(--hera-text) !important;
}

.hera-about-person-lead {
	margin: 0 0 20px !important;
	color: var(--hera-text) !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px !important;
	line-height: 1.45 !important;
}

.hera-about-person-content > p:not(.hera-about-person-lead) {
	margin: 0 0 17px !important;
	color: var(--hera-muted) !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
}

/* EXPERTISE TAGS */
.hera-about-expertise {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 25px;
}

.hera-about-expertise span {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 7px 12px;
	border: 1px solid var(--hera-line);
	border-radius: 999px;
	background: rgba(255, 253, 249, 0.55);
	color: var(--hera-muted);
	font-size: 11px;
	line-height: 1.2;
}

/* =========================================================
   BLOCK 4 – VALUES
========================================================= */
.hera-about-values {
	padding: 110px 0;
	background: var(--hera-bg-light);
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-about-values-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 55px;
	border-top: 1px solid var(--hera-line);
	border-left: 1px solid var(--hera-line);
}

.hera-about-value {
	min-width: 0;
	min-height: 280px;
	padding: 29px 25px;
	border-right: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-about-value > span {
	display: block;
	margin-bottom: 38px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
}

.hera-about-value h3 {
	margin: 0 0 14px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 23px !important;
	line-height: 1.2 !important;
	color: var(--hera-text) !important;
}

.hera-about-value p {
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
}

/* =========================================================
   BLOCK 5 – CTA
========================================================= */
.hera-about-cta {
	padding: 120px 0;
	background: #ebe4da;
	text-align: center;
}

.hera-about-cta-inner {
	max-width: 820px;
}

.hera-about-cta h2 {
	margin-left: auto !important;
	margin-right: auto !important;
}

.hera-about-cta p {
	width: 100%;
	max-width: 650px;
	margin: 24px auto 31px !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
}

/* CTA BUTTON */
.hera-about-cta .hera-button-primary,
.hera-about-cta .hera-button-primary:link,
.hera-about-cta .hera-button-primary:visited {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 12px 24px !important;
	background: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	border-radius: 999px !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	box-shadow: none !important;
	white-space: nowrap !important;
}

.hera-about-cta .hera-button-primary:hover,
.hera-about-cta .hera-button-primary:focus {
	background: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-about-hero-inner,
								  .hera-about-section-inner,
								  .hera-about-cta-inner {
		width: calc(100% - 40px);
	}
	
	.hera-about-hero-inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 0.82fr);
		gap: 45px;
		padding: 72px 0 80px;
	}
	
	.hera-about-hero-content h1 {
		font-size: 50px !important;
	}
	
	.hera-about-hero-visual {
		min-height: 450px;
	}
	
	.hera-about-hero-image-main {
		height: 400px;
	}
	
	.hera-about-hero-image-secondary {
		height: 240px;
	}
	
	.hera-about-story-grid,
								  .hera-about-person,
								  .hera-about-person-reverse {
		gap: 45px;
	}
	
	.hera-about-person-image {
		height: 470px;
	}
	
	.hera-about-values-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-about-hero-inner,
								  .hera-about-section-inner,
								  .hera-about-cta-inner {
		width: calc(100% - 36px);
	}
	
	/* HERO */
	.hera-about-hero-inner {
		grid-template-columns: 1fr;
		gap: 48px;
		padding: 66px 0 74px;
	}
	
	.hera-about-hero-content {
		max-width: 650px;
	}
	
	.hera-about-hero-content h1 {
		max-width: 650px;
		font-size: 52px !important;
	}
	
	.hera-about-lead {
		max-width: 600px;
	}
	
	.hera-about-hero-visual {
		max-width: 670px;
		min-height: 520px;
	}
	
	/* STORY */
	.hera-about-story {
		padding: 85px 0;
	}
	
	.hera-about-story-grid {
		grid-template-columns: 1fr;
		gap: 42px;
	}
	
	.hera-about-story-intro {
		max-width: 680px;
	}
	
	/* TEAM */
	.hera-about-team {
		padding: 85px 0 95px;
	}
	
	.hera-about-person,
								  .hera-about-person-reverse {
		grid-template-columns: 1fr;
		gap: 35px;
	}
	
	.hera-about-person-reverse .hera-about-person-content {
		order: 2;
	}
	
	.hera-about-person-reverse .hera-about-person-image {
		order: 1;
	}
	
	.hera-about-person-content {
		max-width: 650px;
	}
	
	.hera-about-person-image {
		height: 520px;
	}
	
	.hera-about-person-image-left::after,
								  .hera-about-person-image-right::after {
		display: none;
	}
	
	/* VALUES */
	.hera-about-values {
		padding: 85px 0;
	}
	
	.hera-about-cta {
		padding: 95px 0;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-about-hero-inner,
								  .hera-about-section-inner,
								  .hera-about-cta-inner {
		width: calc(100% - 28px);
	}
	
	.hera-section-eyebrow,
								  .hera-about-eyebrow,
								  .hera-about-person-role {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-about-story h2,
								  .hera-about-team > .hera-about-section-inner > h2,
								  .hera-about-values h2,
								  .hera-about-cta h2 {
		font-size: 37px !important;
		line-height: 1.08 !important;
	}
	
	/* HERO */
	.hera-about-hero-inner {
		gap: 38px;
		padding: 50px 0 60px;
	}
	
	.hera-about-hero-content h1 {
		font-size: 40px !important;
		line-height: 1.04 !important;
	}
	
	.hera-about-lead {
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-about-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin-top: 27px !important;
	}
	
	.hera-about-actions .hera-button-primary,
								  .hera-about-actions .hera-button-secondary {
		width: 100% !important;
	}
	
	.hera-about-hero-visual {
		min-height: 390px;
	}
	
	.hera-about-hero-image-main {
		width: 76%;
		height: 330px;
	}
	
	.hera-about-hero-image-secondary {
		width: 44%;
		height: 200px;
		border-width: 6px;
	}
	
	/* STORY */
	.hera-about-story {
		padding: 70px 0;
	}
	
	.hera-about-story-grid {
		margin-top: 38px;
	}
	
	.hera-about-story-intro p {
		font-size: 15px !important;
		line-height: 1.72 !important;
	}
	
	.hera-about-story-point {
		grid-template-columns: 29px minmax(0, 1fr);
		gap: 12px;
		padding: 23px 0;
	}
	
	.hera-about-story-point h3 {
		font-size: 20px !important;
	}
	
	/* TEAM */
	.hera-about-team {
		padding: 70px 0 78px;
	}
	
	.hera-about-team > .hera-about-section-inner > h2 {
		margin-bottom: 40px !important;
	}
	
	.hera-about-person {
		padding: 38px 0;
	}
	
	.hera-about-person-image {
		height: 400px;
	}
	
	.hera-about-person-content h3 {
		font-size: 36px !important;
	}
	
	.hera-about-person-lead {
		font-size: 19px !important;
	}
	
	.hera-about-person-content > p:not(.hera-about-person-lead) {
		font-size: 14px !important;
		line-height: 1.72 !important;
	}
	
	.hera-about-expertise {
		gap: 7px;
	}
	
	.hera-about-expertise span {
		font-size: 10px;
	}
	
	/* VALUES */
	.hera-about-values {
		padding: 70px 0;
	}
	
	.hera-about-values-grid {
		grid-template-columns: 1fr;
		margin-top: 38px;
	}
	
	.hera-about-value {
		min-height: 0;
		padding: 25px 22px;
	}
	
	.hera-about-value > span {
		margin-bottom: 22px;
	}
	
	.hera-about-value h3 {
		font-size: 22px !important;
	}
	
	/* CTA */
	.hera-about-cta {
		padding: 75px 0;
	}
	
	.hera-about-cta p {
		margin: 19px auto 27px !important;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-about-cta .hera-button-primary {
		width: 100% !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-about-hero-inner,
								  .hera-about-section-inner,
								  .hera-about-cta-inner {
		width: calc(100% - 22px);
	}
	
	.hera-about-hero-content h1 {
		font-size: 35px !important;
	}
	
	.hera-about-story h2,
								  .hera-about-team > .hera-about-section-inner > h2,
								  .hera-about-values h2,
								  .hera-about-cta h2 {
		font-size: 33px !important;
	}
	
	.hera-about-hero-visual {
		min-height: 350px;
	}
	
	.hera-about-hero-image-main {
		height: 300px;
	}
	
	.hera-about-hero-image-secondary {
		height: 175px;
	}
	
	.hera-about-person-image {
		height: 350px;
	}
}

/* =========================================================
   TEAM INTRO
========================================================= */
.hera-about-team-intro {
	width: 100%;
	max-width: 760px;
	margin: -35px 0 55px !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
}

/* =========================================================
   LANGUAGES
========================================================= */
.hera-about-languages {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 60px;
	align-items: start;
	margin-top: 55px;
	padding: 48px 0 10px;
	border-top: 1px solid var(--hera-line);
}

.hera-about-languages-heading h3 {
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 34px !important;
	line-height: 1.15 !important;
	font-weight: 600;
	color: var(--hera-text) !important;
}

.hera-about-languages-content p {
	max-width: 560px;
	margin: 0 0 24px !important;
	color: var(--hera-muted) !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
}

.hera-about-language-list {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.hera-about-language-list span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 14px;
	border: 1px solid var(--hera-gold-soft);
	border-radius: 999px;
	background: rgba(255, 253, 249, 0.55);
	color: var(--hera-text);
	font-size: 12px;
	line-height: 1.2;
}

/* =========================================================
   TABLET
========================================================= */
@media (max-width: 850px) {
	.hera-about-team-intro {
		margin-top: -25px !important;
		margin-bottom: 45px !important;
	}
	
	.hera-about-languages {
		grid-template-columns: 1fr;
		gap: 25px;
		margin-top: 45px;
		padding-top: 38px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-about-team-intro {
		margin: -22px 0 35px !important;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-about-languages {
		gap: 20px;
		margin-top: 38px;
		padding-top: 32px;
	}
	
	.hera-about-languages-heading h3 {
		font-size: 28px !important;
	}
	
	.hera-about-languages-content p {
		font-size: 14px !important;
		line-height: 1.7 !important;
	}
	
	.hera-about-language-list {
		gap: 7px;
	}
	
	.hera-about-language-list span {
		padding: 7px 11px;
		font-size: 11px;
	}
}

/* =========================================================
   HERA HOME HERO – COMPLETE CSS
   Desktop / Tablet / Mobile
========================================================= */
:root {
}

/* =========================================================
   HERO SECTION
========================================================= */
.hera-home-hero {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: var(--hera-bg);
	border-bottom: 1px solid var(--hera-line);
	overflow: hidden;
}

.hera-home-hero * {
	box-sizing: border-box;
}

/* =========================================================
   HERO INNER
========================================================= */
.hera-home-hero-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin: 0 auto;
	min-height: 620px;
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
	align-items: center;
	gap: 60px;
	padding: 72px 0 82px;
}

/* =========================================================
   LEFT CONTENT
========================================================= */
.hera-home-hero-content {
	width: 100%;
	max-width: 520px;
	position: relative;
	z-index: 3;
}

/* Eyebrow */
.hera-home-eyebrow {
	display: block;
	margin: 0 0 20px;
	color: var(--hera-gold);
	font-size: 10px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   MAIN HEADLINE
========================================================= */
.hera-home-hero-content h1 {
	width: 100%;
	margin: 0 0 26px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(50px, 5.4vw, 68px) !important;
	line-height: 1.01 !important;
	font-weight: 600;
	letter-spacing: -.04em;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   LEAD
========================================================= */
.hera-home-lead {
	width: 100%;
	max-width: 500px;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
}

/* =========================================================
   BUTTONS
========================================================= */
.hera-home-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-top: 32px !important;
}

.hera-home-actions .hera-button-primary,
.hera-home-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 45px !important;
	padding: 11px 21px !important;
	margin: 0 !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	box-shadow: none !important;
	transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .25s ease !important;
}

/* PRIMARY BUTTON */
.hera-home-actions .hera-button-primary,
.hera-home-actions .hera-button-primary:link,
.hera-home-actions .hera-button-primary:visited {
	background: #292725 !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-home-actions .hera-button-primary:hover,
.hera-home-actions .hera-button-primary:focus {
	background: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* SECONDARY BUTTON */
.hera-home-actions .hera-button-secondary,
.hera-home-actions .hera-button-secondary:link,
.hera-home-actions .hera-button-secondary:visited {
	background: transparent !important;
	border: 1px solid var(--hera-gold) !important;
	color: var(--hera-text) !important;
}

.hera-home-actions .hera-button-secondary:hover,
.hera-home-actions .hera-button-secondary:focus {
	background: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   RIGHT VISUAL
========================================================= */
.hera-home-hero-visual {
	position: relative;
	width: 100%;
	min-width: 0;
	height: 470px;
	overflow: hidden;
	border-radius: 18px;
	background: #e9e1d6;
}

/* =========================================================
   IMAGE
========================================================= */
.hera-home-hero-visual img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
/*
     Bild leicht nach rechts verschieben,
     damit Motiv nicht zu mittig sitzt.
  */
	object-position: 58% center;
}

/* =========================================================
   SOFT FADE LEFT
========================================================= */
.hera-home-hero-visual::before {
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
/*
     Weicher Übergang vom Beige ins Bild.
     Fade beginnt relativ weit links.
  */
	background: linear-gradient(90deg,
      #f3efe8 0%,
      rgba(243, 239, 232, 0.97) 5%,
      rgba(243, 239, 232, 0.82) 13%,
      rgba(243, 239, 232, 0.48) 22%,
      rgba(243, 239, 232, 0.14) 31%,
      rgba(243, 239, 232, 0) 40%);
}

/* subtle bottom overlay */
.hera-home-hero-visual::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 38%;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg,
      rgba(20, 18, 16, 0) 0%,
      rgba(20, 18, 16, 0.16) 100%);
}

/* =========================================================
   IMAGE OVERLAY TEXT
========================================================= */
.hera-home-hero-overlay {
	position: absolute;
	left: 42px;
	bottom: 36px;
	z-index: 2;
	max-width: 300px;
	color: #ffffff;
}

.hera-home-hero-overlay span {
	display: block;
	margin-bottom: 8px;
	font-size: 9px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.82);
}

.hera-home-hero-overlay strong {
	display: block;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 23px;
	line-height: 1.2;
	font-weight: 600;
	color: #ffffff;
}

/* =========================================================
   DECORATIVE DETAIL
========================================================= */
.hera-home-hero-content::after {
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	margin-top: 32px;
	background: var(--hera-gold);
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-home-hero-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
		gap: 42px;
		min-height: 560px;
		padding: 65px 0 72px;
	}
	
	.hera-home-hero-content h1 {
		font-size: clamp(46px, 5.3vw, 58px) !important;
	}
	
	.hera-home-hero-visual {
		height: 430px;
	}
	
	.hera-home-hero-overlay {
		left: 34px;
		bottom: 30px;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-home-hero-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 46px;
		min-height: 0;
		padding: 64px 0 72px;
	}
	
	.hera-home-hero-content {
		max-width: 650px;
	}
	
	.hera-home-hero-content h1 {
		max-width: 650px;
		font-size: 54px !important;
	}
	
	.hera-home-lead {
		max-width: 580px;
	}
	
	.hera-home-hero-visual {
		width: 100%;
		height: 470px;
	}
	
	/* auf Tablet weniger starker Fade */
	.hera-home-hero-visual::before {
		background: linear-gradient(90deg,
								        rgba(243, 239, 232, 0.72) 0%,
								        rgba(243, 239, 232, 0.28) 16%,
								        rgba(243, 239, 232, 0) 34%);
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-home-hero-inner {
		width: calc(100% - 28px);
		gap: 38px;
		padding: 50px 0 60px;
	}
	
	.hera-home-eyebrow {
		margin-bottom: 16px;
		font-size: 9px;
	}
	
	.hera-home-hero-content h1 {
		margin-bottom: 21px !important;
		font-size: 40px !important;
		line-height: 1.04 !important;
	}
	
	.hera-home-lead {
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	/* BUTTONS */
	.hera-home-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin-top: 27px !important;
	}
	
	.hera-home-actions .hera-button-primary,
								  .hera-home-actions .hera-button-secondary {
		width: 100% !important;
	}
	
	/* IMAGE */
	.hera-home-hero-visual {
		height: 360px;
		border-radius: 14px;
	}
	
	.hera-home-hero-visual img {
		object-position: 62% center;
	}
	
	/* Fade auf Mobile eher unten statt links */
	.hera-home-hero-visual::before {
		background: linear-gradient(180deg,
								        rgba(243, 239, 232, 0) 45%,
								        rgba(243, 239, 232, 0.12) 60%,
								        rgba(243, 239, 232, 0.55) 100%);
	}
	
	.hera-home-hero-overlay {
		left: 22px;
		right: 22px;
		bottom: 22px;
		max-width: none;
	}
	
	.hera-home-hero-overlay strong {
		font-size: 20px;
	}
	
	.hera-home-hero-content::after {
		margin-top: 26px;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-home-hero-inner {
		width: calc(100% - 22px);
	}
	
	.hera-home-hero-content h1 {
		font-size: 35px !important;
	}
	
	.hera-home-hero-visual {
		height: 320px;
	}
	
	.hera-home-hero-overlay {
		left: 18px;
		right: 18px;
		bottom: 18px;
	}
	
	.hera-home-hero-overlay strong {
		font-size: 18px;
	}
}

/* =========================================================
   HERA HOME – BLOCK 2 / UNSERE LÖSUNGEN
========================================================= */
.hera-home-solutions {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: #faf8f4;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

.hera-home-solutions * {
	box-sizing: border-box;
}

/* =========================================================
   INNER
========================================================= */
.hera-home-solutions-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin: 0 auto;
	padding: 110px 0 120px;
}

/* =========================================================
   EYEBROW
========================================================= */
.hera-home-solutions .hera-section-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: #b88945;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-home-solutions h2 {
	width: 100%;
	max-width: 820px;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(40px, 5vw, 58px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.028em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   INTRO TEXT
========================================================= */
.hera-home-solutions-intro {
	width: 100%;
	max-width: 790px;
	margin: 25px 0 0 !important;
	color: #665e56 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
}

/* =========================================================
   GRID
========================================================= */
.hera-home-solutions-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin-top: 58px;
}

/* =========================================================
   CARD
========================================================= */
.hera-home-solution-card {
	position: relative;
	width: 100%;
	min-width: 0;
	min-height: 500px;
	display: flex;
	flex-direction: column;
	padding: 34px;
	background: #fffdf9;
	border: 1px solid #ded6cc;
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.hera-home-solution-card:hover {
	transform: translateY(-4px);
	border-color: #d7b98d;
	box-shadow: 0 16px 40px rgba(45, 38, 32, 0.06);
}

/* =========================================================
   FEATURED CARD – HERA MEDICAL
========================================================= */
.hera-home-solution-featured {
	background: #eee7dd;
	border-color: #d7b98d;
}

/* =========================================================
   NUMBER
========================================================= */
.hera-home-solution-number {
	display: block;
	margin-bottom: 30px;
	color: #b88945;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	line-height: 1;
}

/* =========================================================
   LABEL
========================================================= */
.hera-home-solution-label {
	display: block;
	margin-bottom: 12px;
	color: #b88945;
	font-size: 9px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
}

/* =========================================================
   CARD TITLE
========================================================= */
.hera-home-solution-card h3 {
	width: 100%;
	max-width: 100%;
	margin: 0 0 17px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(25px, 3vw, 32px) !important;
	line-height: 1.12 !important;
	font-weight: 600;
	letter-spacing: -.02em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   DESCRIPTION
========================================================= */
.hera-home-solution-card > p {
	width: 100%;
	max-width: 470px;
	margin: 0 0 25px !important;
	color: #665e56 !important;
	font-size: 14px !important;
	line-height: 1.72 !important;
}

/* =========================================================
   PRODUCT TAGS
========================================================= */
.hera-home-solution-products {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 30px;
}

.hera-home-solution-products span {
	display: inline-flex;
	align-items: center;
	min-height: 31px;
	padding: 7px 11px;
	border: 1px solid #ded6cc;
	border-radius: 999px;
	background: rgba(255, 253, 249, 0.55);
	color: #665e56;
	font-size: 10px;
	line-height: 1.2;
}

/* Featured-Tags etwas wärmer */
.hera-home-solution-featured
.hera-home-solution-products span {
	background: rgba(255, 253, 249, 0.35);
	border-color: #d7b98d;
}

/* =========================================================
   LINK
========================================================= */
.hera-home-solution-link,
.hera-home-solution-link:link,
.hera-home-solution-link:visited {
	display: inline-flex !important;
	align-items: center;
	width: fit-content;
	margin-top: auto;
	color: #292725 !important;
	font-size: 14px !important;
	line-height: 1.2;
	font-weight: 400;
	text-decoration: none !important;
	transition: color .2s ease, transform .2s ease;
}

.hera-home-solution-link:hover {
	color: #b88945 !important;
	transform: translateX(3px);
}

/* =========================================================
   SUBTLE DECORATIVE DETAIL
========================================================= */
.hera-home-solution-card::after {
	content: "";
	position: absolute;
	top: 34px;
	right: 34px;
	width: 24px;
	height: 1px;
	background: #b88945;
	opacity: .55;
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-home-solutions-inner {
		width: calc(100% - 40px);
		padding: 90px 0 100px;
	}
	
	.hera-home-solutions h2 {
		font-size: clamp(38px, 5vw, 52px) !important;
	}
	
	.hera-home-solutions-grid {
		gap: 17px;
		margin-top: 50px;
	}
	
	.hera-home-solution-card {
		min-height: 480px;
		padding: 30px;
	}
	
	.hera-home-solution-card::after {
		top: 30px;
		right: 30px;
	}
	
	.hera-home-solution-card h3 {
		font-size: 27px !important;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-home-solutions-inner {
		width: calc(100% - 36px);
		padding: 85px 0 92px;
	}
	
	.hera-home-solutions-intro {
		max-width: 680px;
	}
	
	.hera-home-solutions-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	
	.hera-home-solution-card {
		min-height: 0;
		padding: 32px;
	}
	
	.hera-home-solution-card > p {
		max-width: 620px;
	}
	
	.hera-home-solution-products {
		max-width: 650px;
	}
	
	.hera-home-solution-link {
		margin-top: 18px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-home-solutions-inner {
		width: calc(100% - 28px);
		padding: 70px 0 76px;
	}
	
	.hera-home-solutions .hera-section-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-home-solutions h2 {
		font-size: 37px !important;
		line-height: 1.08 !important;
	}
	
	.hera-home-solutions-intro {
		margin-top: 19px !important;
		font-size: 15px !important;
		line-height: 1.72 !important;
	}
	
	.hera-home-solutions-grid {
		gap: 13px;
		margin-top: 38px;
	}
	
	.hera-home-solution-card {
		padding: 27px 23px;
	}
	
	.hera-home-solution-card::after {
		top: 27px;
		right: 23px;
		width: 20px;
	}
	
	.hera-home-solution-number {
		margin-bottom: 25px;
	}
	
	.hera-home-solution-label {
		font-size: 8.5px;
	}
	
	.hera-home-solution-card h3 {
		font-size: 25px !important;
		line-height: 1.14 !important;
	}
	
	.hera-home-solution-card > p {
		font-size: 14px !important;
		line-height: 1.68 !important;
		margin-bottom: 22px !important;
	}
	
	.hera-home-solution-products {
		gap: 7px;
		margin-bottom: 24px;
	}
	
	.hera-home-solution-products span {
		min-height: 29px;
		padding: 6px 10px;
		font-size: 9.5px;
	}
	
	.hera-home-solution-link {
		margin-top: 12px;
		font-size: 13px !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-home-solutions-inner {
		width: calc(100% - 22px);
	}
	
	.hera-home-solutions h2 {
		font-size: 33px !important;
	}
	
	.hera-home-solution-card {
		padding: 24px 20px;
	}
	
	.hera-home-solution-card::after {
		top: 24px;
		right: 20px;
	}
	
	.hera-home-solution-card h3 {
		font-size: 23px !important;
	}
}

/* =========================================================
   HERA HOME – BLOCK 3 / HERA DIGITAL
========================================================= */
.hera-home-digital {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: #f3efe8;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

.hera-home-digital * {
	box-sizing: border-box;
}

/* =========================================================
   INNER
========================================================= */
.hera-home-digital-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	align-items: center;
	gap: clamp(50px, 7vw, 85px);
	padding: 105px 0 115px;
}

/* =========================================================
   IMAGE AREA
========================================================= */
.hera-home-digital-visual {
	position: relative;
	width: 100%;
	min-width: 0;
	height: 540px;
	overflow: hidden;
	border-radius: 18px;
	background: #e9e1d6;
}

/* IMAGE */
.hera-home-digital-visual img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: 58% center;
}

/* =========================================================
   SOFT FADE
========================================================= */
.hera-home-digital-visual::before {
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(90deg,
      rgba(243, 239, 232, 0) 54%,
      rgba(243, 239, 232, 0.18) 68%,
      rgba(243, 239, 232, 0.55) 83%,
      rgba(243, 239, 232, 0.92) 96%,
      #f3efe8 100%);
}

/* subtle bottom shading */
.hera-home-digital-visual::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 28%;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg,
      rgba(20, 18, 16, 0) 0%,
      rgba(20, 18, 16, 0.12) 100%);
}

/* =========================================================
   IMAGE LABEL
========================================================= */
.hera-home-digital-image-label {
	position: absolute;
	left: 28px;
	bottom: 26px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 7px 11px;
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.14);
	color: #ffffff;
	font-size: 9px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
}

/* =========================================================
   CONTENT
========================================================= */
.hera-home-digital-content {
	width: 100%;
	max-width: 540px;
	min-width: 0;
}

/* EYEBROW */
.hera-home-digital .hera-section-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: #b88945;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-home-digital-content h2 {
	width: 100%;
	max-width: 540px;
	margin: 0 0 25px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 4.5vw, 54px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.028em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   LEAD
========================================================= */
.hera-home-digital-lead {
	width: 100%;
	max-width: 510px;
	margin: 0 !important;
	color: #665e56 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
}

/* =========================================================
   POINTS
========================================================= */
.hera-home-digital-points {
	width: 100%;
	margin-top: 35px;
	border-top: 1px solid #ded6cc;
}

.hera-home-digital-point {
	width: 100%;
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	gap: 16px;
	padding: 22px 0;
	border-bottom: 1px solid #ded6cc;
}

.hera-home-digital-point > span {
	padding-top: 2px;
	color: #b88945;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	line-height: 1.2;
}

.hera-home-digital-point > div {
	width: 100%;
	min-width: 0;
}

/* POINT TITLE */
.hera-home-digital-point h3 {
	width: 100%;
	margin: 0 0 7px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px !important;
	line-height: 1.2 !important;
	font-weight: 600;
	color: #292725 !important;
}

/* POINT TEXT */
.hera-home-digital-point p {
	width: 100%;
	max-width: 420px;
	margin: 0 !important;
	color: #665e56 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
}

/* =========================================================
   LINK
========================================================= */
.hera-home-digital-link,
.hera-home-digital-link:link,
.hera-home-digital-link:visited {
	display: inline-flex !important;
	align-items: center;
	width: fit-content;
	margin-top: 30px;
	color: #292725 !important;
	font-size: 14px !important;
	line-height: 1.2;
	font-weight: 400;
	text-decoration: none !important;
	transition: color .2s ease, transform .2s ease;
}

.hera-home-digital-link:hover {
	color: #b88945 !important;
	transform: translateX(3px);
}

/* =========================================================
   DECORATIVE DETAIL
========================================================= */
.hera-home-digital-content::after {
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	margin-top: 30px;
	background: #b88945;
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-home-digital-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
		gap: 45px;
		padding: 90px 0 100px;
	}
	
	.hera-home-digital-visual {
		height: 500px;
	}
	
	.hera-home-digital-content h2 {
		font-size: clamp(36px, 4.5vw, 48px) !important;
	}
	
	.hera-home-digital-point h3 {
		font-size: 20px !important;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-home-digital-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 48px;
		padding: 85px 0 92px;
	}
	
	.hera-home-digital-visual {
		width: 100%;
		height: 500px;
	}
	
	.hera-home-digital-visual::before {
		background: linear-gradient(180deg,
								        rgba(243, 239, 232, 0) 55%,
								        rgba(243, 239, 232, 0.18) 70%,
								        rgba(243, 239, 232, 0.62) 88%,
								        rgba(243, 239, 232, 0.9) 100%);
	}
	
	.hera-home-digital-content {
		max-width: 670px;
	}
	
	.hera-home-digital-content h2 {
		max-width: 650px;
		font-size: 48px !important;
	}
	
	.hera-home-digital-lead {
		max-width: 600px;
	}
	
	.hera-home-digital-point p {
		max-width: 560px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-home-digital-inner {
		width: calc(100% - 28px);
		gap: 38px;
		padding: 70px 0 76px;
	}
	
	/* IMAGE */
	.hera-home-digital-visual {
		height: 370px;
		border-radius: 14px;
	}
	
	.hera-home-digital-visual img {
		object-position: 62% center;
	}
	
	.hera-home-digital-image-label {
		left: 20px;
		bottom: 18px;
		font-size: 8px;
	}
	
	/* TYPO */
	.hera-home-digital .hera-section-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-home-digital-content h2 {
		margin-bottom: 20px !important;
		font-size: 36px !important;
		line-height: 1.08 !important;
	}
	
	.hera-home-digital-lead {
		font-size: 15px !important;
		line-height: 1.72 !important;
	}
	
	/* POINTS */
	.hera-home-digital-points {
		margin-top: 30px;
	}
	
	.hera-home-digital-point {
		grid-template-columns: 28px minmax(0, 1fr);
		gap: 11px;
		padding: 20px 0;
	}
	
	.hera-home-digital-point h3 {
		font-size: 19px !important;
	}
	
	.hera-home-digital-point p {
		max-width: 100%;
		font-size: 13px !important;
	}
	
	.hera-home-digital-link {
		margin-top: 26px;
		font-size: 13px !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-home-digital-inner {
		width: calc(100% - 22px);
	}
	
	.hera-home-digital-visual {
		height: 320px;
	}
	
	.hera-home-digital-content h2 {
		font-size: 32px !important;
	}
	
	.hera-home-digital-point h3 {
		font-size: 18px !important;
	}
}

/* =========================================================
   HERA HOME – BLOCK 4 / HERA MEDICAL
   Desktop / Tablet / Mobile
========================================================= */
.hera-home-medical {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: #faf8f4;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

.hera-home-medical * {
	box-sizing: border-box;
}

/* =========================================================
   INNER
========================================================= */
.hera-home-medical-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	align-items: center;
	gap: clamp(50px, 7vw, 85px);
	padding: 105px 0 115px;
}

/* =========================================================
   CONTENT – LEFT
========================================================= */
.hera-home-medical-content {
	width: 100%;
	max-width: 540px;
	min-width: 0;
}

/* EYEBROW */
.hera-home-medical .hera-section-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: #b88945;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-home-medical-content h2 {
	width: 100%;
	max-width: 550px;
	margin: 0 0 25px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 4.5vw, 54px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.028em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   LEAD
========================================================= */
.hera-home-medical-lead {
	width: 100%;
	max-width: 510px;
	margin: 0 !important;
	color: #665e56 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
}

/* =========================================================
   POINTS
========================================================= */
.hera-home-medical-points {
	width: 100%;
	margin-top: 35px;
	border-top: 1px solid #ded6cc;
}

.hera-home-medical-point {
	width: 100%;
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	gap: 16px;
	padding: 22px 0;
	border-bottom: 1px solid #ded6cc;
}

.hera-home-medical-point > span {
	padding-top: 2px;
	color: #b88945;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	line-height: 1.2;
}

.hera-home-medical-point > div {
	width: 100%;
	min-width: 0;
}

/* POINT TITLE */
.hera-home-medical-point h3 {
	width: 100%;
	margin: 0 0 7px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px !important;
	line-height: 1.2 !important;
	font-weight: 600;
	color: #292725 !important;
}

/* POINT TEXT */
.hera-home-medical-point p {
	width: 100%;
	max-width: 420px;
	margin: 0 !important;
	color: #665e56 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
}

/* =========================================================
   LINK
========================================================= */
.hera-home-medical-link,
.hera-home-medical-link:link,
.hera-home-medical-link:visited {
	display: inline-flex !important;
	align-items: center;
	width: fit-content;
	margin-top: 30px;
	color: #292725 !important;
	font-size: 14px !important;
	line-height: 1.2;
	font-weight: 400;
	text-decoration: none !important;
	transition: color .2s ease, transform .2s ease;
}

.hera-home-medical-link:hover,
.hera-home-medical-link:focus {
	color: #b88945 !important;
	transform: translateX(3px);
}

/* =========================================================
   DECORATIVE DETAIL UNDER CONTENT
========================================================= */
.hera-home-medical-content::after {
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	margin-top: 30px;
	background: #b88945;
}

/* =========================================================
   IMAGE AREA – RIGHT
========================================================= */
.hera-home-medical-visual {
	position: relative;
	width: 100%;
	min-width: 0;
	height: 540px;
	overflow: hidden;
	border-radius: 18px;
	background: #e9e1d6;
}

/* IMAGE */
.hera-home-medical-visual img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
/*
     Kann bei Bedarf später noch angepasst werden,
     falls Carlos im Bild zu weit links/rechts sitzt.
  */
	object-position: 52% 18%;
}

/* =========================================================
   SOFT FADE – LEFT SIDE OF IMAGE
   Übergang vom Text zum Bild
========================================================= */
.hera-home-medical-visual::before {
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(90deg,
      #faf8f4 0%,
      rgba(250, 248, 244, 0.92) 4%,
      rgba(250, 248, 244, 0.58) 13%,
      rgba(250, 248, 244, 0.20) 24%,
      rgba(250, 248, 244, 0) 36%);
}

/* subtle bottom shading */
.hera-home-medical-visual::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 28%;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg,
      rgba(20, 18, 16, 0) 0%,
      rgba(20, 18, 16, 0.12) 100%);
}

/* =========================================================
   IMAGE LABEL
========================================================= */
.hera-home-medical-image-label {
	position: absolute;
	right: 28px;
	bottom: 26px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 7px 11px;
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.14);
	color: #ffffff;
	font-size: 9px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-home-medical-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
		gap: 45px;
		padding: 90px 0 100px;
	}
	
	.hera-home-medical-content h2 {
		font-size: clamp(36px, 4.5vw, 48px) !important;
	}
	
	.hera-home-medical-visual {
		height: 500px;
	}
	
	.hera-home-medical-point h3 {
		font-size: 20px !important;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-home-medical-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 48px;
		padding: 85px 0 92px;
	}
	
	/*
								     Auf Tablet Bild zuerst,
								     danach Inhalt.
								  */
	.hera-home-medical-visual {
		grid-row: 1;
		width: 100%;
		height: 500px;
	}
	
	.hera-home-medical-content {
		grid-row: 2;
		max-width: 670px;
	}
	
	.hera-home-medical-content h2 {
		max-width: 650px;
		font-size: 48px !important;
	}
	
	.hera-home-medical-lead {
		max-width: 600px;
	}
	
	.hera-home-medical-point p {
		max-width: 560px;
	}
	
	/* Fade auf Tablet nach unten */
	.hera-home-medical-visual::before {
		background: linear-gradient(180deg,
								        rgba(250, 248, 244, 0) 54%,
								        rgba(250, 248, 244, 0.15) 70%,
								        rgba(250, 248, 244, 0.55) 88%,
								        rgba(250, 248, 244, 0.88) 100%);
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-home-medical-inner {
		width: calc(100% - 28px);
		gap: 38px;
		padding: 70px 0 76px;
	}
	
	/* IMAGE */
	.hera-home-medical-visual {
		height: 370px;
		border-radius: 14px;
	}
	
	.hera-home-medical-visual img {
		object-position: 52% 15%;
	}
	
	.hera-home-medical-image-label {
		right: auto;
		left: 20px;
		bottom: 18px;
		font-size: 8px;
	}
	
	/* TYPOGRAPHY */
	.hera-home-medical .hera-section-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-home-medical-content h2 {
		margin-bottom: 20px !important;
		font-size: 36px !important;
		line-height: 1.08 !important;
	}
	
	.hera-home-medical-lead {
		font-size: 15px !important;
		line-height: 1.72 !important;
	}
	
	/* POINTS */
	.hera-home-medical-points {
		margin-top: 30px;
	}
	
	.hera-home-medical-point {
		grid-template-columns: 28px minmax(0, 1fr);
		gap: 11px;
		padding: 20px 0;
	}
	
	.hera-home-medical-point h3 {
		font-size: 19px !important;
	}
	
	.hera-home-medical-point p {
		max-width: 100%;
		font-size: 13px !important;
		line-height: 1.65 !important;
	}
	
	.hera-home-medical-link {
		margin-top: 26px;
		font-size: 13px !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-home-medical-inner {
		width: calc(100% - 22px);
	}
	
	.hera-home-medical-visual {
		height: 320px;
	}
	
	.hera-home-medical-content h2 {
		font-size: 32px !important;
	}
	
	.hera-home-medical-point h3 {
		font-size: 18px !important;
	}
}

/* =========================================================
   HERA HOME – BLOCK 5 / CTA
   Desktop / Tablet / Mobile
========================================================= */
.hera-home-cta {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: #f3efe8;
	overflow: hidden;
}

.hera-home-cta * {
	box-sizing: border-box;
}

/* =========================================================
   CTA BOX
========================================================= */
.hera-home-cta-box {
	width: calc(100% - 48px);
	max-width: 1180px;
	min-height: 520px;
	margin: 105px auto 115px;
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
	align-items: stretch;
	overflow: hidden;
	border: 1px solid #ded6cc;
	border-radius: 18px;
	background: #ebe4da;
}

/* =========================================================
   CONTENT
========================================================= */
.hera-home-cta-content {
	position: relative;
	z-index: 4;
	width: 100%;
	max-width: 560px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 62px 30px 62px 58px;
}

/* EYEBROW */
.hera-home-cta .hera-section-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: #b88945;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-home-cta-content h2 {
	width: 100%;
	max-width: 560px;
	margin: 0 0 24px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(40px, 4.7vw, 56px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.03em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   TEXT
========================================================= */
.hera-home-cta-content > p {
	width: 100%;
	max-width: 510px;
	margin: 0 !important;
	color: #665e56 !important;
	font-size: 16px !important;
	line-height: 1.78 !important;
}

/* =========================================================
   BUTTONS
========================================================= */
.hera-home-cta-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-top: 32px !important;
}

.hera-home-cta-actions .hera-button-primary,
.hera-home-cta-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 45px !important;
	margin: 0 !important;
	padding: 11px 21px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	box-shadow: none !important;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease !important;
}

/* PRIMARY */
.hera-home-cta-actions .hera-button-primary,
.hera-home-cta-actions .hera-button-primary:link,
.hera-home-cta-actions .hera-button-primary:visited {
	background: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-home-cta-actions .hera-button-primary:hover,
.hera-home-cta-actions .hera-button-primary:focus {
	background: #b88945 !important;
	border-color: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* SECONDARY */
.hera-home-cta-actions .hera-button-secondary,
.hera-home-cta-actions .hera-button-secondary:link,
.hera-home-cta-actions .hera-button-secondary:visited {
	background: transparent !important;
	background-image: none !important;
	border: 1px solid #b88945 !important;
	color: #292725 !important;
}

.hera-home-cta-actions .hera-button-secondary:hover,
.hera-home-cta-actions .hera-button-secondary:focus {
	background: #b88945 !important;
	border-color: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   IMAGE
========================================================= */
.hera-home-cta-image {
	position: relative;
	z-index: 1;
	width: 100%;
	min-width: 0;
	height: 100%;
	min-height: 520px;
	overflow: hidden;
}

.hera-home-cta-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}

/* =========================================================
   SOFT FADE OVERLAY
========================================================= */
.hera-home-cta-overlay {
	position: absolute;
	z-index: 2;
	pointer-events: none;
	background: linear-gradient(90deg,
      #ebe4da 0%,
      rgba(235, 228, 218, 1) 37%,
      rgba(235, 228, 218, 0.94) 43%,
      rgba(235, 228, 218, 0.70) 50%,
      rgba(235, 228, 218, 0.32) 58%,
      rgba(235, 228, 218, 0.08) 67%,
      rgba(235, 228, 218, 0) 76%);
}

/* =========================================================
   GOLD DETAIL
========================================================= */
.hera-home-cta-content::after {
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	margin-top: 32px;
	background: #b88945;
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-home-cta-box {
		width: calc(100% - 40px);
		min-height: 490px;
		margin: 90px auto 100px;
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	}
	
	.hera-home-cta-content {
		padding: 52px 24px 52px 46px;
	}
	
	.hera-home-cta-content h2 {
		font-size: clamp(38px, 4.8vw, 50px) !important;
	}
	
	.hera-home-cta-image {
		min-height: 490px;
	}
	
	.hera-home-cta-overlay {
		background: linear-gradient(90deg,
								        #ebe4da 0%,
								        rgba(235, 228, 218, 1) 36%,
								        rgba(235, 228, 218, 0.88) 45%,
								        rgba(235, 228, 218, 0.52) 55%,
								        rgba(235, 228, 218, 0.12) 68%,
								        rgba(235, 228, 218, 0) 78%);
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-home-cta-box {
		width: calc(100% - 36px);
		min-height: 0;
		margin: 85px auto 92px;
		grid-template-columns: 1fr;
	}
	
	/* Bild oben */
	.hera-home-cta-image {
		grid-row: 1;
		height: 430px;
		min-height: 430px;
	}
	
	/* Text unten */
	.hera-home-cta-content {
		grid-row: 2;
		max-width: none;
		padding: 48px;
	}
	
	.hera-home-cta-content h2 {
		max-width: 650px;
		font-size: 48px !important;
	}
	
	.hera-home-cta-content > p {
		max-width: 610px;
	}
	
	/*
								     Overlay auf Tablet:
								     weicher Übergang vom Bild nach unten
								  */
	.hera-home-cta-overlay {
		background: linear-gradient(180deg,
								        rgba(235, 228, 218, 0) 0%,
								        rgba(235, 228, 218, 0) 38%,
								        rgba(235, 228, 218, 0.20) 48%,
								        rgba(235, 228, 218, 0.70) 60%,
								        rgba(235, 228, 218, 1) 72%,
								        #ebe4da 100%);
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-home-cta-box {
		width: calc(100% - 28px);
		margin: 70px auto 76px;
		border-radius: 14px;
	}
	
	/* IMAGE */
	.hera-home-cta-image {
		height: 340px;
		min-height: 340px;
	}
	
	/* CONTENT */
	.hera-home-cta-content {
		padding: 34px 23px 38px;
	}
	
	.hera-home-cta .hera-section-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-home-cta-content h2 {
		margin-bottom: 20px !important;
		font-size: 36px !important;
		line-height: 1.08 !important;
	}
	
	.hera-home-cta-content > p {
		font-size: 15px !important;
		line-height: 1.72 !important;
	}
	
	/* BUTTONS */
	.hera-home-cta-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin-top: 27px !important;
	}
	
	.hera-home-cta-actions .hera-button-primary,
								  .hera-home-cta-actions .hera-button-secondary {
		width: 100% !important;
	}
	
	.hera-home-cta-content::after {
		margin-top: 27px;
	}
	
	.hera-home-cta-overlay {
		background: linear-gradient(180deg,
								        rgba(235, 228, 218, 0) 0%,
								        rgba(235, 228, 218, 0) 34%,
								        rgba(235, 228, 218, 0.18) 45%,
								        rgba(235, 228, 218, 0.68) 57%,
								        rgba(235, 228, 218, 0.96) 68%,
								        #ebe4da 78%);
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-home-cta-box {
		width: calc(100% - 22px);
	}
	
	.hera-home-cta-image {
		height: 300px;
		min-height: 300px;
	}
	
	.hera-home-cta-content {
		padding: 30px 20px 34px;
	}
	
	.hera-home-cta-content h2 {
		font-size: 32px !important;
	}
}

/* =========================================================
   HERA HOME – ABOUT TEASER
   Desktop / Tablet / Mobile
========================================================= */
.hera-home-about {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: #faf8f4;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

.hera-home-about * {
	box-sizing: border-box;
}

/* =========================================================
   INNER
========================================================= */
.hera-home-about-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	align-items: center;
	gap: clamp(50px, 7vw, 85px);
	padding: 105px 0 115px;
}

/* =========================================================
   CONTENT
========================================================= */
.hera-home-about-content {
	width: 100%;
	max-width: 560px;
	min-width: 0;
}

/* Eyebrow */
.hera-home-about .hera-section-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: #b88945;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-home-about-content h2 {
	width: 100%;
	max-width: 560px;
	margin: 0 0 24px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 4.5vw, 54px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.028em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   LEAD
========================================================= */
.hera-home-about-lead {
	width: 100%;
	max-width: 520px;
	margin: 0 0 18px !important;
	font-family: Georgia, "Times New Roman", serif;
	color: #292725 !important;
	font-size: 20px !important;
	line-height: 1.5 !important;
}

/* =========================================================
   BODY TEXT
========================================================= */
.hera-home-about-content > p:not(.hera-home-about-lead) {
	width: 100%;
	max-width: 520px;
	margin: 0 0 17px !important;
	color: #665e56 !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
}

/* =========================================================
   COMPETENCY TAGS
========================================================= */
.hera-home-about-competencies {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 24px;
}

.hera-home-about-competencies span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 31px;
	padding: 7px 11px;
	border: 1px solid #ded6cc;
	border-radius: 999px;
	background: rgba(255, 253, 249, 0.6);
	color: #665e56;
	font-size: 10px;
	line-height: 1.2;
}

/* =========================================================
   LANGUAGES
========================================================= */
.hera-home-about-languages {
	width: 100%;
	margin-top: 30px;
	padding-top: 22px;
	border-top: 1px solid #ded6cc;
}

.hera-home-about-languages-label {
	display: block;
	margin-bottom: 10px;
	color: #b88945;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.hera-home-about-languages > div {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.hera-home-about-languages > div span {
	display: inline-flex;
	align-items: center;
	padding: 7px 11px;
	border: 1px solid #d7b98d;
	border-radius: 999px;
	background: rgba(255, 253, 249, 0.5);
	color: #292725;
	font-size: 10px;
	line-height: 1.2;
}

/* =========================================================
   LINK
========================================================= */
.hera-home-about-link,
.hera-home-about-link:link,
.hera-home-about-link:visited {
	display: inline-flex !important;
	align-items: center;
	width: fit-content;
	margin-top: 30px;
	color: #292725 !important;
	font-size: 14px !important;
	line-height: 1.2;
	font-weight: 400;
	text-decoration: none !important;
	transition: color .2s ease, transform .2s ease;
}

.hera-home-about-link:hover,
.hera-home-about-link:focus {
	color: #b88945 !important;
	transform: translateX(3px);
}

/* =========================================================
   VISUAL
========================================================= */
.hera-home-about-visual {
	position: relative;
	width: 100%;
	min-height: 560px;
}

/* decorative circle */
.hera-home-about-visual::before {
	content: "";
	position: absolute;
	width: 330px;
	height: 330px;
	right: -90px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.14);
	border-radius: 50%;
	pointer-events: none;
}

/* =========================================================
   IMAGE BASE
========================================================= */
.hera-home-about-image {
	position: absolute;
	overflow: hidden;
	background: #e9e1d6;
	border: 1px solid #ded6cc;
	box-shadow: 0 16px 40px rgba(45, 38, 32, 0.06);
}

.hera-home-about-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

/* =========================================================
   YASMINA IMAGE
========================================================= */
.hera-home-about-image-yasmina {
	width: 68%;
	height: 500px;
	left: 0;
	top: 0;
	z-index: 1;
}

.hera-home-about-image-yasmina img {
	object-position: 60% 8%;
}

/* =========================================================
   CARLOS IMAGE
========================================================= */
.hera-home-about-image-carlos {
	width: 47%;
	height: 330px;
	right: 0;
	bottom: 0;
	z-index: 2;
	border: 8px solid #faf8f4;
}

.hera-home-about-image-carlos img {
	object-position: 52% 15%;
}

/* =========================================================
   IMAGE NAME OVERLAY
========================================================= */
.hera-home-about-name {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 18px;
	z-index: 3;
	padding: 14px 15px;
	background: rgba(35, 31, 28, 0.62);
}

.hera-home-about-name span {
	display: block;
	margin-bottom: 5px;
	color: rgba(255, 255, 255, 0.75);
	font-size: 7px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.hera-home-about-name strong {
	display: block;
	font-family: Georgia, "Times New Roman", serif;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.1;
	font-weight: 600;
}

/* =========================================================
   SUBTLE FADE ON LARGE IMAGE
========================================================= */
.hera-home-about-image-yasmina::after {
	content: "";
	position: absolute;
	pointer-events: none;
	background: linear-gradient(90deg,
      rgba(250, 248, 244, 0) 55%,
      rgba(250, 248, 244, 0.10) 68%,
      rgba(250, 248, 244, 0.38) 82%,
      rgba(250, 248, 244, 0.75) 100%);
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-home-about-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1fr);
		gap: 45px;
		padding: 90px 0 100px;
	}
	
	.hera-home-about-content h2 {
		font-size: clamp(36px, 4.5vw, 48px) !important;
	}
	
	.hera-home-about-visual {
		min-height: 510px;
	}
	
	.hera-home-about-image-yasmina {
		height: 455px;
	}
	
	.hera-home-about-image-carlos {
		height: 295px;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-home-about-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 50px;
		padding: 85px 0 92px;
	}
	
	.hera-home-about-content {
		max-width: 670px;
	}
	
	.hera-home-about-content h2 {
		max-width: 650px;
		font-size: 48px !important;
	}
	
	.hera-home-about-lead,
								  .hera-home-about-content > p:not(.hera-home-about-lead) {
		max-width: 600px;
	}
	
	/* Visual first */
	.hera-home-about-visual {
		grid-row: 1;
		max-width: 670px;
		min-height: 560px;
	}
	
	.hera-home-about-content {
		grid-row: 2;
	}
	
	.hera-home-about-image-yasmina {
		width: 70%;
		height: 500px;
	}
	
	.hera-home-about-image-carlos {
		width: 45%;
		height: 320px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-home-about-inner {
		width: calc(100% - 28px);
		gap: 38px;
		padding: 70px 0 76px;
	}
	
	/* =====================================================
								     TYPO
								  ====================================================== */
	.hera-home-about .hera-section-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-home-about-content h2 {
		margin-bottom: 20px !important;
		font-size: 36px !important;
		line-height: 1.08 !important;
	}
	
	.hera-home-about-lead {
		font-size: 18px !important;
		line-height: 1.5 !important;
	}
	
	.hera-home-about-content > p:not(.hera-home-about-lead) {
		font-size: 14px !important;
		line-height: 1.72 !important;
	}
	
	/* =====================================================
								     VISUAL
								  ====================================================== */
	.hera-home-about-visual {
		min-height: 420px;
	}
	
	.hera-home-about-visual::before {
		width: 220px;
		height: 220px;
		right: -90px;
	}
	
	.hera-home-about-image-yasmina {
		width: 76%;
		height: 360px;
	}
	
	.hera-home-about-image-carlos {
		width: 47%;
		height: 230px;
		border-width: 6px;
	}
	
	.hera-home-about-name {
		left: 12px;
		right: 12px;
		bottom: 11px;
		padding: 10px 11px;
	}
	
	.hera-home-about-name span {
		font-size: 6px;
	}
	
	.hera-home-about-name strong {
		font-size: 17px;
	}
	
	/* =====================================================
								     TAGS
								  ====================================================== */
	.hera-home-about-competencies {
		gap: 7px;
		margin-top: 21px;
	}
	
	.hera-home-about-competencies span,
								  .hera-home-about-languages > div span {
		font-size: 9.5px;
		padding: 6px 10px;
	}
	
	.hera-home-about-languages {
		margin-top: 25px;
		padding-top: 19px;
	}
	
	.hera-home-about-link {
		margin-top: 26px;
		font-size: 13px !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-home-about-inner {
		width: calc(100% - 22px);
	}
	
	.hera-home-about-content h2 {
		font-size: 32px !important;
	}
	
	.hera-home-about-visual {
		min-height: 370px;
	}
	
	.hera-home-about-image-yasmina {
		height: 320px;
	}
	
	.hera-home-about-image-carlos {
		height: 200px;
	}
	
	.hera-home-about-name {
		left: 9px;
		right: 9px;
		bottom: 9px;
	}
}

.hera-home-medical-visual img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
/* Bildausschnitt nach rechts verschieben */
	object-position: 85% center;
}

/* =====================================================
   HERA CONTACT
   TYPOGRAFISCH AN RESTLICHE WEBSITE ANGEPASST
===================================================== */
.hera-contact {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #f2efe9;
	padding: 95px 60px 90px;
	box-sizing: border-box;
	color: #171717;
}

/* INNER WIDTH
--------------------------------------- */
.hera-contact-inner {
	max-width: 1380px;
	margin: 0 auto;
}

/* GRID
--------------------------------------- */
.hera-contact-grid {
	display: grid;
	grid-template-columns: 0.88fr 1.12fr;
	gap: 95px;
	align-items: center;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-contact-content {
	max-width: 540px;
}

/* EYEBROW
--------------------------------------- */
.hera-contact-eyebrow {
	display: block;
	margin-bottom: 24px;
	font-family: inherit;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #aa8052;
}

/* HEADING
--------------------------------------- */
.hera-contact h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(43px, 4vw, 58px);
	line-height: 1.02;
	letter-spacing: -.03em;
	font-weight: 400;
	color: #151515;
}

/* INTRO TEXT
--------------------------------------- */
.hera-contact-lead {
	max-width: 500px;
	margin: 30px 0 0;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.75;
	font-weight: 400;
	color: #665f57;
}

/* =====================================================
   CONTACT DETAILS
===================================================== */
.hera-contact-details {
	margin-top: 44px;
	max-width: 455px;
}

/* ONE ITEM
--------------------------------------- */
.hera-contact-detail {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 13px 0;
	text-decoration: none;
	color: #161616;
}

/* ICON
--------------------------------------- */
.hera-contact-icon {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #d0ab78;
	border-radius: 50%;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #a77943;
}

/* DETAIL TEXT
--------------------------------------- */
.hera-contact-detail > div {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.hera-contact-detail small {
	font-family: inherit;
	font-size: 9px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #93877b;
}

.hera-contact-detail strong {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 400;
	color: #171717;
}

/* HOVER
--------------------------------------- */
a.hera-contact-detail {
	transition: transform .2s ease;
}

a.hera-contact-detail:hover {
	transform: translateX(4px);
}

/* =====================================================
   FORM CARD
===================================================== */
.hera-contact-form-wrap {
	width: 100%;
	max-width: 670px;
	justify-self: end;
	box-sizing: border-box;
	padding: 42px 46px 38px;
	background: rgba(255,255,255,0.94);
	border-radius: 3px;
	box-shadow: 0 18px 50px rgba(32, 28, 24, 0.07);
}

/* =====================================================
   FORM
===================================================== */
.hera-contact-form {
	width: 100%;
}

/* ROW
--------------------------------------- */
.hera-form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
}

/* FIELD
--------------------------------------- */
.hera-form-field {
	margin-bottom: 24px;
}

/* LABEL
--------------------------------------- */
.hera-form-field label {
	display: block;
	margin-bottom: 9px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: #171717;
}

.hera-form-field label span {
	margin-left: 3px;
	font-family: inherit;
	font-size: 12px;
	font-weight: 400;
	color: #938d86;
}

/* INPUTS
--------------------------------------- */
.hera-form-field input,
.hera-form-field textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 9px 0 11px;
	border: 0;
	border-bottom: 1px solid #d6d0c9;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	outline: none;
	font-family: inherit;
	font-size: 13px;
	line-height: 1.5;
	color: #34302c;
	appearance: none;
	-webkit-appearance: none;
	transition: border-color .2s ease;
}

/* PLACEHOLDER
--------------------------------------- */
.hera-form-field input::placeholder,
.hera-form-field textarea::placeholder {
	color: #9e9891;
	opacity: 1;
}

/* TEXTAREA
--------------------------------------- */
.hera-form-field textarea {
	min-height: 82px;
	resize: vertical;
}

/* FOCUS
--------------------------------------- */
.hera-form-field input:focus,
.hera-form-field textarea:focus {
	border-bottom-color: #aa8052;
}

/* =====================================================
   SUBMIT BUTTON
===================================================== */
.hera-contact-submit {
	width: 100%;
	margin-top: 4px;
	padding: 15px 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	box-sizing: border-box;
	border: 0;
	border-radius: 2px;
	background: #111;
	color: #fff;
	font-family: inherit;
	font-size: 12px;
	line-height: 1;
	font-weight: 500;
	cursor: pointer;
	transition: background .2s ease, transform .2s ease;
}

.hera-contact-submit-arrow {
	position: absolute;
	right: 22px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 15px;
	color: #d2a86c;
}

.hera-contact-submit:hover {
	background: #25221f;
	transform: translateY(-1px);
}

/* =====================================================
   PRIVACY TEXT
===================================================== */
.hera-contact-privacy {
	margin: 14px 0 0;
	font-family: inherit;
	font-size: 9px;
	line-height: 1.55;
	color: #978f87;
}

.hera-contact-privacy a {
	color: #786957;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-contact {
		padding: 80px 38px;
	}
	
	.hera-contact-grid {
		grid-template-columns: 0.9fr 1.1fr;
		gap: 55px;
	}
	
	.hera-contact h2 {
		font-size: 48px;
	}
	
	.hera-contact-form-wrap {
		padding: 36px 34px 34px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-contact {
		padding: 68px 22px 70px;
	}
	
	.hera-contact-grid {
		display: block;
	}
	
	.hera-contact-content {
		max-width: none;
	}
	
	.hera-contact-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-contact h2 {
		font-size: 44px;
		line-height: 1.03;
	}
	
	.hera-contact-lead {
		margin-top: 23px;
		font-size: 14px;
		line-height: 1.7;
	}
	
	.hera-contact-details {
		margin-top: 32px;
	}
	
	.hera-contact-detail {
		padding: 10px 0;
	}
	
	.hera-contact-form-wrap {
		max-width: none;
		margin-top: 48px;
		padding: 30px 24px 28px;
	}
	
	.hera-form-row {
		grid-template-columns: 1fr;
		gap: 0;
	}
	
	.hera-form-field {
		margin-bottom: 22px;
	}
	
	.hera-form-field label {
		font-size: 14px;
	}
	
	.hera-contact-submit {
		padding: 15px 17px;
	}
}

/* =====================================================
   VERY SMALL MOBILE
===================================================== */
@media (max-width: 420px) {
	.hera-contact h2 {
		font-size: 40px;
	}
	
	.hera-contact-form-wrap {
		padding: 27px 20px 25px;
	}
}

/* =====================================================
   HERA FOOTER
===================================================== */
.hera-footer {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #111;
	padding: 58px 60px 26px;
	box-sizing: border-box;
	color: #fff;
}

.hera-footer-inner {
	max-width: 1380px;
	margin: 0 auto;
}

/* GRID
--------------------------------------- */
.hera-footer-grid {
	display: grid;
	grid-template-columns: 2.2fr 1fr 1.2fr 1.3fr;
	gap: 70px;
	align-items: start;
}

/* =====================================================
   LOGO
===================================================== */
.hera-footer-brand {
	padding-top: 2px;
}

.hera-footer-brand img {
	display: block;
	width: 220px;
	max-width: 100%;
	height: auto;
}

/* =====================================================
   COLUMNS
===================================================== */
.hera-footer-column {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.hera-footer-column h4 {
	margin: 0 0 19px;
	font-family: inherit;
	font-size: 10px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #fff;
}

.hera-footer-column a,
.hera-footer-column span {
	display: block;
	margin-bottom: 9px;
	font-family: inherit;
	font-size: 12px;
	line-height: 1.5;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.68);
	text-decoration: none;
	transition: color .2s ease;
}

.hera-footer-column a:hover {
	color: #d3ac74;
}

/* =====================================================
   DIVIDER
===================================================== */
.hera-footer-divider {
	height: 1px;
	margin: 45px 0 20px;
	background: rgba(255,255,255,0.12);
}

/* =====================================================
   BOTTOM
===================================================== */
.hera-footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 25px;
	flex-wrap: wrap;
	font-family: inherit;
	font-size: 10px;
	line-height: 1.5;
	color: rgba(255,255,255,0.48);
}

.hera-footer-legal {
	display: flex;
	gap: 28px;
}

.hera-footer-legal a {
	color: rgba(255,255,255,0.48);
	text-decoration: none;
	transition: color .2s ease;
}

.hera-footer-legal a:hover {
	color: #fff;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-footer {
		padding: 52px 38px 25px;
	}
	
	.hera-footer-grid {
		grid-template-columns: 1.7fr 1fr 1fr;
		gap: 45px;
	}
	
	.hera-footer-brand {
		grid-column: 1 / -1;
		margin-bottom: 5px;
	}
	
	.hera-footer-brand img {
		width: 200px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-footer {
		padding: 48px 22px 24px;
	}
	
	.hera-footer-grid {
		grid-template-columns: 1fr 1fr;
		gap: 38px 28px;
	}
	
	.hera-footer-brand {
		grid-column: 1 / -1;
	}
	
	.hera-footer-brand img {
		width: 185px;
	}
	
	.hera-footer-divider {
		margin-top: 40px;
	}
	
	.hera-footer-bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
}

/* =====================================================
   SMALL MOBILE
===================================================== */
@media (max-width: 460px) {
	.hera-footer-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	
	.hera-footer-brand {
		grid-column: auto;
	}
	
	.hera-footer-legal {
		gap: 22px;
	}
}

.hera-contact-grid {
	display: grid !important;
	grid-template-columns: 0.9fr 1.1fr !important;
	gap: 90px !important;
	align-items: center !important;
}

.hera-contact-grid > .wp-block-column {
	min-width: 0;
}

.hera-contact-form-wrap {
	width: 100% !important;
	max-width: 670px;
	justify-self: end;
}

@media (max-width: 767px) {
	.hera-contact-grid {
		grid-template-columns: 1fr !important;
		gap: 48px !important;
	}
	
	.hera-contact-form-wrap {
		max-width: none;
	}
}

/* =====================================================
   HERA CONTACT – FINAL
   WORDPRESS / GUTENBERG VERSION
===================================================== */
/* =====================================================
   OUTER CONTACT SECTION
===================================================== */
.hera-contact {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 90px 60px 85px !important;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171717;
}

/* =====================================================
   TWO COLUMN CONTAINER
===================================================== */
.hera-contact > .hera-contact-grid {
	width: 100% !important;
	max-width: 1260px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: grid !important;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
	gap: 50px !important;
	align-items: center !important;
}

/* RESET WORDPRESS COLUMN BEHAVIOUR */
.hera-contact-grid > .wp-block-column {
	width: auto !important;
	min-width: 0 !important;
	flex: none !important;
	margin: 0 !important;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-contact-content {
	width: 100%;
	max-width: 520px;
	margin: 0;
}

/* EYEBROW */
.hera-contact-eyebrow {
	display: block;
	margin-bottom: 24px;
	font-family: inherit;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #aa8052;
}

/* HEADING */
.hera-contact-content h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(43px, 4vw, 58px);
	line-height: 1.02;
	letter-spacing: -.03em;
	font-weight: 400;
	color: #151515;
}

/* INTRO TEXT */
.hera-contact-lead {
	max-width: 490px;
	margin: 30px 0 0;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.75;
	font-weight: 400;
	color: #665f57;
}

/* =====================================================
   CONTACT DETAILS
===================================================== */
.hera-contact-details {
	max-width: 455px;
	margin-top: 44px;
}

/* CONTACT ITEM */
.hera-contact-detail {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 13px 0;
	text-decoration: none;
	color: #161616;
}

/* ICON */
.hera-contact-icon {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border: 1px solid #d0ab78;
	border-radius: 50%;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1;
	color: #a77943;
}

/* CONTACT TEXT */
.hera-contact-detail > div {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.hera-contact-detail small {
	font-family: inherit;
	font-size: 9px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #93877b;
}

.hera-contact-detail strong {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 400;
	color: #171717;
}

/* HOVER */
a.hera-contact-detail {
	transition: transform .2s ease;
}

a.hera-contact-detail:hover {
	transform: translateX(4px);
}

/* =====================================================
   RIGHT FORM CARD
===================================================== */
.hera-contact-form-wrap {
	width: 100% !important;
	max-width: 620px !important;
	justify-self: start !important;
	margin: 0 !important;
	padding: 42px 46px 38px !important;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.96);
	border-radius: 3px;
	box-shadow: 0 18px 50px rgba(32, 28, 24, 0.07);
}

/* REMOVE WORDPRESS INTERNAL MARGINS */
.hera-contact-form-wrap > :first-child {
	margin-top: 0 !important;
}

.hera-contact-form-wrap > :last-child {
	margin-bottom: 0 !important;
}

/* =====================================================
   WORDPRESS / JETPACK FORM
===================================================== */
.hera-contact-form-wrap form {
	width: 100%;
	margin: 0 !important;
}

/* FIELD SPACING */
.hera-contact-form-wrap .wp-block-jetpack-field,
.hera-contact-form-wrap .grunion-field-wrap {
	margin-bottom: 23px !important;
}

/* LABEL */
.hera-contact-form-wrap label {
	display: block;
	margin-bottom: 9px !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 14px !important;
	line-height: 1.3 !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: #171717 !important;
}

/* REQUIRED / OPTIONAL TEXT */
.hera-contact-form-wrap label span {
	font-family: inherit;
	font-size: 11px;
	font-weight: 400;
	color: #938d86;
}

/* =====================================================
   INPUTS
===================================================== */
.hera-contact-form-wrap input[type="text"],
.hera-contact-form-wrap input[type="email"],
.hera-contact-form-wrap input[type="tel"],
.hera-contact-form-wrap input[type="url"],
.hera-contact-form-wrap textarea {
	display: block;
	width: 100% !important;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 10px 0 11px !important;
	border: 0 !important;
	border-bottom: 1px solid #d6d0c9 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: none !important;
	font-family: inherit !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	color: #34302c !important;
	appearance: none;
	-webkit-appearance: none;
}

/* PLACEHOLDER */
.hera-contact-form-wrap input::placeholder,
.hera-contact-form-wrap textarea::placeholder {
	color: #9e9891 !important;
	opacity: 1;
}

/* FOCUS */
.hera-contact-form-wrap input:focus,
.hera-contact-form-wrap textarea:focus {
	border-bottom-color: #aa8052 !important;
}

/* TEXTAREA */
.hera-contact-form-wrap textarea {
	min-height: 145px;
	resize: vertical;
}

/* =====================================================
   PRIVACY TEXT
===================================================== */
.hera-contact-form-wrap p {
	font-family: inherit;
}

.hera-form-privacy,
.hera-contact-form-wrap .hera-form-privacy {
	margin-top: 16px !important;
	margin-bottom: 0 !important;
	font-family: inherit;
	font-size: 10px !important;
	line-height: 1.6 !important;
	color: #918980 !important;
}

.hera-form-privacy a {
	color: #756756;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* =====================================================
   SUBMIT BUTTON
===================================================== */
.hera-contact-form-wrap button[type="submit"],
.hera-contact-form-wrap input[type="submit"],
.hera-contact-form-wrap .wp-block-button__link {
	width: 100% !important;
	min-height: 48px;
	margin-top: 6px !important;
	padding: 15px 20px !important;
	box-sizing: border-box;
	border: 0 !important;
	border-radius: 2px !important;
	background: #111 !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 12px !important;
	line-height: 1 !important;
	font-weight: 500 !important;
	text-align: center;
	cursor: pointer;
	transition: background .2s ease, transform .2s ease;
}

.hera-contact-form-wrap button[type="submit"]:hover,
.hera-contact-form-wrap input[type="submit"]:hover,
.hera-contact-form-wrap .wp-block-button__link:hover {
	background: #292622 !important;
	transform: translateY(-1px);
}

/* =====================================================
   SUCCESS / THANK-YOU MESSAGE
===================================================== */
.hera-contact-form-wrap .contact-form-submission,
.hera-contact-form-wrap .wp-block-jetpack-contact-form-success,
.hera-contact-form-wrap .contact-form__success,
.hera-contact-form-wrap .grunion-response {
	padding: 25px 26px !important;
	border: 0 !important;
	border-left: 2px solid #b58b55 !important;
	background: #f7f4ef !important;
	color: #171717 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-contact {
		padding: 78px 38px 76px !important;
	}
	
	.hera-contact > .hera-contact-grid {
		max-width: 100% !important;
		grid-template-columns: minmax(0, 0.93fr) minmax(0, 1.07fr) !important;
		gap: 38px !important;
	}
	
	.hera-contact-content {
		max-width: 470px;
	}
	
	.hera-contact-content h2 {
		font-size: 48px;
	}
	
	.hera-contact-lead {
		font-size: 14px;
	}
	
	.hera-contact-form-wrap {
		max-width: 590px !important;
		padding: 36px 34px 32px !important;
	}
	
	.hera-contact-form-wrap textarea {
		min-height: 125px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-contact {
		padding: 66px 22px 68px !important;
	}
	
	.hera-contact > .hera-contact-grid {
		max-width: none !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 44px !important;
	}
	
	.hera-contact-grid > .wp-block-column {
		width: 100% !important;
	}
	
	.hera-contact-content {
		width: 100%;
		max-width: none;
	}
	
	.hera-contact-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-contact-content h2 {
		font-size: 44px;
		line-height: 1.03;
	}
	
	.hera-contact-lead {
		max-width: none;
		margin-top: 23px;
		font-size: 14px;
		line-height: 1.7;
	}
	
	.hera-contact-details {
		max-width: none;
		margin-top: 32px;
	}
	
	.hera-contact-detail {
		padding: 10px 0;
	}
	
	.hera-contact-form-wrap {
		width: 100% !important;
		max-width: none !important;
		justify-self: stretch !important;
		margin: 0 !important;
		padding: 30px 24px 28px !important;
	}
	
	.hera-contact-form-wrap textarea {
		min-height: 115px;
	}
}

/* =====================================================
   SMALL MOBILE
===================================================== */
@media (max-width: 420px) {
	.hera-contact {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
	
	.hera-contact-content h2 {
		font-size: 40px;
	}
	
	.hera-contact-form-wrap {
		padding: 27px 20px 25px !important;
	}
}

/* =========================================================
   HERA HEADER – MOBILE FIX
   iPhone / Smartphones
========================================================= */
@media (max-width: 767px) {
	/* -------------------------------------------------------
				     HEADER
				  ------------------------------------------------------- */
	.hera-header-new {
		width: 100% !important;
		position: relative !important;
		z-index: 9999 !important;
	}
	
	.hera-header-inner-new {
		width: 100% !important;
		min-height: 74px !important;
		padding: 12px 20px !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		position: relative !important;
	}
	
	/* =======================================================
				     LOGO
				  ======================================================= */
	.hera-brand-new {
		display: flex !important;
		align-items: center !important;
		width: auto !important;
		max-width: calc(100% - 70px) !important;
		margin: 0 !important;
		text-decoration: none !important;
	}
	
	.hera-brand-new img {
		display: block !important;
		width: 42px !important;
		height: 42px !important;
		object-fit: contain !important;
		flex: 0 0 42px !important;
		margin: 0 12px 0 0 !important;
	}
	
	.hera-brand-text-new {
		display: flex !important;
		flex-direction: column !important;
		min-width: 0 !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		margin: 0 !important;
		font-family: Georgia, "Times New Roman", serif !important;
		font-size: 19px !important;
		line-height: 1.05 !important;
		font-weight: 600 !important;
		letter-spacing: 0 !important;
		white-space: nowrap !important;
		color: #1c1a18 !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		margin-top: 4px !important;
		font-size: 9px !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
		color: #8c847b !important;
	}
	
	/* =======================================================
				     IMPORTANT:
				     HIDE COMPLETE DESKTOP NAVIGATION
				  ======================================================= */
	.hera-nav-dropdown-new {
		display: none !important;
	}
	
	.hera-mega-menu-new {
		display: none !important;
	}
	
	.hera-mega-inner-new {
		display: none !important;
	}
	
	.hera-mega-column-new {
		display: none !important;
	}
	
	/*
				   Direct children of the header are the desktop
				   standard navigation links.
				  */
	.hera-header-inner-new > a:not(.hera-brand-new):not(.hera-cta-new) {
		display: none !important;
	}
	
	.hera-header-inner-new > .hera-cta-new {
		display: none !important;
	}
	
	/* =======================================================
				     MOBILE MENU
				  ======================================================= */
	.hera-nav-mobile-v2 {
		display: block !important;
		position: static !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	/* REMOVE DEFAULT DETAILS MARKER */
	.hera-nav-mobile-v2 > summary {
		list-style: none !important;
	}
	
	.hera-nav-mobile-v2 > summary::-webkit-details-marker {
		display: none !important;
	}
	
	/* =======================================================
				     BURGER BUTTON
				  ======================================================= */
	.hera-nav-trigger-v2 {
		width: 44px !important;
		height: 44px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 5px !important;
		padding: 0 !important;
		margin: 0 !important;
		cursor: pointer !important;
		border: 0 !important;
		background: transparent !important;
		list-style: none !important;
	}
	
	.hera-nav-trigger-v2 i {
		display: block !important;
		width: 23px !important;
		height: 1.5px !important;
		margin: 0 !important;
		background: #181715 !important;
		border: 0 !important;
		transition: transform .25s ease, opacity .25s ease !important;
	}
	
	/* BURGER → X */
	.hera-nav-mobile-v2[open] > .hera-nav-trigger-v2 i:nth-child(1) {
		transform: translateY(6.5px) rotate(45deg) !important;
	}
	
	.hera-nav-mobile-v2[open] > .hera-nav-trigger-v2 i:nth-child(2) {
		opacity: 0 !important;
	}
	
	.hera-nav-mobile-v2[open] > .hera-nav-trigger-v2 i:nth-child(3) {
		transform: translateY(-6.5px) rotate(-45deg) !important;
	}
	
	/* =======================================================
				     OPEN MOBILE PANEL
				  ======================================================= */
	.hera-mobile-menu-inner-v2 {
		position: absolute !important;
		top: 100% !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-width: none !important;
		box-sizing: border-box !important;
		padding: 24px 22px 30px !important;
		background: #f2efe9 !important;
		border-top: 1px solid rgba(20,20,20,0.08) !important;
		box-shadow: 0 18px 35px rgba(20,20,20,0.08) !important;
		z-index: 99999 !important;
	}
	
	/* =======================================================
				     MAIN MOBILE LINKS
				  ======================================================= */
	.hera-mobile-menu-inner-v2 > a {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
		padding: 16px 0 !important;
		margin: 0 !important;
		border-bottom: 1px solid rgba(20,20,20,0.10) !important;
		text-decoration: none !important;
		font-family: inherit !important;
		font-size: 16px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		color: #1b1917 !important;
	}
	
	/* =======================================================
				     LÖSUNGEN ACCORDION
				  ======================================================= */
	.hera-mobile-solutions-v2 {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid rgba(20,20,20,0.10) !important;
	}
	
	.hera-mobile-solutions-v2 > summary {
		width: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		box-sizing: border-box !important;
		padding: 16px 0 !important;
		cursor: pointer !important;
		list-style: none !important;
		font-family: inherit !important;
		font-size: 16px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		color: #1b1917 !important;
	}
	
	.hera-mobile-solutions-v2 > summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-solutions-v2 > summary span {
		font-size: 20px !important;
		font-weight: 300 !important;
		transition: transform .25s ease !important;
	}
	
	.hera-mobile-solutions-v2[open] > summary span {
		transform: rotate(45deg) !important;
	}
	
	/* =======================================================
				     SOLUTIONS INNER
				  ======================================================= */
	.hera-mobile-solutions-inner-v2 {
		display: block !important;
		width: 100% !important;
		padding: 0 0 8px 14px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}
	
	/* =======================================================
				     CATEGORY ACCORDIONS
				     Digital / Advisory / Succession / Medical
				  ======================================================= */
	.hera-mobile-category-v2 {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border-top: 1px solid rgba(20,20,20,0.07) !important;
	}
	
	.hera-mobile-category-v2 > summary {
		width: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		box-sizing: border-box !important;
		padding: 14px 2px !important;
		cursor: pointer !important;
		list-style: none !important;
		font-family: Georgia, "Times New Roman", serif !important;
		font-size: 15px !important;
		line-height: 1.25 !important;
		font-weight: 400 !important;
		color: #1a1816 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
	
	.hera-mobile-category-v2 > summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-category-v2 > summary span {
		flex-shrink: 0 !important;
		margin-left: 20px !important;
		font-family: Arial, sans-serif !important;
		font-size: 18px !important;
		font-weight: 300 !important;
		transition: transform .25s ease !important;
	}
	
	.hera-mobile-category-v2[open] > summary span {
		transform: rotate(45deg) !important;
	}
	
	/* =======================================================
				     CATEGORY SUBMENU
				  ======================================================= */
	.hera-mobile-category-v2 > div {
		display: block !important;
		width: 100% !important;
		padding: 0 0 13px 12px !important;
		box-sizing: border-box !important;
	}
	
	.hera-mobile-category-v2 > div > a {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
		padding: 8px 0 !important;
		margin: 0 !important;
		text-decoration: none !important;
		font-family: inherit !important;
		font-size: 13px !important;
		line-height: 1.35 !important;
		font-weight: 400 !important;
		color: #605a54 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
	}
	
	/* CATEGORY OVERVIEW */
	.hera-mobile-category-overview {
		color: #9b7448 !important;
		font-weight: 500 !important;
	}
	
	/* =======================================================
				     CTA
				  ======================================================= */
	.hera-mobile-menu-inner-v2 > .hera-nav-cta-v2 {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		box-sizing: border-box !important;
		margin-top: 20px !important;
		padding: 15px 20px !important;
		border: 0 !important;
		background: #111 !important;
		color: #fff !important;
		text-decoration: none !important;
		font-size: 13px !important;
		font-weight: 500 !important;
	}
}

/* =====================================================
   HERA ABOUT HERO – FINAL LANDSCAPE VERSION
===================================================== */
/* =====================================================
   OUTER SECTION
===================================================== */
.hera-about-hero {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	background: #f2efe9;
	box-sizing: border-box;
}

/* =====================================================
   INNER CONTAINER
===================================================== */
.hera-about-hero-inner {
	width: min(92vw, 1500px);
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(460px, 0.9fr) minmax(650px, 1.1fr);
	align-items: stretch;
	min-height: 650px;
	box-sizing: border-box;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-about-hero-content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	padding: 90px 70px 90px 40px;
	box-sizing: border-box;
}

/* EYEBROW */
.hera-about-eyebrow {
	display: block;
	margin-bottom: 24px;
	font-family: inherit;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

/* =====================================================
   HEADING
===================================================== */
.hera-about-hero-content h1 {
	margin: 0;
	width: 100%;
	max-width: 620px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(48px, 4vw, 68px);
	line-height: 1.03;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #151515;
	word-break: normal;
	overflow-wrap: normal;
	hyphens: none;
}

/* =====================================================
   LEAD TEXT
===================================================== */
.hera-about-lead {
	width: 100%;
	max-width: 570px;
	margin: 30px 0 0;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.75;
	font-weight: 400;
	color: #5f5952;
}

/* =====================================================
   BUTTON AREA
===================================================== */
.hera-about-actions {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 38px;
}

.hera-about-actions a {
	text-decoration: none;
}

/* =====================================================
   PRIMARY BUTTON
===================================================== */
.hera-about-actions .hera-button-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 155px;
	padding: 16px 26px;
	box-sizing: border-box;
	border: 1px solid #111;
	border-radius: 999px;
	background: #111;
	color: #fff;
	font-family: inherit;
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	transition: background .2s ease, transform .2s ease;
}

.hera-about-actions .hera-button-primary:hover {
	background: #292622;
	transform: translateY(-1px);
}

/* =====================================================
   SECONDARY BUTTON
===================================================== */
.hera-about-actions .hera-button-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 155px;
	padding: 15px 26px;
	box-sizing: border-box;
	border: 1px solid #b8905b;
	border-radius: 999px;
	background: transparent;
	color: #25211d;
	font-family: inherit;
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	transition: background .2s ease, transform .2s ease;
}

.hera-about-actions .hera-button-secondary:hover {
	background: rgba(181, 139, 85, 0.08);
	transform: translateY(-1px);
}

/* =====================================================
   RIGHT VISUAL AREA
===================================================== */
.hera-about-hero-visual {
	position: relative;
	width: 100%;
	min-width: 0;
	min-height: 650px;
	overflow: hidden;
	box-sizing: border-box;
}

/* =====================================================
   IMAGE WRAPPER
===================================================== */
.hera-about-hero-image-main {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* =====================================================
   LANDSCAPE IMAGE
===================================================== */
.hera-about-hero-image-main img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 52% center;
	transform: none !important;
}

/* =====================================================
   SOFT IMAGE TRANSITION
===================================================== */
.hera-about-hero-visual::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 14%;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(to right,
      #f2efe9 0%,
      rgba(242,239,233,0.75) 28%,
      rgba(242,239,233,0.28) 65%,
      rgba(242,239,233,0) 100%);
}

/* =====================================================
   LARGE DESKTOP
===================================================== */
@media (min-width: 1400px) {
	.hera-about-hero-inner {
		width: min(90vw, 1560px);
		grid-template-columns: minmax(500px, 0.92fr) minmax(700px, 1.08fr);
		min-height: 680px;
	}
	
	.hera-about-hero-content {
		padding: 95px 75px 95px 45px;
	}
	
	.hera-about-hero-visual {
		min-height: 680px;
	}
	
	.hera-about-hero-content h1 {
		max-width: 650px;
		font-size: clamp(54px, 4vw, 72px);
	}
	
	.hera-about-lead {
		max-width: 590px;
	}
	
	.hera-about-hero-image-main img {
		object-position: 52% center;
	}
}

/* =====================================================
   TABLET / IPAD LANDSCAPE
===================================================== */
@media (max-width: 1180px) {
	.hera-about-hero-inner {
		width: calc(100% - 50px);
		grid-template-columns: minmax(390px, 0.95fr) minmax(0, 1.05fr);
		min-height: 580px;
	}
	
	.hera-about-hero-content {
		padding: 70px 45px 70px 20px;
	}
	
	.hera-about-hero-content h1 {
		max-width: 500px;
		font-size: 50px;
	}
	
	.hera-about-lead {
		max-width: 470px;
		font-size: 14px;
	}
	
	.hera-about-hero-visual {
		min-height: 580px;
	}
	
	.hera-about-hero-image-main img {
		object-position: 53% center;
	}
	
	.hera-about-hero-visual::before {
		width: 12%;
	}
}

/* =====================================================
   TABLET / IPAD PORTRAIT
===================================================== */
@media (max-width: 900px) {
	.hera-about-hero-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(330px, 0.95fr) minmax(0, 1.05fr);
		min-height: 540px;
	}
	
	.hera-about-hero-content {
		padding: 60px 32px 60px 10px;
	}
	
	.hera-about-hero-content h1 {
		font-size: 44px;
		line-height: 1.03;
	}
	
	.hera-about-lead {
		margin-top: 24px;
		font-size: 13px;
		line-height: 1.7;
	}
	
	.hera-about-actions {
		gap: 10px;
		margin-top: 30px;
	}
	
	.hera-about-actions .hera-button-primary,
			  .hera-about-actions .hera-button-secondary {
		min-width: 135px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 12px;
	}
	
	.hera-about-hero-visual {
		min-height: 540px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-about-hero-inner {
		width: 100%;
		display: flex;
		flex-direction: column;
		min-height: 0;
	}
	
	/* TEXT */
	.hera-about-hero-content {
		width: 100%;
		padding: 64px 22px 46px;
		box-sizing: border-box;
	}
	
	.hera-about-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-about-hero-content h1 {
		width: 100%;
		max-width: none;
		font-size: 43px;
		line-height: 1.04;
		letter-spacing: -.03em;
	}
	
	.hera-about-lead {
		width: 100%;
		max-width: none;
		margin-top: 24px;
		font-size: 14px;
		line-height: 1.7;
	}
	
	/* BUTTONS */
	.hera-about-actions {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		margin-top: 30px;
	}
	
	.hera-about-actions .hera-button-primary,
			  .hera-about-actions .hera-button-secondary {
		width: 100%;
		min-width: 0;
		min-height: 48px;
	}
	
	/* IMAGE */
	.hera-about-hero-visual {
		position: relative;
		width: 100%;
		min-height: 0;
		aspect-ratio: 16 / 10;
		overflow: hidden;
	}
	
	.hera-about-hero-image-main {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
	.hera-about-hero-image-main img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 53% center;
	}
	
	/* REMOVE FADE ON MOBILE */
	.hera-about-hero-visual::before {
		display: none;
	}
}

/* =====================================================
   SMALL MOBILE
===================================================== */
@media (max-width: 420px) {
	.hera-about-hero-content {
		padding: 58px 18px 42px;
	}
	
	.hera-about-hero-content h1 {
		font-size: 39px;
	}
	
	.hera-about-lead {
		font-size: 13.5px;
	}
	
	.hera-about-hero-visual {
		aspect-ratio: 4 / 3;
	}
	
	.hera-about-hero-image-main img {
		object-position: 53% center;
	}
}

/* =====================================================
   HERA ABOUT HERO – MOBILE IMAGE FIX
===================================================== */
@media (max-width: 767px) {
	/* HERO UNTEREINANDER */
	.hera-about-hero-inner {
		width: 100% !important;
		max-width: none !important;
		display: flex !important;
		flex-direction: column !important;
		margin: 0 !important;
		min-height: 0 !important;
	}
	
	/* TEXTBEREICH */
	.hera-about-hero-content {
		width: 100% !important;
		padding: 64px 22px 46px !important;
		box-sizing: border-box !important;
	}
	
	.hera-about-eyebrow {
		margin-bottom: 18px !important;
		font-size: 10px !important;
	}
	
	.hera-about-hero-content h1 {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		font-size: 43px !important;
		line-height: 1.04 !important;
		letter-spacing: -.03em !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
	
	.hera-about-lead {
		width: 100% !important;
		max-width: none !important;
		margin-top: 24px !important;
		font-size: 14px !important;
		line-height: 1.7 !important;
	}
	
	/* BUTTONS */
	.hera-about-actions {
		width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
		margin-top: 30px !important;
	}
	
	.hera-about-actions .hera-button-primary,
			  .hera-about-actions .hera-button-secondary {
		width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}
	
	/* =====================================================
			     BILDBEREICH
			  ===================================================== */
	.hera-about-hero-visual {
		display: block !important;
		position: relative !important;
		width: 100% !important;
		height: 430px !important;
		min-height: 430px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
	
	/* BILD-WRAPPER NICHT MEHR ABSOLUT */
	.hera-about-hero-image-main {
		display: block !important;
		position: relative !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
	
	/* BILD */
	.hera-about-hero-image-main img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		object-fit: cover !important;
	/*
			       Bildausschnitt:
			       50% = Mitte
			       55–60% = etwas weiter rechts
			    */
		object-position: 55% center !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
	}
	
	/* DESKTOP-FADE AUF MOBILE ENTFERNEN */
	.hera-about-hero-visual::before,
			  .hera-about-hero-visual::after {
		display: none !important;
		content: none !important;
	}
}

/* =====================================================
   SMALL MOBILE
===================================================== */
@media (max-width: 420px) {
	.hera-about-hero-content {
		padding: 58px 18px 40px !important;
	}
	
	.hera-about-hero-content h1 {
		font-size: 39px !important;
	}
	
	.hera-about-hero-visual {
		height: 390px !important;
		min-height: 390px !important;
	}
	
	.hera-about-hero-image-main img {
		object-position: 55% center !important;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 2 IMAGE
===================================================== */
.hera-succession-image-block {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #f2efe9;
	padding: 36px 48px 72px;
	box-sizing: border-box;
}

.hera-succession-image-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

.hera-succession-image-wrap {
	width: 100%;
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06);
}

.hera-succession-image-wrap img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
	transform: none;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-image-block {
		padding: 30px 32px 58px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-image-block {
		padding: 22px 18px 46px;
	}
	
	.hera-succession-image-wrap {
		border-radius: 3px;
	}
	
	.hera-succession-image-wrap img {
		width: 100%;
		height: auto;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 3
===================================================== */
.hera-succession-planning {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #f2efe9;
	padding: 88px 48px 92px;
	box-sizing: border-box;
}

.hera-succession-planning-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 80px;
	align-items: start;
}

/* =====================================================
   LEFT
===================================================== */
.hera-succession-planning-content {
	max-width: 560px;
}

.hera-succession-planning-content h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(44px, 4vw, 62px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-succession-planning-content p {
	max-width: 540px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625c55;
}

/* =====================================================
   RIGHT CARDS
===================================================== */
.hera-succession-planning-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.hera-succession-planning-card {
	min-height: 270px;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.45);
	border: 1px solid rgba(80,70,60,0.10);
	border-radius: 3px;
}

.hera-succession-planning-card-highlight {
	background: #ebe3d7;
	border-color: transparent;
}

.hera-succession-planning-label {
	display: block;
	margin-bottom: 12px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #a67b47;
}

.hera-succession-planning-card h3 {
	margin: 0 0 22px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

.hera-succession-planning-card ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hera-succession-planning-card li {
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 1.45;
	color: #4d4842;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-planning {
		padding: 72px 32px 76px;
	}
	
	.hera-succession-planning-inner {
		gap: 50px;
	}
	
	.hera-succession-planning-content h2 {
		font-size: 48px;
	}
	
	.hera-succession-planning-card {
		padding: 26px 24px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-planning {
		padding: 58px 18px 62px;
	}
	
	.hera-succession-planning-inner {
		display: block;
	}
	
	.hera-succession-planning-content {
		max-width: none;
	}
	
	.hera-succession-planning-content h2 {
		font-size: 42px;
	}
	
	.hera-succession-planning-content p {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-succession-planning-cards {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 40px;
	}
	
	.hera-succession-planning-card {
		min-height: 0;
		padding: 26px 24px;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 4
===================================================== */
.hera-succession-services {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #111;
	padding: 96px 48px 100px;
	box-sizing: border-box;
	color: #fff;
}

.hera-succession-services-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */
.hera-succession-services-header {
	max-width: 760px;
	margin-bottom: 58px;
}

.hera-succession-services .hera-section-eyebrow {
	color: #c59a63;
}

.hera-succession-services-header h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #fff;
}

.hera-succession-services-header p {
	max-width: 650px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: rgba(255,255,255,0.64);
}

/* =====================================================
   GRID
===================================================== */
.hera-succession-services-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

/* =====================================================
   CARD
===================================================== */
.hera-succession-service-card {
	min-height: 330px;
	display: flex;
	flex-direction: column;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	border: 1px solid rgba(255,255,255,0.10);
	background: #181818;
	border-radius: 3px;
	transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.hera-succession-service-card:hover {
	transform: translateY(-4px);
	border-color: rgba(197,154,99,0.35);
	background: #1d1d1d;
}

/* FEATURED CARD */
.hera-succession-service-card-featured {
	background: #e9dfd1;
	border-color: transparent;
	color: #171512;
}

.hera-succession-service-card-featured:hover {
	background: #e4d8c8;
}

/* NUMBER */
.hera-succession-service-number {
	display: block;
	margin-bottom: 32px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .14em;
	color: #c59a63;
}

.hera-succession-service-card-featured
.hera-succession-service-number {
	color: #9d7343;
}

/* TITLE */
.hera-succession-service-card h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #fff;
}

.hera-succession-service-card-featured h3 {
	color: #171512;
}

/* TEXT */
.hera-succession-service-card p {
	margin: 18px 0 28px;
	font-size: 13px;
	line-height: 1.7;
	color: rgba(255,255,255,0.60);
}

.hera-succession-service-card-featured p {
	color: #5d574f;
}

/* LINK */
.hera-succession-service-card a {
	margin-top: auto;
	align-self: flex-start;
	padding-bottom: 4px;
	border-bottom: 1px solid rgba(197,154,99,0.55);
	text-decoration: none;
	font-size: 12px;
	color: #d3ad7b;
	transition: color .2s ease, border-color .2s ease;
}

.hera-succession-service-card a:hover {
	color: #fff;
	border-color: #fff;
}

.hera-succession-service-card-featured a {
	color: #8d683d;
	border-color: rgba(141,104,61,0.45);
}

.hera-succession-service-card-featured a:hover {
	color: #171512;
	border-color: #171512;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-services {
		padding: 78px 32px 82px;
	}
	
	.hera-succession-services-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-succession-service-card {
		min-height: 300px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-services {
		padding: 62px 18px 66px;
	}
	
	.hera-succession-services-header {
		margin-bottom: 38px;
	}
	
	.hera-succession-services-header h2 {
		font-size: 42px;
	}
	
	.hera-succession-services-header p {
		font-size: 14px;
	}
	
	.hera-succession-services-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	
	.hera-succession-service-card {
		min-height: 0;
		padding: 26px 24px;
	}
	
	.hera-succession-service-number {
		margin-bottom: 22px;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 5
   STRUKTUR SCHAFFT SICHERHEIT
===================================================== */
.hera-succession-security {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 100px 48px 105px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-succession-security-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 100px;
	align-items: center;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-succession-security-content {
	max-width: 570px;
}

.hera-succession-security-content h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

/* LEAD */
.hera-succession-security-lead {
	max-width: 550px;
	margin: 28px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #554f48;
}

/* SECOND PARAGRAPH */
.hera-succession-security-content
p:not(.hera-succession-security-lead) {
	max-width: 550px;
	margin: 18px 0 0;
	font-size: 14px;
	line-height: 1.75;
	color: #70685f;
}

/* =====================================================
   LINK
===================================================== */
.hera-succession-security-link {
	display: inline-block;
	margin-top: 32px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(164, 122, 72, 0.55);
	text-decoration: none;
	font-size: 13px;
	color: #936b3e;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-succession-security-link:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(3px);
}

/* =====================================================
   RIGHT STEPS
===================================================== */
.hera-succession-security-steps {
	width: 100%;
	border-top: 1px solid rgba(40, 35, 30, 0.13);
}

/* INDIVIDUAL STEP */
.hera-succession-security-step {
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr);
	gap: 22px;
	padding: 30px 0;
	border-bottom: 1px solid rgba(40, 35, 30, 0.13);
}

/* NUMBER */
.hera-succession-security-number {
	padding-top: 3px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #ae8350;
}

/* LABEL */
.hera-succession-security-label {
	display: block;
	margin-bottom: 8px;
	font-size: 9px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

/* TITLE */
.hera-succession-security-step h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-succession-security-step p {
	max-width: 520px;
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #6c655d;
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-security {
		padding: 78px 32px 82px;
	}
	
	.hera-succession-security-inner {
		grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
		gap: 55px;
	}
	
	.hera-succession-security-content h2 {
		font-size: 50px;
	}
	
	.hera-succession-security-step {
		grid-template-columns: 42px minmax(0, 1fr);
		gap: 16px;
		padding: 26px 0;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-security {
		padding: 62px 18px 68px;
	}
	
	.hera-succession-security-inner {
		display: block;
	}
	
	.hera-succession-security-content {
		max-width: none;
	}
	
	.hera-succession-security-content h2 {
		font-size: 42px;
	}
	
	.hera-succession-security-lead {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-succession-security-content
		  p:not(.hera-succession-security-lead) {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-succession-security-link {
		margin-top: 28px;
	}
	
	/* STEPS BELOW TEXT */
	.hera-succession-security-steps {
		margin-top: 48px;
	}
	
	.hera-succession-security-step {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 12px;
		padding: 25px 0;
	}
	
	.hera-succession-security-step h3 {
		font-size: 23px;
	}
	
	.hera-succession-security-step p {
		font-size: 13px;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 1 HERO
===================================================== */
.hera-succession-hero {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 105px 48px 95px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-succession-hero-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: 105px;
	align-items: center;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-succession-hero-content {
	max-width: 620px;
}

/* EYEBROW */
.hera-succession-hero .hera-section-eyebrow {
	display: block;
	margin-bottom: 24px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

/* HEADING */
.hera-succession-hero-content h1 {
	margin: 0;
	max-width: 650px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(52px, 4.7vw, 76px);
	line-height: .99;
	letter-spacing: -.04em;
	font-weight: 400;
	color: #171512;
}

/* LEAD */
.hera-succession-hero-lead {
	max-width: 580px;
	margin: 30px 0 0;
	font-size: 16px;
	line-height: 1.75;
	font-weight: 400;
	color: #5f5952;
}

/* =====================================================
   BUTTONS
===================================================== */
.hera-succession-hero-actions {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 38px;
}

.hera-succession-hero-actions a {
	text-decoration: none;
}

/* PRIMARY */
.hera-succession-hero-actions .hera-button-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 170px;
	padding: 15px 26px;
	box-sizing: border-box;
	border: 1px solid #111;
	border-radius: 999px;
	background: #111;
	color: #fff;
	font-size: 13px;
	line-height: 1;
	font-weight: 500;
	transition: background .2s ease, transform .2s ease;
}

.hera-succession-hero-actions .hera-button-primary:hover {
	background: #2a2723;
	transform: translateY(-1px);
}

/* SECONDARY */
.hera-succession-hero-actions .hera-button-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 145px;
	padding: 14px 25px;
	box-sizing: border-box;
	border: 1px solid #b8905b;
	border-radius: 999px;
	background: transparent;
	color: #25211d;
	font-size: 13px;
	line-height: 1;
	font-weight: 400;
	transition: background .2s ease, transform .2s ease;
}

.hera-succession-hero-actions .hera-button-secondary:hover {
	background: rgba(181, 139, 85, 0.08);
	transform: translateY(-1px);
}

/* =====================================================
   RIGHT PRINCIPLES
===================================================== */
.hera-succession-hero-principles {
	width: 100%;
	border-top: 1px solid rgba(40, 35, 30, 0.13);
}

/* ONE PRINCIPLE */
.hera-succession-principle {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 22px;
	padding: 29px 0;
	border-bottom: 1px solid rgba(40, 35, 30, 0.13);
}

/* NUMBER */
.hera-succession-principle-number {
	padding-top: 4px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #aa8050;
}

/* TITLE */
.hera-succession-principle h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-succession-principle p {
	max-width: 500px;
	margin: 9px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #696159;
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-hero {
		padding: 82px 32px 76px;
	}
	
	.hera-succession-hero-inner {
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
		gap: 58px;
	}
	
	.hera-succession-hero-content h1 {
		font-size: 56px;
	}
	
	.hera-succession-hero-lead {
		font-size: 15px;
	}
	
	.hera-succession-principle {
		grid-template-columns: 44px minmax(0, 1fr);
		gap: 16px;
		padding: 25px 0;
	}
	
	.hera-succession-principle h3 {
		font-size: 23px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-hero {
		padding: 64px 18px 60px;
	}
	
	.hera-succession-hero-inner {
		display: block;
	}
	
	.hera-succession-hero-content {
		max-width: none;
	}
	
	.hera-succession-hero .hera-section-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-succession-hero-content h1 {
		max-width: none;
		font-size: 46px;
		line-height: 1.01;
	}
	
	.hera-succession-hero-lead {
		max-width: none;
		margin-top: 24px;
		font-size: 14px;
		line-height: 1.7;
	}
	
	/* BUTTONS */
	.hera-succession-hero-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 11px;
		margin-top: 30px;
	}
	
	.hera-succession-hero-actions .hera-button-primary,
		  .hera-succession-hero-actions .hera-button-secondary {
		width: 100%;
		min-width: 0;
		min-height: 48px;
	}
	
	/* PRINCIPLES BELOW */
	.hera-succession-hero-principles {
		margin-top: 48px;
	}
	
	.hera-succession-principle {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 12px;
		padding: 23px 0;
	}
	
	.hera-succession-principle h3 {
		font-size: 22px;
	}
	
	.hera-succession-principle p {
		font-size: 13px;
	}
}

/* =====================================================
   SMALL MOBILE
===================================================== */
@media (max-width: 420px) {
	.hera-succession-hero {
		padding-left: 18px;
		padding-right: 18px;
	}
	
	.hera-succession-hero-content h1 {
		font-size: 41px;
	}
}

/* =====================================================
   HERA SUCCESSION – NACHFOLGE MIT WEITBLICK
   MOCKUP VERSION
===================================================== */
.hera-succession-services {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #ddd3c5;
	padding: 96px 48px 100px;
	box-sizing: border-box;
	color: #171512;
}

.hera-succession-services-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */
.hera-succession-services-header {
	max-width: 760px;
	margin-bottom: 58px;
}

.hera-succession-services .hera-section-eyebrow {
	color: #987044;
}

.hera-succession-services-header h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-succession-services-header p {
	max-width: 650px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625b53;
}

/* =====================================================
   GRID
===================================================== */
.hera-succession-services-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

/* =====================================================
   CARDS
===================================================== */
.hera-succession-service-card {
	min-height: 330px;
	display: flex;
	flex-direction: column;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.38);
	border: 1px solid rgba(70, 60, 50, 0.10);
	border-radius: 3px;
	transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.hera-succession-service-card:hover {
	transform: translateY(-4px);
	background: rgba(255, 255, 255, 0.55);
	box-shadow: 0 14px 35px rgba(55, 45, 35, 0.07);
}

/* =====================================================
   FEATURED CARD
===================================================== */
.hera-succession-service-card-featured {
	background: #f2efe9;
	border-color: rgba(70, 60, 50, 0.08);
}

.hera-succession-service-card-featured:hover {
	background: #f7f4ef;
}

/* =====================================================
   NUMBER
===================================================== */
.hera-succession-service-number {
	display: block;
	margin-bottom: 32px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .14em;
	color: #9e7446;
}

/* =====================================================
   TITLE
===================================================== */
.hera-succession-service-card h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* =====================================================
   TEXT
===================================================== */
.hera-succession-service-card p {
	margin: 18px 0 28px;
	font-size: 13px;
	line-height: 1.7;
	color: #625b53;
}

/* =====================================================
   LINK
===================================================== */
.hera-succession-service-card a {
	margin-top: auto;
	align-self: flex-start;
	padding-bottom: 4px;
	border-bottom: 1px solid rgba(145, 104, 61, 0.45);
	text-decoration: none;
	font-size: 12px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-succession-service-card a:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(2px);
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-services {
		padding: 78px 32px 82px;
	}
	
	.hera-succession-services-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-succession-service-card {
		min-height: 300px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-services {
		padding: 62px 18px 66px;
	}
	
	.hera-succession-services-header {
		margin-bottom: 38px;
	}
	
	.hera-succession-services-header h2 {
		font-size: 42px;
	}
	
	.hera-succession-services-header p {
		font-size: 14px;
	}
	
	.hera-succession-services-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	
	.hera-succession-service-card {
		min-height: 0;
		padding: 26px 24px;
	}
	
	.hera-succession-service-number {
		margin-bottom: 22px;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 2
   WIDER + FLACHER + RUNDERE ECKEN
   GANZ ANS ENDE DES CSS SETZEN
===================================================== */
.hera-succession-image-inner {
	width: min(97vw, 1740px) !important;
	max-width: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.hera-succession-image-wrap {
	width: 100% !important;
	height: 500px !important;
	overflow: hidden !important;
	border-radius: 16px !important;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06) !important;
}

.hera-succession-image-wrap img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center center !important;
	transform: none !important;
}

/* =====================================================
   LARGE DESKTOP
===================================================== */
@media (min-width: 1500px) {
	.hera-succession-image-inner {
		width: min(96vw, 1820px) !important;
	}
	
	.hera-succession-image-wrap {
		height: 520px !important;
	}
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-image-inner {
		width: calc(100% - 32px) !important;
	}
	
	.hera-succession-image-wrap {
		height: 400px !important;
		border-radius: 14px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-image-inner {
		width: calc(100% - 24px) !important;
	}
	
	.hera-succession-image-wrap {
		height: 260px !important;
		border-radius: 12px !important;
	}
	
	.hera-succession-image-wrap img {
		object-position: center center !important;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 2
   ETWAS WENIGER BREIT
===================================================== */
.hera-succession-image-inner {
	width: min(92vw, 1580px) !important;
	max-width: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.hera-succession-image-wrap {
	width: 100% !important;
	height: 500px !important;
	overflow: hidden !important;
	border-radius: 16px !important;
}

.hera-succession-image-wrap img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center !important;
}

/* LARGE DESKTOP */
@media (min-width: 1500px) {
	.hera-succession-image-inner {
		width: min(90vw, 1660px) !important;
	}
}

/* TABLET */
@media (max-width: 1100px) {
	.hera-succession-image-inner {
		width: calc(100% - 42px) !important;
	}
	
	.hera-succession-image-wrap {
		height: 400px !important;
		border-radius: 14px !important;
	}
}

/* MOBILE */
@media (max-width: 767px) {
	.hera-succession-image-inner {
		width: calc(100% - 28px) !important;
	}
	
	.hera-succession-image-wrap {
		height: 260px !important;
		border-radius: 12px !important;
	}
}

/* =====================================================
   HERA SUCCESSION – SPACING FIX
   GANZ ANS ENDE DES CSS SETZEN
===================================================== */
/* HERO UNTEN WENIGER LUFT */
.hera-succession-hero {
	padding-bottom: 45px !important;
}

/* BILDBLOCK OBEN UND UNTEN KOMPAKTER */
.hera-succession-image-block {
	padding-top: 12px !important;
	padding-bottom: 42px !important;
}

/* BLOCK 3 OBEN NÄHER AN DAS BILD */
.hera-succession-planning {
	padding-top: 52px !important;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-hero {
		padding-bottom: 38px !important;
	}
	
	.hera-succession-image-block {
		padding-top: 10px !important;
		padding-bottom: 34px !important;
	}
	
	.hera-succession-planning {
		padding-top: 46px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-hero {
		padding-bottom: 28px !important;
	}
	
	.hera-succession-image-block {
		padding-top: 8px !important;
		padding-bottom: 28px !important;
	}
	
	.hera-succession-planning {
		padding-top: 40px !important;
	}
}

/* =====================================================
   HERA ADVISORY – BLOCK 1 HERO
===================================================== */
.hera-advisory-hero {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 100px 48px 82px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* INNER */
.hera-advisory-hero-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: 105px;
	align-items: center;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-advisory-hero-content {
	max-width: 640px;
}

/* EYEBROW */
.hera-advisory-hero .hera-section-eyebrow {
	display: block;
	margin-bottom: 24px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

/* HEADING */
.hera-advisory-hero-content h1 {
	margin: 0;
	max-width: 680px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(52px, 4.7vw, 74px);
	line-height: .99;
	letter-spacing: -.04em;
	font-weight: 400;
	color: #171512;
}

/* LEAD */
.hera-advisory-hero-lead {
	max-width: 590px;
	margin: 30px 0 0;
	font-size: 16px;
	line-height: 1.75;
	color: #5f5952;
}

/* =====================================================
   BUTTONS
===================================================== */
.hera-advisory-hero-actions {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 38px;
}

.hera-advisory-hero-actions a {
	text-decoration: none;
}

/* PRIMARY */
.hera-advisory-hero-actions .hera-button-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 170px;
	padding: 15px 26px;
	box-sizing: border-box;
	border: 1px solid #111;
	border-radius: 999px;
	background: #111;
	color: #fff;
	font-size: 13px;
	line-height: 1;
	font-weight: 500;
	transition: background .2s ease, transform .2s ease;
}

.hera-advisory-hero-actions .hera-button-primary:hover {
	background: #292622;
	transform: translateY(-1px);
}

/* SECONDARY */
.hera-advisory-hero-actions .hera-button-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 145px;
	padding: 14px 25px;
	box-sizing: border-box;
	border: 1px solid #b8905b;
	border-radius: 999px;
	background: transparent;
	color: #25211d;
	font-size: 13px;
	line-height: 1;
	font-weight: 400;
	transition: background .2s ease, transform .2s ease;
}

.hera-advisory-hero-actions .hera-button-secondary:hover {
	background: rgba(181, 139, 85, 0.08);
	transform: translateY(-1px);
}

/* =====================================================
   RIGHT PRINCIPLES
===================================================== */
.hera-advisory-hero-principles {
	width: 100%;
	border-top: 1px solid rgba(40,35,30,0.13);
}

/* ONE PRINCIPLE */
.hera-advisory-principle {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 22px;
	padding: 29px 0;
	border-bottom: 1px solid rgba(40,35,30,0.13);
}

/* NUMBER */
.hera-advisory-principle-number {
	padding-top: 4px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #aa8050;
}

/* TITLE */
.hera-advisory-principle h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-advisory-principle p {
	max-width: 500px;
	margin: 9px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #696159;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-advisory-hero {
		padding: 82px 32px 72px;
	}
	
	.hera-advisory-hero-inner {
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
		gap: 58px;
	}
	
	.hera-advisory-hero-content h1 {
		font-size: 56px;
	}
	
	.hera-advisory-hero-lead {
		font-size: 15px;
	}
	
	.hera-advisory-principle {
		grid-template-columns: 44px minmax(0, 1fr);
		gap: 16px;
		padding: 25px 0;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-advisory-hero {
		padding: 64px 18px 52px;
	}
	
	.hera-advisory-hero-inner {
		display: block;
	}
	
	.hera-advisory-hero-content {
		max-width: none;
	}
	
	.hera-advisory-hero .hera-section-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-advisory-hero-content h1 {
		max-width: none;
		font-size: 44px;
		line-height: 1.01;
	}
	
	.hera-advisory-hero-lead {
		max-width: none;
		margin-top: 24px;
		font-size: 14px;
		line-height: 1.7;
	}
	
	.hera-advisory-hero-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 11px;
		margin-top: 30px;
	}
	
	.hera-advisory-hero-actions .hera-button-primary,
		  .hera-advisory-hero-actions .hera-button-secondary {
		width: 100%;
		min-width: 0;
		min-height: 48px;
	}
	
	.hera-advisory-hero-principles {
		margin-top: 46px;
	}
	
	.hera-advisory-principle {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 12px;
		padding: 23px 0;
	}
	
	.hera-advisory-principle h3 {
		font-size: 22px;
	}
}

/* =====================================================
   HERA ADVISORY – BLOCK 2 IMAGE
===================================================== */
.hera-advisory-image-block {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 12px 0 42px;
	box-sizing: border-box;
	background: #f2efe9;
}

/* =====================================================
   INNER
===================================================== */
.hera-advisory-image-inner {
	width: min(92vw, 1580px);
	max-width: none;
	margin: 0 auto;
}

/* =====================================================
   IMAGE WRAPPER
===================================================== */
.hera-advisory-image-wrap {
	width: 100%;
	height: 500px;
	overflow: hidden;
	border-radius: 16px;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06);
}

/* =====================================================
   IMAGE
===================================================== */
.hera-advisory-image-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center center;
	transform: none;
}

/* =====================================================
   LARGE DESKTOP
===================================================== */
@media (min-width: 1500px) {
	.hera-advisory-image-inner {
		width: min(90vw, 1660px);
	}
	
	.hera-advisory-image-wrap {
		height: 520px;
	}
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-advisory-image-block {
		padding: 10px 0 34px;
	}
	
	.hera-advisory-image-inner {
		width: calc(100% - 42px);
	}
	
	.hera-advisory-image-wrap {
		height: 400px;
		border-radius: 14px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-advisory-image-block {
		padding: 8px 0 28px;
	}
	
	.hera-advisory-image-inner {
		width: calc(100% - 28px);
	}
	
	.hera-advisory-image-wrap {
		height: 260px;
		border-radius: 12px;
	}
	
	.hera-advisory-image-wrap img {
		object-position: center center;
	}
}

/* =====================================================
   HERA ADVISORY – BLOCK 3
   KLARE GRUNDLAGE
===================================================== */
.hera-advisory-foundation {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #f2efe9;
	padding: 62px 48px 92px;
	box-sizing: border-box;
}

.hera-advisory-foundation-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 80px;
	align-items: start;
}

/* =====================================================
   LEFT
===================================================== */
.hera-advisory-foundation-content {
	max-width: 580px;
}

.hera-advisory-foundation-content h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(44px, 4vw, 62px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-advisory-foundation-content p {
	max-width: 550px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625c55;
}

/* =====================================================
   RIGHT CARDS
===================================================== */
.hera-advisory-foundation-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.hera-advisory-foundation-card {
	min-height: 275px;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.46);
	border: 1px solid rgba(80,70,60,0.10);
	border-radius: 3px;
}

.hera-advisory-foundation-card-highlight {
	background: #ebe3d7;
	border-color: transparent;
}

/* LABEL */
.hera-advisory-foundation-label {
	display: block;
	margin-bottom: 12px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #a67b47;
}

/* TITLE */
.hera-advisory-foundation-card h3 {
	margin: 0 0 22px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* LIST */
.hera-advisory-foundation-card ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hera-advisory-foundation-card li {
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 1.45;
	color: #4d4842;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-advisory-foundation {
		padding: 54px 32px 76px;
	}
	
	.hera-advisory-foundation-inner {
		gap: 50px;
	}
	
	.hera-advisory-foundation-content h2 {
		font-size: 48px;
	}
	
	.hera-advisory-foundation-card {
		padding: 26px 24px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-advisory-foundation {
		padding: 44px 18px 62px;
	}
	
	.hera-advisory-foundation-inner {
		display: block;
	}
	
	.hera-advisory-foundation-content {
		max-width: none;
	}
	
	.hera-advisory-foundation-content h2 {
		font-size: 42px;
	}
	
	.hera-advisory-foundation-content p {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-advisory-foundation-cards {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 40px;
	}
	
	.hera-advisory-foundation-card {
		min-height: 0;
		padding: 26px 24px;
	}
}

/* =====================================================
   HERA ADVISORY – BLOCK 4
   BERATUNG MIT UNTERNEHMERISCHEM BLICK
===================================================== */
.hera-advisory-services {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 92px 48px 98px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-advisory-services-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */
.hera-advisory-services-header {
	max-width: 760px;
	margin-bottom: 52px;
}

.hera-advisory-services .hera-section-eyebrow {
	color: #9d7447;
}

.hera-advisory-services-header h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-advisory-services-header p {
	max-width: 650px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625b53;
}

/* =====================================================
   GRID
===================================================== */
.hera-advisory-services-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

/* =====================================================
   CARD
===================================================== */
.hera-advisory-service-card {
	min-height: 355px;
	display: flex;
	flex-direction: column;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.38);
	border: 1px solid rgba(70,60,50,0.10);
	border-radius: 3px;
	transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.hera-advisory-service-card:hover {
	transform: translateY(-4px);
	background: rgba(255,255,255,0.54);
	box-shadow: 0 14px 35px rgba(55,45,35,0.07);
}

/* =====================================================
   FEATURED CARD
===================================================== */
.hera-advisory-service-card-featured {
	background: #ebe3d7;
	border-color: transparent;
}

.hera-advisory-service-card-featured:hover {
	background: #e6dccd;
}

/* =====================================================
   NUMBER
===================================================== */
.hera-advisory-service-number {
	display: block;
	margin-bottom: 28px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .14em;
	color: #9e7446;
}

/* =====================================================
   TITLE
===================================================== */
.hera-advisory-service-card h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* =====================================================
   TEXT
===================================================== */
.hera-advisory-service-card p {
	margin: 17px 0 20px;
	font-size: 13px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   LIST
===================================================== */
.hera-advisory-service-card ul {
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
}

.hera-advisory-service-card li {
	margin-bottom: 7px;
	font-size: 12px;
	line-height: 1.45;
	color: #4f4943;
}

/* =====================================================
   LINK
===================================================== */
.hera-advisory-service-card a {
	margin-top: auto;
	align-self: flex-start;
	padding-bottom: 4px;
	border-bottom: 1px solid rgba(145,104,61,0.45);
	text-decoration: none;
	font-size: 12px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-advisory-service-card a:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(2px);
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-advisory-services {
		padding: 76px 32px 80px;
	}
	
	.hera-advisory-services-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-advisory-service-card {
		min-height: 330px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-advisory-services {
		padding: 60px 18px 66px;
	}
	
	.hera-advisory-services-header {
		margin-bottom: 38px;
	}
	
	.hera-advisory-services-header h2 {
		font-size: 42px;
	}
	
	.hera-advisory-services-header p {
		font-size: 14px;
	}
	
	.hera-advisory-services-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	
	.hera-advisory-service-card {
		min-height: 0;
		padding: 26px 24px;
	}
	
	.hera-advisory-service-number {
		margin-bottom: 22px;
	}
}

/* =====================================================
   HERA ADVISORY – BLOCK 5
   ZAHLEN SIND DER ANFANG
===================================================== */
.hera-advisory-outcome {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 96px 48px 100px;
	box-sizing: border-box;
	background: #ddd3c5;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-advisory-outcome-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 95px;
	align-items: center;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-advisory-outcome-content {
	max-width: 580px;
}

.hera-advisory-outcome .hera-section-eyebrow {
	color: #936a3e;
}

.hera-advisory-outcome-content h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

/* LEAD */
.hera-advisory-outcome-lead {
	max-width: 550px;
	margin: 28px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #554f48;
}

/* SECOND PARAGRAPH */
.hera-advisory-outcome-content
p:not(.hera-advisory-outcome-lead) {
	max-width: 550px;
	margin: 18px 0 0;
	font-size: 14px;
	line-height: 1.75;
	color: #665f57;
}

/* =====================================================
   LINK
===================================================== */
.hera-advisory-outcome-link {
	display: inline-block;
	margin-top: 32px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(145, 104, 61, 0.50);
	text-decoration: none;
	font-size: 13px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-advisory-outcome-link:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(3px);
}

/* =====================================================
   RIGHT STEPS
===================================================== */
.hera-advisory-outcome-steps {
	width: 100%;
	border-top: 1px solid rgba(40, 35, 30, 0.13);
}

.hera-advisory-outcome-step {
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr);
	gap: 22px;
	padding: 30px 0;
	border-bottom: 1px solid rgba(40, 35, 30, 0.13);
}

/* NUMBER */
.hera-advisory-outcome-number {
	padding-top: 3px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #9e7446;
}

/* LABEL */
.hera-advisory-outcome-label {
	display: block;
	margin-bottom: 8px;
	font-size: 9px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #987044;
}

/* TITLE */
.hera-advisory-outcome-step h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-advisory-outcome-step p {
	max-width: 520px;
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-advisory-outcome {
		padding: 76px 32px 80px;
	}
	
	.hera-advisory-outcome-inner {
		gap: 55px;
	}
	
	.hera-advisory-outcome-content h2 {
		font-size: 50px;
	}
	
	.hera-advisory-outcome-step {
		grid-template-columns: 42px minmax(0, 1fr);
		gap: 16px;
		padding: 26px 0;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-advisory-outcome {
		padding: 60px 18px 66px;
	}
	
	.hera-advisory-outcome-inner {
		display: block;
	}
	
	.hera-advisory-outcome-content {
		max-width: none;
	}
	
	.hera-advisory-outcome-content h2 {
		font-size: 42px;
	}
	
	.hera-advisory-outcome-lead,
		  .hera-advisory-outcome-content
		  p:not(.hera-advisory-outcome-lead) {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-advisory-outcome-steps {
		margin-top: 48px;
	}
	
	.hera-advisory-outcome-step {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 12px;
		padding: 25px 0;
	}
	
	.hera-advisory-outcome-step h3 {
		font-size: 23px;
	}
}

/* =====================================================
   HERA MEDICAL – BLOCK 2 IMAGE
===================================================== */
.hera-medical-image-block {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 12px 0 42px !important;
	box-sizing: border-box !important;
	background: #f2efe9 !important;
}

/* =====================================================
   INNER
===================================================== */
.hera-medical-image-inner {
	width: min(92vw, 1580px) !important;
	max-width: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* =====================================================
   IMAGE WRAPPER
===================================================== */
.hera-medical-image-wrap {
	width: 100% !important;
	height: 500px !important;
	overflow: hidden !important;
	border-radius: 16px !important;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06) !important;
}

/* =====================================================
   IMAGE
===================================================== */
.hera-medical-image-wrap img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	object-fit: cover !important;
/*
     Etwas nach rechts ausgerichtet,
     damit Yasmina schön im Fokus bleibt.
  */
	object-position: 56% center !important;
	transform: none !important;
}

/* =====================================================
   LARGE DESKTOP
===================================================== */
@media (min-width: 1500px) {
	.hera-medical-image-inner {
		width: min(90vw, 1660px) !important;
	}
	
	.hera-medical-image-wrap {
		height: 520px !important;
	}
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-medical-image-block {
		padding: 10px 0 34px !important;
	}
	
	.hera-medical-image-inner {
		width: calc(100% - 42px) !important;
	}
	
	.hera-medical-image-wrap {
		height: 400px !important;
		border-radius: 14px !important;
	}
	
	.hera-medical-image-wrap img {
		object-position: 57% center !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-medical-image-block {
		padding: 8px 0 28px !important;
	}
	
	.hera-medical-image-inner {
		width: calc(100% - 28px) !important;
	}
	
	.hera-medical-image-wrap {
		height: 280px !important;
		border-radius: 12px !important;
	}
	
	.hera-medical-image-wrap img {
		object-position: 60% center !important;
	}
}

/* =====================================================
   HERA MEDICAL – BLOCK 3
   EINE PRAXIS IST KEIN GEWÖHNLICHES UNTERNEHMEN
===================================================== */
.hera-medical-foundation {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 58px 48px 92px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-medical-foundation-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 80px;
	align-items: start;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-medical-foundation-content {
	max-width: 590px;
}

.hera-medical-foundation .hera-section-eyebrow {
	display: block;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

.hera-medical-foundation-content h2 {
	margin: 0;
	max-width: 650px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(44px, 4vw, 62px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-medical-foundation-content p {
	max-width: 560px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625c55;
}

/* =====================================================
   RIGHT CARDS
===================================================== */
.hera-medical-foundation-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

/* CARD */
.hera-medical-foundation-card {
	min-height: 275px;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.46);
	border: 1px solid rgba(80,70,60,0.10);
	border-radius: 3px;
}

/* HIGHLIGHT */
.hera-medical-foundation-card-highlight {
	background: #ebe3d7;
	border-color: transparent;
}

/* LABEL */
.hera-medical-foundation-label {
	display: block;
	margin-bottom: 12px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #a67b47;
}

/* TITLE */
.hera-medical-foundation-card h3 {
	margin: 0 0 22px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* LIST */
.hera-medical-foundation-card ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hera-medical-foundation-card li {
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 1.45;
	color: #4d4842;
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-medical-foundation {
		padding: 50px 32px 76px;
	}
	
	.hera-medical-foundation-inner {
		gap: 50px;
	}
	
	.hera-medical-foundation-content h2 {
		font-size: 48px;
	}
	
	.hera-medical-foundation-card {
		padding: 26px 24px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-medical-foundation {
		padding: 42px 18px 62px;
	}
	
	.hera-medical-foundation-inner {
		display: block;
	}
	
	.hera-medical-foundation-content {
		max-width: none;
	}
	
	.hera-medical-foundation .hera-section-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-medical-foundation-content h2 {
		max-width: none;
		font-size: 42px;
	}
	
	.hera-medical-foundation-content p {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-medical-foundation-cards {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 40px;
	}
	
	.hera-medical-foundation-card {
		min-height: 0;
		padding: 26px 24px;
	}
}

/* =====================================================
   HERA MEDICAL – BLOCK 4
   FÜR JEDE PHASE IHRER PRAXIS
===================================================== */
.hera-medical-services {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 92px 48px 98px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-medical-services-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */
.hera-medical-services-header {
	max-width: 760px;
	margin-bottom: 52px;
}

.hera-medical-services .hera-section-eyebrow {
	color: #9d7447;
}

.hera-medical-services-header h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-medical-services-header p {
	max-width: 660px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625b53;
}

/* =====================================================
   GRID
===================================================== */
.hera-medical-services-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

/* =====================================================
   CARD
===================================================== */
.hera-medical-service-card {
	min-height: 355px;
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.38);
	border: 1px solid rgba(70,60,50,0.10);
	border-radius: 3px;
	transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.hera-medical-service-card:hover {
	transform: translateY(-4px);
	background: rgba(255,255,255,0.54);
	box-shadow: 0 14px 35px rgba(55,45,35,0.07);
}

/* =====================================================
   FEATURED CARD
===================================================== */
.hera-medical-service-card-featured {
	background: #ebe3d7;
	border-color: transparent;
}

.hera-medical-service-card-featured:hover {
	background: #e6dccd;
}

/* =====================================================
   NUMBER
===================================================== */
.hera-medical-service-number {
	display: block;
	margin-bottom: 28px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .14em;
	color: #9e7446;
}

/* =====================================================
   TAG
===================================================== */
.hera-medical-service-tag {
	position: absolute;
	top: 30px;
	right: 28px;
	font-size: 8px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #997044;
}

/* =====================================================
   TITLE
===================================================== */
.hera-medical-service-card h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* =====================================================
   TEXT
===================================================== */
.hera-medical-service-card p {
	margin: 17px 0 20px;
	font-size: 13px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   LIST
===================================================== */
.hera-medical-service-card ul {
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
}

.hera-medical-service-card li {
	margin-bottom: 7px;
	font-size: 12px;
	line-height: 1.45;
	color: #4f4943;
}

/* =====================================================
   LINK
===================================================== */
.hera-medical-service-card a {
	margin-top: auto;
	align-self: flex-start;
	padding-bottom: 4px;
	border-bottom: 1px solid rgba(145,104,61,0.45);
	text-decoration: none;
	font-size: 12px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-medical-service-card a:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(2px);
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-medical-services {
		padding: 76px 32px 80px;
	}
	
	.hera-medical-services-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-medical-service-card {
		min-height: 330px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-medical-services {
		padding: 60px 18px 66px;
	}
	
	.hera-medical-services-header {
		margin-bottom: 38px;
	}
	
	.hera-medical-services-header h2 {
		font-size: 42px;
	}
	
	.hera-medical-services-header p {
		font-size: 14px;
	}
	
	.hera-medical-services-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	
	.hera-medical-service-card {
		min-height: 0;
		padding: 26px 24px;
	}
	
	.hera-medical-service-number {
		margin-bottom: 22px;
	}
	
	.hera-medical-service-tag {
		top: 26px;
		right: 24px;
	}
}

/* =====================================================
   HERA MEDICAL – BLOCK 5
   IHRE PRAXIS VERÄNDERT SICH
===================================================== */
.hera-medical-evolution {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 96px 48px 100px;
	box-sizing: border-box;
	background: #ddd3c5;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-medical-evolution-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */
.hera-medical-evolution-header {
	max-width: 780px;
	margin-bottom: 58px;
}

.hera-medical-evolution .hera-section-eyebrow {
	display: block;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #936a3e;
}

.hera-medical-evolution-header h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-medical-evolution-header p {
	max-width: 650px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625b53;
}

/* =====================================================
   GRID
===================================================== */
.hera-medical-evolution-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	border-top: 1px solid rgba(50, 40, 30, 0.14);
	border-bottom: 1px solid rgba(50, 40, 30, 0.14);
}

/* =====================================================
   STEP
===================================================== */
.hera-medical-evolution-step {
	position: relative;
	min-height: 260px;
	padding: 28px 25px 30px;
	box-sizing: border-box;
	border-right: 1px solid rgba(50, 40, 30, 0.12);
}

.hera-medical-evolution-step:last-child {
	border-right: 0;
}

/* NUMBER */
.hera-medical-evolution-number {
	display: block;
	margin-bottom: 28px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .14em;
	color: #9e7446;
}

/* TITLE */
.hera-medical-evolution-step h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 23px;
	line-height: 1.12;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-medical-evolution-step p {
	margin: 18px 0 0;
	font-size: 12.5px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   CTA
===================================================== */
.hera-medical-evolution-cta {
	margin-top: 38px;
}

.hera-medical-evolution-link {
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(145,104,61,0.50);
	text-decoration: none;
	font-size: 13px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-medical-evolution-link:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(3px);
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-medical-evolution {
		padding: 76px 32px 80px;
	}
	
	.hera-medical-evolution-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		border-bottom: 0;
	}
	
	.hera-medical-evolution-step {
		min-height: 230px;
		border-bottom: 1px solid rgba(50, 40, 30, 0.12);
	}
	
	.hera-medical-evolution-step:nth-child(2n) {
		border-right: 0;
	}
	
	.hera-medical-evolution-step:last-child {
		border-right: 1px solid rgba(50, 40, 30, 0.12);
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-medical-evolution {
		padding: 60px 18px 66px;
	}
	
	.hera-medical-evolution-header {
		margin-bottom: 38px;
	}
	
	.hera-medical-evolution-header h2 {
		font-size: 42px;
	}
	
	.hera-medical-evolution-header p {
		font-size: 14px;
	}
	
	.hera-medical-evolution-grid {
		display: block;
		border-bottom: 1px solid rgba(50, 40, 30, 0.14);
	}
	
	.hera-medical-evolution-step {
		min-height: 0;
		padding: 25px 4px;
		border-right: 0 !important;
		border-bottom: 1px solid rgba(50, 40, 30, 0.12);
	}
	
	.hera-medical-evolution-step:last-child {
		border-bottom: 0;
	}
	
	.hera-medical-evolution-number {
		margin-bottom: 16px;
	}
	
	.hera-medical-evolution-step h3 {
		font-size: 23px;
	}
	
	.hera-medical-evolution-cta {
		margin-top: 30px;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 1 HERO
===================================================== */
.hera-digital-hero {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 100px 48px 82px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* INNER */
.hera-digital-hero-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: 105px;
	align-items: center;
}

/* =====================================================
   LEFT
===================================================== */
.hera-digital-hero-content {
	max-width: 650px;
}

.hera-digital-hero .hera-section-eyebrow {
	display: block;
	margin-bottom: 24px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

.hera-digital-hero-content h1 {
	margin: 0;
	max-width: 700px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(52px, 4.7vw, 74px);
	line-height: .99;
	letter-spacing: -.04em;
	font-weight: 400;
	color: #171512;
}

.hera-digital-hero-lead {
	max-width: 590px;
	margin: 30px 0 0;
	font-size: 16px;
	line-height: 1.75;
	color: #5f5952;
}

/* =====================================================
   BUTTONS
===================================================== */
.hera-digital-hero-actions {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 38px;
}

.hera-digital-hero-actions a {
	text-decoration: none;
}

.hera-digital-hero-actions .hera-button-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 170px;
	padding: 15px 26px;
	border: 1px solid #111;
	border-radius: 999px;
	background: #111;
	color: #fff;
	font-size: 13px;
	transition: background .2s ease, transform .2s ease;
}

.hera-digital-hero-actions .hera-button-primary:hover {
	background: #292622;
	transform: translateY(-1px);
}

.hera-digital-hero-actions .hera-button-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 145px;
	padding: 14px 25px;
	border: 1px solid #b8905b;
	border-radius: 999px;
	background: transparent;
	color: #25211d;
	font-size: 13px;
	transition: background .2s ease, transform .2s ease;
}

.hera-digital-hero-actions .hera-button-secondary:hover {
	background: rgba(181,139,85,0.08);
	transform: translateY(-1px);
}

/* =====================================================
   RIGHT PRINCIPLES
===================================================== */
.hera-digital-hero-principles {
	width: 100%;
	border-top: 1px solid rgba(40,35,30,0.13);
}

.hera-digital-principle {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 22px;
	padding: 29px 0;
	border-bottom: 1px solid rgba(40,35,30,0.13);
}

.hera-digital-principle-number {
	padding-top: 4px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #aa8050;
}

.hera-digital-principle h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

.hera-digital-principle p {
	max-width: 500px;
	margin: 9px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #696159;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-hero {
		padding: 82px 32px 72px;
	}
	
	.hera-digital-hero-inner {
		gap: 58px;
	}
	
	.hera-digital-hero-content h1 {
		font-size: 56px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-hero {
		padding: 64px 18px 52px;
	}
	
	.hera-digital-hero-inner {
		display: block;
	}
	
	.hera-digital-hero-content {
		max-width: none;
	}
	
	.hera-digital-hero-content h1 {
		max-width: none;
		font-size: 44px;
		line-height: 1.01;
	}
	
	.hera-digital-hero-lead {
		max-width: none;
		margin-top: 24px;
		font-size: 14px;
		line-height: 1.7;
	}
	
	.hera-digital-hero-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 11px;
		margin-top: 30px;
	}
	
	.hera-digital-hero-actions .hera-button-primary,
		  .hera-digital-hero-actions .hera-button-secondary {
		width: 100%;
		min-width: 0;
		min-height: 48px;
	}
	
	.hera-digital-hero-principles {
		margin-top: 46px;
	}
	
	.hera-digital-principle {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 12px;
		padding: 23px 0;
	}
	
	.hera-digital-principle h3 {
		font-size: 22px;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 2 IMAGE
===================================================== */
.hera-digital-image-block {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 12px 0 42px;
	box-sizing: border-box;
	background: #f2efe9;
}

/* =====================================================
   INNER
===================================================== */
.hera-digital-image-inner {
	width: min(92vw, 1580px);
	max-width: none;
	margin-left: auto;
	margin-right: auto;
}

/* =====================================================
   IMAGE WRAPPER
===================================================== */
.hera-digital-image-wrap {
	width: 100%;
	height: 500px;
	overflow: hidden;
	border-radius: 16px;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06);
}

/* =====================================================
   IMAGE
===================================================== */
.hera-digital-image-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	margin: 0;
	object-fit: cover;
	object-position: center center;
	transform: none;
}

/* =====================================================
   LARGE DESKTOP
===================================================== */
@media (min-width: 1500px) {
	.hera-digital-image-inner {
		width: min(90vw, 1660px);
	}
	
	.hera-digital-image-wrap {
		height: 520px;
	}
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-image-block {
		padding: 10px 0 34px;
	}
	
	.hera-digital-image-inner {
		width: calc(100% - 42px);
	}
	
	.hera-digital-image-wrap {
		height: 400px;
		border-radius: 14px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-image-block {
		padding: 8px 0 28px;
	}
	
	.hera-digital-image-inner {
		width: calc(100% - 28px);
	}
	
	.hera-digital-image-wrap {
		height: 270px;
		border-radius: 12px;
	}
	
	.hera-digital-image-wrap img {
		object-position: center center;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 3
   AI ÜBERNIMMT ROUTINE
===================================================== */
.hera-digital-control {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 58px 48px 92px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-digital-control-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 80px;
	align-items: start;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-digital-control-content {
	max-width: 590px;
}

.hera-digital-control .hera-section-eyebrow {
	display: block;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

.hera-digital-control-content h2 {
	margin: 0;
	max-width: 650px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(44px, 4vw, 62px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-digital-control-content p {
	max-width: 560px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625c55;
}

/* =====================================================
   RIGHT CARDS
===================================================== */
.hera-digital-control-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

/* CARD */
.hera-digital-control-card {
	min-height: 285px;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.46);
	border: 1px solid rgba(80,70,60,0.10);
	border-radius: 3px;
}

/* HIGHLIGHT */
.hera-digital-control-card-highlight {
	background: #ebe3d7;
	border-color: transparent;
}

/* LABEL */
.hera-digital-control-label {
	display: block;
	margin-bottom: 12px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #a67b47;
}

/* TITLE */
.hera-digital-control-card h3 {
	margin: 0 0 22px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* LIST */
.hera-digital-control-card ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hera-digital-control-card li {
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 1.45;
	color: #4d4842;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-control {
		padding: 50px 32px 76px;
	}
	
	.hera-digital-control-inner {
		gap: 50px;
	}
	
	.hera-digital-control-content h2 {
		font-size: 48px;
	}
	
	.hera-digital-control-card {
		padding: 26px 24px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-control {
		padding: 42px 18px 62px;
	}
	
	.hera-digital-control-inner {
		display: block;
	}
	
	.hera-digital-control-content {
		max-width: none;
	}
	
	.hera-digital-control .hera-section-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-digital-control-content h2 {
		max-width: none;
		font-size: 42px;
	}
	
	.hera-digital-control-content p {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-digital-control-cards {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 40px;
	}
	
	.hera-digital-control-card {
		min-height: 0;
		padding: 26px 24px;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 4
   DIGITALE BUCHHALTUNG MIT MENSCHLICHER EXPERTISE
===================================================== */
.hera-digital-services {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 92px 48px 98px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-digital-services-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */
.hera-digital-services-header {
	max-width: 780px;
	margin-bottom: 52px;
}

.hera-digital-services .hera-section-eyebrow {
	color: #9d7447;
}

.hera-digital-services-header h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-digital-services-header p {
	max-width: 660px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625b53;
}

/* =====================================================
   GRID
===================================================== */
.hera-digital-services-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

/* =====================================================
   CARD
===================================================== */
.hera-digital-service-card {
	min-height: 355px;
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.38);
	border: 1px solid rgba(70,60,50,0.10);
	border-radius: 3px;
	transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.hera-digital-service-card:hover {
	transform: translateY(-4px);
	background: rgba(255,255,255,0.54);
	box-shadow: 0 14px 35px rgba(55,45,35,0.07);
}

/* =====================================================
   FEATURED CARD
===================================================== */
.hera-digital-service-card-featured {
	background: #ebe3d7;
	border-color: transparent;
}

.hera-digital-service-card-featured:hover {
	background: #e6dccd;
}

/* =====================================================
   NUMBER
===================================================== */
.hera-digital-service-number {
	display: block;
	margin-bottom: 28px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .14em;
	color: #9e7446;
}

/* =====================================================
   TAG
===================================================== */
.hera-digital-service-tag {
	position: absolute;
	top: 30px;
	right: 28px;
	font-size: 8px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #997044;
}

/* =====================================================
   TITLE
===================================================== */
.hera-digital-service-card h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* =====================================================
   TEXT
===================================================== */
.hera-digital-service-card p {
	margin: 17px 0 20px;
	font-size: 13px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   LIST
===================================================== */
.hera-digital-service-card ul {
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
}

.hera-digital-service-card li {
	margin-bottom: 7px;
	font-size: 12px;
	line-height: 1.45;
	color: #4f4943;
}

/* =====================================================
   LINK
===================================================== */
.hera-digital-service-card a {
	margin-top: auto;
	align-self: flex-start;
	padding-bottom: 4px;
	border-bottom: 1px solid rgba(145,104,61,0.45);
	text-decoration: none;
	font-size: 12px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-digital-service-card a:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(2px);
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-services {
		padding: 76px 32px 80px;
	}
	
	.hera-digital-services-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-digital-service-card {
		min-height: 330px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-services {
		padding: 60px 18px 66px;
	}
	
	.hera-digital-services-header {
		margin-bottom: 38px;
	}
	
	.hera-digital-services-header h2 {
		font-size: 42px;
	}
	
	.hera-digital-services-header p {
		font-size: 14px;
	}
	
	.hera-digital-services-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	
	.hera-digital-service-card {
		min-height: 0;
		padding: 26px 24px;
	}
	
	.hera-digital-service-number {
		margin-bottom: 22px;
	}
	
	.hera-digital-service-tag {
		top: 26px;
		right: 24px;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 5
   WENIGER AUFWAND. MEHR KLARHEIT.
===================================================== */
.hera-digital-benefit {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 96px 48px 100px;
	box-sizing: border-box;
	background: #ddd3c5;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-digital-benefit-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 95px;
	align-items: center;
}

/* =====================================================
   LEFT
===================================================== */
.hera-digital-benefit-content {
	max-width: 580px;
}

.hera-digital-benefit .hera-section-eyebrow {
	display: block;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #936a3e;
}

.hera-digital-benefit-content h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

/* LEAD */
.hera-digital-benefit-lead {
	max-width: 550px;
	margin: 28px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #554f48;
}

/* SECOND PARAGRAPH */
.hera-digital-benefit-content
p:not(.hera-digital-benefit-lead) {
	max-width: 550px;
	margin: 18px 0 0;
	font-size: 14px;
	line-height: 1.75;
	color: #665f57;
}

/* =====================================================
   LINK
===================================================== */
.hera-digital-benefit-link {
	display: inline-block;
	margin-top: 32px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(145,104,61,0.50);
	text-decoration: none;
	font-size: 13px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-digital-benefit-link:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(3px);
}

/* =====================================================
   RIGHT STEPS
===================================================== */
.hera-digital-benefit-steps {
	width: 100%;
	border-top: 1px solid rgba(40,35,30,0.13);
}

.hera-digital-benefit-step {
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr);
	gap: 22px;
	padding: 30px 0;
	border-bottom: 1px solid rgba(40,35,30,0.13);
}

/* NUMBER */
.hera-digital-benefit-number {
	padding-top: 3px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #9e7446;
}

/* LABEL */
.hera-digital-benefit-label {
	display: block;
	margin-bottom: 8px;
	font-size: 9px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #987044;
}

/* TITLE */
.hera-digital-benefit-step h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-digital-benefit-step p {
	max-width: 520px;
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-benefit {
		padding: 76px 32px 80px;
	}
	
	.hera-digital-benefit-inner {
		gap: 55px;
	}
	
	.hera-digital-benefit-content h2 {
		font-size: 50px;
	}
	
	.hera-digital-benefit-step {
		grid-template-columns: 42px minmax(0, 1fr);
		gap: 16px;
		padding: 26px 0;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-benefit {
		padding: 60px 18px 66px;
	}
	
	.hera-digital-benefit-inner {
		display: block;
	}
	
	.hera-digital-benefit-content {
		max-width: none;
	}
	
	.hera-digital-benefit-content h2 {
		font-size: 42px;
	}
	
	.hera-digital-benefit-lead,
		  .hera-digital-benefit-content
		  p:not(.hera-digital-benefit-lead) {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-digital-benefit-steps {
		margin-top: 48px;
	}
	
	.hera-digital-benefit-step {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 12px;
		padding: 25px 0;
	}
	
	.hera-digital-benefit-step h3 {
		font-size: 23px;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 5
   ROBUSTER FINAL FIX
   GANZ ANS ENDE DES CSS SETZEN
===================================================== */
.hera-digital-benefit {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 90px 48px 96px !important;
	box-sizing: border-box !important;
	background: #ddd3c5 !important;
}

/* =====================================================
   INNER – KEIN GRID MEHR
===================================================== */
.hera-digital-benefit-inner {
	width: 100% !important;
	max-width: 1380px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 80px !important;
	box-sizing: border-box !important;
}

/* =====================================================
   LEFT SIDE
===================================================== */
.hera-digital-benefit-content {
	display: block !important;
	flex: 0 1 540px !important;
	width: 540px !important;
	max-width: 540px !important;
	min-width: 420px !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

/* EYEBROW */
.hera-digital-benefit .hera-section-eyebrow {
	display: block !important;
	width: 100% !important;
	margin: 0 0 20px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #936a3e !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
}

/* TITLE */
.hera-digital-benefit-content h2 {
	display: block !important;
	width: 100% !important;
	max-width: 540px !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 58px !important;
	line-height: 1.03 !important;
	letter-spacing: -.035em !important;
	font-weight: 400 !important;
	color: #171512 !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
}

/* TEXT */
.hera-digital-benefit-lead,
.hera-digital-benefit-content p {
	display: block !important;
	width: 100% !important;
	max-width: 520px !important;
	font-family: inherit !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

.hera-digital-benefit-lead {
	margin: 28px 0 0 !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
	color: #554f48 !important;
}

.hera-digital-benefit-content
p:not(.hera-digital-benefit-lead) {
	margin: 18px 0 0 !important;
	font-size: 14px !important;
	line-height: 1.75 !important;
	color: #665f57 !important;
}

/* LINK */
.hera-digital-benefit-link {
	display: inline-block !important;
	width: auto !important;
	margin: 32px 0 0 !important;
	padding-bottom: 5px !important;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(145,104,61,0.50) !important;
	color: #8d683d !important;
	font-size: 13px !important;
}

/* =====================================================
   RIGHT SIDE
===================================================== */
.hera-digital-benefit-steps {
	display: block !important;
	flex: 1 1 650px !important;
	width: auto !important;
	max-width: 680px !important;
	min-width: 520px !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	border-top: 1px solid rgba(40,35,30,0.13) !important;
}

/* =====================================================
   EACH STEP
===================================================== */
.hera-digital-benefit-step {
	display: flex !important;
	flex-direction: row !important;
	width: 100% !important;
	gap: 22px !important;
	padding: 28px 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	border-bottom: 1px solid rgba(40,35,30,0.13) !important;
}

/* NUMBER */
.hera-digital-benefit-number {
	display: block !important;
	flex: 0 0 42px !important;
	width: 42px !important;
	padding-top: 4px !important;
	font-size: 10px !important;
	line-height: 1 !important;
	font-weight: 600 !important;
	letter-spacing: .13em !important;
	color: #9e7446 !important;
	white-space: nowrap !important;
}

/* STEP CONTENT */
.hera-digital-benefit-step > div {
	display: block !important;
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* LABEL */
.hera-digital-benefit-label {
	display: block !important;
	width: 100% !important;
	margin: 0 0 8px !important;
	font-size: 9px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #987044 !important;
	white-space: normal !important;
	word-break: keep-all !important;
}

/* STEP TITLE */
.hera-digital-benefit-step h3 {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 25px !important;
	line-height: 1.15 !important;
	font-weight: 400 !important;
	color: #171512 !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
}

/* STEP TEXT */
.hera-digital-benefit-step p {
	display: block !important;
	width: 100% !important;
	max-width: 520px !important;
	margin: 10px 0 0 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	color: #625b53 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-benefit {
		padding: 76px 32px 80px !important;
	}
	
	.hera-digital-benefit-inner {
		gap: 50px !important;
	}
	
	.hera-digital-benefit-content {
		flex-basis: 430px !important;
		width: 430px !important;
		max-width: 430px !important;
		min-width: 360px !important;
	}
	
	.hera-digital-benefit-content h2 {
		font-size: 48px !important;
	}
	
	.hera-digital-benefit-steps {
		min-width: 420px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-benefit {
		padding: 60px 18px 66px !important;
	}
	
	.hera-digital-benefit-inner {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
	}
	
	.hera-digital-benefit-content {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
	}
	
	.hera-digital-benefit-content h2 {
		width: 100% !important;
		max-width: none !important;
		font-size: 42px !important;
	}
	
	.hera-digital-benefit-lead,
		  .hera-digital-benefit-content
		  p:not(.hera-digital-benefit-lead) {
		max-width: none !important;
		font-size: 14px !important;
	}
	
	.hera-digital-benefit-steps {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		margin-top: 48px !important;
	}
	
	.hera-digital-benefit-step {
		width: 100% !important;
		gap: 12px !important;
		padding: 25px 0 !important;
	}
	
	.hera-digital-benefit-number {
		flex-basis: 34px !important;
		width: 34px !important;
	}
	
	.hera-digital-benefit-step h3 {
		font-size: 23px !important;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 5
   ETWAS MEHR ZENTRIERT
===================================================== */
.hera-digital-benefit-inner {
	max-width: 1240px !important;
	margin: 0 auto !important;
	gap: 72px !important;
}

.hera-digital-benefit-content {
	flex: 0 1 520px !important;
	width: 520px !important;
	max-width: 520px !important;
	min-width: 420px !important;
}

.hera-digital-benefit-steps {
	flex: 1 1 610px !important;
	max-width: 610px !important;
	min-width: 500px !important;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-benefit-inner {
		max-width: 100% !important;
		gap: 46px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-benefit-inner {
		max-width: none !important;
	}
	
	.hera-digital-benefit-content {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
	}
	
	.hera-digital-benefit-steps {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 5
   FINAL CENTERING FIX
   GANZ ANS ENDE DES CSS SETZEN
===================================================== */
/* GESAMTEN INHALT EXAKT ZENTRIEREN */
.hera-digital-benefit-inner {
	width: min(86vw, 1240px) !important;
	max-width: 1240px !important;
	position: relative !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 72px !important;
	box-sizing: border-box !important;
}

/* LINKE SPALTE */
.hera-digital-benefit-content {
	flex: 0 0 500px !important;
	width: 500px !important;
	max-width: 500px !important;
	min-width: 500px !important;
	margin: 0 !important;
}

/* RECHTE SPALTE */
.hera-digital-benefit-steps {
	flex: 1 1 auto !important;
	width: auto !important;
	max-width: 610px !important;
	min-width: 0 !important;
	margin: 0 !important;
}

/* TITEL ETWAS KOMPAKTER */
.hera-digital-benefit-content h2 {
	max-width: 500px !important;
	font-size: 56px !important;
	line-height: 1.03 !important;
}

/* TEXTBREITE */
.hera-digital-benefit-lead,
.hera-digital-benefit-content p:not(.hera-digital-benefit-lead) {
	max-width: 480px !important;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-benefit-inner {
		width: calc(100vw - 64px) !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		gap: 48px !important;
	}
	
	.hera-digital-benefit-content {
		flex: 0 0 42% !important;
		width: 42% !important;
		max-width: 42% !important;
		min-width: 0 !important;
	}
	
	.hera-digital-benefit-steps {
		flex: 1 1 58% !important;
		max-width: none !important;
	}
	
	.hera-digital-benefit-content h2 {
		font-size: 48px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-benefit-inner {
		width: calc(100vw - 36px) !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		display: block !important;
	}
	
	.hera-digital-benefit-content {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		flex: none !important;
	}
	
	.hera-digital-benefit-steps {
		width: 100% !important;
		max-width: none !important;
		margin-top: 48px !important;
	}
	
	.hera-digital-benefit-content h2 {
		max-width: none !important;
		font-size: 42px !important;
	}
	
	.hera-digital-benefit-lead,
		  .hera-digital-benefit-content p:not(.hera-digital-benefit-lead) {
		max-width: none !important;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 5
   FINAL CENTER FIX
   GANZ ANS ENDE DES CSS SETZEN
===================================================== */
/* =====================================================
   GANZER BLOCK
===================================================== */
.hera-digital-benefit {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 90px 48px 96px !important;
	box-sizing: border-box !important;
	background: #ddd3c5 !important;
	color: #171512 !important;
/* WICHTIG:
     Der Aussenblock zentriert jetzt den Inhalt */
	display: flex !important;
	justify-content: center !important;
}

/* =====================================================
   INNER CONTAINER
===================================================== */
.hera-digital-benefit-inner {
	width: 100% !important;
	max-width: 1240px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
	display: grid !important;
	grid-template-columns: minmax(0, 500px) minmax(0, 610px) !important;
	justify-content: center !important;
	column-gap: 90px !important;
	align-items: center !important;
	box-sizing: border-box !important;
}

/* =====================================================
   LINKE SPALTE
===================================================== */
.hera-digital-benefit-content {
	display: block !important;
	width: 100% !important;
	max-width: 500px !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	transform: none !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* =====================================================
   EYEBROW
===================================================== */
.hera-digital-benefit .hera-section-eyebrow {
	display: block !important;
	width: 100% !important;
	margin: 0 0 20px !important;
	padding: 0 !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #936a3e !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* =====================================================
   HAUPTTITEL
===================================================== */
.hera-digital-benefit-content h2 {
	display: block !important;
	width: 100% !important;
	max-width: 500px !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 56px !important;
	line-height: 1.03 !important;
	letter-spacing: -.035em !important;
	font-weight: 400 !important;
	color: #171512 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* =====================================================
   LEAD TEXT
===================================================== */
.hera-digital-benefit-lead {
	display: block !important;
	width: 100% !important;
	max-width: 480px !important;
	margin: 28px 0 0 !important;
	padding: 0 !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
	color: #554f48 !important;
	white-space: normal !important;
	word-break: normal !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* =====================================================
   ZWEITER ABSATZ
===================================================== */
.hera-digital-benefit-content
p:not(.hera-digital-benefit-lead) {
	display: block !important;
	width: 100% !important;
	max-width: 480px !important;
	margin: 18px 0 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
	line-height: 1.75 !important;
	color: #665f57 !important;
	white-space: normal !important;
	word-break: normal !important;
}

/* =====================================================
   LINK
===================================================== */
.hera-digital-benefit-link {
	display: inline-block !important;
	width: auto !important;
	margin: 32px 0 0 !important;
	padding: 0 0 5px !important;
	border-bottom: 1px solid rgba(145,104,61,0.50) !important;
	text-decoration: none !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	color: #8d683d !important;
}

/* =====================================================
   RECHTE SPALTE
===================================================== */
.hera-digital-benefit-steps {
	display: block !important;
	width: 100% !important;
	max-width: 610px !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	transform: none !important;
	border-top: 1px solid rgba(40,35,30,0.13) !important;
	box-sizing: border-box !important;
}

/* =====================================================
   EINZELNER STEP
===================================================== */
.hera-digital-benefit-step {
	display: grid !important;
	grid-template-columns: 42px minmax(0, 1fr) !important;
	width: 100% !important;
	gap: 20px !important;
	margin: 0 !important;
	padding: 28px 0 !important;
	box-sizing: border-box !important;
	border-bottom: 1px solid rgba(40,35,30,0.13) !important;
}

/* NUMMER */
.hera-digital-benefit-number {
	display: block !important;
	width: 42px !important;
	padding-top: 4px !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .13em !important;
	color: #9e7446 !important;
	white-space: nowrap !important;
}

/* STEP CONTENT */
.hera-digital-benefit-step > div {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* LABEL */
.hera-digital-benefit-label {
	display: block !important;
	margin: 0 0 8px !important;
	font-size: 9px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #987044 !important;
	white-space: normal !important;
}

/* STEP TITLE */
.hera-digital-benefit-step h3 {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 25px !important;
	line-height: 1.15 !important;
	font-weight: 400 !important;
	color: #171512 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
}

/* STEP TEXT */
.hera-digital-benefit-step p {
	display: block !important;
	width: 100% !important;
	max-width: 520px !important;
	margin: 10px 0 0 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	color: #625b53 !important;
	white-space: normal !important;
	word-break: normal !important;
}

/* =====================================================
   IPAD / TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-benefit {
		padding: 76px 32px 80px !important;
	}
	
	.hera-digital-benefit-inner {
		max-width: 980px !important;
		grid-template-columns: minmax(0, 400px) minmax(0, 500px) !important;
		column-gap: 55px !important;
	}
	
	.hera-digital-benefit-content {
		max-width: 400px !important;
	}
	
	.hera-digital-benefit-content h2 {
		max-width: 400px !important;
		font-size: 48px !important;
	}
	
	.hera-digital-benefit-steps {
		max-width: 500px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-benefit {
		padding: 60px 18px 66px !important;
		display: block !important;
	}
	
	.hera-digital-benefit-inner {
		width: 100% !important;
		max-width: none !important;
		display: block !important;
		margin: 0 auto !important;
		transform: none !important;
	}
	
	.hera-digital-benefit-content {
		width: 100% !important;
		max-width: none !important;
	}
	
	.hera-digital-benefit-content h2 {
		width: 100% !important;
		max-width: none !important;
		font-size: 42px !important;
	}
	
	.hera-digital-benefit-lead,
		  .hera-digital-benefit-content
		  p:not(.hera-digital-benefit-lead) {
		max-width: none !important;
		font-size: 14px !important;
	}
	
	.hera-digital-benefit-steps {
		width: 100% !important;
		max-width: none !important;
		margin-top: 48px !important;
	}
	
	.hera-digital-benefit-step {
		grid-template-columns: 34px minmax(0, 1fr) !important;
		gap: 12px !important;
		padding: 25px 0 !important;
	}
	
	.hera-digital-benefit-number {
		width: 34px !important;
	}
	
	.hera-digital-benefit-step h3 {
		font-size: 23px !important;
	}
}

/* =====================================================
   HERA HEADER – WORDPRESS TOP SPACE FIX
   GANZ ANS ENDE DES CSS SETZEN
===================================================== */
/* HEADER SELBST */
.hera-header-new {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	height: auto !important;
	min-height: 0 !important;
}

/* HEADER INNER */
.hera-header-inner-new {
	height: 88px !important;
	min-height: 88px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	align-items: center !important;
}

/* =====================================================
   WORDPRESS CUSTOM HTML / GROUP WRAPPER
===================================================== */
/* Custom HTML Block */
.wp-block-html:has(.hera-header-new) {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	min-height: 0 !important;
}

/* WordPress Gruppe um den Header */
.wp-block-group:has(.hera-header-new) {
	margin-top: 0 !important;
	padding-top: 0 !important;
	min-height: 0 !important;
}

/* Möglicher WordPress Cover-/Container-Block */
.wp-block-cover:has(.hera-header-new),
.wp-block-columns:has(.hera-header-new),
.wp-block-column:has(.hera-header-new) {
	margin-top: 0 !important;
	padding-top: 0 !important;
	min-height: 0 !important;
}

/* =====================================================
   ERSTER BLOCK DER SEITE
===================================================== */
.entry-content > :first-child:has(.hera-header-new),
.wp-site-blocks > :first-child:has(.hera-header-new) {
	margin-top: 0 !important;
	padding-top: 0 !important;
	min-height: 0 !important;
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-header-inner-new {
		height: 76px !important;
		min-height: 76px !important;
	}
}

/* =====================================================
   WORDPRESS PAGE TOP GAP – FALLBACK
===================================================== */
body .wp-site-blocks {
	padding-top: 0 !important;
}

body main {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body .entry-content {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* =====================================================
   HERA ABOUT – HERO
   ANGEPASST AN DIE NEUEN UNTERSEITEN
===================================================== */
.hera-about-hero {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 88px 48px 92px !important;
	box-sizing: border-box !important;
	background: #f2efe9 !important;
	color: #171512 !important;
}

/* =====================================================
   INNER
===================================================== */
.hera-about-hero-inner {
	width: 100% !important;
	max-width: 1380px !important;
	margin: 0 auto !important;
	display: grid !important;
	grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr) !important;
	gap: 78px !important;
	align-items: center !important;
	box-sizing: border-box !important;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-about-hero-content {
	width: 100% !important;
	max-width: 530px !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* EYEBROW */
.hera-about-eyebrow {
	display: block !important;
	margin: 0 0 22px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #a77d49 !important;
}

/* =====================================================
   HEADING
===================================================== */
.hera-about-hero-content h1 {
	width: 100% !important;
	max-width: 530px !important;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(50px, 4.2vw, 64px) !important;
	line-height: 1.02 !important;
	letter-spacing: -.035em !important;
	font-weight: 400 !important;
	color: #171512 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
}

/* =====================================================
   LEAD TEXT
===================================================== */
.hera-about-lead {
	width: 100% !important;
	max-width: 500px !important;
	margin: 28px 0 0 !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
	color: #5f5952 !important;
}

/* =====================================================
   BUTTONS
===================================================== */
.hera-about-actions {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	margin-top: 34px !important;
}

.hera-about-actions a {
	text-decoration: none !important;
}

/* PRIMARY */
.hera-about-actions .hera-button-primary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 155px !important;
	padding: 15px 25px !important;
	border: 1px solid #111 !important;
	border-radius: 999px !important;
	background: #111 !important;
	color: #fff !important;
	font-size: 13px !important;
	line-height: 1 !important;
}

/* SECONDARY */
.hera-about-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 140px !important;
	padding: 14px 24px !important;
	border: 1px solid #b8905b !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: #25211d !important;
	font-size: 13px !important;
	line-height: 1 !important;
}

/* =====================================================
   RIGHT IMAGE AREA
===================================================== */
.hera-about-hero-visual {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	max-width: none !important;
	height: 560px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
}

/* IMAGE WRAPPER */
.hera-about-hero-image-main {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	overflow: hidden !important;
	border-radius: 16px !important;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06) !important;
}

/* IMAGE */
.hera-about-hero-image-main img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: 52% center !important;
	margin: 0 !important;
	transform: none !important;
}

/* ALTE DEKORATIONEN / OVERLAYS ENTFERNEN */
.hera-about-hero-visual::before,
.hera-about-hero-visual::after,
.hera-about-hero-image-main::before,
.hera-about-hero-image-main::after {
	display: none !important;
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-about-hero {
		padding: 76px 32px 78px !important;
	}
	
	.hera-about-hero-inner {
		grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr) !important;
		gap: 50px !important;
	}
	
	.hera-about-hero-content h1 {
		font-size: 50px !important;
	}
	
	.hera-about-hero-visual {
		height: 500px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-about-hero {
		padding: 60px 18px 62px !important;
	}
	
	.hera-about-hero-inner {
		display: flex !important;
		flex-direction: column !important;
		gap: 42px !important;
	}
	
	.hera-about-hero-content {
		width: 100% !important;
		max-width: none !important;
	}
	
	.hera-about-hero-content h1 {
		width: 100% !important;
		max-width: none !important;
		font-size: 42px !important;
		line-height: 1.04 !important;
	}
	
	.hera-about-lead {
		max-width: none !important;
		font-size: 14px !important;
	}
	
	.hera-about-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 11px !important;
		margin-top: 30px !important;
	}
	
	.hera-about-actions .hera-button-primary,
	  .hera-about-actions .hera-button-secondary {
		width: 100% !important;
		min-width: 0 !important;
		min-height: 48px !important;
	}
	
	.hera-about-hero-visual {
		width: 100% !important;
		height: 390px !important;
	}
	
	.hera-about-hero-image-main {
		border-radius: 12px !important;
	}
	
	.hera-about-hero-image-main img {
		object-position: 51% center !important;
	}
}

/* =====================================================
   HERA ABOUT – BLOCK 2 STORY
===================================================== */
.hera-about-story {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 88px 48px 96px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* INNER */
.hera-about-story-inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
	gap: 90px;
	align-items: start;
}

/* =====================================================
   LEFT
===================================================== */
.hera-about-story-content {
	max-width: 540px;
}

.hera-about-story .hera-section-eyebrow {
	display: block;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

.hera-about-story-content h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4vw, 62px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-about-story-lead {
	margin: 28px 0 0;
	max-width: 520px;
	font-size: 15px;
	line-height: 1.75;
	color: #554f48;
}

.hera-about-story-content
p:not(.hera-about-story-lead) {
	margin: 18px 0 0;
	max-width: 520px;
	font-size: 14px;
	line-height: 1.75;
	color: #665f57;
}

/* =====================================================
   RIGHT STEPS
===================================================== */
.hera-about-story-steps {
	width: 100%;
	border-top: 1px solid rgba(40,35,30,0.13);
}

.hera-about-story-step {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	gap: 20px;
	padding: 28px 0;
	border-bottom: 1px solid rgba(40,35,30,0.13);
}

.hera-about-story-number {
	padding-top: 4px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #9e7446;
}

.hera-about-story-label {
	display: block;
	margin-bottom: 8px;
	font-size: 9px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #987044;
}

.hera-about-story-step h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

.hera-about-story-step p {
	max-width: 520px;
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-about-story {
		padding: 76px 32px 80px;
	}
	
	.hera-about-story-inner {
		max-width: 980px;
		gap: 55px;
	}
	
	.hera-about-story-content h2 {
		font-size: 50px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-about-story {
		padding: 60px 18px 66px;
	}
	
	.hera-about-story-inner {
		display: block;
		max-width: none;
	}
	
	.hera-about-story-content {
		max-width: none;
	}
	
	.hera-about-story-content h2 {
		font-size: 42px;
	}
	
	.hera-about-story-lead,
	  .hera-about-story-content
	  p:not(.hera-about-story-lead) {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-about-story-steps {
		margin-top: 48px;
	}
	
	.hera-about-story-step {
		grid-template-columns: 36px minmax(0, 1fr);
		gap: 12px;
		padding: 25px 0;
	}
	
	.hera-about-story-step h3 {
		font-size: 23px;
	}
}

/* =====================================================
   HERA ABOUT – TEAM BLOCK
   STIMMIG ZU DEN ANDEREN UNTERSEITEN
===================================================== */
.hera-about-team {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 88px 48px 96px !important;
	box-sizing: border-box !important;
	background: #f2efe9 !important;
	color: #171512 !important;
}

/* =====================================================
   INNER
===================================================== */
.hera-about-section-inner {
	width: 100% !important;
	max-width: 1240px !important;
	margin: 0 auto !important;
	box-sizing: border-box !important;
}

/* =====================================================
   SECTION HEADER
===================================================== */
.hera-about-team > .hera-about-section-inner > .hera-section-eyebrow {
	display: block !important;
	margin: 0 0 20px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #a77d49 !important;
}

.hera-about-team > .hera-about-section-inner > h2 {
	max-width: 760px !important;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(46px, 4vw, 62px) !important;
	line-height: 1.02 !important;
	letter-spacing: -.035em !important;
	font-weight: 400 !important;
	color: #171512 !important;
}

.hera-about-team-intro {
	max-width: 650px !important;
	margin: 26px 0 0 !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
	color: #625b53 !important;
}

/* =====================================================
   PERSON BLOCK
===================================================== */
.hera-about-person {
	width: 100% !important;
	display: grid !important;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
	gap: 78px !important;
	align-items: center !important;
	margin-top: 78px !important;
}

/* =====================================================
   PERSON IMAGE
===================================================== */
.hera-about-person-image {
	width: 100% !important;
	height: 560px !important;
	margin: 0 !important;
	overflow: hidden !important;
	border-radius: 16px !important;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06) !important;
	background: #e8e1d7 !important;
}

.hera-about-person-image img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	object-fit: cover !important;
	transform: none !important;
}

/* Yasmina */
.hera-about-person-image-left img {
	object-position: center 18% !important;
}

/* Carlos */
.hera-about-person-image-right img {
	object-position: center 16% !important;
}

/* =====================================================
   PERSON CONTENT
===================================================== */
.hera-about-person-content {
	width: 100% !important;
	max-width: 540px !important;
}

.hera-about-person-role {
	display: block !important;
	margin-bottom: 14px !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: .15em !important;
	text-transform: uppercase !important;
	color: #9d7447 !important;
}

.hera-about-person-content h3 {
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 38px !important;
	line-height: 1.08 !important;
	font-weight: 400 !important;
	color: #171512 !important;
}

.hera-about-person-lead {
	margin: 22px 0 0 !important;
	font-size: 16px !important;
	line-height: 1.65 !important;
	color: #4f4943 !important;
}

.hera-about-person-content p:not(.hera-about-person-lead) {
	margin: 16px 0 0 !important;
	font-size: 14px !important;
	line-height: 1.75 !important;
	color: #665f57 !important;
}

/* =====================================================
   EXPERTISE TAGS
===================================================== */
.hera-about-expertise {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 9px !important;
	margin-top: 26px !important;
}

.hera-about-expertise span {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 32px !important;
	padding: 7px 13px !important;
	box-sizing: border-box !important;
	border: 1px solid rgba(166, 123, 71, 0.35) !important;
	border-radius: 999px !important;
	background: rgba(255,255,255,0.26) !important;
	font-size: 11px !important;
	line-height: 1.2 !important;
	color: #514a43 !important;
}

/* =====================================================
   LANGUAGES
===================================================== */
.hera-about-languages {
	display: grid !important;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
	gap: 78px !important;
	margin-top: 96px !important;
	padding-top: 60px !important;
	border-top: 1px solid rgba(40,35,30,0.13) !important;
}

.hera-about-languages-heading h3 {
	margin: 14px 0 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 36px !important;
	line-height: 1.08 !important;
	font-weight: 400 !important;
	color: #171512 !important;
}

.hera-about-languages-content p {
	max-width: 560px !important;
	margin: 0 !important;
	font-size: 14px !important;
	line-height: 1.75 !important;
	color: #625b53 !important;
}

.hera-about-language-list {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 9px !important;
	margin-top: 24px !important;
}

.hera-about-language-list span {
	padding: 7px 13px !important;
	border: 1px solid rgba(166,123,71,0.35) !important;
	border-radius: 999px !important;
	font-size: 11px !important;
	color: #514a43 !important;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-about-team {
		padding: 76px 32px 80px !important;
	}
	
	.hera-about-section-inner {
		max-width: 980px !important;
	}
	
	.hera-about-person {
		gap: 50px !important;
		margin-top: 66px !important;
	}
	
	.hera-about-person-image {
		height: 500px !important;
		border-radius: 14px !important;
	}
	
	.hera-about-person-content h3 {
		font-size: 34px !important;
	}
	
	.hera-about-languages {
		gap: 50px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-about-team {
		padding: 60px 18px 66px !important;
	}
	
	.hera-about-team > .hera-about-section-inner > h2 {
		font-size: 42px !important;
	}
	
	.hera-about-team-intro {
		font-size: 14px !important;
	}
	
	.hera-about-person,
	  .hera-about-person-reverse {
		display: flex !important;
		flex-direction: column !important;
		gap: 32px !important;
		margin-top: 54px !important;
	}
	
	/*
	   Carlos hat im HTML zuerst Text und dann Bild.
	   Mobile wollen wir bei beiden Personen zuerst das Bild.
	  */
	.hera-about-person-reverse
	  .hera-about-person-image {
		order: -1 !important;
	}
	
	.hera-about-person-image {
		width: 100% !important;
		height: 430px !important;
		border-radius: 12px !important;
	}
	
	.hera-about-person-content {
		max-width: none !important;
	}
	
	.hera-about-person-content h3 {
		font-size: 32px !important;
	}
	
	.hera-about-person-lead {
		font-size: 15px !important;
	}
	
	.hera-about-person-content p:not(.hera-about-person-lead) {
		font-size: 14px !important;
	}
	
	.hera-about-languages {
		display: block !important;
		margin-top: 68px !important;
		padding-top: 48px !important;
	}
	
	.hera-about-languages-content {
		margin-top: 28px !important;
	}
	
	.hera-about-languages-heading h3 {
		font-size: 32px !important;
	}
}

/* =====================================================
   HERA ABOUT – VALUES BLOCK
   PERSÖNLICH. PRÄZISE. VORAUSSCHAUEND.
===================================================== */
.hera-about-values {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 88px 48px 96px !important;
	box-sizing: border-box !important;
	background: #ddd3c5 !important;
	color: #171512 !important;
}

/* =====================================================
   INNER
===================================================== */
.hera-about-values .hera-about-section-inner {
	width: 100% !important;
	max-width: 1240px !important;
	margin: 0 auto !important;
	box-sizing: border-box !important;
}

/* =====================================================
   HEADER
===================================================== */
.hera-about-values .hera-section-eyebrow {
	display: block !important;
	margin: 0 0 20px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #936a3e !important;
}

.hera-about-values h2 {
	max-width: 760px !important;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(46px, 4vw, 62px) !important;
	line-height: 1.02 !important;
	letter-spacing: -.035em !important;
	font-weight: 400 !important;
	color: #171512 !important;
}

/* =====================================================
   VALUES GRID
===================================================== */
.hera-about-values-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 0 !important;
	margin-top: 58px !important;
	border-top: 1px solid rgba(40, 35, 30, 0.13) !important;
	border-bottom: 1px solid rgba(40, 35, 30, 0.13) !important;
}

/* =====================================================
   VALUE
===================================================== */
.hera-about-value {
	position: relative !important;
	min-height: 270px !important;
	padding: 30px 28px 32px !important;
	box-sizing: border-box !important;
	border-right: 1px solid rgba(40, 35, 30, 0.12) !important;
}

.hera-about-value:last-child {
	border-right: 0 !important;
}

/* NUMBER */
.hera-about-value > span {
	display: block !important;
	margin-bottom: 28px !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .14em !important;
	color: #9e7446 !important;
}

/* TITLE */
.hera-about-value h3 {
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 25px !important;
	line-height: 1.15 !important;
	font-weight: 400 !important;
	color: #171512 !important;
}

/* TEXT */
.hera-about-value p {
	margin: 18px 0 0 !important;
	font-size: 13px !important;
	line-height: 1.7 !important;
	color: #625b53 !important;
}

/* =====================================================
   SUBTLE HOVER
===================================================== */
.hera-about-value {
	transition: background .25s ease, transform .25s ease !important;
}

.hera-about-value:hover {
	background: rgba(255,255,255,0.20) !important;
	transform: translateY(-2px) !important;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-about-values {
		padding: 76px 32px 80px !important;
	}
	
	.hera-about-values .hera-about-section-inner {
		max-width: 980px !important;
	}
	
	.hera-about-values-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	
	.hera-about-value {
		min-height: 230px !important;
		border-bottom: 1px solid rgba(40, 35, 30, 0.12) !important;
	}
	
	.hera-about-value:nth-child(2n) {
		border-right: 0 !important;
	}
	
	.hera-about-value:nth-last-child(-n+2) {
		border-bottom: 0 !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-about-values {
		padding: 60px 18px 66px !important;
	}
	
	.hera-about-values h2 {
		font-size: 42px !important;
	}
	
	.hera-about-values-grid {
		display: block !important;
		margin-top: 40px !important;
	}
	
	.hera-about-value {
		min-height: 0 !important;
		padding: 26px 4px !important;
		border-right: 0 !important;
		border-bottom: 1px solid rgba(40, 35, 30, 0.12) !important;
	}
	
	.hera-about-value:last-child {
		border-bottom: 0 !important;
	}
	
	.hera-about-value > span {
		margin-bottom: 16px !important;
	}
	
	.hera-about-value h3 {
		font-size: 23px !important;
	}
	
	.hera-about-value p {
		font-size: 13px !important;
	}
}

/* =====================================================
   HERA ABOUT – CTA
===================================================== */
.hera-about-cta {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 96px 48px 100px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* INNER */
.hera-about-cta-inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	text-align: center;
}

/* EYEBROW */
.hera-about-cta .hera-section-eyebrow {
	display: block;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

/* TITLE */
.hera-about-cta h2 {
	max-width: 760px;
	margin: 0 auto;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(48px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-about-cta p {
	max-width: 600px;
	margin: 28px auto 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625b53;
}

/* BUTTON */
.hera-about-cta .hera-button-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 34px;
	min-width: 220px;
	padding: 15px 28px;
	box-sizing: border-box;
	border: 1px solid #111;
	border-radius: 999px;
	background: #111;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	line-height: 1;
	transition: background .2s ease, transform .2s ease;
}

.hera-about-cta .hera-button-primary:hover {
	background: #292622;
	transform: translateY(-1px);
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-about-cta {
		padding: 60px 18px 66px;
	}
	
	.hera-about-cta h2 {
		font-size: 42px;
	}
	
	.hera-about-cta p {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-about-cta .hera-button-primary {
		width: 100%;
		min-width: 0;
		min-height: 48px;
	}
}

/* =====================================================
   HERA ABOUT HERO – ERSTGESPRÄCH GOLD BUTTON
===================================================== */
.hera-about-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 150px !important;
	padding: 14px 26px !important;
	box-sizing: border-box !important;
	border: 1.5px solid #b58b55 !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: #2b2723 !important;
	text-decoration: none !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	box-shadow: none !important;
	transition: background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease !important;
}

.hera-about-actions .hera-button-secondary:hover {
	background: #b58b55 !important;
	color: #fff !important;
	border-color: #b58b55 !important;
	transform: translateY(-1px) !important;
}/* =========================================================
   HERA INSIGHTS / WISSEN
   COMPLETE OVERRIDE
========================================================= */

.ha-wissen-modern {
  width: 100vw !important;
  max-width: none !important;

  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  padding: 92px 48px 110px !important;

  box-sizing: border-box !important;

  background: #f2efe9 !important;
  color: #171512 !important;
}


/* =========================================================
   INTRO
========================================================= */

.ha-wissen-intro {
  width: 100% !important;
  max-width: 1240px !important;

  margin: 0 auto 70px !important;
}


.ha-wissen-kicker {
  margin: 0 0 18px !important;

  font-size: 11px !important;
  font-weight: 600 !important;

  line-height: 1 !important;

  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;

  color: #a77d49 !important;
}


.ha-wissen-intro h1 {
  max-width: 820px !important;

  margin: 0 !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: clamp(48px, 4vw, 64px) !important;

  line-height: 1.03 !important;

  letter-spacing: -0.035em !important;

  font-weight: 400 !important;

  color: #171512 !important;
}


.ha-wissen-intro > p:not(.ha-wissen-kicker) {
  max-width: 680px !important;

  margin: 26px 0 0 !important;

  font-size: 15px !important;

  line-height: 1.75 !important;

  color: #625b53 !important;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.ha-wissen-layout {
  width: 100% !important;
  max-width: 1240px !important;

  margin: 0 auto !important;

  display: grid !important;

  grid-template-columns:
    150px
    minmax(0, 1fr) !important;

  gap: 70px !important;

  align-items: start !important;
}


/* =========================================================
   TIMELINE
========================================================= */

.ha-wissen-timeline {
  position: sticky !important;
  top: 120px !important;

  display: flex !important;
  flex-direction: column !important;

  gap: 0 !important;

  padding-left: 20px !important;

  border-left:
    1px solid rgba(40, 35, 30, 0.16) !important;
}


.ha-wissen-timeline span {
  position: relative !important;

  display: block !important;

  padding: 12px 0 !important;

  font-size: 13px !important;

  line-height: 1.2 !important;

  color: #857b71 !important;
}


.ha-wissen-timeline span.active {
  font-weight: 600 !important;

  color: #171512 !important;
}


.ha-wissen-timeline span.active::before {
  content: "" !important;

  position: absolute !important;

  width: 7px !important;
  height: 7px !important;

  left: -24px !important;
  top: 50% !important;

  transform: translateY(-50%) !important;

  border-radius: 50% !important;

  background: #a77d49 !important;
}


/* =========================================================
   POSTS
========================================================= */

.ha-wissen-posts {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap: 22px !important;
}


/* =========================================================
   CARD
========================================================= */

.ha-wissen-card {
  position: relative !important;

  display: flex !important;
  flex-direction: column !important;

  min-height: 340px !important;

  padding: 34px 34px 32px !important;

  box-sizing: border-box !important;

  background: rgba(255,255,255,0.32) !important;

  border:
    1px solid rgba(50, 43, 36, 0.11) !important;

  border-radius: 14px !important;

  transition:
    transform 0.25s ease,
    background 0.25s ease !important;
}


.ha-wissen-card:hover {
  transform: translateY(-3px) !important;

  background: rgba(255,255,255,0.50) !important;
}


/* FEATURE FIRST CARD */

.ha-wissen-card:first-child {
  grid-column: span 2 !important;

  min-height: 390px !important;

  padding: 44px !important;

  background: #e8dfd1 !important;
}


/* =========================================================
   META
========================================================= */

.ha-card-meta {
  display: flex !important;

  align-items: center !important;
  justify-content: space-between !important;

  gap: 20px !important;

  margin-bottom: 34px !important;
}


.ha-card-meta span {
  font-size: 10px !important;
  font-weight: 600 !important;

  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;

  color: #a77d49 !important;
}


.ha-card-meta small {
  font-size: 11px !important;

  color: #81776d !important;
}


/* =========================================================
   TITLE
========================================================= */

.ha-wissen-card h2 {
  max-width: 760px !important;

  margin: 0 !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 30px !important;

  line-height: 1.12 !important;

  letter-spacing: -0.02em !important;

  font-weight: 400 !important;

  color: #171512 !important;
}


.ha-wissen-card:first-child h2 {
  max-width: 850px !important;

  font-size: 42px !important;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.ha-wissen-card > p {
  max-width: 680px !important;

  margin: 20px 0 0 !important;

  font-size: 14px !important;

  line-height: 1.7 !important;

  color: #625b53 !important;
}


/* =========================================================
   READ ARTICLE LINK
========================================================= */

.ha-wissen-card > a {
  width: fit-content !important;

  margin-top: auto !important;
  padding-top: 30px !important;

  font-size: 12px !important;

  line-height: 1.2 !important;

  text-decoration: none !important;

  color: #9c7040 !important;

  border-bottom:
    1px solid rgba(156,112,64,0.5) !important;

  transition:
    color 0.2s ease,
    border-color 0.2s ease !important;
}


.ha-wissen-card > a:hover {
  color: #171512 !important;

  border-color: #171512 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

  .ha-wissen-modern {
    padding:
      78px
      32px
      90px !important;
  }


  .ha-wissen-layout {
    grid-template-columns:
      110px
      minmax(0, 1fr) !important;

    gap: 45px !important;
  }


  .ha-wissen-card h2 {
    font-size: 27px !important;
  }


  .ha-wissen-card:first-child h2 {
    font-size: 38px !important;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .ha-wissen-modern {
    padding:
      58px
      18px
      70px !important;
  }


  .ha-wissen-intro {
    margin-bottom: 42px !important;
  }


  .ha-wissen-intro h1 {
    font-size: 42px !important;

    line-height: 1.04 !important;
  }


  .ha-wissen-intro > p:not(.ha-wissen-kicker) {
    font-size: 14px !important;
  }


  .ha-wissen-layout {
    display: block !important;
  }


  /* TIMELINE MOBILE */

  .ha-wissen-timeline {
    position: static !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;

    gap: 8px 20px !important;

    margin-bottom: 34px !important;

    padding: 0 0 18px !important;

    border-left: 0 !important;

    border-bottom:
      1px solid rgba(40,35,30,0.14) !important;
  }


  .ha-wissen-timeline span {
    padding: 0 !important;

    font-size: 12px !important;
  }


  .ha-wissen-timeline span.active::before {
    display: none !important;
  }


  /* POSTS */

  .ha-wissen-posts {
    display: block !important;
  }


  .ha-wissen-card,
  .ha-wissen-card:first-child {
    width: 100% !important;

    min-height: 0 !important;

    margin-bottom: 18px !important;

    padding: 28px 24px !important;

    border-radius: 12px !important;
  }


  .ha-wissen-card:first-child {
    grid-column: auto !important;
  }


  .ha-card-meta {
    margin-bottom: 24px !important;
  }


  .ha-wissen-card h2,
  .ha-wissen-card:first-child h2 {
    font-size: 28px !important;

    line-height: 1.1 !important;
  }


  .ha-wissen-card > p {
    font-size: 14px !important;
  }


  .ha-wissen-card > a {
    margin-top: 28px !important;

    padding-top: 0 !important;
  }

}/* =====================================================
   HERA HOME HERO – INITIAL CONSULTATION
   GOLD OUTLINE BUTTON
===================================================== */

.hera-home-actions .hera-button-secondary {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  min-width: 165px !important;

  padding: 14px 26px !important;

  box-sizing: border-box !important;

  background: transparent !important;

  border: 1.5px solid #b58b55 !important;
  border-radius: 999px !important;

  color: #2b2723 !important;

  text-decoration: none !important;

  font-size: 13px !important;
  font-weight: 500 !important;

  line-height: 1 !important;

  box-shadow: none !important;

  transition:
    background 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease !important;
}


.hera-home-actions .hera-button-secondary:hover {
  background: #b58b55 !important;

  border-color: #b58b55 !important;

  color: #ffffff !important;

  transform: translateY(-1px) !important;
}


/* MOBILE */

@media (max-width: 767px) {

  .hera-home-actions .hera-button-secondary {
    min-height: 48px !important;
  }

}/* =====================================================
   HERA LANGUAGE SWITCHER – FINAL FIX
===================================================== */


/* =====================================================
   DESKTOP
===================================================== */

.hera-language-switcher {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
}


/* DE + Pfeil */
.hera-language-switcher > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 4px !important;

  margin: 0 !important;
  padding: 8px 4px !important;

  list-style: none !important;
  list-style-type: none !important;

  cursor: pointer !important;

  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;

  color: #403a34 !important;
}


/* Browser-Pfeil entfernen */
.hera-language-switcher > summary::-webkit-details-marker {
  display: none !important;
}

.hera-language-switcher > summary::marker {
  content: "" !important;
  font-size: 0 !important;
}

.hera-language-switcher > summary::before {
  display: none !important;
  content: none !important;
}


/* eigener Pfeil */
.hera-language-switcher > summary span {
  display: inline-block !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 8px !important;
  line-height: 1 !important;

  color: #a77d49 !important;

  transition: transform 0.2s ease !important;
}


.hera-language-switcher[open] > summary span {
  transform: rotate(180deg) !important;
}



/* =====================================================
   DESKTOP DROPDOWN
===================================================== */

.hera-language-menu {
  position: absolute !important;

  top: calc(100% + 8px) !important;
  left: 50% !important;

  transform: translateX(-50%) !important;

  z-index: 99999 !important;

  min-width: 68px !important;
  width: 68px !important;

  padding: 6px !important;

  box-sizing: border-box !important;

  background: #f2efe9 !important;

  border: 1px solid rgba(40, 35, 30, 0.12) !important;
  border-radius: 8px !important;

  box-shadow: 0 12px 28px rgba(35, 30, 25, 0.10) !important;
}


/* WICHTIG:
   verhindert, dass allgemeine Header-Link-Regeln
   die Sprachlinks vergrössern
*/
.hera-header-new .hera-language-menu a {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 7px 4px !important;

  box-sizing: border-box !important;

  text-align: center !important;
  text-decoration: none !important;

  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;

  color: #514a43 !important;

  border: 0 !important;
  border-radius: 5px !important;
}


.hera-header-new .hera-language-menu a:hover {
  background: rgba(181, 139, 85, 0.10) !important;
}


.hera-header-new .hera-language-menu a.active {
  color: #a77d49 !important;
  font-weight: 600 !important;
}



/* =====================================================
   MOBILE LANGUAGE SWITCHER
===================================================== */

.hera-mobile-languages {
  margin: 16px 0 0 !important;
  padding: 16px 0 0 !important;

  border-top: 1px solid rgba(40, 35, 30, 0.12) !important;
}


.hera-mobile-language-label {
  display: block !important;

  margin: 0 0 10px !important;
  padding: 0 !important;

  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 600 !important;

  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;

  color: #9d7447 !important;
}


.hera-mobile-languages > div {
  display: flex !important;
  align-items: center !important;

  gap: 7px !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* Überschreibt die grossen mobilen Menülinks */
.hera-nav-mobile-v2 .hera-mobile-languages a {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 auto !important;

  width: 34px !important;
  height: 30px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;

  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;

  text-decoration: none !important;

  color: #514a43 !important;

  border: 1px solid rgba(40, 35, 30, 0.14) !important;
  border-radius: 999px !important;
}


.hera-nav-mobile-v2 .hera-mobile-languages a.active {
  color: #9a703e !important;
  border-color: #b58b55 !important;
}



/* =====================================================
   RESPONSIVE
===================================================== */

@media (min-width: 768px) {

  .hera-mobile-languages {
    display: none !important;
  }

}


@media (max-width: 767px) {

  .hera-language-switcher {
    display: none !important;
  }

}/* =========================================================
   HERA ACCOUNTS
   LIGHT BEIGE + WHITE THEME
   FINAL COLOUR OVERRIDE
========================================================= */


/* =========================================================
   COLOUR VARIABLES
========================================================= */

:root {
  --hera-white: #ffffff;

  --hera-beige-0: #fdfcf9;
  --hera-beige-1: #faf8f4;
  --hera-beige-2: #f6f2eb;
  --hera-beige-3: #eee7dc;

  --hera-text: #27231f;
  --hera-text-soft: #6f675f;

  --hera-gold: #b58b55;
  --hera-gold-soft: #d8c2a1;

  --hera-border: rgba(39, 35, 31, 0.10);
}


/* =========================================================
   GLOBAL
========================================================= */

html,
body,
.wp-site-blocks,
main,
.site,
.site-main {
  background: var(--hera-white) !important;
  color: var(--hera-text) !important;
}


/* =========================================================
   HEADER
========================================================= */

.hera-header-new {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-header-inner-new {
  background: var(--hera-white) !important;
}

.hera-brand-text-new strong,
.hera-header-new a,
.hera-nav-main-new {
  color: var(--hera-text) !important;
}

.hera-brand-text-new span {
  color: #877d72 !important;
}


/* MEGA MENU */
.hera-mega-menu-new,
.hera-mega-inner-new {
  background: var(--hera-white) !important;
}

.hera-mega-column-new a {
  color: #655d55 !important;
}

.hera-mega-title-new {
  color: var(--hera-text) !important;
}

.hera-mega-line-new {
  background: var(--hera-border) !important;
}


/* =========================================================
   LANGUAGE SWITCHER
========================================================= */

.hera-language-menu {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-language-menu a {
  color: var(--hera-text-soft) !important;
}

.hera-language-menu a.active {
  color: var(--hera-gold) !important;
}


/* =========================================================
   HOME
========================================================= */

.hera-home-hero {
  background: var(--hera-beige-1) !important;
}

.hera-home-solutions {
  background: var(--hera-white) !important;
}

.hera-home-cta {
  background: var(--hera-white) !important;
}

.hera-home-cta-box {
  background: var(--hera-beige-2) !important;
}

.hera-home-medical {
  background: var(--hera-beige-1) !important;
}

.hera-home-about {
  background: var(--hera-white) !important;
}


/* HOME SOLUTION CARDS */
.hera-home-solution-card {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-home-solution-featured {
  background: var(--hera-beige-2) !important;
}


/* =========================================================
   HERA DIGITAL
========================================================= */

.hera-digital-hero {
  background: var(--hera-beige-1) !important;
}

.hera-digital-image-block {
  background: var(--hera-white) !important;
}

.hera-digital-control {
  background: var(--hera-beige-2) !important;
}

.hera-digital-services {
  background: var(--hera-white) !important;
}

.hera-digital-benefit {
  background: var(--hera-beige-2) !important;
}


/* DIGITAL CARDS */
.hera-digital-control-card,
.hera-digital-service-card {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-digital-control-card-highlight,
.hera-digital-service-card-featured {
  background: var(--hera-beige-3) !important;
}


/* =========================================================
   HERA ADVISORY
========================================================= */

.hera-advisory-hero {
  background: var(--hera-beige-1) !important;
}

.hera-advisory-image-block {
  background: var(--hera-white) !important;
}

.hera-advisory-foundation {
  background: var(--hera-beige-2) !important;
}

.hera-advisory-services {
  background: var(--hera-white) !important;
}

.hera-advisory-outcome {
  background: var(--hera-beige-2) !important;
}


/* ADVISORY CARDS */
.hera-advisory-foundation-card,
.hera-advisory-service-card {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-advisory-foundation-card-highlight,
.hera-advisory-service-card-featured {
  background: var(--hera-beige-3) !important;
}


/* =========================================================
   HERA SUCCESSION
========================================================= */

.hera-succession-hero {
  background: var(--hera-beige-1) !important;
}

.hera-succession-image-block {
  background: var(--hera-white) !important;
}

.hera-succession-planning {
  background: var(--hera-beige-2) !important;
}

.hera-succession-services {
  background: var(--hera-white) !important;
}

.hera-succession-security {
  background: var(--hera-beige-2) !important;
}


/* SUCCESSION CARDS */
.hera-succession-planning-card,
.hera-succession-service-card {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-succession-planning-card-highlight,
.hera-succession-service-card-featured {
  background: var(--hera-beige-3) !important;
}


/* =========================================================
   HERA MEDICAL
========================================================= */

.hera-medical-hero {
  background: var(--hera-beige-1) !important;
}

.hera-medical-image-block {
  background: var(--hera-white) !important;
}

.hera-medical-foundation {
  background: var(--hera-beige-2) !important;
}

.hera-medical-services {
  background: var(--hera-white) !important;
}

.hera-medical-evolution {
  background: var(--hera-beige-2) !important;
}


/* MEDICAL CARDS */
.hera-medical-foundation-card,
.hera-medical-service-card {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-medical-foundation-card-highlight,
.hera-medical-service-card-featured {
  background: var(--hera-beige-3) !important;
}


/* =========================================================
   ABOUT US
========================================================= */

.hera-about-hero {
  background: var(--hera-beige-1) !important;
}

.hera-about-story {
  background: var(--hera-white) !important;
}

.hera-about-team {
  background: var(--hera-beige-1) !important;
}

.hera-about-values {
  background: var(--hera-white) !important;
}

.hera-about-cta {
  background: var(--hera-beige-2) !important;
}


/* ABOUT CARDS / DETAILS */
.hera-about-person,
.hera-about-languages,
.hera-about-value {
  border-color: var(--hera-border) !important;
}


/* =========================================================
   INSIGHTS
========================================================= */

.ha-wissen-modern {
  background: var(--hera-beige-1) !important;
}

.ha-wissen-card {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.ha-wissen-card:first-child {
  background: var(--hera-beige-3) !important;
}


/* =========================================================
   CONTACT
========================================================= */

.hera-contact,
.hera-contact-section {
  background: var(--hera-white) !important;
}

.hera-contact-content {
  background: var(--hera-beige-2) !important;
}

.hera-contact-detail {
  border-color: var(--hera-border) !important;
}


/* =========================================================
   TYPOGRAPHY
========================================================= */

.hera-home-hero h1,
.hera-home-solutions h2,
.hera-home-cta h2,
.hera-home-medical h2,
.hera-home-about h2,

.hera-digital-hero h1,
.hera-digital-control h2,
.hera-digital-services h2,
.hera-digital-benefit h2,

.hera-advisory-hero h1,
.hera-advisory-foundation h2,
.hera-advisory-services h2,
.hera-advisory-outcome h2,

.hera-succession-hero h1,
.hera-succession-planning h2,
.hera-succession-services h2,
.hera-succession-security h2,

.hera-medical-hero h1,
.hera-medical-foundation h2,
.hera-medical-services h2,
.hera-medical-evolution h2,

.hera-about-hero h1,
.hera-about-story h2,
.hera-about-team h2,
.hera-about-values h2,
.hera-about-cta h2,

.ha-wissen-modern h1,
.ha-wissen-modern h2 {
  color: var(--hera-text) !important;
}


/* SECONDARY TEXT */
.hera-home-lead,
.hera-home-solutions-intro,
.hera-digital-hero-lead,
.hera-advisory-hero-lead,
.hera-succession-hero-lead,
.hera-medical-lead,
.hera-about-lead,
.hera-contact-lead {
  color: var(--hera-text-soft) !important;
}


/* =========================================================
   EYEBROWS / LABELS / NUMBERS
========================================================= */

.hera-section-eyebrow,
.hera-home-eyebrow,
.hera-about-eyebrow,
.hera-medical-eyebrow,

.hera-home-solution-label,
.hera-digital-control-label,
.hera-digital-benefit-label,
.hera-advisory-foundation-label,
.hera-advisory-outcome-label,
.hera-succession-planning-label,
.hera-succession-security-label,
.hera-medical-foundation-label,

.hera-about-person-role,
.ha-wissen-kicker {
  color: var(--hera-gold) !important;
}


/* =========================================================
   LINKS
========================================================= */

.hera-home-solution-link,
.hera-home-medical-link,
.hera-home-about-link,

.hera-digital-services a,
.hera-digital-benefit-link,

.hera-advisory-services a,
.hera-advisory-outcome-link,

.hera-succession-services a,
.hera-succession-security-link,

.hera-medical-services a,
.hera-medical-evolution-link,

.ha-wissen-card > a {
  color: #9b7448 !important;
}


/* =========================================================
   BUTTONS
========================================================= */

.hera-button-primary {
  background: var(--hera-text) !important;
  border-color: var(--hera-text) !important;
  color: var(--hera-white) !important;
}

.hera-button-primary:hover {
  background: #3b3530 !important;
  border-color: #3b3530 !important;
  color: var(--hera-white) !important;
}


/* GOLD OUTLINE BUTTONS */
.hera-button-secondary,
.hera-cta-new {
  background: transparent !important;

  border-color: var(--hera-gold) !important;

  color: var(--hera-text) !important;
}

.hera-button-secondary:hover,
.hera-cta-new:hover {
  background: var(--hera-gold) !important;

  border-color: var(--hera-gold) !important;

  color: var(--hera-white) !important;
}


/* =========================================================
   BORDERS / DIVIDERS
========================================================= */

.hera-digital-principle,
.hera-advisory-principle,
.hera-succession-principle,
.hera-medical-focus-item,

.hera-digital-benefit-step,
.hera-advisory-outcome-step,
.hera-succession-security-step,

.hera-about-story-step {
  border-color: var(--hera-border) !important;
}


/* =========================================================
   MOBILE MENU
========================================================= */

.hera-mobile-menu-inner-v2,
.hera-mobile-solutions-inner-v2,
.hera-mobile-category-v2 > div {
  background: var(--hera-white) !important;
}

.hera-nav-mobile-v2 a,
.hera-mobile-category-v2 summary,
.hera-mobile-solutions-v2 summary {
  color: var(--hera-text) !important;
}

.hera-mobile-languages {
  border-color: var(--hera-border) !important;
}


/* =========================================================
   FOOTER
   BLEIBT BEWUSST DUNKEL
========================================================= */

.hera-footer {
  background: #1f1d1a !important;
  color: #f7f3ed !important;
}

.hera-footer h4,
.hera-footer a,
.hera-footer span,
.hera-footer-bottom {
  color: #f7f3ed !important;
}

.hera-footer a:hover {
  color: var(--hera-gold-soft) !important;
}

.hera-footer-divider {
  background: rgba(255,255,255,0.14) !important;
}/* =========================================================
   HERA – LIGHTER FEATURED AREAS
========================================================= */


/* HERA MEDICAL FEATURED CARD */
.hera-home-solution-featured {
  background: #FAFAF8 !important;
}


/* HOME CTA BOX */
.hera-home-cta-box {
  background: #FFFFFF !important;

  border: 1px solid rgba(39, 35, 31, 0.08) !important;
}


/* OPTIONAL:
   falls der CTA-Bereich selbst noch beige wirkt */
.hera-home-cta {
  background: #FAFAF8 !important;
}


/* OPTIONAL:
   übrige hervorgehobene Karten ebenfalls etwas heller */
.hera-digital-service-card-featured,
.hera-advisory-service-card-featured,
.hera-succession-service-card-featured,
.hera-medical-service-card-featured {
  background: #FAFAF8 !important;
}


/* HIGHLIGHT-CARDS IN ZWEISPALTIGEN BEREICHEN */
.hera-digital-control-card-highlight,
.hera-advisory-foundation-card-highlight,
.hera-succession-planning-card-highlight,
.hera-medical-foundation-card-highlight {
  background: #F7F5F1 !important;
}/* =========================================================
   HERA CONTACT – LIGHTER VERSION
========================================================= */

.hera-contact-content {
  background: #FCFBF8 !important;

  border: 1px solid rgba(39, 35, 31, 0.08) !important;

  border-radius: 14px !important;

  box-shadow: none !important;
}


/* Eyebrow */
.hera-contact-eyebrow {
  color: #B58B55 !important;
}


/* Heading */
.hera-contact-content h2 {
  color: #27231F !important;
}


/* Lead text */
.hera-contact-lead {
  color: #6F675F !important;
}


/* Contact rows */
.hera-contact-detail {
  background: transparent !important;

  border-color: rgba(39, 35, 31, 0.10) !important;
}


/* Icons */
.hera-contact-icon {
  border-color: #C9AA7B !important;
  color: #A77D49 !important;
}


/* Small labels */
.hera-contact-detail small {
  color: #A77D49 !important;
}


/* Main contact text */
.hera-contact-detail strong {
  color: #27231F !important;
}/* =========================================================
   HERA CONTACT – SAME LIGHT BEIGE AS CTA
========================================================= */

/* kompletter Kontaktbereich */
.hera-contact,
.hera-contact-section,
.wp-block-group:has(.hera-contact-content) {
  background: #FAF8F4 !important;
}


/* linke Kontaktbox */
.hera-contact-content {
  background: #FFFFFF !important;

  border: 1px solid rgba(39, 35, 31, 0.08) !important;

  border-radius: 14px !important;

  box-shadow: none !important;
}


/* Formularbereich */
.hera-contact-form,
.wp-block-jetpack-contact-form-container,
.wp-block-jetpack-contact-form {
  background: #FFFFFF !important;

  border-radius: 14px !important;

  box-shadow: 0 12px 34px rgba(39, 35, 31, 0.06) !important;
}


/* falls ein übergeordneter Spaltenblock weiss bleibt */
.wp-block-columns:has(.hera-contact-content) {
  background: #FAF8F4 !important;
}


/* etwas mehr Luft oben/unten */
.wp-block-group:has(.hera-contact-content) {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}/* =========================================================
   CONTACT FORM – REMOVE OUTER WHITE FRAME
========================================================= */

/* Äusseren Formular-Wrapper transparent machen */
.hera-contact-form,
.wp-block-jetpack-contact-form-container,
.wp-block-jetpack-contact-form {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}


/* eventuell zusätzlicher WordPress-/Jetpack-Wrapper */
.hera-contact-form > div,
.wp-block-jetpack-contact-form-container > div {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}


/* Das eigentliche Formular bleibt weiss */
.hera-contact-form form,
.wp-block-jetpack-contact-form form,
.contact-form {
  background: #FFFFFF !important;

  border: 1px solid rgba(39, 35, 31, 0.06) !important;
  border-radius: 14px !important;

  box-shadow: 0 12px 34px rgba(39, 35, 31, 0.05) !important;

  padding: 36px 40px !important;

  box-sizing: border-box !important;
}


/* Falls WordPress dem Formular selbst noch Margin gibt */
.hera-contact-form form,
.wp-block-jetpack-contact-form form {
  margin: 0 !important;
}/* =========================================================
   HERA ACCOUNTS – DATENSCHUTZ
   ========================================================= */

.hera-privacy-page,
.hera-privacy-page * {
  box-sizing: border-box;
}

.hera-privacy-page {
  width: 100%;
  margin: 0;
  padding: 136px 32px 120px;
  background: #f2efe9;
  color: #22211f;
}

.hera-privacy-inner {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.hera-privacy-header {
  max-width: 820px;
  margin: 0 0 92px;
}

.hera-privacy-eyebrow {
  display: inline-block;
  margin-bottom: 23px;
  color: #948676;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2.3px;
  line-height: 1.4;
  text-transform: uppercase;
}

.hera-privacy-header h1 {
  margin: 0 0 24px;
  color: #22211f;
  font-size: clamp(46px, 6.3vw, 76px);
  font-weight: 500;
  letter-spacing: -3px;
  line-height: 1.05;
}

.hera-privacy-intro {
  max-width: 740px;
  margin: 0;
  color: #625d56;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.85;
}

.hera-privacy-line {
  display: block;
  width: 78px;
  height: 1px;
  margin-top: 34px;
  background: #a6957d;
}

.hera-privacy-updated {
  margin: 18px 0 0;
  color: #8b8378;
  font-size: 13px;
  line-height: 1.6;
}


/* =========================================================
   INHALT
   ========================================================= */

.hera-privacy-content {
  width: 100%;
}

.hera-privacy-section {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  column-gap: 34px;
  padding: 39px 0 43px;
  border-top: 1px solid rgba(53, 47, 40, 0.14);
}

.hera-privacy-section:last-child {
  border-bottom: 1px solid rgba(53, 47, 40, 0.14);
}

.hera-privacy-number {
  padding-top: 5px;
  color: #9c8f7e;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1.2px;
  line-height: 1.6;
}

.hera-privacy-text {
  max-width: 815px;
}

.hera-privacy-text h2 {
  margin: 0 0 19px;
  color: #26231f;
  font-size: 27px;
  font-weight: 500;
  letter-spacing: -0.45px;
  line-height: 1.3;
}

.hera-privacy-text p {
  margin: 0 0 17px;
  color: #5f5a53;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.9;
}

.hera-privacy-text p:last-child {
  margin-bottom: 0;
}


/* =========================================================
   LISTEN
   ========================================================= */

.hera-privacy-text ul {
  margin: 3px 0 21px;
  padding-left: 19px;
}

.hera-privacy-text li {
  margin: 0 0 9px;
  padding-left: 5px;
  color: #5f5a53;
  font-size: 16px;
  line-height: 1.8;
}

.hera-privacy-text li:last-child {
  margin-bottom: 0;
}

.hera-privacy-text li::marker {
  color: #a6957d;
}


/* =========================================================
   KONTAKTBLOCK
   ========================================================= */

.hera-privacy-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  margin: 22px 0;
  padding: 23px 25px;
  background: rgba(255, 255, 255, 0.34);
  border: 1px solid rgba(53, 47, 40, 0.08);
  border-radius: 4px;
}

.hera-privacy-contact strong {
  margin-bottom: 4px;
  color: #25231f;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
}

.hera-privacy-contact span {
  color: #5f5a53;
  font-size: 15px;
  line-height: 1.65;
}

.hera-privacy-contact a {
  margin-top: 8px;
  color: #6f624f;
  font-size: 15px;
  text-decoration: none;
  transition: color 0.25s ease;
}

.hera-privacy-contact a:hover {
  color: #22211f;
}


/* =========================================================
   LINKS
   ========================================================= */

.hera-privacy-external-link,
.hera-privacy-mail {
  display: table;
  max-width: 100%;
  margin: 10px 0;
  padding-bottom: 3px;
  color: #6e604e;
  font-size: 15px;
  line-height: 1.65;
  text-decoration: none;
  overflow-wrap: anywhere;
  border-bottom: 1px solid rgba(110, 96, 78, 0.45);
  transition:
    color 0.25s ease,
    border-color 0.25s ease;
}

.hera-privacy-external-link:hover,
.hera-privacy-mail:hover {
  color: #22211f;
  border-color: #22211f;
}


/* =========================================================
   CTA
   ========================================================= */

.hera-privacy-cta {
  margin-top: 86px;
  padding: 58px 62px;
  background: #242320;
  color: #f2efe9;
  border-radius: 5px;
}

.hera-privacy-cta-eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  color: #b5a58f;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.5;
  text-transform: uppercase;
}

.hera-privacy-cta h2 {
  margin: 0 0 15px;
  color: #f2efe9;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -1.2px;
  line-height: 1.15;
}

.hera-privacy-cta p {
  max-width: 610px;
  margin: 0 0 27px;
  color: rgba(242, 239, 233, 0.77);
  font-size: 16px;
  line-height: 1.85;
}

.hera-privacy-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 47px;
  padding: 12px 22px;
  color: #242320;
  background: #f2efe9;
  border: 1px solid #f2efe9;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-decoration: none;
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease;
}

.hera-privacy-cta-button:hover {
  color: #f2efe9;
  background: transparent;
  border-color: #f2efe9;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .hera-privacy-page {
    padding: 115px 44px 105px;
  }

  .hera-privacy-header {
    margin-bottom: 75px;
  }

  .hera-privacy-header h1 {
    font-size: 62px;
    letter-spacing: -2px;
  }

  .hera-privacy-intro {
    font-size: 17px;
  }

  .hera-privacy-section {
    grid-template-columns: 68px minmax(0, 1fr);
    column-gap: 26px;
    padding: 35px 0 39px;
  }

  .hera-privacy-text h2 {
    font-size: 25px;
  }

  .hera-privacy-cta {
    margin-top: 72px;
    padding: 49px 48px;
  }

  .hera-privacy-cta h2 {
    font-size: 36px;
  }
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

  .hera-privacy-page {
    padding: 88px 22px 78px;
  }

  .hera-privacy-header {
    margin-bottom: 57px;
  }

  .hera-privacy-eyebrow {
    margin-bottom: 17px;
    font-size: 10px;
    letter-spacing: 1.9px;
  }

  .hera-privacy-header h1 {
    margin-bottom: 18px;
    font-size: clamp(38px, 9vw, 54px);
    letter-spacing: -1.6px;
    line-height: 1.08;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  .hera-privacy-intro {
    font-size: 15px;
    line-height: 1.8;
  }

  .hera-privacy-line {
    width: 64px;
    margin-top: 27px;
  }

  .hera-privacy-updated {
    margin-top: 15px;
    font-size: 12px;
  }

  .hera-privacy-section {
    grid-template-columns: 1fr;
    row-gap: 10px;
    padding: 27px 0 31px;
  }

  .hera-privacy-number {
    padding-top: 0;
    font-size: 11px;
  }

  .hera-privacy-text {
    max-width: 100%;
  }

  .hera-privacy-text h2 {
    margin-bottom: 15px;
    font-size: 22px;
    letter-spacing: -0.25px;
    line-height: 1.35;
  }

  .hera-privacy-text p {
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.85;
  }

  .hera-privacy-text ul {
    margin-bottom: 17px;
    padding-left: 18px;
  }

  .hera-privacy-text li {
    margin-bottom: 7px;
    padding-left: 3px;
    font-size: 14px;
    line-height: 1.75;
  }

  .hera-privacy-contact {
    margin: 18px 0;
    padding: 19px;
  }

  .hera-privacy-contact strong {
    font-size: 15px;
  }

  .hera-privacy-contact span,
  .hera-privacy-contact a {
    font-size: 14px;
  }

  .hera-privacy-external-link,
  .hera-privacy-mail {
    font-size: 14px;
  }

  .hera-privacy-cta {
    margin-top: 56px;
    padding: 38px 25px;
  }

  .hera-privacy-cta-eyebrow {
    margin-bottom: 15px;
    font-size: 10px;
    letter-spacing: 1.7px;
  }

  .hera-privacy-cta h2 {
    margin-bottom: 12px;
    font-size: 32px;
    letter-spacing: -0.8px;
  }

  .hera-privacy-cta p {
    margin-bottom: 23px;
    font-size: 14px;
    line-height: 1.8;
  }

  .hera-privacy-cta-button {
    width: 100%;
    min-height: 46px;
    font-size: 13px;
  }
}


/* =========================================================
   KLEINE SMARTPHONES
   ========================================================= */

@media (max-width: 390px) {

  .hera-privacy-page {
    padding-right: 18px;
    padding-left: 18px;
  }

  .hera-privacy-header h1 {
    font-size: 36px;
  }

  .hera-privacy-text h2 {
    font-size: 20px;
  }

  .hera-privacy-cta {
    padding: 33px 20px;
  }

  .hera-privacy-cta h2 {
    font-size: 29px;
  }
}/* ==================================================
   SPRACHEN – VERLINKUNG OHNE STANDARD-LINKDESIGN
================================================== */

.hera-home-about-languages div span a,
.hera-home-about-languages div span a:visited {
  display: block;
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-decoration: none;
  transition:
    color 0.25s ease,
    opacity 0.25s ease;
}

.hera-home-about-languages div span a:hover,
.hera-home-about-languages div span a:focus {
  color: inherit;
  text-decoration: none;
  opacity: 0.7;
}

.hera-home-about-languages div span a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
  border-radius: 2px;
}/* ==================================================
   DEUTSCHES KONTAKTFORMULAR:
   "(required)" durch "(erforderlich)" ersetzen
================================================== */

body.page-id-130 .hera-contact-right .grunion-label-required,
body.page-id-130 .hera-contact-right .grunion-field-label-required,
body.page-id-130 .hera-contact-right label span {
  font-size: 0 !important;
}

body.page-id-130 .hera-contact-right .grunion-label-required::after,
body.page-id-130 .hera-contact-right .grunion-field-label-required::after,
body.page-id-130 .hera-contact-right label span::after {
  content: " (erforderlich)" !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #777 !important;
}/* ==================================================
   SPRACHLINKS – BESTEHENDES DESIGN BEIBEHALTEN
================================================== */

.hera-about-language-list span a,
.hera-about-language-list span a:link,
.hera-about-language-list span a:visited,
.hera-about-language-list span a:hover,
.hera-about-language-list span a:active {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
}

.hera-about-language-list span a {
  display: block;
  transition: opacity 0.25s ease;
}

.hera-about-language-list span a:hover {
  opacity: 0.7;
}/* ==================================================
   SPRACHLINKS – KEINE BLAUE SCHRIFT
================================================== */

.hera-home-about-languages div span a,
.hera-home-about-languages div span a:link,
.hera-home-about-languages div span a:visited,
.hera-home-about-languages div span a:hover,
.hera-home-about-languages div span a:active {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
}

.hera-home-about-languages div span a {
  display: block;
  transition: opacity 0.25s ease;
}

.hera-home-about-languages div span a:hover {
  opacity: 0.7;
}/* ==================================================
   SPRACHLINKS – OHNE BLAUE SCHRIFT
================================================== */

.hera-about-language-list span a,
.hera-about-language-list span a:link,
.hera-about-language-list span a:visited,
.hera-about-language-list span a:hover,
.hera-about-language-list span a:active {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
}

.hera-about-language-list span a {
  display: block;
  transition: opacity 0.25s ease;
}

.hera-about-language-list span a:hover {
  opacity: 0.7;
}/* ==================================================
   ENLACES DE IDIOMAS – SIN TEXTO AZUL
================================================== */

.hera-home-about-languages div span a,
.hera-home-about-languages div span a:link,
.hera-home-about-languages div span a:visited,
.hera-home-about-languages div span a:hover,
.hera-home-about-languages div span a:active {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
}

.hera-home-about-languages div span a {
  display: block;
  transition: opacity 0.25s ease;
}

.hera-home-about-languages div span a:hover {
  opacity: 0.7;
}/* ==================================================
   LIENS DES LANGUES – SANS TEXTE BLEU
================================================== */

.hera-home-about-languages div span a,
.hera-home-about-languages div span a:link,
.hera-home-about-languages div span a:visited,
.hera-home-about-languages div span a:hover,
.hera-home-about-languages div span a:active {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
}

.hera-home-about-languages div span a {
  display: block;
  transition: opacity 0.25s ease;
}

.hera-home-about-languages div span a:hover {
  opacity: 0.7;
}/* ==================================================
   SPRACHLINKS – OHNE BLAUE SCHRIFT
================================================== */

.hera-about-language-list span a,
.hera-about-language-list span a:link,
.hera-about-language-list span a:visited,
.hera-about-language-list span a:hover,
.hera-about-language-list span a:active {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
}

.hera-about-language-list span a {
  display: block;
  transition: opacity 0.25s ease;
}

.hera-about-language-list span a:hover {
  opacity: 0.7;
}/* =========================================================
   HERA ACCOUNTS – UNDER CONSTRUCTION
   ========================================================= */

.hera-coming-soon,
.hera-coming-soon * {
  box-sizing: border-box;
}

.hera-coming-soon {
  --hera-bg: #f2efe9;
  --hera-dark: #161616;
  --hera-gold: #b69b62;
  --hera-text: #4d4a45;
  --hera-border: rgba(22, 22, 22, 0.15);

  position: relative;
  width: 100%;
  min-height: 100svh;
  overflow: hidden;
  background: var(--hera-bg);
  color: var(--hera-dark);
  font-family: Arial, Helvetica, sans-serif;
}

.hera-coming-soon-decoration {
  position: absolute;
  top: -23vw;
  right: -18vw;
  width: 62vw;
  height: 62vw;
  min-width: 650px;
  min-height: 650px;
  border: 1px solid rgba(182, 155, 98, 0.28);
  border-radius: 50%;
  pointer-events: none;
}

.hera-coming-soon-decoration::before,
.hera-coming-soon-decoration::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.hera-coming-soon-decoration::before {
  inset: 11%;
  border: 1px solid rgba(182, 155, 98, 0.17);
}

.hera-coming-soon-decoration::after {
  inset: 22%;
  border: 1px solid rgba(182, 155, 98, 0.11);
}

.hera-coming-soon-inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  width: min(100% - 64px, 1320px);
  min-height: 100svh;
  margin: 0 auto;
  padding: 42px 0 34px;
}


/* MARKE */

.hera-coming-soon-brand {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 15px;
  color: var(--hera-dark);
  text-decoration: none;
}

.hera-coming-soon-symbol {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  border: 1px solid var(--hera-gold);
  border-radius: 50%;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 23px;
  font-weight: 400;
  color: var(--hera-dark);
}

.hera-coming-soon-brand-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hera-coming-soon-brand-text strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.13em;
}

.hera-coming-soon-brand-text small {
  color: #6a665f;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}


/* HAUPTINHALT */

.hera-coming-soon-content {
  width: min(690px, 100%);
  margin: auto 0;
  padding: 80px 0 64px;
}

.hera-coming-soon-eyebrow {
  display: block;
  margin-bottom: 30px;
  color: #8d7548;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.2em;
}

.hera-coming-soon h1 {
  max-width: 800px;
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(58px, 7vw, 106px);
  font-weight: 400;
  line-height: 0.91;
  letter-spacing: -0.05em;
}

.hera-coming-soon-lead {
  max-width: 640px;
  margin: 36px 0 0;
  color: var(--hera-text);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(19px, 2vw, 24px);
  line-height: 1.55;
}

.hera-coming-soon-line {
  width: 72px;
  height: 1px;
  margin: 34px 0;
  background: var(--hera-gold);
}

.hera-coming-soon-note {
  max-width: 510px;
  margin: 0 0 30px;
  color: #5f5b54;
  font-size: 14px;
  line-height: 1.75;
}

.hera-coming-soon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  min-height: 54px;
  padding: 0 25px;
  border: 1px solid var(--hera-dark);
  background: var(--hera-dark);
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.hera-coming-soon-button span {
  font-size: 19px;
  font-weight: 300;
  transition: transform 0.25s ease;
}

.hera-coming-soon-button:hover {
  background: transparent;
  color: var(--hera-dark);
  transform: translateY(-2px);
}

.hera-coming-soon-button:hover span {
  transform: translateX(4px);
}


/* LEISTUNGSÜBERSICHT */

.hera-coming-soon-services {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--hera-border);
}

.hera-coming-soon-service {
  display: flex;
  flex-direction: column;
  gap: 13px;
  min-height: 106px;
  padding: 23px 24px;
  border-right: 1px solid var(--hera-border);
}

.hera-coming-soon-service:first-child {
  padding-left: 0;
}

.hera-coming-soon-service:last-child {
  border-right: 0;
}

.hera-coming-soon-service span {
  color: #927a4c;
  font-size: 10px;
  letter-spacing: 0.16em;
}

.hera-coming-soon-service strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
}


/* FOOTER */

.hera-coming-soon-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  padding-top: 24px;
  border-top: 1px solid var(--hera-border);
  color: #6d6962;
  font-size: 11px;
  line-height: 1.7;
}

.hera-coming-soon-footer > div:first-child {
  display: flex;
  flex-direction: column;
}

.hera-coming-soon-footer strong {
  color: var(--hera-dark);
  font-weight: 600;
  letter-spacing: 0.04em;
}

.hera-coming-soon-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 24px;
}

.hera-coming-soon-footer a {
  color: #5e5a53;
  text-decoration: none;
  transition: color 0.2s ease;
}

.hera-coming-soon-footer a:hover {
  color: var(--hera-gold);
}


/* TABLET */

@media (max-width: 900px) {

  .hera-coming-soon-inner {
    width: min(100% - 48px, 760px);
    padding-top: 32px;
  }

  .hera-coming-soon-content {
    padding: 100px 0 80px;
  }

  .hera-coming-soon-services {
    grid-template-columns: repeat(2, 1fr);
  }

  .hera-coming-soon-service {
    border-bottom: 1px solid var(--hera-border);
  }

  .hera-coming-soon-service:nth-child(2) {
    border-right: 0;
  }

  .hera-coming-soon-service:nth-child(3) {
    padding-left: 0;
    border-bottom: 0;
  }

  .hera-coming-soon-service:nth-child(4) {
    border-right: 0;
    border-bottom: 0;
  }

}


/* MOBILE */

@media (max-width: 600px) {

  .hera-coming-soon-inner {
    width: calc(100% - 38px);
    padding: 24px 0;
  }

  .hera-coming-soon-decoration {
    top: -210px;
    right: -330px;
    min-width: 590px;
    min-height: 590px;
  }

  .hera-coming-soon-symbol {
    width: 43px;
    height: 43px;
    font-size: 20px;
  }

  .hera-coming-soon-brand {
    gap: 11px;
  }

  .hera-coming-soon-brand-text strong {
    font-size: 14px;
  }

  .hera-coming-soon-brand-text small {
    max-width: 210px;
    font-size: 8px;
    line-height: 1.4;
  }

  .hera-coming-soon-content {
    margin: 0;
    padding: 95px 0 78px;
  }

  .hera-coming-soon-eyebrow {
    max-width: 290px;
    margin-bottom: 23px;
    font-size: 9px;
    line-height: 1.7;
  }

  .hera-coming-soon h1 {
    font-size: clamp(51px, 15vw, 70px);
    line-height: 0.96;
  }

  .hera-coming-soon-lead {
    margin-top: 27px;
    font-size: 18px;
    line-height: 1.55;
  }

  .hera-coming-soon-line {
    margin: 27px 0;
  }

  .hera-coming-soon-note {
    font-size: 13px;
    line-height: 1.7;
  }

  .hera-coming-soon-button {
    width: 100%;
    justify-content: space-between;
  }

  .hera-coming-soon-services {
    grid-template-columns: 1fr;
  }

  .hera-coming-soon-service,
  .hera-coming-soon-service:first-child,
  .hera-coming-soon-service:nth-child(3) {
    min-height: auto;
    padding: 19px 0;
    border-right: 0;
    border-bottom: 1px solid var(--hera-border);
  }

  .hera-coming-soon-service:last-child {
    border-bottom: 0;
  }

  .hera-coming-soon-footer {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 6px;
  }

  .hera-coming-soon-footer-links {
    justify-content: flex-start;
  }

}


/* KLEINE BILDSCHIRMHÖHE */

@media (min-width: 901px) and (max-height: 850px) {

  .hera-coming-soon-inner {
    padding-top: 28px;
  }

  .hera-coming-soon-content {
    padding: 50px 0;
  }

  .hera-coming-soon h1 {
    font-size: clamp(58px, 6vw, 86px);
  }

  .hera-coming-soon-lead {
    margin-top: 26px;
  }

  .hera-coming-soon-line {
    margin: 25px 0;
  }

}/* =========================================================
   HERA ACCOUNTS – UNDER CONSTRUCTION
   KOMPLETTER CSS-CODE
   ========================================================= */


/* GRUNDEINSTELLUNGEN */

.hera-coming-soon,
.hera-coming-soon * {
  box-sizing: border-box;
}

.hera-coming-soon {
  --hera-bg: #f2efe9;
  --hera-dark: #161616;
  --hera-gold: #b69b62;
  --hera-text: #4d4a45;
  --hera-muted: #6a665f;
  --hera-border: rgba(22, 22, 22, 0.15);

  position: relative;
  width: 100%;
  min-height: 100vh;
  min-height: 100svh;
  margin: 0;
  overflow: hidden;
  background-color: var(--hera-bg);
  color: var(--hera-dark);
  font-family: Arial, Helvetica, sans-serif;
}


/* DEKORATIVE KREISE */

.hera-coming-soon-decoration {
  position: absolute;
  top: -23vw;
  right: -18vw;
  width: 62vw;
  height: 62vw;
  min-width: 650px;
  min-height: 650px;
  border: 1px solid rgba(182, 155, 98, 0.28);
  border-radius: 50%;
  pointer-events: none;
}

.hera-coming-soon-decoration::before,
.hera-coming-soon-decoration::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.hera-coming-soon-decoration::before {
  inset: 11%;
  border: 1px solid rgba(182, 155, 98, 0.17);
}

.hera-coming-soon-decoration::after {
  inset: 22%;
  border: 1px solid rgba(182, 155, 98, 0.11);
}


/* INHALTSBEREICH */

.hera-coming-soon-inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  width: min(calc(100% - 64px), 1320px);
  min-height: 100vh;
  min-height: 100svh;
  margin: 0 auto;
  padding: 42px 0 34px;
}


/* =========================================================
   LOGO UND MARKE
   ========================================================= */

.hera-coming-soon-brand {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 16px;
  margin: 0;
  color: var(--hera-dark);
  text-decoration: none;
}

.hera-coming-soon-logo {
  display: block;
  width: 58px;
  height: 58px;
  max-width: none;
  flex-shrink: 0;
  object-fit: contain;
}

.hera-coming-soon-brand-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hera-coming-soon-brand-text strong {
  margin: 0;
  color: var(--hera-dark);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.13em;
}

.hera-coming-soon-brand-text small {
  margin: 0;
  color: var(--hera-muted);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}


/* =========================================================
   HAUPTINHALT
   ========================================================= */

.hera-coming-soon-content {
  width: min(690px, 100%);
  margin: auto 0;
  padding: 80px 0 64px;
}

.hera-coming-soon-eyebrow {
  display: block;
  margin: 0 0 30px;
  color: #8d7548;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.hera-coming-soon h1 {
  max-width: 800px;
  margin: 0;
  padding: 0;
  color: var(--hera-dark);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(58px, 7vw, 106px);
  font-weight: 400;
  line-height: 0.91;
  letter-spacing: -0.05em;
}

.hera-coming-soon-lead {
  max-width: 640px;
  margin: 36px 0 0;
  padding: 0;
  color: var(--hera-text);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(19px, 2vw, 24px);
  font-weight: 400;
  line-height: 1.55;
}

.hera-coming-soon-line {
  display: block;
  width: 72px;
  height: 1px;
  margin: 34px 0;
  background-color: var(--hera-gold);
}

.hera-coming-soon-note {
  max-width: 510px;
  margin: 0 0 30px;
  padding: 0;
  color: #5f5b54;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
}


/* KONTAKTBUTTON */

.hera-coming-soon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  min-height: 54px;
  margin: 0;
  padding: 0 25px;
  border: 1px solid var(--hera-dark);
  background-color: var(--hera-dark);
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.12em;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.hera-coming-soon-button span {
  display: inline-block;
  font-size: 19px;
  font-weight: 300;
  line-height: 1;
  transition: transform 0.25s ease;
}

.hera-coming-soon-button:hover,
.hera-coming-soon-button:focus {
  background-color: transparent;
  color: var(--hera-dark);
  transform: translateY(-2px);
}

.hera-coming-soon-button:hover span,
.hera-coming-soon-button:focus span {
  transform: translateX(4px);
}


/* =========================================================
   FOOTER
   ========================================================= */

.hera-coming-soon-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  margin: 0;
  padding-top: 24px;
  border-top: 1px solid var(--hera-border);
  color: #6d6962;
  font-size: 11px;
  line-height: 1.7;
}

.hera-coming-soon-footer > div:first-child {
  display: flex;
  flex-direction: column;
}

.hera-coming-soon-footer strong {
  color: var(--hera-dark);
  font-weight: 600;
  letter-spacing: 0.04em;
}

.hera-coming-soon-footer span {
  color: #6d6962;
}

.hera-coming-soon-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 24px;
}

.hera-coming-soon-footer a {
  color: #5e5a53;
  text-decoration: none;
  transition: color 0.2s ease;
}

.hera-coming-soon-footer a:hover,
.hera-coming-soon-footer a:focus {
  color: var(--hera-gold);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

  .hera-coming-soon-inner {
    width: min(calc(100% - 48px), 760px);
    padding: 32px 0 28px;
  }

  .hera-coming-soon-decoration {
    top: -250px;
    right: -320px;
    width: 720px;
    height: 720px;
    min-width: 0;
    min-height: 0;
  }

  .hera-coming-soon-content {
    width: min(650px, 100%);
    padding: 100px 0 80px;
  }

  .hera-coming-soon h1 {
    font-size: clamp(62px, 10vw, 88px);
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

  .hera-coming-soon {
    min-height: 100vh;
    min-height: 100svh;
    overflow-y: auto;
  }

  .hera-coming-soon-inner {
    width: calc(100% - 38px);
    min-height: 100vh;
    min-height: 100svh;
    padding: 24px 0;
  }

  .hera-coming-soon-decoration {
    top: -210px;
    right: -330px;
    width: 590px;
    height: 590px;
  }


  /* MOBILE LOGO */

  .hera-coming-soon-brand {
    gap: 12px;
  }

  .hera-coming-soon-logo {
    width: 48px;
    height: 48px;
  }

  .hera-coming-soon-brand-text {
    gap: 3px;
  }

  .hera-coming-soon-brand-text strong {
    font-size: 14px;
    letter-spacing: 0.11em;
  }

  .hera-coming-soon-brand-text small {
    max-width: 210px;
    font-size: 8px;
    line-height: 1.4;
    letter-spacing: 0.07em;
  }


  /* MOBILE INHALT */

  .hera-coming-soon-content {
    width: 100%;
    margin: 0;
    padding: 88px 0 72px;
  }

  .hera-coming-soon-eyebrow {
    max-width: 290px;
    margin-bottom: 23px;
    font-size: 9px;
    line-height: 1.7;
    letter-spacing: 0.17em;
  }

  .hera-coming-soon h1 {
    max-width: 100%;
    font-size: clamp(48px, 15vw, 68px);
    line-height: 0.96;
    letter-spacing: -0.045em;
  }

  .hera-coming-soon-lead {
    margin-top: 27px;
    font-size: 18px;
    line-height: 1.55;
  }

  .hera-coming-soon-line {
    margin: 27px 0;
  }

  .hera-coming-soon-note {
    margin-bottom: 25px;
    font-size: 13px;
    line-height: 1.7;
  }

  .hera-coming-soon-button {
    width: 100%;
    justify-content: space-between;
    min-height: 54px;
  }


  /* MOBILE FOOTER */

  .hera-coming-soon-footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 17px;
    padding-top: 20px;
  }

  .hera-coming-soon-footer-links {
    justify-content: flex-start;
    gap: 7px 18px;
  }

}


/* =========================================================
   SEHR KLEINE SMARTPHONES
   ========================================================= */

@media (max-width: 380px) {

  .hera-coming-soon-inner {
    width: calc(100% - 30px);
  }

  .hera-coming-soon-logo {
    width: 43px;
    height: 43px;
  }

  .hera-coming-soon-brand-text strong {
    font-size: 13px;
  }

  .hera-coming-soon-brand-text small {
    max-width: 180px;
    font-size: 7px;
  }

  .hera-coming-soon-content {
    padding: 72px 0 60px;
  }

  .hera-coming-soon h1 {
    font-size: 46px;
  }

}


/* =========================================================
   KLEINE DESKTOP-BILDSCHIRMHÖHEN
   ========================================================= */

@media (min-width: 901px) and (max-height: 850px) {

  .hera-coming-soon-inner {
    padding-top: 28px;
    padding-bottom: 24px;
  }

  .hera-coming-soon-content {
    padding: 50px 0;
  }

  .hera-coming-soon h1 {
    font-size: clamp(58px, 6vw, 86px);
  }

  .hera-coming-soon-lead {
    margin-top: 26px;
  }

  .hera-coming-soon-line {
    margin: 25px 0;
  }

}


/* =========================================================
   WORDPRESS-KORREKTUREN
   ========================================================= */

.hera-coming-soon img {
  border: 0;
  box-shadow: none;
}

.hera-coming-soon a {
  box-shadow: none;
}

.hera-coming-soon p,
.hera-coming-soon h1 {
  overflow-wrap: normal;
  word-break: normal;
}/* =========================================
   HERA – LEEREN THEME-HEADER ENTFERNEN
   ========================================= */

.site-header,
#masthead,
.site-branding {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Abstand zwischen Theme und eigenem Inhalt entfernen */
#content,
.site-content,
#primary,
.site-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* erster Seiteninhalt ohne zusätzlichen oberen Abstand */
.entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}/* HERA – LEEREN WORDPRESS-SEITENKOPF ENTFERNEN */

body.page .entry-header,
body.page .page-header,
body.page header.entry-header,
body.page .site-main > article > header,
body.page article > .entry-header {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Seiteninhalt direkt oben beginnen lassen */
body.page .entry-content,
body.page .site-content,
body.page #content,
body.page #primary,
body.page main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}/* =========================================
   HERA – VARIA / HEYER GLOBAL TOP GAP FIX
   ========================================= */

html,
body,
#page,
.site,
.site-content,
.content-area,
/* HERA ACCOUNTS CLEAN FIX */
body {
	background: #F2EFE9 !important;
}

.ha-container {
	max-width: 980px !important;
	margin: 0 auto !important;
	padding: 0 22px !important;
}

.ha-section {
	padding: 64px 0 !important;
}

.ha-header {
	position: sticky !important;
	top: 0 !important;
	z-index: 999 !important;
	background: #F2EFE9 !important;
	border-bottom: 1px solid rgba(17,17,17,.08) !important;
}

.ha-nav {
	min-height: 72px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 18px !important;
}

.ha-logo {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	text-decoration: none !important;
}

.ha-logo img {
	height: 42px !important;
	width: auto !important;
	display: block !important;
}

.ha-logo-ring {
	width: 42px !important;
	height: 42px !important;
	border: 1.4px solid #D4AF37 !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-family: "Cormorant Garamond", serif !important;
	font-size: 18px !important;
	color: #111 !important;
}

.ha-logo-text strong {
	font-family: Inter, sans-serif !important;
	font-size: 17px !important;
	letter-spacing: .08em !important;
	color: #111 !important;
}

.ha-logo-text small {
	font-family: Inter, sans-serif !important;
	font-size: 10px !important;
	letter-spacing: .08em !important;
	color: #6B6258 !important;
}

.ha-menu {
	display: flex !important;
	align-items: center !important;
	gap: 22px !important;
}

.ha-menu a {
	font-family: Inter, sans-serif !important;
	font-size: 14px !important;
	color: #111 !important;
	text-decoration: none !important;
}

.ha-cta {
	border: 1px solid #D4AF37 !important;
	border-radius: 999px !important;
	padding: 8px 16px !important;
	color: #111 !important;
	background: transparent !important;
	text-decoration: none !important;
	font-size: 14px !important;
}

.ha-hero-grid,
.ha-about-grid,
.ha-contact-grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 42px !important;
	align-items: center !important;
}

.ha-eyebrow {
	font-family: Inter, sans-serif !important;
	font-size: 11px !important;
	letter-spacing: .18em !important;
	text-transform: uppercase !important;
	color: #D4AF37 !important;
	margin-bottom: 14px !important;
}

.ha-section h1 {
	font-family: "Cormorant Garamond", serif !important;
	font-size: clamp(42px,5vw,68px) !important;
	line-height: 1 !important;
	margin: 0 0 20px !important;
	color: #111 !important;
}

.ha-section h2 {
	font-family: "Cormorant Garamond", serif !important;
	font-size: clamp(30px,4vw,48px) !important;
	line-height: 1.05 !important;
	margin: 0 0 18px !important;
	color: #111 !important;
}

.ha-section h3 {
	font-family: "Cormorant Garamond", serif !important;
	font-size: 25px !important;
	line-height: 1.1 !important;
}

.ha-section p,
.ha-lead {
	font-family: Inter, sans-serif !important;
	font-size: 15.5px !important;
	line-height: 1.6 !important;
	color: #333 !important;
}

.ha-btn {
	display: inline-block !important;
	padding: 11px 20px !important;
	border-radius: 999px !important;
	font-size: 14px !important;
	text-decoration: none !important;
}

.ha-btn-dark {
	background: #111 !important;
	color: #fff !important;
}

.ha-btn-outline {
	border: 1px solid #111 !important;
	color: #111 !important;
	background: transparent !important;
}

.ha-service-grid {
	display: grid !important;
	grid-template-columns: repeat(5,1fr) !important;
	gap: 14px !important;
}

.ha-service-card {
	background: #fff !important;
	padding: 24px !important;
	border: 1px solid rgba(17,17,17,.08) !important;
	color: #111 !important;
}

.ha-service-card.ha-dark {
	background: #111 !important;
	color: #fff !important;
}

.ha-quote {
	background: #111 !important;
	color: #fff !important;
	padding: 72px 0 !important;
}

.ha-quote blockquote {
	font-family: "Cormorant Garamond", serif !important;
	font-size: clamp(30px,4vw,54px) !important;
	line-height: 1.05 !important;
	margin: 0 !important;
}

.ha-package-grid {
	display: grid !important;
	grid-template-columns: repeat(3,1fr) !important;
	gap: 18px !important;
}

.ha-package-card {
	background: #fff !important;
	padding: 30px !important;
}

.ha-package-card.ha-featured {
	background: #111 !important;
	color: #fff !important;
}

.ha-form input,
.ha-form select,
.ha-form textarea {
	display: block !important;
	width: 100% !important;
	padding: 13px 14px !important;
	margin-bottom: 10px !important;
	border: 1px solid rgba(17,17,17,.18) !important;
	background: #fff !important;
	font-size: 15px !important;
}

.ha-form textarea {
	min-height: 120px !important;
}

.ha-form button {
	background: #111 !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 12px 22px !important;
}

.ha-footer {
	background: #111 !important;
	color: #fff !important;
	padding: 36px 0 !important;
}

.ha-footer-grid {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 20px !important;
}

.ha-footer-logo,
.ha-footer img {
	height: 44px !important;
	width: auto !important;
	display: block !important;
	margin-bottom: 10px !important;
}

.ha-footer p {
	color: #E8E1D6 !important;
	font-size: 14px !important;
}

@media(max-width:900px) {
	.ha-hero-grid,
																																					  .ha-about-grid,
																																					  .ha-contact-grid {
		grid-template-columns: 1fr !important;
	}
	
	.ha-service-grid {
		grid-template-columns: 1fr 1fr !important;
	}
	
	.ha-menu {
		display: none !important;
	}
}

@media(max-width:600px) {
	.ha-container {
		padding: 0 18px !important;
	}
	
	.ha-section {
		padding: 48px 0 !important;
	}
	
	.ha-section h1 {
		font-size: 40px !important;
	}
	
	.ha-service-grid,
																																					  .ha-package-grid {
		grid-template-columns: 1fr !important;
	}
	
	.ha-logo-text small {
		display: none !important;
	}
	
	.ha-footer-grid {
		flex-direction: column !important;
		align-items: flex-start !important;
	}
}

.ha-about-grid img {
	width: 100% !important;
	max-width: 720px !important;
	height: auto !important;
}

.ha-footer-logo {
	width: 100% !important;
	max-width: 720px !important;
	height: auto !important;
}

/* HEADER FIX – Hera Accounts */
.ha-nav {
	min-height: 88px !important;
	display: flex !important;
	align-items: center !important;
	gap: 28px !important;
}

.ha-logo {
	flex: 1 1 auto !important;
	min-width: 320px !important;
}

.ha-logo-text {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	line-height: 1.2 !important;
}

.ha-logo-text strong {
	white-space: nowrap !important;
	font-size: 18px !important;
}

.ha-logo-text small {
	white-space: nowrap !important;
	font-size: 10px !important;
	line-height: 1.3 !important;
}

.ha-menu {
	display: flex !important;
	align-items: center !important;
	gap: 24px !important;
	flex: 0 0 auto !important;
}

.ha-menu a {
	white-space: nowrap !important;
	font-size: 14px !important;
	line-height: 1 !important;
}

.ha-cta {
	white-space: nowrap !important;
	flex: 0 0 auto !important;
}

/* Auf Tablets: Servicezeile ausblenden, damit nichts umbrechen kann */
@media(max-width:1050px) {
	.ha-logo-text small {
		display: none !important;
	}
	
	.ha-logo {
		min-width: auto !important;
	}
}

/* Auf Mobile: Menü ausblenden */
@media(max-width:800px) {
	.ha-menu {
		display: none !important;
	}
	
	.ha-nav {
		min-height: 72px !important;
	}
}

/* HEADER MENU FINAL FIX */
.ha-menu {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 22px !important;
	flex-wrap: nowrap !important;
}

.ha-menu a {
	display: inline-flex !important;
	align-items: center !important;
	white-space: nowrap !important;
	font-size: 15px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	color: #111111 !important;
	text-decoration: none !important;
}

.ha-cta {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	white-space: nowrap !important;
	font-size: 15px !important;
	line-height: 1 !important;
	padding: 12px 24px !important;
	min-height: 44px !important;
	color: #111111 !important;
}

/* Falls der Header zu eng wird: Menü etwas früher ausblenden */
@media(max-width:980px) {
	.ha-menu {
		display: none !important;
	}
}

.ha-menu a,
.ha-cta {
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	white-space: nowrap !important;
}

.ha-logo img {
	height: 120px !important;
}

.ha-nav {
	min-height: 110px !important;
}

/* Menü kleiner + sauber ausgerichtet */
.ha-menu a {
	font-size: 13.5px !important;
	letter-spacing: .02em !important;
}

.ha-cta {
	font-size: 13.5px !important;
	padding: 8px 18px !important;
}

.ha-logo-text strong {
	font-size: 16px !important;
}

.ha-logo-text small {
	font-size: 9px !important;
}

/* 2-ZEILEN HEADER LAYOUT */
.ha-header {
	background: #F2EFE9;
	border-bottom: 1px solid rgba(17,17,17,.08);
}

.ha-header-top {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 18px 0 8px;
}

.ha-header-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 0 14px;
}

/* Menü sauber zentrieren */
.ha-menu {
	display: flex;
	gap: 26px;
}

.ha-menu a {
	font-size: 14px;
	color: #111;
	text-decoration: none;
	white-space: nowrap;
}

/* CTA rechts */
.ha-cta {
	border: 1px solid #D4AF37;
	border-radius: 999px;
	padding: 8px 20px;
	font-size: 14px;
	text-decoration: none;
	color: #111;
}

/* Service-Zeile unter Logo */
.ha-logo-text strong {
	font-size: 17px;
	letter-spacing: .08em;
}

.ha-logo-text small {
	font-size: 10px;
	color: #6B6258;
}

/* Mobile */
@media(max-width:800px) {
	.ha-header-bottom {
		flex-direction: column;
		gap: 12px;
	}
}

.ha-header-top {
	padding: 26px 0 10px !important;
}

.ha-header-bottom {
	padding: 10px 0 18px !important;
}

/* HERO GRID */
.ha-hero-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

/* HERO BILD */
.ha-hero-image img {
	width: 100%;
	max-width: 520px;
	height: auto;
	display: block;
	border-radius: 6px;
}

/* HERO TEXT */
.ha-eyebrow {
	font-size: 12px;
	letter-spacing: .18em;
	color: #C8A97E;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.ha-hero h1 {
	font-family: "Cormorant Garamond", serif;
	font-size: 64px;
	line-height: 1.05;
	margin-bottom: 24px;
}

.ha-lead {
	font-size: 17px;
	line-height: 1.6;
	margin-bottom: 30px;
	max-width: 520px;
}

/* MOBILE */
@media(max-width:900px) {
	.ha-hero-grid {
		grid-template-columns: 1fr;
	}
	
	.ha-hero-image {
		order: 2;
	}
	
	.ha-hero-text {
		order: 1;
	}
}

.ha-hero-image img {
	width: 130%;
	max-width: none;
	margin-left: -80px;
}	
}

/* HERO Layout korrigieren */
.ha-hero-grid {
	grid-template-columns: 1.2fr 1fr !important;
}

/* Bild deutlich größer darstellen */
.ha-hero-image img {
	width: 100% !important;
	max-width: 820px !important;
	height: auto !important;
}

/* optional: leicht nach links ziehen für Premium-Look */
/* HERO Bild noch grösser machen */
.ha-hero-grid {
	grid-template-columns: 1.4fr 1fr !important;
}

.ha-hero-image img {
	width: 180% !important;
	max-width: none !important;
	margin-left: -60px !important;
}

/* HERO Text nach rechts verschieben */
.ha-hero-text {
	margin-left: 100px !important;
}

/* Premium Hero Typografie */
.ha-hero h1 {
	font-size: 48px !important;
	line-height: 1.1 !important;
}

.ha-lead {
	font-size: 16px !important;
}

.entry-title {
	display: none !important;
}

/* Logo Hero Title Block zentrieren */
.ha-logo-hero {
	text-align: center;
	margin: 40px auto 60px;
}

.ha-logo-hero img {
	height: 140px;
	width: auto;
}

.ha-logo-hero strong {
	display: block;
	font-size: 32px;
	letter-spacing: .12em;
	margin-top: 18px;
}

.ha-logo-hero small {
	display: block;
	font-size: 14px;
	letter-spacing: .08em;
	color: #6B6258;
	margin-top: 6px;
}

/* HERO Branding Block gross & zentriert */
.wp-block-image img {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
	height: 180px !important;
	width: auto !important;
}

/* Titel darunter */
.wp-block-heading {
	text-align: center !important;
	font-size: 36px !important;
	letter-spacing: .12em !important;
}

/* Servicezeile darunter */
.wp-block-heading + p {
	text-align: center !important;
	font-size: 14px !important;
	letter-spacing: .08em !important;
	color: #6B6258 !important;
}

/* Container begrenzung entfernen */
.wp-block-group {
	max-width: none !important;
}

/* HEADER LOGO GROSS + ZENTRIERT */
.ha-header-top {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	padding: 35px 0 22px !important;
}

.ha-header .ha-logo {
	justify-content: center !important;
	align-items: center !important;
}

.ha-header .ha-logo img {
	height: 210px !important;
	width: auto !important;
	max-height: none !important;
	max-width: none !important;
}

.ha-header .ha-logo-text strong {
	font-size: 28px !important;
	letter-spacing: .12em !important;
}

.ha-header .ha-logo-text small {
	font-size: 13px !important;
	letter-spacing: .1em !important;
}

.ha-header-bottom {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 32px !important;
	padding: 16px 0 24px !important;
}

/* FOOTER LOGO GROSS */
.ha-footer .ha-footer-logo {
	height: 160px !important;
	width: auto !important;
	max-height: none !important;
}

.ha-footer-grid {
	align-items: center !important;
	gap: 60px !important;
}

/* FOOTER SIGNATURE LAYOUT */
.ha-footer {
	background: #111;
	color: #fff;
	padding: 80px 0 70px;
}

/* GRID */
.ha-footer-grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	align-items: center;
	gap: 80px;
}

/* LOGO BLOCK */
.ha-footer-brand {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* LOGO GRÖSSE */
.ha-footer-logo {
	height: 200px !important;
	width: auto;
	margin-bottom: 18px;
}

/* TAGLINE */
.ha-footer-tagline {
	font-size: 16px;
	letter-spacing: .08em;
	color: #E8E1D6;
}

/* KONTAKT BLOCK */
.ha-footer-contact {
	font-size: 15px;
	line-height: 1.8;
}

.ha-footer-contact strong {
	font-size: 18px;
	display: block;
	margin-bottom: 8px;
}

/* LINKS */
.ha-footer-links {
	margin-top: 20px;
	display: flex;
	gap: 20px;
}

.ha-footer-links a {
	color: #D4AF37;
	text-decoration: none;
	font-size: 14px;
}

/* MOBILE */
@media(max-width:900px) {
	.ha-footer-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	
	.ha-footer-brand {
		align-items: center;
		text-align: center;
	}
}

/* SERVICE CARD IMAGE */
.ha-service-img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	border-radius: 10px;
	margin-bottom: 18px;
}

/* SERVICE CARD OPTIMIERUNG */
.ha-service-card {
	padding: 26px;
	background: #fff;
	border-radius: 14px;
	transition: .25s ease;
}

.ha-service-card:hover {
	transform: translateY(-6px);
}

.ha-service-card span {
	font-size: 14px;
	color: #C6A85A;
	letter-spacing: .08em;
}

.ha-service-card h3 {
	font-size: 22px;
	margin-top: 6px;
	margin-bottom: 10px;
}

.ha-service-card p {
	font-size: 16px;
	line-height: 1.6;
}

/* DARK VARIANTE */
.ha-service-card.ha-dark {
	background: #111;
	color: #fff;
}

.ha-service-card.ha-dark span {
	color: #D4AF37;
}

/* SERVICE CARD IMAGE */
.ha-service-img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	border-radius: 10px;
	margin-bottom: 18px;
}

/* SERVICE CARD OPTIMIERUNG */
.ha-service-card {
	padding: 26px;
	background: #fff;
	border-radius: 14px;
	transition: .25s ease;
}

.ha-service-card:hover {
	transform: translateY(-6px);
}

.ha-service-card span {
	font-size: 14px;
	color: #C6A85A;
	letter-spacing: .08em;
}

.ha-service-card h3 {
	font-size: 22px;
	margin-top: 6px;
	margin-bottom: 10px;
}

.ha-service-card p {
	font-size: 16px;
	line-height: 1.6;
}

/* DARK VARIANTE */
.ha-service-card.ha-dark {
	background: #111;
	color: #fff;
}

.ha-service-card.ha-dark span {
	color: #D4AF37;
}

.ha-service-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
	gap: 32px;
	justify-content: center;
	max-width: 1100px;
	margin: auto;
}

.ha-service-img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.ha-service-card span {
	display: none !important;
}

/* MODELLE GRID */
.ha-modelle-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
	gap: 40px;
	max-width: 900px;
	margin: auto;
}

/* CARD STYLE */
.ha-modell-card {
	background: #fff;
	padding: 30px;
	border-radius: 16px;
	text-align: center;
	transition: .25s ease;
}

.ha-modell-card:hover {
	transform: translateY(-6px);
}

/* DARK CARD */
.ha-modell-card.ha-dark {
	background: #111;
	color: white;
}

/* IMAGE */
.ha-modell-img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	border-radius: 12px;
	margin-bottom: 20px;
}

/* TITLE */
.ha-modell-card h3 {
	font-size: 28px;
	margin-bottom: 10px;
}

/* TEXT */
.ha-modell-card p {
	font-size: 17px;
	line-height: 1.6;
	max-width: 260px;
	margin: auto;
}

.ha-modelle-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
	max-width: 1100px;
	margin: auto;
}

@media(max-width:900px) {
	.ha-modelle-grid {
		grid-template-columns: 1fr;
	}
	
	.ha-modell-card {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
}

/* STATEMENT BLOCK – HERA STYLE */
.ha-quote-section {
	padding: 120px 20px;
	background: #f7f5f2;
}

.ha-quote-box {
	max-width: 820px;
	margin: auto;
	font-family: "Cormorant Garamond", serif;
	font-size: 42px;
	line-height: 1.35;
	color: #1a1a1a;
	text-align: center;
	position: relative;
}

.ha-quote-box::before {
	content: "";
	width: 80px;
	height: 2px;
	background: #c6a16e;
	display: block;
	margin: 0 auto 30px;
}

.ha-quote-box::after {
	content: "";
	width: 80px;
	height: 2px;
	background: #c6a16e;
	display: block;
	margin: 30px auto 0;
}

/* FOOTER – SOFT PREMIUM VERSION */
.ha-footer-soft {
	background: #F2EFE9 !important;
	padding: 90px 0 70px !important;
	border-top: 1px solid rgba(17,17,17,.08) !important;
}

.ha-footer-soft-grid {
	display: grid !important;
	grid-template-columns: 1.2fr 1fr !important;
	gap: 80px !important;
	align-items: center !important;
}

.ha-footer-soft-logo {
	height: 170px !important;
	width: auto !important;
	display: block !important;
	margin-bottom: 20px !important;
}

.ha-footer-soft-brand p {
	font-size: 16px !important;
	letter-spacing: .08em !important;
	color: #333 !important;
}

.ha-footer-soft-contact {
	text-align: left !important;
}

.ha-footer-soft-contact h3 {
	font-size: 34px !important;
	margin-bottom: 22px !important;
	color: #111 !important;
}

.ha-footer-soft-contact p {
	font-size: 16px !important;
	color: #333 !important;
	margin: 6px 0 !important;
}

.ha-footer-soft-links {
	margin-top: 24px !important;
	display: flex !important;
	gap: 24px !important;
}

.ha-footer-soft-links a {
	color: #C6A85A !important;
	text-decoration: none !important;
	font-size: 15px !important;
}

@media(max-width:800px) {
	.ha-footer-soft-grid {
		grid-template-columns: 1fr !important;
		gap: 40px !important;
	}
	
	.ha-footer-soft-logo {
		height: 130px !important;
	}
}

/* NUR MENÜZEILE STICKY MACHEN */
.ha-header-bottom {
	position: sticky;
	top: 0;
	background: #F7F5F2;
	z-index: 999;
	padding: 12px 0;
	border-bottom: 1px solid rgba(0,0,0,0.06);
}

/* LOGO-ZEILE NICHT STICKY */
.ha-header-top {
	position: relative;
}

/* FINAL FIX: Nur Menü sticky, Logo scrollt weg */
.ha-header {
	position: relative !important;
	top: auto !important;
	z-index: auto !important;
	background: #F2EFE9 !important;
}

.ha-header-top {
	position: relative !important;
	background: #F2EFE9 !important;
}

.ha-header-bottom {
	position: sticky !important;
	top: 0 !important;
	z-index: 9999 !important;
	background: #F2EFE9 !important;
	border-top: 1px solid rgba(17,17,17,0.06) !important;
	border-bottom: 1px solid rgba(17,17,17,0.08) !important;
	box-shadow: none !important;
}

/* Gleiche Hintergrundfarbe erzwingen */
.ha-header-bottom,
.ha-header-bottom * {
	background-color: transparent !important;
}

.ha-header-bottom {
	background-color: #F2EFE9 !important;
}

.ha-modell-card.ha-dark {
	background: #1c1c1c !important;
}

/* DARK MODEL CARD – KOMPLETT LESBAR MACHEN */
.ha-modell-card.ha-dark h3 {
	color: #ffffff !important;
}

.ha-modell-card.ha-dark p {
	color: rgba(255,255,255,0.88) !important;
}

/* DARK SERVICE CARDS – TEXT LESBAR MACHEN */
.ha-service-card.ha-dark h3 {
	color: #ffffff !important;
}

.ha-service-card.ha-dark p {
	color: rgba(255,255,255,0.88) !important;
}

.ha-service-card.ha-dark span {
	color: rgba(255,255,255,0.55) !important;
}

/* MEHR ABSTAND ZWISCHEN TEXT UND SERVICE-KARTEN */
.ha-heading p {
	margin-bottom: 30px !important;
}

.ha-about-section p + a {
	margin-top: 40px !important;
	display: inline-block;
}

/* Abstand Button im About-Bereich erhöhen */
.ha-about-grid a.ha-btn {
	display: inline-block;
	margin-top: 36px !important;
}

/* KONTAKT PREMIUM */
.ha-contact-premium {
	padding: 100px 0 !important;
}

.ha-contact-card {
	background: #ffffff !important;
	border-radius: 22px !important;
	padding: 70px !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 70px !important;
	align-items: center !important;
	box-shadow: 0 20px 60px rgba(0,0,0,0.04) !important;
}

.ha-contact-left h2 {
	font-size: 54px !important;
	line-height: 1.05 !important;
	margin-bottom: 24px !important;
}

.ha-contact-left p {
	font-size: 17px !important;
	line-height: 1.7 !important;
	color: #333 !important;
}

.ha-contact-info {
	margin-top: 35px !important;
	padding-top: 25px !important;
	border-top: 1px solid rgba(17,17,17,0.12) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: #333 !important;
}

.ha-contact-form {
	background: #F2EFE9 !important;
	padding: 35px !important;
	border-radius: 18px !important;
}

.ha-contact-form input,
.ha-contact-form select,
.ha-contact-form textarea {
	width: 100% !important;
	padding: 15px 16px !important;
	margin-bottom: 14px !important;
	border: 1px solid rgba(17,17,17,0.12) !important;
	border-radius: 10px !important;
	background: #ffffff !important;
	font-size: 15px !important;
	font-family: Inter, sans-serif !important;
}

.ha-contact-form textarea {
	min-height: 130px !important;
}

.ha-contact-form button {
	width: 100% !important;
	background: #111111 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 999px !important;
	padding: 15px 24px !important;
	font-size: 15px !important;
	cursor: pointer !important;
}

@media(max-width:900px) {
	.ha-contact-card {
		grid-template-columns: 1fr !important;
		padding: 40px 26px !important;
	}
	
	.ha-contact-left h2 {
		font-size: 40px !important;
	}
	
	.ha-contact-left p:first-of-type {
		white-space: nowrap;
	}
}

/* HEADER LOGO GRÖSSER MACHEN */
.ha-header-top img {
	height: 300px !important;
}

.ha-logo-text strong {
	font-size: 34px !important;
}

/* HEADER LOGO GRÖSSER – FINAL FIX */
.ha-logo img {
	height: 260px !important;
	max-height: none !important;
	width: auto !important;
}

.ha-logo-text small {
	font-size: 16px !important;
}

/* CONTAINER DARF GRÖSSER WERDEN */
.ha-header-top {
	height: auto !important;
}

.ha-logo {
	align-items: center !important;
}

/* HEADER LOGO SICHTBAR GRÖSSER MACHEN */
.ha-header .ha-header-top .ha-logo img {
	width: 1000px !important;
	height: auto !important;
	max-width: none !important;
	max-height: none !important;
}

.ha-header-top {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

/* ===== MOBILE FIX HERA ACCOUNTS ===== */
@media(max-width: 768px) {
	body {
		overflow-x: hidden !important;
	}
	
	.ha-container {
		max-width: 100% !important;
		padding: 0 22px !important;
	}
	
	/* Header kompakter */
	.ha-header {
		position: relative !important;
	}
	
	.ha-header-top {
		justify-content: center !important;
		padding: 22px 0 10px !important;
	}
	
	.ha-logo {
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
		gap: 10px !important;
	}
	
	.ha-header .ha-logo img {
		height: 110px !important;
		max-width: 90vw !important;
		object-fit: contain !important;
	}
	
	.ha-logo-text strong {
		font-size: 18px !important;
		letter-spacing: .12em !important;
	}
	
	.ha-logo-text small {
		display: none !important;
	}
	
	/* Menü untereinander sauber */
	.ha-header-bottom {
		flex-direction: column !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 14px !important;
		padding: 18px 0 24px !important;
	}
	
	.ha-header-bottom a {
		font-size: 14px !important;
		line-height: 1.2 !important;
		text-align: center !important;
	}
	
	.ha-cta {
		padding: 9px 18px !important;
		font-size: 13px !important;
	}
	
	/* Hero Mobile */
	.ha-hero-grid {
		display: block !important;
	}
	
	.ha-hero-image {
		margin: 0 0 30px !important;
	}
	
	.ha-hero-image img {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		border-radius: 14px !important;
	}
	
	.ha-hero-text {
		margin-left: 0 !important;
		text-align: left !important;
	}
	
	.ha-hero h1,
																																  .ha-section h1 {
		font-size: 42px !important;
		line-height: 1.05 !important;
	}
	
	.ha-lead {
		font-size: 15px !important;
		line-height: 1.6 !important;
	}
	
	/* Karten Mobile */
	.ha-package-grid,
																																  .ha-service-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 24px !important;
	}
	
	.ha-package-card,
																																  .ha-service-card {
		width: 100% !important;
	}
	
	.ha-package-img,
																																  .ha-service-img {
		height: 220px !important;
		width: 100% !important;
		object-fit: cover !important;
	}
}

/* ===== FINAL MOBILE FIX ===== */
@media (max-width: 768px) {
	html, body {
		width: 100% !important;
		overflow-x: hidden !important;
	}
	
	.ha-container {
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
		margin: 0 auto !important;
	}
	
	/* Header Logo nicht mehr riesig/abgeschnitten */
	.ha-header-top {
		padding: 24px 0 10px !important;
		justify-content: center !important;
	}
	
	.ha-header .ha-logo {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
		width: 100% !important;
	}
	
	.ha-header .ha-logo img {
		height: auto !important;
		width: 260px !important;
		max-width: 85vw !important;
		object-fit: contain !important;
	}
	
	.ha-logo-text strong {
		font-size: 22px !important;
		text-align: center !important;
	}
	
	.ha-logo-text small {
		display: none !important;
	}
	
	/* Menü sauber untereinander */
	.ha-header-bottom {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 14px !important;
		padding: 18px 0 28px !important;
	}
	
	.ha-header-bottom a {
		font-size: 14px !important;
		line-height: 1.2 !important;
	}
	
	.ha-cta {
		padding: 9px 20px !important;
	}
	
	/* Hero sauber */
	.ha-hero-grid {
		display: flex !important;
		flex-direction: column !important;
		gap: 28px !important;
	}
	
	.ha-hero-image {
		margin: 0 !important;
		width: 100% !important;
	}
	
	.ha-hero-image img {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		border-radius: 14px !important;
	}
	
	.ha-hero-text {
		margin-left: 0 !important;
		width: 100% !important;
	}
	
	.ha-hero h1,
																																  .ha-section h1 {
		font-size: 42px !important;
		line-height: 1.05 !important;
	}
	
	/* Karten */
	.ha-service-grid,
																																  .ha-package-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 28px !important;
	}
	
	.ha-service-card,
																																  .ha-package-card {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	.ha-service-img,
																																  .ha-package-img {
		width: 100% !important;
		height: 160px !important;
		object-fit: cover !important;
	}
}

/* MOBILE LOGO ENDGÜLTIG VERKLEINERN */
@media (max-width: 768px) {
	body .ha-header .ha-logo img,
																																  body .ha-header-top .ha-logo img,
																																  body header.ha-header img {
		width: 220px !important;
		height: auto !important;
		max-width: 80vw !important;
		max-height: 90px !important;
		object-fit: contain !important;
		display: block !important;
		margin: 0 auto !important;
	}
	
	body .ha-header-top {
		padding: 18px 0 8px !important;
	}
	
	body .ha-logo {
		width: 100% !important;
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
	}
}

/* HEADER BASIS */
.hera-header-new {
	position: sticky;
	top: 0;
	z-index: 999;
	background: #F2EFE9;
	border-bottom: 1px solid rgba(0,0,0,0.06);
}

.hera-header-inner-new {
	max-width: 1180px;
	margin: 0 auto;
	padding: 18px 26px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* LOGO */
.hera-brand-new {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
}

.hera-brand-new img {
	height: 66px;
}

.hera-brand-text-new strong {
	display: block;
	font-size: 18px;
	letter-spacing: .04em;
	color: #1c1c1c;
}

.hera-brand-text-new span {
	font-size: 12px;
	color: #7a746a;
}

/* NAVIGATION */
.hera-nav-new {
	display: flex;
	gap: 34px;
}

.hera-nav-new a {
	text-decoration: none;
	font-size: 15px;
	color: #4d4a45;
	position: relative;
	padding-bottom: 6px;
	transition: .25s;
}

/* GOLDENE LINIE AKTIVER LINK */
.hera-nav-new a.active::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #C6A46C;
}

/* HOVER EFFEKT */
.hera-nav-new a:hover {
	color: #1c1c1c;
}

.hera-nav-new a:hover::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #C6A46C;
}

/* CTA BUTTON */
.hera-cta-new {
	text-decoration: none;
	padding: 10px 22px;
	border-radius: 30px;
	border: 1px solid #C6A46C;
	color: #1c1c1c;
	font-size: 14px;
	transition: .25s;
}

.hera-cta-new:hover {
	background: #C6A46C;
	color: white;
}

/* ENTFERNT WORDPRESS TOP-ABSTAND */
body {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* HEADER DIREKT AN OBEREN RAND */
.hera-header-new {
	margin-top: 0 !important;
	padding-top: 6px;
	padding-bottom: 6px;
}

/* INNERER HEADER KOMPAKTER */
.hera-header-inner-new {
	padding-top: 8px;
	padding-bottom: 8px;
}

.site-header {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.wp-site-blocks {
	padding-top: 0 !important;
}

.hera-header-new {
	position: sticky;
	top: 0;
}

/* HEADER VOLLE BREITE + GANZ OBEN */
.hera-header-new {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100vw !important;
	z-index: 9999 !important;
	background: #F2EFE9 !important;
	border-bottom: 1px solid rgba(0,0,0,0.08) !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Inhalt im Header über ganze Breite verteilen */
.hera-header-inner-new {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 22px 64px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	box-sizing: border-box !important;
}

/* Logo links */
.hera-brand-new {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	text-decoration: none !important;
	flex: 0 0 auto !important;
}

.hera-brand-new img {
	height: 48px !important;
	width: auto !important;
}

/* Navigation rechts */
.hera-nav-new {
	display: flex !important;
	align-items: center !important;
	gap: 42px !important;
	margin-left: auto !important;
}

.hera-nav-new a {
	text-decoration: none !important;
	font-size: 15px !important;
	color: #1f1f1f !important;
	padding-bottom: 7px !important;
	position: relative !important;
}

.hera-nav-new a.active::after,
.hera-nav-new a:hover::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #C6A46C;
}

/* Button ganz rechts */
.hera-cta-new {
	margin-left: 42px !important;
	padding: 11px 24px !important;
	border: 1px solid #C6A46C !important;
	border-radius: 999px !important;
	color: #1f1f1f !important;
	text-decoration: none !important;
	font-size: 14px !important;
}

/* WordPress-Abstände entfernen */
.wp-site-blocks,
.site,
.site-content,
.entry-content,
.wp-block-group {
	margin-top: 0 !important;
}

/* HEADER FIX */
.hera-header-new {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	z-index: 9999 !important;
	background: #F2EFE9 !important;
	border-bottom: 1px solid rgba(0,0,0,0.08) !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

.hera-header-inner-new {
	width: 100% !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
	min-height: 88px !important;
	padding: 12px 48px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 40px !important;
	box-sizing: border-box !important;
}

/* LOGO */
.hera-brand-new {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	text-decoration: none !important;
	flex-shrink: 0 !important;
}

.hera-brand-new img {
	height: 48px !important;
	width: auto !important;
	display: block !important;
}

.hera-brand-text-new strong {
	display: block !important;
	font-size: 22px !important;
	line-height: 1.1 !important;
	color: #111 !important;
}

.hera-brand-text-new span {
	display: block !important;
	margin-top: 8px !important;
	font-size: 14px !important;
	color: #7a746a !important;
}

/* NAVIGATION */
.hera-nav-new {
	display: flex !important;
	align-items: center !important;
	gap: 34px !important;
	margin-left: auto !important;
	white-space: nowrap !important;
}

.hera-nav-new a {
	display: inline-block !important;
	text-decoration: none !important;
	font-size: 17px !important;
	color: #1f1f1f !important;
	line-height: 1 !important;
	padding: 8px 0 !important;
}

/* BUTTON */
.hera-cta-new {
	display: inline-block !important;
	flex-shrink: 0 !important;
	margin-left: 8px !important;
	padding: 13px 28px !important;
	border: 1px solid #C6A46C !important;
	border-radius: 999px !important;
	color: #1f1f1f !important;
	text-decoration: none !important;
	font-size: 15px !important;
	line-height: 1 !important;
}

/* Damit der Hero nicht unter dem fixen Header verschwindet */
body {
	padding-top: 88px !important;
}

/* HEADER GANZ OBEN + VOLLBREITE */
.hera-header-new {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: #F2EFE9;
	border-bottom: 1px solid rgba(0,0,0,.08);
	z-index: 9999;
}

/* HEADER INHALT GANZE BREITE */
.hera-header-inner-new {
	width: 100%;
	padding: 18px 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}

/* LOGO */
.hera-brand-new {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-shrink: 0;
}

.hera-brand-new img {
	height: 52px;
}

/* NAVIGATION */
.hera-nav-new {
	display: flex;
	gap: 48px;
	margin-left: auto;
}

.hera-nav-new a {
	font-size: 17px;
	text-decoration: none;
	color: #1a1a1a;
	position: relative;
}

/* GOLDENE LINIE */
.hera-nav-new a.active::after,
.hera-nav-new a:hover::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 100%;
	height: 2px;
	background: #C6A46C;
}

/* BUTTON RECHTS */
.hera-cta-new {
	margin-left: 40px;
	padding: 12px 28px;
	border-radius: 999px;
	border: 1px solid #C6A46C;
	text-decoration: none;
	color: #1a1a1a;
	font-size: 15px;
}

/* HERO NICHT MEHR UNTER HEADER */
body {
	margin-top: 0 !important;
	padding-top: 96px !important;
}

/* WORDPRESS BLOCK THEME FIX */
.wp-site-blocks {
	padding-top: 0 !important;
}

header.wp-block-template-part {
	margin-top: 0 !important;
}

/* FIX: HEADER NICHT MEHR OBEN ABSCHNEIDEN */
.hera-header-new {
	top: 0 !important;
	overflow: visible !important;
}

/* Wenn du in WordPress eingeloggt bist */
body.admin-bar .hera-header-new {
	top: 32px !important;
}

@media screen and (max-width: 782px) {
	body.admin-bar .hera-header-new {
		top: 46px !important;
	}
}

/* Mehr Platz im Header */
.hera-header-inner-new {
	min-height: 96px !important;
	padding: 18px 48px 16px !important;
}

/* Inhalt weiter nach rechts strecken */
.hera-header-inner-new {
	max-width: none !important;
	width: 100% !important;
}

.hera-nav-new {
	margin-left: auto !important;
	gap: 48px !important;
}

.hera-cta-new {
	margin-left: 44px !important;
	margin-right: 32px !important;
}

/* HEADER WIRKLICH VOLLBREITE */
.hera-header-new {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	background: #F2EFE9;
	border-bottom: 1px solid rgba(0,0,0,.08);
	z-index: 9999;
}

/* INNERER HEADER GANZE BREITE */
.hera-header-inner-new {
	max-width: none !important;
	width: 100% !important;
	padding-left: clamp(24px, 6vw, 120px);
	padding-right: clamp(24px, 6vw, 120px);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* HEADER EDGE-TO-EDGE FORCE FIX */
.hera-header-new {
	position: fixed !important;
	top: 32px !important;
/* falls du eingeloggt bist */
	left: 50% !important;
	right: auto !important;
	width: 100vw !important;
	max-width: 100vw !important;
	transform: translateX(-50%) !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #F2EFE9 !important;
	border-bottom: 1px solid rgba(0,0,0,.08) !important;
	z-index: 99999 !important;
}

/* Falls du nicht eingeloggt bist / Live-Seite */
body:not(.admin-bar) .hera-header-new {
	top: 0 !important;
}

/* Inhalt im Header */
.hera-header-inner-new {
	width: 100% !important;
	max-width: none !important;
	padding-left: clamp(24px, 6vw, 120px) !important;
	padding-right: clamp(24px, 6vw, 120px) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
}

/* Menü nach rechts drücken */
.hera-nav-new {
	margin-left: auto !important;
}

.hera-cta-new {
	margin-left: 42px !important;
}

/* HEADER TYPOGRAFIE + ABSTÄNDE FINAL */
.hera-header-inner-new {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	padding-left: clamp(40px, 6vw, 140px) !important;
	padding-right: clamp(40px, 6vw, 140px) !important;
}

/* LOGO BLOCK */
.hera-brand-new img {
	height: 50px !important;
}

.hera-brand-text-new strong {
	font-family: "Playfair Display", serif !important;
	font-size: 22px !important;
	letter-spacing: .04em !important;
	color: #1A1A1A !important;
}

.hera-brand-text-new span {
	font-family: system-ui, sans-serif !important;
	font-size: 13px !important;
	letter-spacing: .06em !important;
	color: #8A8276 !important;
	margin-top: 4px !important;
}

/* NAVIGATION */
.hera-nav-new {
	gap: 46px !important;
}

.hera-nav-new a {
	font-family: system-ui, sans-serif !important;
	font-size: 17px !important;
	font-weight: 500 !important;
	color: #1A1A1A !important;
	letter-spacing: .01em !important;
	padding-bottom: 8px !important;
}

/* AKTIVER MENÜPUNKT */
.hera-nav-new a.active {
	color: #C6A46C !important;
}

.hera-nav-new a.active::after {
	bottom: -8px !important;
	height: 2px !important;
	background: #C6A46C !important;
}

/* CTA BUTTON */
.hera-cta-new {
	font-family: system-ui, sans-serif !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	padding: 14px 32px !important;
	border-radius: 999px !important;
	border: 1.5px solid #C6A46C !important;
	color: #1A1A1A !important;
	margin-left: 52px !important;
}

.hera-cta-new:hover {
	background: #C6A46C !important;
	color: white !important;
}

/* HEADER FINAL OVERRIDE */
/* Alle Links im Header neutralisieren */
.hera-header-new a,
.hera-header-new a:visited,
.hera-header-new a:hover,
.hera-header-new a:active {
	color: #1A1A1A !important;
	text-decoration: none !important;
}

/* Header Höhe und Abstände */
.hera-header-inner-new {
	min-height: 86px !important;
	padding: 18px clamp(40px, 6vw, 120px) !important;
	gap: 0 !important;
}

/* Logo */
.hera-brand-new {
	gap: 18px !important;
}

.hera-brand-new img {
	height: 54px !important;
}

.hera-brand-text-new strong {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 25px !important;
	font-weight: 700 !important;
	letter-spacing: .05em !important;
	color: #151515 !important;
}

.hera-brand-text-new span {
	font-size: 14px !important;
	letter-spacing: .03em !important;
	color: #7B746B !important;
	margin-top: 6px !important;
}

/* Menü */
.hera-nav-new {
	margin-left: auto !important;
	display: flex !important;
	align-items: center !important;
	gap: 76px !important;
}

.hera-nav-new a {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	color: #1A1A1A !important;
	line-height: 1 !important;
}

/* Aktiver Link */
.hera-nav-new a.active {
	color: #C6A46C !important;
}

.hera-nav-new a.active::after,
.hera-nav-new a:hover::after {
	background: #C6A46C !important;
}

/* Button */
.hera-cta-new {
	margin-left: 76px !important;
	padding: 15px 34px !important;
	border: 1.4px solid #C6A46C !important;
	border-radius: 999px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	color: #1A1A1A !important;
	background: transparent !important;
}

/* HEADER FARBEN FINAL – REFERENZ LOOK */
.hera-nav-new a {
	color: #6F685E !important;
/* Warmes Premium-Grau */
	font-weight: 400 !important;
	letter-spacing: .01em !important;
}

.hera-nav-new a:hover {
	color: #1F1F1F !important;
}

/* Aktiver Menüpunkt */
.hera-nav-new a.active {
	color: #C6A46C !important;
}

.hera-nav-new a.active::after {
	background: #C6A46C !important;
	height: 2px !important;
	bottom: -6px !important;
}

/* Logo Titel */
.hera-brand-text-new strong {
	color: #2A2622 !important;
}

/* Subline unter Logo */
.hera-brand-text-new span {
	color: #8C8478 !important;
}

/* CTA Button Outline */
.hera-cta-new {
	border: 1.5px solid #C6A46C !important;
	color: #4A443D !important;
}

.hera-cta-new:hover {
	background: #C6A46C !important;
	color: white !important;
}

/* HARD OVERRIDE HEADER LINKFARBEN */
body .hera-header-new .hera-nav-new a,
body .hera-header-new .hera-nav-new a:link,
body .hera-header-new .hera-nav-new a:visited {
	color: #6F685E !important;
}

body .hera-header-new .hera-nav-new a.active,
body .hera-header-new .hera-nav-new a[aria-current="page"] {
	color: #C6A46C !important;
}

body .hera-header-new .hera-nav-new a:hover {
	color: #2A2622 !important;
}

body .hera-header-new .hera-cta-new,
body .hera-header-new .hera-cta-new:link,
body .hera-header-new .hera-cta-new:visited {
	color: #4A443D !important;
	border-color: #C6A46C !important;
}

body .hera-header-new .hera-brand-text-new strong {
	color: #2A2622 !important;
}

body .hera-header-new .hera-brand-text-new span {
	color: #8C8478 !important;
}

/* HERO SECTION – REFERENZ DESIGN */
.ha-hero {
	position: relative;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	min-height: 520px;
	background: linear-gradient(90deg,
    #F2EFE9 0%,
    #F2EFE9 52%,
    rgba(242,239,233,.92) 60%,
    rgba(242,239,233,.35) 72%,
    rgba(242,239,233,0) 82%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/img_0074.jpeg');
	background-size: cover;
	background-position: right center;
	background-repeat: no-repeat;
	border-bottom: 1px solid rgba(0,0,0,.08);
}

.ha-hero-inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 120px 80px 90px;
}

.ha-eyebrow {
	font-size: 12px;
	letter-spacing: .25em;
	color: #C6A46C;
	margin-bottom: 18px;
}

.ha-hero h1 {
	font-family: "Playfair Display", serif;
	font-size: clamp(44px,4vw,64px);
	line-height: 1.05;
	color: #161616;
	max-width: 520px;
	margin-bottom: 24px;
}

.ha-hero p {
	font-size: 17px;
	line-height: 1.7;
	color: #2E2B28;
	max-width: 500px;
}

.ha-hero-line {
	display: block;
	width: 52px;
	height: 2px;
	background: #C6A46C;
	margin-top: 36px;
}

.ha-hero-example-content {
	max-width: 1180px;
	margin: 0 auto;
	padding: 92px 56px 80px;
}

.ha-hero-example .ha-eyebrow {
	font-size: 12px;
	letter-spacing: .22em;
	color: #C6A46C;
	font-weight: 600;
	margin-bottom: 20px;
}

.ha-hero-example h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(40px, 4.7vw, 58px);
	line-height: 1.06;
	color: #161616;
	margin: 0 0 24px;
	max-width: 460px;
}

.ha-hero-example p {
	font-size: 16px;
	line-height: 1.7;
	color: #2f2d2a;
	max-width: 480px;
	margin: 0;
}

.ha-hero-line {
	display: block;
	width: 52px;
	height: 2px;
	background: #C6A46C;
	margin-top: 36px;
}

/* HERO EDGE-TO-EDGE FORCE FIX */
.ha-hero {
	width: 100vw !important;
	max-width: 100vw !important;
	position: relative !important;
	left: 50% !important;
	right: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	transform: translateX(-50%) !important;
	min-height: 440px !important;
	box-sizing: border-box !important;
}

/* Inhalt bleibt schön ausgerichtet */
.ha-hero-inner {
	width: 100% !important;
	max-width: none !important;
	padding-left: clamp(48px, 6vw, 90px) !important;
	padding-right: clamp(48px, 6vw, 90px) !important;
	box-sizing: border-box !important;
}

/* Bild wirklich bis rechts ziehen */
.ha-hero {
	background-size: contain !important;
	background-position: right center !important;
	background-repeat: no-repeat;
}

/* HERO UNTERE LINIE KORRIGIEREN */
.ha-hero {
	border-bottom: none !important;
}

/* neue saubere Linie über gesamte Breite */
.ha-hero::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 1px;
	background: rgba(0,0,0,0.08);
}

/* LEISTUNGEN SECTION */
.ha-services-section {
	width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 58px 0 70px !important;
}

.ha-services-container {
	width: 100% !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	padding: 0 48px !important;
	box-sizing: border-box !important;
}

.ha-services-heading {
	text-align: center !important;
	margin-bottom: 36px !important;
}

.ha-services-heading h2 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 34px !important;
	line-height: 1.2 !important;
	color: #171717 !important;
	margin: 0 0 10px !important;
}

.ha-services-heading p {
	font-size: 15px !important;
	color: #3F3B36 !important;
	margin: 0 !important;
}

.ha-services-heading span {
	display: block !important;
	width: 48px !important;
	height: 1.5px !important;
	background: #C6A46C !important;
	margin: 24px auto 0 !important;
}

/* GRID */
.ha-service-grid {
	display: grid !important;
	grid-template-columns: repeat(5, 1fr) !important;
	gap: 18px !important;
}

/* CARDS */
.ha-service-card {
	background: #FFFFFF !important;
	border: 1px solid rgba(0,0,0,0.08) !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	padding: 10px 10px 26px !important;
	min-height: 360px !important;
	box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
	box-sizing: border-box !important;
}

.ha-service-card img {
	width: 100% !important;
	height: 165px !important;
	object-fit: cover !important;
	border-radius: 10px !important;
	display: block !important;
	margin-bottom: 24px !important;
}

.ha-service-card h3 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 22px !important;
	line-height: 1.2 !important;
	color: #171717 !important;
	margin: 0 10px 12px !important;
}

.ha-card-line {
	display: block !important;
	width: 38px !important;
	height: 1.5px !important;
	background: #C6A46C !important;
	margin: 0 10px 18px !important;
}

.ha-service-card p {
	font-size: 14px !important;
	line-height: 1.75 !important;
	color: #33302C !important;
	margin: 0 10px !important;
}

/* DARK CARDS */
.ha-service-card.ha-dark {
	background: #151515 !important;
	border-color: #151515 !important;
}

.ha-service-card.ha-dark h3,
.ha-service-card.ha-dark p {
	color: #FFFFFF !important;
}

.ha-service-card.ha-dark p {
	color: rgba(255,255,255,0.86) !important;
}

/* MOBILE */
@media (max-width: 1050px) {
	.ha-service-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 640px) {
	.ha-services-container {
		padding: 0 22px !important;
	}
	
	.ha-service-grid {
		grid-template-columns: 1fr !important;
	}
	
	.ha-services-heading h2 {
		font-size: 28px !important;
	}
}

/* LEISTUNGEN FULL WIDTH FIX */
#leistungen.ha-services-section {
	width: 100vw !important;
	max-width: 100vw !important;
	position: relative !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	margin: 0 !important;
	padding: 70px 0 80px !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

/* Container breiter machen wie im Beispiel */
#leistungen .ha-services-container {
	width: 100% !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
	padding-left: clamp(32px, 5vw, 72px) !important;
	padding-right: clamp(32px, 5vw, 72px) !important;
	box-sizing: border-box !important;
}

/* Grid korrekt über die Breite verteilen */
#leistungen .ha-service-grid {
	width: 100% !important;
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	gap: 18px !important;
}

/* Karten nicht schmal zusammendrücken */
#leistungen .ha-service-card {
	width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

/* Bildgrössen sauber halten */
#leistungen .ha-service-card img {
	width: 100% !important;
	height: 170px !important;
	object-fit: cover !important;
}

/* CTA SECTION */
.ha-cta-section {
	width: 100vw;
	max-width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background: #F2EFE9;
	padding: 90px 0;
}

/* CONTAINER */
.ha-cta-container {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 clamp(32px, 6vw, 80px);
}

/* GRID */
.ha-cta-grid {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	align-items: center;
	gap: 60px;
}

/* TEXT */
.ha-cta-text h2 {
	font-family: "Playfair Display", serif;
	font-size: clamp(32px, 3vw, 42px);
	line-height: 1.2;
	color: #1A1A1A;
	margin-bottom: 18px;
}

.ha-cta-text p {
	font-size: 16px;
	line-height: 1.7;
	color: #3F3B36;
	margin-bottom: 28px;
}

/* BUTTON */
.ha-btn-dark {
	display: inline-block;
	padding: 14px 30px;
	background: #111;
	color: white;
	border-radius: 999px;
	text-decoration: none;
	font-size: 15px;
	transition: .25s;
}

.ha-btn-dark:hover {
	background: #C6A46C;
}

/* IMAGE */
.ha-cta-image img {
	width: 100%;
	border-radius: 14px;
	display: block;
}

/* MOBILE */
@media (max-width: 900px) {
	.ha-cta-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}

/* CTA FULL WIDTH FORCE FIX */
.ha-cta-section {
	width: 100vw !important;
	max-width: 100vw !important;
	position: relative !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	margin: 0 !important;
	padding: 70px 0 80px !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

.ha-cta-container {
	width: 100% !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
	padding-left: clamp(32px, 5vw, 72px) !important;
	padding-right: clamp(32px, 5vw, 72px) !important;
	box-sizing: border-box !important;
}

.ha-cta-grid {
	width: 100% !important;
	display: grid !important;
	grid-template-columns: 1fr 1.25fr !important;
	align-items: center !important;
	gap: 0 !important;
	background: #F8F5EF !important;
	border-radius: 14px !important;
	overflow: hidden !important;
}

.ha-cta-text {
	padding: 56px 64px !important;
	box-sizing: border-box !important;
}

.ha-cta-image {
	height: 300px !important;
}

.ha-cta-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
	border-radius: 0 !important;
}

/* CTA SECTION EDGE-TO-EDGE + SOFT IMAGE FADE */
.ha-cta-section {
	width: 100vw;
	max-width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background: #F3F0EA;
	padding: 110px 0;
}

/* INNER CONTAINER */
.ha-cta-container {
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 clamp(40px, 6vw, 90px);
}

/* GRID */
.ha-cta-grid {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	align-items: center;
	gap: 60px;
}

/* TEXT */
.ha-cta-text h2 {
	font-family: "Playfair Display", serif;
	font-size: clamp(38px, 3vw, 46px);
	line-height: 1.2;
	color: #1C1C1C;
	margin-bottom: 18px;
}

.ha-cta-text p {
	font-size: 16px;
	line-height: 1.8;
	color: #4B463F;
	margin-bottom: 28px;
}

/* BUTTON */
.ha-btn-dark {
	display: inline-block;
	padding: 15px 32px;
	background: #111;
	color: white;
	border-radius: 999px;
	font-size: 15px;
	text-decoration: none;
	transition: .25s ease;
}

.ha-btn-dark:hover {
	background: #C6A46C;
}

/* IMAGE CONTAINER */
.ha-cta-image {
	position: relative;
}

/* IMAGE */
.ha-cta-image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 14px;
}

/* SOFT LEFT FADE OVERLAY */
.ha-cta-image::before {
	content: "";
	position: absolute;
	left: -40px;
	top: 0;
	width: 50%;
	height: 100%;
	background: linear-gradient(to right,
    #F3F0EA 0%,
    rgba(243,240,234,0.96) 25%,
    rgba(243,240,234,0.75) 50%,
    rgba(243,240,234,0.2) 75%,
    transparent 100%);
	pointer-events: none;
}

/* MOBILE */
@media (max-width: 900px) {
	.ha-cta-grid {
		grid-template-columns: 1fr;
		gap: 50px;
	}
	
	.ha-cta-image::before {
		display: none;
	}
}

/* CTA BILD KOMPLETT SICHTBAR */
.ha-cta-image {
	height: auto !important;
	max-width: 620px !important;
	width: 100% !important;
	justify-self: end !important;
	position: relative !important;
	overflow: hidden !important;
	border-radius: 14px !important;
}

.ha-cta-image img {
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	object-fit: contain !important;
	object-position: center center !important;
	display: block !important;
	border-radius: 14px !important;
}

/* Verlauf links auf dem Bild */
.ha-cta-image::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 42% !important;
	height: 100% !important;
	background: linear-gradient(to right,
    #F3F0EA 0%,
    rgba(243,240,234,0.95) 28%,
    rgba(243,240,234,0.65) 55%,
    rgba(243,240,234,0) 100%) !important;
	z-index: 2 !important;
	pointer-events: none !important;
}

/* CTA Layout wie Beispiel */
.ha-cta-grid {
	display: grid !important;
	grid-template-columns: 1fr 1.35fr !important;
	align-items: center !important;
	gap: 48px !important;
	background: #F3F0EA !important;
}

/* CTA FULL BLEED SECTION */
.ha-cta-section {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F3F0EA !important;
	padding: 120px 0 !important;
}

/* INNER CONTENT CONTAINER */
.ha-cta-container {
	max-width: 1320px !important;
	margin: 0 auto !important;
	padding-left: clamp(40px,6vw,90px) !important;
	padding-right: clamp(40px,6vw,90px) !important;
}

/* GRID */
.ha-cta-grid {
	display: grid !important;
	grid-template-columns: 1fr 1.2fr !important;
	align-items: center !important;
	gap: 60px !important;
}

/* IMAGE WRAPPER */
.ha-cta-image {
	width: 100% !important;
	max-width: none !important;
	justify-self: end !important;
	position: relative !important;
}

/* IMAGE = NICHT ZOOMEN */
.ha-cta-image img {
	width: 100% !important;
	height: auto !important;
	object-fit: contain !important;
	object-position: right center !important;
	display: block !important;
	border-radius: 16px !important;
}

/* SOFT FADE LINKS */
.ha-cta-image::before {
	content: "";
	position: absolute;
	left: -120px;
	top: 0;
	width: 55%;
	height: 100%;
	background: linear-gradient(to right,
#F3F0EA 0%,
rgba(243,240,234,0.92) 30%,
rgba(243,240,234,0.55) 55%,
rgba(243,240,234,0.0) 100%);
	pointer-events: none;
}

/* MOBILE */
@media (max-width: 900px) {
	.ha-cta-grid {
		grid-template-columns: 1fr !important;
	}
	
	.ha-cta-image::before {
		display: none;
	}
}

.wp-site-blocks {
	overflow-x: hidden;
}

/* CTA WIE IM BEISPIELBILD */
.ha-final-cta {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 54px clamp(28px, 5vw, 72px) 70px !important;
	box-sizing: border-box !important;
}

.ha-final-cta-box {
	width: 100% !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	min-height: 300px !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	background-image: linear-gradient(90deg,
      #F2EFE9 0%,
      #F2EFE9 34%,
      rgba(242,239,233,0.92) 45%,
      rgba(242,239,233,0.55) 56%,
      rgba(242,239,233,0.08) 68%,
      rgba(242,239,233,0) 78%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png') !important;
	background-size: cover !important;
	background-position: center right !important;
	background-repeat: no-repeat !important;
}

.ha-final-cta-content {
	padding: 58px 64px !important;
	max-width: 430px !important;
	box-sizing: border-box !important;
}

.ha-final-cta-content h2 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 32px !important;
	line-height: 1.18 !important;
	color: #171717 !important;
	margin: 0 0 18px !important;
}

.ha-final-cta-content p {
	font-size: 15px !important;
	line-height: 1.65 !important;
	color: #33302C !important;
	margin: 0 0 26px !important;
}

.ha-final-cta-btn {
	display: inline-block !important;
	padding: 13px 26px !important;
	background: #111 !important;
	color: #fff !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	font-size: 14px !important;
}

.ha-final-cta-btn:hover {
	background: #C6A46C !important;
	color: #fff !important;
}

/* CTA FEINJUSTIERUNG WIE BEISPIEL */
.ha-final-cta {
	padding: 48px clamp(38px, 5vw, 72px) 64px !important;
	background: #F2EFE9 !important;
}

.ha-final-cta-box {
	max-width: 1180px !important;
	min-height: 290px !important;
	border-radius: 14px !important;
	background-image: linear-gradient(90deg,
      #F2EFE9 0%,
      #F2EFE9 31%,
      rgba(242,239,233,0.96) 42%,
      rgba(242,239,233,0.68) 52%,
      rgba(242,239,233,0.18) 63%,
      rgba(242,239,233,0) 74%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png') !important;
	background-size: auto 100% !important;
	background-position: right center !important;
	background-repeat: no-repeat !important;
}

.ha-final-cta-content {
	padding: 52px 58px !important;
	max-width: 420px !important;
}

.ha-final-cta-content h2 {
	font-size: 30px !important;
	line-height: 1.15 !important;
	margin-bottom: 16px !important;
}

.ha-final-cta-content p {
	font-size: 14px !important;
	line-height: 1.55 !important;
	margin-bottom: 24px !important;
}

.ha-final-cta-btn {
	padding: 12px 25px !important;
	font-size: 13px !important;
}

/* CTA SECTION – FINAL REFERENZ STYLE */
.ha-final-cta {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	background: #F2EFE9;
	padding: 70px 0;
}

/* INNER BOX */
.ha-final-cta-box {
	max-width: 1180px;
	margin: 0 auto;
	border-radius: 14px;
	min-height: 320px;
	display: flex;
	align-items: center;
	padding-left: 80px;
	background-image: linear-gradient(90deg,
    #F2EFE9 0%,
    #F2EFE9 28%,
    rgba(242,239,233,0.96) 40%,
    rgba(242,239,233,0.72) 52%,
    rgba(242,239,233,0.25) 65%,
    rgba(242,239,233,0) 78%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 115%;
}

/* CONTENT */
.ha-final-cta-content {
	max-width: 560px;
}

/* HEADLINE */
.ha-final-cta-content h2 {
	font-family: "Playfair Display", serif;
	font-size: 38px;
	line-height: 1.18;
	color: #171717;
	margin-bottom: 20px;
}

/* TEXT */
.ha-final-cta-content p {
	font-size: 16px;
	line-height: 1.7;
	color: #3B3834;
	margin-bottom: 28px;
}

/* BUTTON */
.ha-final-cta-btn {
	display: inline-block;
	padding: 15px 32px;
	background: #111;
	color: white;
	border-radius: 999px;
	font-size: 15px;
	text-decoration: none;
	transition: .25s ease;
}

.ha-final-cta-btn:hover {
	background: #C6A46C;
}

/* CTA EXAKT WIE BEISPIEL */
.ha-final-cta {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 52px 0 70px !important;
	box-sizing: border-box !important;
}

.ha-final-cta-box {
	width: calc(100vw - 120px) !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	min-height: 300px !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	background-image: linear-gradient(90deg,
      #F2EFE9 0%,
      #F2EFE9 32%,
      rgba(242,239,233,0.96) 43%,
      rgba(242,239,233,0.72) 54%,
      rgba(242,239,233,0.28) 65%,
      rgba(242,239,233,0) 76%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png') !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-size: auto 100% !important;
}

.ha-final-cta-content {
	width: 44% !important;
	padding-left: 62px !important;
	box-sizing: border-box !important;
}

.ha-final-cta-content h2 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 31px !important;
	line-height: 1.18 !important;
	color: #171717 !important;
	margin: 0 0 16px !important;
}

.ha-final-cta-content p {
	font-size: 14px !important;
	line-height: 1.55 !important;
	color: #33302C !important;
	margin: 0 0 24px !important;
}

.ha-final-cta-btn {
	display: inline-block !important;
	padding: 12px 25px !important;
	background: #111 !important;
	color: #fff !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	font-size: 13px !important;
}

/* CTA FINAL — FUNCTIONING FULL VERSION */
section.ha-final-cta {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 60px 0 80px !important;
}

/* INNER CTA BOX */
.ha-final-cta-box {
	width: min(1180px, calc(100vw - 120px)) !important;
	margin: 0 auto !important;
	min-height: 300px !important;
	border-radius: 16px !important;
	display: flex !important;
	align-items: center !important;
	background: linear-gradient(90deg,
#F2EFE9 0%,
#F2EFE9 35%,
rgba(242,239,233,0.95) 45%,
rgba(242,239,233,0.65) 55%,
rgba(242,239,233,0.20) 65%,
rgba(242,239,233,0) 75%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png');
	background-position: right center !important;
	background-repeat: no-repeat !important;
/* WICHTIG: verhindert Zoom */
	background-size: auto 100% !important;
}

/* TEXTBLOCK POSITION */
.ha-final-cta-content {
	max-width: 560px !important;
	margin-left: 80px !important;
}

/* TYPOGRAPHY */
.ha-final-cta-content h2 {
	font-family: "Playfair Display", serif !important;
	font-size: 36px !important;
	line-height: 1.2 !important;
	margin-bottom: 18px !important;
	color: #171717 !important;
}

.ha-final-cta-content p {
	font-size: 16px !important;
	line-height: 1.7 !important;
	margin-bottom: 28px !important;
	color: #3B3834 !important;
}

/* BUTTON */
.ha-final-cta-btn {
	display: inline-block !important;
	padding: 14px 32px !important;
	background: #111 !important;
	color: #fff !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	font-size: 15px !important;
}

.ha-final-cta-btn:hover {
	background: #C6A46C !important;
}

.wp-site-blocks {
	overflow-x: hidden;
}

.wp-block-group {
	max-width: 100% !important;
}

/* NEUER CTA BLOCK - OHNE ALTE KONFLIKTE */
.hera-wide-cta-v2 {
	width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 50px 0 70px !important;
}

.hera-wide-cta-box-v2 {
	width: calc(100vw - 96px) !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	min-height: 300px !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	background-image: linear-gradient(90deg,
      #F2EFE9 0%,
      #F2EFE9 34%,
      rgba(242,239,233,0.96) 43%,
      rgba(242,239,233,0.72) 53%,
      rgba(242,239,233,0.28) 64%,
      rgba(242,239,233,0) 76%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png') !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-size: auto 100% !important;
}

.hera-wide-cta-text-v2 {
	width: 430px !important;
	margin-left: 64px !important;
}

.hera-wide-cta-text-v2 h2 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 31px !important;
	line-height: 1.18 !important;
	color: #171717 !important;
	margin: 0 0 16px !important;
}

.hera-wide-cta-text-v2 p {
	font-size: 14px !important;
	line-height: 1.55 !important;
	color: #33302C !important;
	margin: 0 0 24px !important;
}

.hera-wide-cta-text-v2 a {
	display: inline-block !important;
	background: #111 !important;
	color: #fff !important;
	padding: 12px 26px !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	font-size: 13px !important;
}

/* CTA V2 – WIE REFERENZBILD */
.hera-wide-cta-v2 {
	width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 48px 0 70px !important;
	overflow: hidden !important;
}

.hera-wide-cta-box-v2 {
	width: calc(100vw - 96px) !important;
	max-width: 1240px !important;
	margin: 0 auto !important;
	min-height: 300px !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	background-image: linear-gradient(90deg,
      #F2EFE9 0%,
      #F2EFE9 30%,
      rgba(242,239,233,0.96) 42%,
      rgba(242,239,233,0.72) 52%,
      rgba(242,239,233,0.28) 62%,
      rgba(242,239,233,0) 72%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png') !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-size: auto 100% !important;
}

.hera-wide-cta-text-v2 {
	width: 470px !important;
	margin-left: 58px !important;
	position: relative !important;
	z-index: 2 !important;
}

.hera-wide-cta-text-v2 h2 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 31px !important;
	line-height: 1.18 !important;
	color: #171717 !important;
	margin: 0 0 16px !important;
}

.hera-wide-cta-text-v2 p {
	font-size: 14px !important;
	line-height: 1.55 !important;
	color: #33302C !important;
	margin: 0 0 24px !important;
}

.hera-wide-cta-text-v2 a {
	display: inline-block !important;
	background: #111 !important;
	color: #fff !important;
	padding: 12px 26px !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	font-size: 13px !important;
}

/* CTA SECTION EDGE TO EDGE */
.hera-wide-cta {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #F2EFE9;
	padding: 60px 0;
}

/* INNER BOX */
.hera-wide-cta-box {
	max-width: 1240px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1.25fr;
	align-items: center;
	border-radius: 16px;
	overflow: hidden;
	position: relative;
}

/* TEXT */
.hera-wide-cta-text {
	padding-left: 70px;
	max-width: 520px;
	z-index: 2;
}

.hera-wide-cta-text h2 {
	font-family: "Playfair Display", serif;
	font-size: 36px;
	line-height: 1.2;
	margin-bottom: 20px;
	color: #171717;
}

.hera-wide-cta-text p {
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 28px;
	color: #3B3834;
}

/* BUTTON */
.hera-wide-cta-btn {
	display: inline-block;
	padding: 14px 32px;
	background: #111;
	color: white;
	border-radius: 999px;
	text-decoration: none;
}

/* IMAGE */
.hera-wide-cta-image {
	position: relative;
}

.hera-wide-cta-image img {
	width: 100%;
	height: auto;
	border-radius: 16px;
	display: block;
}

/* SOFT LEFT GRADIENT */
.hera-wide-cta-image::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 45%;
	height: 100%;
	background: linear-gradient(to right,
#F2EFE9 0%,
rgba(242,239,233,0.95) 40%,
rgba(242,239,233,0.4) 70%,
rgba(242,239,233,0) 100%);
	pointer-events: none;
}

.hera-wide-cta-box {
	width: calc(100% - 64px) !important;
}

max-width: var(--wp--style--global--wide-size); 
	/* CTA WIRKLICH GLEICH BREIT WIE KACHELN */

.hera-wide-cta {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 70px 0 90px !important;
	overflow: visible !important;
}

.hera-wide-cta-box {
	width: 82vw !important;
	max-width: 1240px !important;
	min-width: 960px !important;
	margin: 0 auto !important;
	min-height: 300px !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	display: grid !important;
	grid-template-columns: 0.85fr 1.15fr !important;
	align-items: center !important;
	background: #F2EFE9 !important;
}

.hera-wide-cta-text {
	padding-left: 56px !important;
	max-width: 470px !important;
	z-index: 3 !important;
}

.hera-wide-cta-image {
	position: relative !important;
	width: 100% !important;
	height: 300px !important;
	overflow: hidden !important;
	border-radius: 16px !important;
}

.hera-wide-cta-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
}

/* Verlauf über Bild */
.hera-wide-cta-image::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 42% !important;
	height: 100% !important;
	background: linear-gradient(to right,
    #F2EFE9 0%,
    rgba(242,239,233,0.95) 35%,
    rgba(242,239,233,0.55) 65%,
    rgba(242,239,233,0) 100%) !important;
	z-index: 2 !important;
}

/* CTA Bild korrekt rechts ausrichten + zurückzoomen */
.hera-wide-cta-image img {
	height: 100% !important;
	width: 100% !important;
	object-fit: contain !important;
	object-position: right center !important;
	transform: scale(0.90) !important;
}

/* CTA Bild final korrigieren */
.hera-wide-cta-image {
	position: relative !important;
	height: 300px !important;
	overflow: hidden !important;
	border-radius: 16px !important;
}

.hera-wide-cta-image img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: cover !important;
	object-position: 45% center !important;
	transform: none !important;
	display: block !important;
}

/* Overlay-Verlauf wieder sichtbar machen */
.hera-wide-cta-image::before {
	content: "" !important;
	position: absolute !important;
	width: 48% !important;
	height: 100% !important;
	background: linear-gradient(to right,
    #F2EFE9 0%,
    rgba(242,239,233,0.96) 35%,
    rgba(242,239,233,0.62) 65%,
    rgba(242,239,233,0) 100%) !important;
	z-index: 5 !important;
	pointer-events: none !important;
}

/* FINAL CTA – Bild korrekt zurückzoomen + Overlay + gleiche Breite wie Kacheln */
.hera-wide-cta-image {
	position: relative;
	height: 320px;
	border-radius: 18px;
	overflow: hidden;
/* Bild als Background statt img-Scaling */
	background-image: linear-gradient(to right,
#F2EFE9 0%,
rgba(242,239,233,0.95) 28%,
rgba(242,239,233,0.6) 55%,
rgba(242,239,233,0) 75%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/d11942b1-60bf-4734-a24c-9dc19533a534.png');
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: right center;
}

/* CTA DESKTOP */
.hera-mobile-cta {
	width: 100vw;
	margin-left: calc(47% - 50vw);
	background: #F2EFE9;
	padding: 44px 0 58px;
}

.hera-mobile-cta-box {
	width: min(1180px, calc(100vw - 96px));
	margin: 0 auto;
	height: 300px;
	border-radius: 18px;
	overflow: hidden;
	display: flex;
	align-items: center;
	position: relative;
	background: #F2EFE9;
}

.hera-mobile-cta-text {
	width: 500px;
	padding-left: 75px;
	z-index: 3;
}

.hera-mobile-cta-text h2 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 28px;
	line-height: 1.18;
	margin: 0 0 16px;
	color: #171717;
}

.hera-mobile-cta-text p {
	font-size: 14px;
	line-height: 1.55;
	margin: 0 0 24px;
	color: #3B3834;
}

.hera-mobile-cta-text a {
	display: inline-block;
	background: #111;
	color: #fff;
	text-decoration: none;
	padding: 12px 26px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 500;
}

.hera-mobile-cta-image {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 68%;
	overflow: hidden;
	border-radius: 0 18px 18px 0;
}

.hera-mobile-cta-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
}

.hera-mobile-cta-overlay {
	position: absolute;
	top: 0;
	left: 340px;
	right: 0;
	bottom: 0;
	background: linear-gradient(to right,
    #F2EFE9 0%,
    rgba(242,239,233,0.97) 18%,
    rgba(242,239,233,0.72) 38%,
    rgba(242,239,233,0.28) 60%,
    rgba(242,239,233,0) 82%);
	pointer-events: none;
	z-index: 2;
	border-radius: 0 18px 18px 0;
}

/* MOBILE VERSION */
@media (max-width: 768px) {
	.hera-mobile-cta {
		margin-left: calc(50% - 50vw);
		padding: 36px 20px 48px;
		box-sizing: border-box;
	}
	
	.hera-mobile-cta-box {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		border-radius: 18px;
	}
	
	.hera-mobile-cta-text {
		width: 100%;
		padding: 32px 26px 24px;
		box-sizing: border-box;
		order: 1;
	}
	
	.hera-mobile-cta-text h2 {
		font-size: 30px;
		line-height: 1.18;
	}
	
	.hera-mobile-cta-text p {
		font-size: 15px;
	}
	
	.hera-mobile-cta-image {
		position: relative;
		width: 100%;
		height: 230px;
		order: 2;
		border-radius: 18px;
		overflow: hidden;
	}
	
	.hera-mobile-cta-image img {
		object-fit: cover;
		object-position: center center;
		border-radius: 18px;
	}
	
	.hera-mobile-cta-overlay {
		display: none;
	}
}

/* MOBILE FIX – LEISTUNGEN */
@media (max-width: 768px) {
	#leistungen.ha-services-section {
		padding: 48px 0 56px !important;
		overflow-x: hidden !important;
	}
	
	#leistungen .ha-services-container {
		width: 100% !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		box-sizing: border-box !important;
	}
	
	#leistungen .ha-services-heading {
		margin-bottom: 30px !important;
		text-align: center !important;
	}
	
	#leistungen .ha-services-heading h2 {
		font-size: 28px !important;
		line-height: 1.2 !important;
	}
	
	#leistungen .ha-services-heading p {
		font-size: 15px !important;
		line-height: 1.6 !important;
		max-width: 320px !important;
		margin: 0 auto !important;
	}
	
	#leistungen .ha-service-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 22px !important;
		width: 100% !important;
	}
	
	#leistungen .ha-service-card {
		width: 100% !important;
		min-height: auto !important;
		padding: 12px 12px 28px !important;
		border-radius: 18px !important;
		box-sizing: border-box !important;
	}
	
	#leistungen .ha-service-card img {
		height: 210px !important;
		border-radius: 14px !important;
		object-fit: cover !important;
		margin-bottom: 22px !important;
	}
	
	#leistungen .ha-service-card h3 {
		font-size: 24px !important;
		margin: 0 12px 12px !important;
	}
	
	#leistungen .ha-card-line {
		margin-left: 12px !important;
		margin-bottom: 18px !important;
	}
	
	#leistungen .ha-service-card p {
		font-size: 15px !important;
		line-height: 1.7 !important;
		margin: 0 12px !important;
	}
}

/* MOBILE FIX – HERO BLOCK */
@media (max-width: 768px) {
	.ha-hero {
		padding: 60px 0 40px !important;
	}
	
	.ha-hero-inner {
		width: 100% !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		box-sizing: border-box !important;
	}
	
	.ha-hero-content {
		max-width: 100% !important;
	}
	
	.ha-eyebrow {
		font-size: 12px !important;
		letter-spacing: 2px !important;
		margin-bottom: 14px !important;
	}
	
	.ha-hero h1 {
		font-size: 36px !important;
		line-height: 1.15 !important;
		margin-bottom: 18px !important;
	}
	
	.ha-hero p {
		font-size: 16px !important;
		line-height: 1.6 !important;
		max-width: 420px !important;
	}
	
	.ha-hero-line {
		margin-top: 22px !important;
		width: 52px !important;
	}
}

/* MOBILE HEADER FIX */
@media (max-width: 768px) {
	.hera-header-new {
		position: sticky;
		top: 0;
		z-index: 999;
		background: #F2EFE9;
		padding: 14px 0;
	}
	
	.hera-header-inner-new {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	/* Logo kleiner */
	.hera-brand-new img {
		height: 34px !important;
	}
	
	.hera-brand-text-new strong {
		font-size: 14px !important;
	}
	
	.hera-brand-text-new span {
		font-size: 11px !important;
	}
	
	/* Navigation kompakter */
	.hera-header-inner-new a:not(.hera-brand-new):not(.hera-cta-new) {
		font-size: 14px !important;
		padding: 4px 6px !important;
	}
	
	/* CTA Button */
	.hera-cta-new {
		font-size: 13px !important;
		padding: 8px 14px !important;
		border-radius: 999px !important;
	}
}

/* MOBILE NAV REDUZIEREN */
@media (max-width: 600px) {
	.hera-header-inner-new a[href="#leistungen"],
																							  .hera-header-inner-new a[href="#ueber-uns"] {
		display: none !important;
	}
}

/* MOBILE HEADER FIX */
@media (max-width: 768px) {
	.hera-header-inner-new {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 14px !important;
		padding: 22px 16px !important;
		text-align: center !important;
	}
	
	.hera-brand-new {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 10px !important;
		text-align: center !important;
		width: 100% !important;
	}
	
	.hera-brand-new img {
		width: 72px !important;
		height: auto !important;
		max-width: 72px !important;
	}
	
	.hera-brand-text-new {
		text-align: center !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		font-size: 26px !important;
		line-height: 1.15 !important;
		letter-spacing: 1px !important;
		white-space: normal !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		font-size: 16px !important;
		line-height: 1.4 !important;
		white-space: normal !important;
	}
	
	.hera-header-inner-new > a:not(.hera-brand-new):not(.hera-cta-new) {
		display: inline-block !important;
		font-size: 16px !important;
		margin: 0 8px !important;
	}
	
	.hera-cta-new {
		display: inline-block !important;
		margin-top: 6px !important;
		padding: 10px 18px !important;
		font-size: 15px !important;
	}
}

/* MOBILE HEADER FIX – FORCE VERSION */
@media screen and (max-width: 768px) {
	header.hera-header-new {
		padding: 18px 12px !important;
	}
	
	.hera-header-inner-new {
		display: block !important;
		text-align: center !important;
	}
	
	.hera-brand-new {
		display: block !important;
		width: 100% !important;
		text-align: center !important;
		margin-bottom: 10px !important;
	}
	
	.hera-brand-new img {
		display: block !important;
		margin: 0 auto 8px !important;
		width: 70px !important;
		height: auto !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		font-size: 24px !important;
		line-height: 1.2 !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		font-size: 15px !important;
	}
	
	.hera-header-inner-new a {
		display: inline-block !important;
		margin: 6px 8px !important;
		font-size: 16px !important;
	}
	
	.hera-cta-new {
		display: inline-block !important;
		margin-top: 8px !important;
	}
}

/* MOBILE FIX – ÜBER UNS BLOCK */
@media (max-width: 768px) {
	#ueber-uns {
		width: 100vw !important;
		margin-left: calc(50% - 50vw) !important;
		padding: 48px 0 !important;
	}
	
	#ueber-uns > div {
		width: calc(100vw - 32px) !important;
		height: auto !important;
		min-height: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		border-radius: 18px !important;
		overflow: hidden !important;
	}
	
	/* Bild oben */
	#ueber-uns > div > div:nth-child(1) {
		position: relative !important;
		width: 100% !important;
		height: 320px !important;
		left: auto !important;
		top: auto !important;
		border-radius: 18px 18px 0 0 !important;
	}
	
	#ueber-uns > div > div:nth-child(1) img {
		height: 100% !important;
		width: 100% !important;
		object-fit: cover !important;
		object-position: center top !important;
		border-radius: 18px 18px 0 0 !important;
	}
	
	/* Verlauf auf Mobile ausblenden */
	#ueber-uns > div > div:nth-child(2) {
		display: none !important;
	}
	
	/* Text unten */
	#ueber-uns > div > div:nth-child(3) {
		position: relative !important;
		width: auto !important;
		margin-left: 0 !important;
		padding: 32px 24px 36px !important;
		z-index: 3 !important;
	}
	
	#ueber-uns h2 {
		font-size: 30px !important;
		line-height: 1.18 !important;
	}
	
	#ueber-uns p {
		font-size: 15px !important;
	}
	
	#ueber-uns a {
		width: auto !important;
	}
}

/* MOBILE FOOTER FIX */
@media (max-width: 768px) {
	footer {
		padding: 46px 24px 28px !important;
	}
	
	footer > div {
		max-width: 100% !important;
	}
	
	footer div[style*="grid-template-columns"] {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 34px !important;
	}
	
	footer img {
		width: 220px !important;
		max-width: 100% !important;
	}
	
	footer h4 {
		margin-bottom: 14px !important;
	}
	
	footer a {
		font-size: 14px !important;
	}
	
	footer div[style*="justify-content:space-between"] {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 14px !important;
	}
	
	footer div[style*="justify-content:space-between"] a {
		display: inline-block !important;
		margin-right: 24px !important;
	}
}

/* HEADER LOGO FONT */
.hera-brand-text-new strong {
	font-family: 'Cinzel', serif !important;
	letter-spacing: .06em;
	font-weight: 600;
}

/* Untertitel im Header */
.hera-brand-text-new span {
	font-family: 'Cinzel', serif !important;
	letter-spacing: .12em;
	font-size: 12px;
}

.ha-hero-content {
	margin-left: 60px;
}

.ha-hero::after {
	background: linear-gradient(to right,
    #F2EFE9 0%,
    rgba(242,239,233,0.75) 20%,
    rgba(242,239,233,0.35) 45%,
    rgba(242,239,233,0.10) 65%,
    rgba(242,239,233,0) 85%) !important;
}

/* HERO BILD WENIGER NAH + WEICHER GRADIENT */
.ha-hero {
	background-image: linear-gradient(90deg,
      #F2EFE9 0%,
      rgba(242,239,233,0.55) 22%,
      rgba(242,239,233,0.22) 42%,
      rgba(242,239,233,0.05) 60%,
      rgba(242,239,233,0) 74%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/img_0074.jpeg') !important;
	background-size: 58% auto !important;
/* ← Bild weiter weg */
	background-position: right center !important;
	background-repeat: no-repeat !important;
}

/* MOBILE FIX – HERO */
@media (max-width: 768px) {
	.ha-hero {
		width: 100vw !important;
		margin-left: calc(50% - 50vw) !important;
		min-height: 620px !important;
		background-image: linear-gradient(180deg,
																							        #F2EFE9 0%,
																							        rgba(242,239,233,0.92) 32%,
																							        rgba(242,239,233,0.55) 58%,
																							        rgba(242,239,233,0.10) 78%,
																							        rgba(242,239,233,0) 100%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/img_0074.jpeg') !important;
		background-size: 100% auto !important;
		background-position: right bottom !important;
		background-repeat: no-repeat !important;
		padding-top: 0 !important;
	}
	
	.ha-hero-inner {
		width: 100% !important;
		max-width: none !important;
		padding: 70px 24px 320px !important;
		box-sizing: border-box !important;
	}
	
	.ha-hero-content {
		margin-left: 0 !important;
		padding-left: 0 !important;
		max-width: 100% !important;
	}
	
	.ha-hero .ha-eyebrow {
		font-size: 11px !important;
		letter-spacing: .18em !important;
		margin-bottom: 16px !important;
	}
	
	.ha-hero h1 {
		font-size: 38px !important;
		line-height: 1.08 !important;
		margin-bottom: 20px !important;
		max-width: 330px !important;
	}
	
	.ha-hero p {
		font-size: 15px !important;
		line-height: 1.65 !important;
		max-width: 330px !important;
	}
	
	.ha-hero-line {
		margin-top: 28px !important;
	}
}

/* MOBILE FIX – HERO KORRIGIERT */
@media (max-width: 768px) {
	body {
		overflow-x: hidden !important;
	}
	
	.ha-hero {
		width: 100vw !important;
		max-width: 100vw !important;
		position: relative !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		min-height: 680px !important;
		background-image: linear-gradient(180deg,
																							        #F2EFE9 0%,
																							        rgba(242,239,233,0.94) 28%,
																							        rgba(242,239,233,0.62) 56%,
																							        rgba(242,239,233,0.12) 78%,
																							        rgba(242,239,233,0) 100%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/img_0074.jpeg') !important;
		background-size: 105% auto !important;
		background-position: center bottom !important;
		background-repeat: no-repeat !important;
	}
	
	.ha-hero-inner {
		width: 100% !important;
		max-width: none !important;
		padding: 150px 24px 330px !important;
		box-sizing: border-box !important;
	}
	
	.ha-hero-content {
		margin-left: 0 !important;
		padding-left: 0 !important;
		max-width: 100% !important;
	}
	
	.ha-hero h1 {
		font-size: 36px !important;
		line-height: 1.08 !important;
		max-width: 340px !important;
	}
	
	.ha-hero p {
		font-size: 15px !important;
		line-height: 1.65 !important;
		max-width: 340px !important;
	}
}

/* MOBILE FIX – ÜBER UNS SECTION */
@media (max-width: 768px) {
	#ueber-uns {
		width: 100vw !important;
		margin-left: calc(50% - 50vw) !important;
		padding: 48px 0 56px !important;
	}
	
	#ueber-uns > div {
		width: calc(100vw - 32px) !important;
		height: auto !important;
		min-height: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		border-radius: 18px !important;
		overflow: hidden !important;
		background: #F2EFE9 !important;
	}
	
	/* Bild oben */
	#ueber-uns > div > div:nth-child(1) {
		position: relative !important;
		width: 100% !important;
		height: 360px !important;
		left: auto !important;
		top: auto !important;
		border-radius: 18px 18px 0 0 !important;
	}
	
	#ueber-uns > div > div:nth-child(1) img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: 50% 8% !important;
		border-radius: 18px 18px 0 0 !important;
	}
	
	/* Verlauf auf Mobile entfernen */
	#ueber-uns > div > div:nth-child(2) {
		display: none !important;
	}
	
	/* Text unten */
	#ueber-uns > div > div:nth-child(3) {
		position: relative !important;
		width: auto !important;
		height: auto !important;
		margin-left: 0 !important;
		padding: 32px 24px 38px !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		gap: 24px !important;
		z-index: 3 !important;
	}
	
	#ueber-uns h2 {
		font-size: 30px !important;
		line-height: 1.18 !important;
		margin-bottom: 18px !important;
	}
	
	#ueber-uns p {
		font-size: 15px !important;
		line-height: 1.65 !important;
	}
	
	#ueber-uns a {
		width: 100% !important;
		max-width: 320px !important;
		height: 54px !important;
		padding: 0 28px !important;
	}
}

/* MOBILE FOOTER – 3 SPALTEN */
@media (max-width: 768px) {
	footer {
		padding: 48px 22px 28px !important;
	}
	
	footer > div {
		max-width: 100% !important;
	}
	
	footer div[style*="grid-template-columns:2.6fr"] {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 22px !important;
		align-items: start !important;
	}
	
	/* Logo über alle 3 Spalten */
	footer div[style*="padding-top:18px"] {
		grid-column: 1 / -1 !important;
		padding-top: 0 !important;
		margin-bottom: 10px !important;
	}
	
	footer img {
		width: 220px !important;
		max-width: 100% !important;
	}
	
	footer h4 {
		font-size: 12px !important;
		margin-bottom: 14px !important;
	}
	
	footer a,
																							  footer div {
		font-size: 12px !important;
	}
	
	footer svg {
		width: 13px !important;
		height: 13px !important;
		margin-right: 6px !important;
		flex-shrink: 0 !important;
	}
	
	footer div[id="kontakt"] div {
		align-items: flex-start !important;
		line-height: 1.45 !important;
	}
	
	footer div[style*="justify-content:space-between"] {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
	}
}

footer div[style*="padding-top:18px"] {
	display: flex !important;
	justify-content: center !important;
	margin-bottom: 22px !important;
}

/* RESET MOBILE HEADER (entfernt alte Mobile-Anpassungen) */
@media (max-width: 768px) {
	.hera-header-new {
		position: relative !important;
		top: auto !important;
		z-index: auto !important;
	}
	
	.hera-header-inner-new {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 18px 20px !important;
		text-align: left !important;
		min-height: auto !important;
	}
	
	.hera-brand-new {
		flex-direction: row !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 12px !important;
		width: auto !important;
		text-align: left !important;
	}
	
	.hera-brand-new img {
		width: 42px !important;
		max-width: 42px !important;
	}
	
	.hera-brand-text-new strong {
		font-size: 18px !important;
		letter-spacing: 1px !important;
	}
	
	.hera-brand-text-new span {
		font-size: 12px !important;
	}
	
	.hera-header-inner-new a {
		display: inline-block !important;
	}
	
	.hera-mobile-menu,
																							  .hera-mobile-button,
																							  .hera-mobile-toggle {
		display: none !important;
	}
	
	.hera-header-inner-new::after {
		content: none !important;
	}
}

/* MOBILE DROPDOWN MENU */
@media (max-width:768px) {
	#menu-toggle {
		display: none;
	}
	
	.menu-icon {
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		font-size: 28px;
		cursor: pointer;
	}
	
	.mobile-menu {
		display: none;
		position: absolute;
		right: 20px;
		top: 90px;
		width: 220px;
		background: #F2EFE9;
		border-radius: 16px;
		box-shadow: 0 12px 30px rgba(0,0,0,0.12);
		padding: 14px;
		text-align: center;
	}
	
	.mobile-menu a {
		display: block;
		padding: 12px;
		color: #171717;
		text-decoration: none;
		font-size: 16px;
	}
	
	.mobile-cta {
		margin-top: 6px;
		border: 1px solid #C9A66B;
		border-radius: 999px;
	}
	
	#menu-toggle:checked + .menu-icon + .mobile-menu {
		display: block;
	}
}

/* MOBILE HEADER FINAL */
@media (max-width: 768px) {
	.hera-header-new {
		position: relative !important;
		background: #F2EFE9 !important;
		z-index: 20 !important;
	}
	
	.hera-header-inner-new {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 18px 20px !important;
		min-height: 120px !important;
		gap: 14px !important;
	}
	
	.hera-brand-new {
		display: flex !important;
		align-items: center !important;
		gap: 14px !important;
		text-decoration: none !important;
		width: auto !important;
		max-width: calc(100% - 58px) !important;
	}
	
	.hera-brand-new img {
		width: 72px !important;
		max-width: 72px !important;
		height: auto !important;
		flex-shrink: 0 !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		font-size: 25px !important;
		line-height: 1.05 !important;
		letter-spacing: .8px !important;
		color: #171717 !important;
		white-space: nowrap !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		font-size: 13px !important;
		line-height: 1.25 !important;
		color: #8a837a !important;
		white-space: nowrap !important;
	}
	
	.hera-header-inner-new > a:not(.hera-brand-new) {
		display: none !important;
	}
	
	.hera-mobile-dropdown {
		display: block !important;
		position: relative !important;
		flex-shrink: 0 !important;
	}
	
	.hera-mobile-dropdown summary {
		list-style: none !important;
		cursor: pointer !important;
		font-size: 30px !important;
		line-height: 1 !important;
		color: #171717 !important;
		padding: 8px !important;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav {
		position: absolute !important;
		right: 0 !important;
		top: 48px !important;
		width: 220px !important;
		background: #F2EFE9 !important;
		border: 1px solid rgba(201,166,107,.45) !important;
		border-radius: 18px !important;
		padding: 14px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.14) !important;
		text-align: center !important;
		z-index: 999 !important;
	}
	
	.hera-mobile-dropdown:not([open]) nav {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav a {
		display: block !important;
		padding: 12px 10px !important;
		font-size: 16px !important;
		color: #171717 !important;
		text-decoration: none !important;
	}
	
	.hera-mobile-cta {
		margin-top: 8px !important;
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
	}
}

/* MOBILE HEADER KOMPLETT OVERRIDE */
@media (max-width: 768px) {
	.hera-header-new {
		position: relative !important;
		background: #F2EFE9 !important;
		padding: 0 !important;
	}
	
	.hera-header-inner-new {
		position: relative !important;
		display: grid !important;
		grid-template-columns: 1fr auto !important;
		align-items: center !important;
		gap: 12px !important;
		padding: 22px 18px !important;
		min-height: 120px !important;
		overflow: visible !important;
	}
	
	.hera-brand-new {
		display: flex !important;
		align-items: center !important;
		gap: 14px !important;
		width: auto !important;
		text-align: left !important;
	}
	
	.hera-brand-new img {
		width: 86px !important;
		max-width: 86px !important;
		height: auto !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		font-size: 26px !important;
		line-height: 1.05 !important;
		letter-spacing: .8px !important;
		white-space: nowrap !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		font-size: 12px !important;
		line-height: 1.25 !important;
		white-space: nowrap !important;
	}
	
	/* Alte Menülinks auf Mobile ausblenden */
	.hera-header-inner-new > a:not(.hera-brand-new):not(.hera-cta-new) {
		display: none !important;
	}
	
	/* Erstgespräch als goldener Button rechts */
	.hera-cta-new {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border: 1.5px solid #C9A66B !important;
		border-radius: 999px !important;
		padding: 10px 18px !important;
		font-size: 14px !important;
		color: #171717 !important;
		text-decoration: none !important;
		white-space: nowrap !important;
		background: transparent !important;
	}
}

/* MOBILE HEADER FINAL FIX */
@media (max-width: 768px) {
	.hera-header-new {
		position: relative !important;
		background: #F2EFE9 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.hera-header-inner-new {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: auto !important;
		padding: 28px 18px 26px !important;
		margin: 0 !important;
		text-align: center !important;
	}
	
	.hera-brand-new {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
		width: 100% !important;
		text-align: center !important;
		text-decoration: none !important;
	}
	
	.hera-brand-new img {
		width: 92px !important;
		max-width: 92px !important;
		height: auto !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		font-size: 30px !important;
		line-height: 1.05 !important;
		letter-spacing: .5px !important;
		white-space: normal !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		font-size: 13px !important;
		line-height: 1.25 !important;
		color: #8a837a !important;
	}
	
	.hera-header-inner-new > a:not(.hera-brand-new),
																							  .hera-header-inner-new > nav,
																							  .hera-header-inner-new > .hera-cta-new {
		display: none !important;
	}
	
	.hera-mobile-dropdown {
		display: block !important;
		position: absolute !important;
		right: 18px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		z-index: 9999 !important;
	}
	
	.hera-mobile-dropdown summary {
		width: 48px !important;
		height: 48px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		list-style: none !important;
		cursor: pointer !important;
		font-size: 30px !important;
		color: #171717 !important;
		background: transparent !important;
		pointer-events: auto !important;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav {
		position: absolute !important;
		top: 54px !important;
		right: 0 !important;
		width: 230px !important;
		background: #F2EFE9 !important;
		border: 1px solid rgba(201,166,107,.45) !important;
		border-radius: 18px !important;
		padding: 14px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.14) !important;
		z-index: 99999 !important;
	}
	
	.hera-mobile-dropdown:not([open]) nav {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav a {
		display: block !important;
		padding: 13px 10px !important;
		font-size: 16px !important;
		color: #171717 !important;
		text-decoration: none !important;
		text-align: center !important;
	}
	
	.hera-mobile-cta {
		margin-top: 8px !important;
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
	}
}

/* DESKTOP HEADER */
.hera-header-new {
	background: #F2EFE9 !important;
	border-bottom: 1px solid rgba(17,17,17,.08) !important;
}

.hera-header-inner-new {
	max-width: 1180px !important;
	margin: 0 auto !important;
	padding: 20px 36px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 28px !important;
}

.hera-brand-new {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	text-decoration: none !important;
}

.hera-brand-new img {
	width: 58px !important;
	height: auto !important;
}

.hera-brand-text-new strong {
	display: block !important;
	font-size: 26px !important;
	line-height: 1.05 !important;
	color: #171717 !important;
	white-space: nowrap !important;
}

.hera-brand-text-new span {
	display: block !important;
	font-size: 14px !important;
	color: #8a837a !important;
	white-space: nowrap !important;
}

.hera-desktop-menu {
	display: flex !important;
	gap: 28px !important;
}

.hera-desktop-menu a {
	color: #171717 !important;
	text-decoration: none !important;
	font-size: 16px !important;
}

.hera-cta-new {
	color: #171717 !important;
	text-decoration: none !important;
	border: 1px solid #C9A66B !important;
	border-radius: 999px !important;
	padding: 10px 20px !important;
}

.hera-mobile-dropdown {
	display: none !important;
}

/* MOBILE HEADER */
@media (max-width: 768px) {
	.hera-header-new {
		position: relative !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.hera-header-inner-new {
		padding: 14px 18px !important;
		min-height: 0 !important;
		height: auto !important;
		justify-content: center !important;
	}
	
	.hera-brand-new {
		flex-direction: column !important;
		gap: 5px !important;
		text-align: center !important;
		max-width: 82% !important;
	}
	
	.hera-brand-new img {
		width: 62px !important;
		max-width: 62px !important;
	}
	
	.hera-brand-text-new strong {
		font-size: 26px !important;
		line-height: 1.05 !important;
		white-space: nowrap !important;
	}
	
	.hera-brand-text-new span {
		font-size: 13px !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
	}
	
	.hera-desktop-menu,
																							  .hera-cta-new {
		display: none !important;
	}
	
	.hera-mobile-dropdown {
		display: block !important;
		position: absolute !important;
		right: 14px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		z-index: 9999 !important;
	}
	
	.hera-mobile-dropdown summary {
		list-style: none !important;
		width: 46px !important;
		height: 46px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		font-size: 32px !important;
		cursor: pointer !important;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav {
		position: absolute !important;
		top: 50px !important;
		right: 0 !important;
		width: 220px !important;
		background: #F2EFE9 !important;
		border: 1px solid rgba(201,166,107,.45) !important;
		border-radius: 16px !important;
		padding: 12px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.14) !important;
	}
	
	.hera-mobile-dropdown:not([open]) nav {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav a {
		display: block !important;
		padding: 12px 10px !important;
		text-align: center !important;
		color: #171717 !important;
		text-decoration: none !important;
		font-size: 16px !important;
	}
	
	.hera-mobile-cta {
		margin-top: 8px !important;
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
	}
}

/* HERA MOBILE HEADER CLEAN OVERRIDE */
@media (max-width: 768px) {
	.hera-header-new {
		background: #F2EFE9 !important;
		position: relative !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.hera-header-inner-new {
		position: relative !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 18px 64px 18px 18px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
	}
	
	.hera-brand-new {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 10px !important;
		width: auto !important;
		max-width: calc(100vw - 96px) !important;
		text-align: left !important;
	}
	
	.hera-brand-new img {
		width: 48px !important;
		max-width: 48px !important;
		height: auto !important;
		flex: 0 0 auto !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		font-size: 19px !important;
		line-height: 1.05 !important;
		letter-spacing: .5px !important;
		white-space: nowrap !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		font-size: 11px !important;
		line-height: 1.25 !important;
		white-space: nowrap !important;
	}
	
	.hera-desktop-menu,
																							  .hera-cta-new {
		display: none !important;
	}
	
	.hera-mobile-dropdown {
		display: block !important;
		position: absolute !important;
		right: 14px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		z-index: 99999 !important;
	}
	
	.hera-mobile-dropdown summary {
		width: 44px !important;
		height: 44px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		list-style: none !important;
		font-size: 28px !important;
		cursor: pointer !important;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav {
		position: absolute !important;
		top: 48px !important;
		right: 0 !important;
		width: 210px !important;
		background: #F2EFE9 !important;
		border: 1px solid rgba(201,166,107,.5) !important;
		border-radius: 16px !important;
		padding: 12px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.16) !important;
		z-index: 999999 !important;
	}
	
	.hera-mobile-dropdown:not([open]) nav {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav a {
		display: block !important;
		padding: 12px 10px !important;
		text-align: center !important;
		font-size: 16px !important;
		color: #171717 !important;
		text-decoration: none !important;
	}
	
	.hera-mobile-cta {
		margin-top: 8px !important;
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
	}
}

/* HERA MOBILE HARD RESET */
@media (max-width: 980px) {
	body .hera-header-new,
																							  body header.hera-header-new {
		position: relative !important;
		background: #F2EFE9 !important;
		padding: 0 !important;
		margin: 0 !important;
		min-height: 0 !important;
		height: auto !important;
	}
	
	body .hera-header-new .hera-header-inner-new {
		position: relative !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		min-height: 82px !important;
		padding: 12px 16px !important;
		margin: 0 !important;
		gap: 10px !important;
		text-align: left !important;
	}
	
	body .hera-header-new .hera-brand-new {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 10px !important;
		width: auto !important;
		max-width: calc(100% - 58px) !important;
		text-align: left !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	body .hera-header-new .hera-brand-new img {
		width: 48px !important;
		max-width: 48px !important;
		height: auto !important;
		margin: 0 !important;
	}
	
	body .hera-header-new .hera-brand-text-new strong {
		display: block !important;
		font-size: 20px !important;
		line-height: 1.05 !important;
		white-space: nowrap !important;
		margin: 0 !important;
	}
	
	body .hera-header-new .hera-brand-text-new span {
		display: block !important;
		font-size: 11px !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
		margin: 0 !important;
	}
	
	body .hera-header-new .hera-desktop-menu,
																							  body .hera-header-new .hera-cta-new,
																							  body .hera-header-new .hera-header-inner-new > a:not(.hera-brand-new),
																							  body .hera-header-new .mobile-menu,
																							  body .hera-header-new .menu-icon,
																							  body .hera-header-new #menu-toggle {
		display: none !important;
		visibility: hidden !important;
	}
	
	body .hera-header-new .hera-header-inner-new::after {
		content: none !important;
		display: none !important;
	}
	
	body .hera-header-new .hera-mobile-dropdown {
		display: block !important;
		visibility: visible !important;
		position: relative !important;
		margin-left: auto !important;
		z-index: 99999 !important;
	}
	
	body .hera-header-new .hera-mobile-dropdown summary {
		display: flex !important;
		width: 48px !important;
		height: 48px !important;
		align-items: center !important;
		justify-content: center !important;
		font-size: 30px !important;
		cursor: pointer !important;
		list-style: none !important;
	}
	
	body .hera-header-new .hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	body .hera-header-new .hera-mobile-dropdown nav {
		position: absolute !important;
		right: 0 !important;
		top: 52px !important;
		width: 220px !important;
		background: #F2EFE9 !important;
		border: 1px solid #C9A66B !important;
		border-radius: 16px !important;
		padding: 12px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.18) !important;
		z-index: 999999 !important;
	}
	
	body .hera-header-new .hera-mobile-dropdown:not([open]) nav {
		display: none !important;
	}
	
	body .hera-header-new .hera-mobile-dropdown nav a {
		display: block !important;
		visibility: visible !important;
		padding: 12px 10px !important;
		text-align: center !important;
		font-size: 16px !important;
		color: #171717 !important;
		text-decoration: none !important;
	}
	
	body .hera-header-new .hera-mobile-cta {
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
		margin-top: 8px !important;
	}
}

/* MOBILE: Untertitel kleiner + Header enger */
@media (max-width: 980px) {
	body .hera-header-new .hera-brand-text-new span {
		font-size: 9px !important;
		line-height: 1.05 !important;
		letter-spacing: .2px !important;
		white-space: nowrap !important;
	}
	
	body .hera-header-new .hera-brand-text-new strong {
		font-size: 18px !important;
		line-height: 1 !important;
		white-space: nowrap !important;
	}
	
	body .hera-header-new .hera-brand-new img {
		width: 42px !important;
		max-width: 42px !important;
	}
	
	body .hera-header-new .hera-brand-new {
		gap: 8px !important;
	}
	
	body .hera-header-new .hera-header-inner-new {
		min-height: 72px !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
}

@media (max-width: 480px) {
	body .hera-header-new .hera-brand-text-new strong {
		font-size: 16px !important;
	}
	
	body .hera-header-new .hera-brand-text-new span {
		font-size: 8px !important;
	}
}

/* MOBILE: Erstgespräch Button kleiner */
@media (max-width: 768px) {
	.hera-cta-new,
																							  .hera-mobile-cta {
		font-size: 13px !important;
		padding: 6px 14px !important;
		border-radius: 999px !important;
		line-height: 1.1 !important;
		display: inline-block !important;
	}
}

@media (max-width: 768px) {
	.hera-cta-new,
																						  .hera-mobile-cta {
		width: auto !important;
		max-width: max-content !important;
	}
}

/* MOBILE: echtes Dropdown-Menü */
@media (max-width: 980px) {
	.hera-desktop-menu,
																						  .hera-cta-new {
		display: none !important;
	}
	
	.hera-mobile-dropdown {
		display: block !important;
		position: absolute !important;
		right: 16px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		z-index: 99999 !important;
	}
	
	.hera-mobile-dropdown summary {
		width: 44px !important;
		height: 44px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		font-size: 30px !important;
		cursor: pointer !important;
		list-style: none !important;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav {
		display: none !important;
		position: absolute !important;
		right: 0 !important;
		top: 48px !important;
		width: 210px !important;
		background: #F2EFE9 !important;
		border: 1px solid #C9A66B !important;
		border-radius: 16px !important;
		padding: 12px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.16) !important;
	}
	
	.hera-mobile-dropdown[open] nav {
		display: block !important;
	}
	
	.hera-mobile-dropdown nav a {
		display: block !important;
		padding: 12px 10px !important;
		text-align: center !important;
		color: #171717 !important;
		text-decoration: none !important;
		font-size: 15px !important;
	}
	
	.hera-mobile-cta {
		margin-top: 8px !important;
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
	}
}

/* Dropdown darf über den Header hinaus sichtbar sein */
@media (max-width: 980px) {
	.hera-header-new,
																						  .hera-header-inner-new,
																						  header.hera-header-new,
																						  .wp-block-group,
																						  .wp-block-group__inner-container {
		overflow: visible !important;
	}
	
	.hera-mobile-dropdown {
		position: static !important;
		transform: none !important;
		margin-left: auto !important;
	}
	
	.hera-mobile-dropdown nav {
		position: fixed !important;
		top: 82px !important;
		right: 16px !important;
		width: 220px !important;
		max-height: none !important;
		overflow: visible !important;
		z-index: 999999 !important;
	}
}

/* MOBILE DROPDOWN ALS FIXED PANEL */
@media (max-width: 980px) {
	.hera-header-new,
																						  .hera-header-inner-new {
		overflow: visible !important;
	}
	
	.hera-desktop-menu,
																						  .hera-cta-new {
		display: none !important;
	}
	
	.hera-mobile-dropdown {
		display: block !important;
		margin-left: auto !important;
		position: relative !important;
		z-index: 999999 !important;
	}
	
	.hera-mobile-dropdown summary {
		width: 46px !important;
		height: 46px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		font-size: 30px !important;
		cursor: pointer !important;
		list-style: none !important;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav {
		display: none !important;
	}
	
	.hera-mobile-dropdown[open] nav {
		display: flex !important;
		flex-direction: column !important;
		position: fixed !important;
		top: 88px !important;
		left: 16px !important;
		right: 16px !important;
		width: auto !important;
		max-width: none !important;
		background: #F2EFE9 !important;
		border: 1px solid rgba(201,166,107,.55) !important;
		border-radius: 18px !important;
		padding: 14px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.18) !important;
		z-index: 999999 !important;
	}
	
	.hera-mobile-dropdown[open] nav a {
		display: block !important;
		width: 100% !important;
		padding: 13px 10px !important;
		text-align: center !important;
		color: #171717 !important;
		text-decoration: none !important;
		font-size: 16px !important;
		line-height: 1.2 !important;
		white-space: normal !important;
		box-sizing: border-box !important;
	}
	
	.hera-mobile-cta {
		margin-top: 8px !important;
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
	}
}

/* MOBILE DROPDOWN: zwingend vertikal */
@media (max-width: 980px) {
	.hera-mobile-dropdown[open] nav,
																						  .hera-mobile-dropdown nav {
		display: block !important;
		flex-direction: initial !important;
		white-space: normal !important;
	}
	
	.hera-mobile-dropdown nav a,
																						  .hera-mobile-dropdown[open] nav a {
		display: block !important;
		width: 100% !important;
		float: none !important;
		clear: both !important;
		margin: 0 !important;
		padding: 13px 10px !important;
		text-align: center !important;
		box-sizing: border-box !important;
		white-space: normal !important;
	}
	
	.hera-mobile-dropdown nav a + a {
		border-top: 1px solid rgba(201,166,107,.22) !important;
	}
}

/* HEADER BASIS */
.hera-header-new {
	background: #F2EFE9;
	border-bottom: 1px solid rgba(17,17,17,.08);
}

.hera-header-inner-new {
	max-width: 1180px;
	margin: auto;
	padding: 22px 36px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	position: relative;
}

/* LOGO */
.hera-brand-new {
	display: flex;
	align-items: center;
	gap: 14px;
	text-decoration: none;
}

.hera-brand-new img {
	width: 56px;
	height: auto;
}

.hera-brand-text-new strong {
	display: block;
	font-size: 26px;
	line-height: 1.05;
	color: #171717;
}

.hera-brand-text-new span {
	display: block;
	font-size: 14px;
	color: #8a837a;
}

/* DESKTOP MENU */
.hera-desktop-menu {
	display: flex;
	gap: 28px;
}

.hera-desktop-menu a {
	text-decoration: none;
	color: #171717;
	font-size: 16px;
}

/* BUTTON */
.hera-cta-new {
	text-decoration: none;
	border: 1px solid #C9A66B;
	border-radius: 999px;
	padding: 10px 20px;
	color: #171717;
}

/* MOBILE MENU DEFAULT HIDDEN */
.hera-mobile-dropdown {
	display: none;
}

/* MOBILE VERSION */
@media(max-width:980px) {
	.hera-desktop-menu,
																						.hera-cta-new {
		display: none;
	}
	
	.hera-header-inner-new {
		padding: 14px 18px;
	}
	
	.hera-brand-new {
		gap: 10px;
	}
	
	.hera-brand-new img {
		width: 46px;
	}
	
	.hera-brand-text-new strong {
		font-size: 18px;
	}
	
	.hera-brand-text-new span {
		font-size: 10px;
	}
	
	/* HAMBURGER */
	.hera-mobile-dropdown {
		display: block;
		margin-left: auto;
	}
	
	.hera-mobile-dropdown summary {
		list-style: none;
		cursor: pointer;
		font-size: 30px;
		padding: 6px 12px;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none;
	}
	
	/* DROPDOWN PANEL */
	.hera-mobile-panel {
		display: none;
		position: absolute;
		top: 64px;
		right: 18px;
		width: 220px;
		background: #F2EFE9;
		border: 1px solid rgba(201,166,107,.5);
		border-radius: 16px;
		padding: 12px;
		box-shadow: 0 18px 40px rgba(0,0,0,.18);
		z-index: 9999;
	}
	
	/* OPEN STATE */
	.hera-mobile-dropdown[open] .hera-mobile-panel {
		display: block;
	}
	
	/* LINKS */
	.hera-mobile-panel a {
		display: block;
		padding: 12px 10px;
		text-align: center;
		text-decoration: none;
		color: #171717;
		font-size: 16px;
	}
	
	/* CTA MOBILE */
	.hera-mobile-cta {
		margin-top: 8px;
		border: 1px solid #C9A66B;
		border-radius: 999px;
	}
}

/* MOBILE: Dropdown weiter nach oben */
@media (max-width:980px) {
	.hera-mobile-panel {
		top: 44px !important;
		right: 12px !important;
	}
	
	.hera-header-inner-new {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
		min-height: 58px !important;
	}
	
	.hera-brand-new img {
		width: 42px !important;
	}
	
	.hera-brand-text-new strong {
		font-size: 17px !important;
		line-height: 1 !important;
	}
	
	.hera-brand-text-new span {
		font-size: 9px !important;
		line-height: 1 !important;
	}
	
	.hera-mobile-dropdown summary {
		font-size: 28px !important;
		padding: 4px 8px !important;
	}
}

/* HEADER: oberen Abstand entfernen (Mobile) */
@media (max-width: 980px) {
	header.hera-header-new {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	
	.hera-header-new {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	
	.hera-header-inner-new {
		padding-top: 4px !important;
		padding-bottom: 4px !important;
		min-height: 52px !important;
	}
	
	/* entfernt typisches Gutenberg Block Padding */
	.wp-block-group,
																						  .wp-block-group__inner-container {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
	
	/* falls Header im Cover-Block steckt */
	.wp-block-cover {
		padding-top: 0 !important;
	}
}

/* =====================================================
FIXED HEADER DESKTOP + MOBILE
===================================================== */
body {
	padding-top: 90px;
}

/* HEADER FIXED */
.hera-header-new {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999999;
	background: #F2EFE9;
	border-bottom: 1px solid rgba(17,17,17,.08);
}

/* INNER CONTAINER */
.hera-header-inner-new {
	max-width: 1180px;
	margin: auto;
	padding: 18px 36px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	position: relative;
}

/* LOGO */
.hera-brand-new {
	display: flex;
	align-items: center;
	gap: 14px;
	text-decoration: none;
}

.hera-brand-new img {
	width: 54px;
	height: auto;
}

.hera-brand-text-new strong {
	display: block;
	font-size: 26px;
	line-height: 1.05;
	color: #171717;
}

.hera-brand-text-new span {
	display: block;
	font-size: 14px;
	color: #8a837a;
}

/* DESKTOP MENU */
.hera-desktop-menu {
	display: flex;
	gap: 28px;
}

.hera-desktop-menu a {
	text-decoration: none;
	color: #171717;
	font-size: 16px;
}

/* DESKTOP BUTTON */
.hera-cta-new {
	text-decoration: none;
	border: 1px solid #C9A66B;
	border-radius: 999px;
	padding: 10px 20px;
	color: #171717;
}

/* MOBILE MENU HIDDEN DEFAULT */
.hera-mobile-dropdown {
	display: none;
}

/* =====================================================
MOBILE HEADER
===================================================== */
@media(max-width:980px) {
	body {
		padding-top: 62px;
	}
	
	.hera-header-inner-new {
		padding: 10px 16px;
	}
	
	.hera-brand-new img {
		width: 40px;
	}
	
	.hera-brand-text-new strong {
		font-size: 17px;
	}
	
	.hera-brand-text-new span {
		font-size: 9px;
	}
	
	/* DESKTOP ELEMENTS AUSBLENDEN */
	.hera-desktop-menu,
																						
																						.hera-cta-new {
		display: none;
	}
	
	/* MOBILE DROPDOWN AKTIVIEREN */
	.hera-mobile-dropdown {
		display: block;
		margin-left: auto;
	}
	
	/* HAMBURGER */
	.hera-mobile-dropdown summary {
		list-style: none;
		cursor: pointer;
		font-size: 28px;
		padding: 6px 10px;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none;
	}
	
	/* DROPDOWN PANEL */
	.hera-mobile-panel {
		display: none;
	}
	
	/* OPEN STATE */
	.hera-mobile-dropdown[open] .hera-mobile-panel {
		display: block;
		position: fixed;
		top: 62px;
		left: 14px;
		right: 14px;
		background: #F2EFE9;
		border: 1px solid rgba(201,166,107,.5);
		border-radius: 16px;
		padding: 12px;
		box-shadow: 0 18px 40px rgba(0,0,0,.18);
	}
	
	/* MOBILE LINKS */
	.hera-mobile-panel a {
		display: block;
		padding: 12px 10px;
		text-align: center;
		text-decoration: none;
		color: #171717;
		font-size: 16px;
	}
	
	/* MOBILE CTA */
	.hera-mobile-cta {
		margin-top: 8px;
		border: 1px solid #C9A66B;
		border-radius: 999px;
	}
	
	.ha-knowledge-page {
		background: #F2EFE9;
		padding: 120px 24px 90px;
		color: #171717;
	}
	
	.ha-knowledge-hero {
		max-width: 920px;
		margin: 0 auto 80px;
		text-align: center;
	}
	
	.ha-eyebrow {
		font-size: 14px;
		letter-spacing: 6px;
		color: #C9A66B;
		margin-bottom: 18px;
	}
	
	.ha-knowledge-hero h1 {
		font-family: Georgia, 'Times New Roman', serif;
		font-size: clamp(46px, 7vw, 86px);
		line-height: .95;
		margin: 0 0 28px;
	}
	
	.ha-knowledge-hero p {
		font-size: 20px;
		line-height: 1.7;
		max-width: 720px;
		margin: 0 auto;
		color: #3B3834;
	}
	
	.ha-timeline {
		max-width: 980px;
		margin: 0 auto;
		position: relative;
	}
	
	.ha-timeline:before {
		content: "";
		position: absolute;
		left: 180px;
		top: 0;
		bottom: 0;
		width: 1px;
		background: rgba(201,166,107,.55);
	}
	
	.ha-timeline-item {
		display: grid;
		grid-template-columns: 150px 1fr;
		gap: 60px;
		margin-bottom: 46px;
		position: relative;
	}
	
	.ha-timeline-date {
		font-size: 13px;
		letter-spacing: 3px;
		color: #C9A66B;
		padding-top: 30px;
	}
	
	.ha-timeline-card {
		background: rgba(255,255,255,.45);
		border: 1px solid rgba(201,166,107,.35);
		border-radius: 28px;
		padding: 34px;
		box-shadow: 0 22px 50px rgba(0,0,0,.06);
	}
	
	.ha-timeline-card span {
		color: #C9A66B;
		font-size: 13px;
		letter-spacing: 3px;
		text-transform: uppercase;
	}
	
	.ha-timeline-card h2 {
		font-family: Georgia, 'Times New Roman', serif;
		font-size: 34px;
		line-height: 1.08;
		margin: 14px 0 16px;
	}
	
	.ha-timeline-card p {
		font-size: 17px;
		line-height: 1.6;
		color: #3B3834;
		margin-bottom: 22px;
	}
	
	.ha-timeline-card a {
		color: #171717;
		text-decoration: none;
		border-bottom: 1px solid #C9A66B;
		padding-bottom: 4px;
	}
	
	@media (max-width: 768px) {
	.ha-knowledge-page {
		padding: 90px 20px 70px;
	}
	
	.ha-timeline:before {
		left: 0;
	}
	
	.ha-timeline-item {
		grid-template-columns: 1fr;
		gap: 12px;
		padding-left: 24px;
	}
	
	.ha-timeline-date {
		padding-top: 0;
	}
	
	.ha-timeline-card {
		padding: 26px;
		border-radius: 22px;
	}
	
	.ha-timeline-card h2 {
		font-size: 28px;
	}
}

.ha-wissen-modern {
	background: #F2EFE9;
	padding: 130px 24px 100px;
	color: #171717;
}

.ha-wissen-intro {
	max-width: 1080px;
	margin: 0 auto 90px;
}

.ha-wissen-kicker {
	color: #C9A66B;
	letter-spacing: 7px;
	font-size: 13px;
	margin-bottom: 20px;
}

.ha-wissen-intro h1 {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: clamp(48px, 7vw, 92px);
	line-height: .95;
	max-width: 760px;
	margin: 0 0 28px;
}

.ha-wissen-intro p {
	max-width: 640px;
	font-size: 19px;
	line-height: 1.7;
	color: #3B3834;
}

.ha-wissen-layout {
	max-width: 1080px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 170px 1fr;
	gap: 60px;
}

.ha-wissen-timeline {
	position: sticky;
	top: 120px;
	align-self: start;
	border-left: 1px solid rgba(201,166,107,.55);
	padding-left: 24px;
	display: flex;
	flex-direction: column;
	gap: 26px;
}

.ha-wissen-timeline span {
	color: #8a837a;
	font-size: 15px;
}

.ha-wissen-timeline .active {
	color: #171717;
	font-size: 28px;
	font-family: Georgia, 'Times New Roman', serif;
}

.ha-wissen-posts {
	display: grid;
	gap: 28px;
}

.ha-wissen-card {
	background: rgba(255,255,255,.5);
	border: 1px solid rgba(201,166,107,.32);
	border-radius: 30px;
	padding: 34px;
	box-shadow: 0 24px 60px rgba(0,0,0,.06);
}

.ha-card-meta {
	display: flex;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 18px;
}

.ha-card-meta span {
	color: #C9A66B;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-size: 12px;
}

.ha-card-meta small {
	color: #8a837a;
	font-size: 13px;
}

.ha-wissen-card h2 {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 34px;
	line-height: 1.08;
	margin: 0 0 16px;
}

.ha-wissen-card p {
	color: #3B3834;
	font-size: 17px;
	line-height: 1.6;
	margin-bottom: 24px;
}

.ha-wissen-card a {
	color: #171717;
	text-decoration: none;
	border-bottom: 1px solid #C9A66B;
	padding-bottom: 4px;
}

@media (max-width: 768px) {
	.ha-wissen-modern {
		padding: 90px 20px 70px;
	}
	
	.ha-wissen-layout {
		grid-template-columns: 1fr;
		gap: 34px;
	}
	
	.ha-wissen-timeline {
		position: relative;
		top: auto;
		flex-direction: row;
		overflow-x: auto;
		border-left: none;
		border-bottom: 1px solid rgba(201,166,107,.45);
		padding-left: 0;
		padding-bottom: 16px;
	}
	
	.ha-wissen-timeline .active {
		font-size: 24px;
	}
	
	.ha-wissen-card {
		padding: 26px;
		border-radius: 24px;
	}
	
	.ha-wissen-card h2 {
		font-size: 28px;
	}
}

/* HEADER FIX NACH WISSEN-MENÜPUNKT */
.hera-header-inner-new {
	max-width: 1280px !important;
	padding: 18px 28px !important;
	gap: 20px !important;
}

.hera-brand-new {
	flex-shrink: 0 !important;
}

.hera-desktop-menu {
	display: flex !important;
	align-items: center !important;
	gap: 20px !important;
	flex-wrap: nowrap !important;
	white-space: nowrap !important;
}

.hera-desktop-menu a {
	font-size: 15px !important;
	white-space: nowrap !important;
	line-height: 1.2 !important;
}

.hera-cta-new {
	flex-shrink: 0 !important;
	white-space: nowrap !important;
	padding: 9px 18px !important;
}

/* Tablet/Mobile: früher auf Hamburger wechseln */
@media (max-width: 1100px) {
	.hera-desktop-menu,
																						  .hera-cta-new {
		display: none !important;
	}
	
	.hera-menu-icon {
		display: flex !important;
	}
}

/* HEADER CONTAINER */
.hera-header-new {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999999;
	background: #F2EFE9;
	border-bottom: 1px solid rgba(17,17,17,.08);
}

/* INNER LAYOUT */
.hera-header-inner-new {
	max-width: 1280px;
	margin: auto;
	padding: 18px 28px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
}

/* LOGO */
.hera-brand-new {
	display: flex;
	align-items: center;
	gap: 14px;
	text-decoration: none;
	flex-shrink: 0;
}

.hera-brand-new img {
	width: 54px;
}

.hera-brand-text-new strong {
	font-size: 26px;
	line-height: 1.05;
	color: #171717;
	white-space: nowrap;
}

.hera-brand-text-new span {
	font-size: 14px;
	color: #8a837a;
	white-space: nowrap;
}

/* DESKTOP MENU */
.hera-desktop-menu {
	display: flex;
	gap: 20px;
	white-space: nowrap;
}

.hera-desktop-menu a {
	text-decoration: none;
	color: #171717;
	font-size: 15px;
}

/* CTA */
.hera-cta-new {
	border: 1px solid #C9A66B;
	border-radius: 999px;
	padding: 9px 18px;
	text-decoration: none;
	color: #171717;
	white-space: nowrap;
}

/* MOBILE ICON STANDARD AUS */
.hera-menu-toggle,

.hera-menu-icon,

.hera-mobile-panel {
	display: none;
}

/* MOBILE VERSION */
@media(max-width:1100px) {
	.hera-desktop-menu,
																						
																						.hera-cta-new {
		display: none;
	}
	
	.hera-menu-icon {
		display: block;
		font-size: 28px;
		cursor: pointer;
		margin-left: auto;
	}
	
	.hera-menu-toggle {
		display: none;
	}
	
	/* MOBILE PANEL */
	.hera-menu-toggle:checked + .hera-menu-icon + .hera-mobile-panel {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 70px;
		left: 16px;
		right: 16px;
		background: #F2EFE9;
		border: 1px solid rgba(201,166,107,.5);
		border-radius: 16px;
		padding: 14px;
		box-shadow: 0 20px 40px rgba(0,0,0,.15);
	}
	
	.hera-mobile-panel a {
		padding: 12px;
		text-align: center;
		text-decoration: none;
		color: #171717;
	}
	
	.hera-mobile-cta {
		border: 1px solid #C9A66B;
		border-radius: 999px;
		margin-top: 8px;
	}
}

@media (max-width: 768px) {
	.ha-about-second > div {
		width: calc(100vw - 32px) !important;
		height: auto !important;
		min-height: 720px !important;
		display: block !important;
	}
	
	.ha-about-second > div > div:first-child {
		position: relative !important;
		width: 100% !important;
		height: 360px !important;
		border-radius: 18px 18px 0 0 !important;
	}
	
	.ha-about-second > div > div:first-child img {
		border-radius: 18px 18px 0 0 !important;
		object-position: center top !important;
	}
	
	.ha-about-second > div > div:nth-child(2) {
		display: none !important;
	}
	
	.ha-about-second > div > div:last-child {
		width: auto !important;
		height: auto !important;
		padding: 34px 26px 38px !important;
	}
	
	.ha-about-second h2 {
		font-size: 29px !important;
	}
}

/* Senkrechte Linie im Über-uns-Bereich entfernen */
.ha-about,
.ha-about-second,
.ha-about::before,
.ha-about::after,
.ha-about-second::before,
.ha-about-second::after {
	border-left: none !important;
	border-right: none !important;
	box-shadow: none !important;
}

.ha-about > div,
.ha-about-second > div {
	border-left: none !important;
	border-right: none !important;
}

.ha-about [style*="border-left"],
.ha-about [style*="border-right"],
.ha-about-second [style*="border-left"],
.ha-about-second [style*="border-right"] {
	border-left: none !important;
	border-right: none !important;
}

/* mögliche alte Timeline- oder Trennlinie entfernen */
.ha-about .timeline,
.ha-about-second .timeline,
.ha-about .vertical-line,
.ha-about-second .vertical-line {
	display: none !important;
}

/* Yasmina-Bild: echter transparenter Übergang */
.ha-about-image-left {
	position: absolute !important;
	width: 80% !important;
	height: 100% !important;
	overflow: hidden !important;
	border-radius: 18px 0 0 18px !important;
}

.ha-about-image-fade {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: 60% 8% !important;
	-webkit-mask-image: linear-gradient(to right,
    #000 0%,
    #000 38%,
    rgba(0,0,0,.99) 48%,
    rgba(0,0,0,.94) 58%,
    rgba(0,0,0,.82) 68%,
    rgba(0,0,0,.64) 76%,
    rgba(0,0,0,.42) 84%,
    rgba(0,0,0,.22) 91%,
    rgba(0,0,0,.08) 96%,
    transparent 100%) !important;
	mask-image: linear-gradient(to right,
    #000 0%,
    #000 38%,
    rgba(0,0,0,.99) 48%,
    rgba(0,0,0,.94) 58%,
    rgba(0,0,0,.82) 68%,
    rgba(0,0,0,.64) 76%,
    rgba(0,0,0,.42) 84%,
    rgba(0,0,0,.22) 91%,
    rgba(0,0,0,.08) 96%,
    transparent 100%) !important;
	-webkit-mask-repeat: no-repeat !important;
	mask-repeat: no-repeat !important;
	-webkit-mask-size: 100% 100% !important;
	mask-size: 100% 100% !important;
}	
}

/* Carlos Bild */
.ha-about-image-right {
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	overflow: hidden !important;
	border-radius: 0 18px 18px 0 !important;
}

.ha-about-image-fade-right {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: 52% 15% !important;
	-webkit-mask-image: linear-gradient(to left,
        #000 0%,
        #000 54%,
        rgba(0,0,0,.98) 60%,
        rgba(0,0,0,.88) 67%,
        rgba(0,0,0,.65) 75%,
        rgba(0,0,0,.38) 83%,
        rgba(0,0,0,.15) 91%,
        transparent 100%) !important;
	mask-image: linear-gradient(to left,
        #000 0%,
        #000 54%,
        rgba(0,0,0,.98) 60%,
        rgba(0,0,0,.88) 67%,
        rgba(0,0,0,.65) 75%,
        rgba(0,0,0,.38) 83%,
        rgba(0,0,0,.15) 91%,
        transparent 100%) !important;
	-webkit-mask-repeat: no-repeat !important;
	mask-repeat: no-repeat !important;
	-webkit-mask-size: 100% 100% !important;
	mask-size: 100% 100% !important;
}

/* =====================================================
   HERA ACCOUNTS – Einheitliche Premium-Animationen
===================================================== */
.ha-about-primary,
.ha-about-second,
.hera-mobile-cta-box {
	transition: transform .45s cubic-bezier(.22,.61,.36,1), box-shadow .45s ease;
}

.ha-about-image-fade,
.ha-about-image-fade-right,
.hera-mobile-cta-image img {
	transform: scale(1);
	transition: transform 1.2s cubic-bezier(.22,.61,.36,1), filter .9s ease;
	filter: brightness(1) contrast(1);
}

.ha-about-primary h2,
.ha-about-second h2,
.hera-mobile-cta-text h2 {
	transition: transform .45s cubic-bezier(.22,.61,.36,1), color .35s ease;
}

.ha-about-primary a,
.ha-about-second a,
.hera-mobile-cta-text a {
	transition: transform .35s ease, background .35s ease, color .35s ease, box-shadow .35s ease;
}

/* =====================================================
   HOVER-EFFEKTE
===================================================== */
.ha-about-primary:hover,
.ha-about-second:hover,
.hera-mobile-cta-box:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 60px rgba(0,0,0,.06);
}

.ha-about-primary:hover .ha-about-image-fade,
.ha-about-second:hover .ha-about-image-fade-right,
.hera-mobile-cta-box:hover .hera-mobile-cta-image img {
	transform: scale(1.03);
	filter: brightness(1.02) contrast(1.02);
}

.ha-about-primary:hover h2,
.ha-about-second:hover h2,
.hera-mobile-cta-box:hover .hera-mobile-cta-text h2 {
	transform: translateX(5px);
}

.ha-about-primary:hover a,
.ha-about-second:hover a,
.hera-mobile-cta-box:hover .hera-mobile-cta-text a {
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(0,0,0,.15);
}

/* =====================================================
   MOBILE UND TOUCH-GERÄTE
===================================================== */
@media (hover:none) {
	.ha-about-primary,
																				    .ha-about-second,
																				    .hera-mobile-cta-box {
		transform: none;
		box-shadow: none;
	}
	
	.ha-about-image-fade,
																				    .ha-about-image-fade-right,
																				    .hera-mobile-cta-image img {
		transform: none;
		filter: none;
	}
	
	.ha-about-primary h2,
																				    .ha-about-second h2,
																				    .hera-mobile-cta-text h2,
																				    .ha-about-primary a,
																				    .ha-about-second a,
																				    .hera-mobile-cta-text a {
		transform: none;
	}
}

/* Bewegungsreduktion aus Betriebssystem respektieren */
@media (prefers-reduced-motion:reduce) {
	.ha-about-primary,
																				    .ha-about-second,
																				    .hera-mobile-cta-box,
																				    .ha-about-image-fade,
																				    .ha-about-image-fade-right,
																				    .hera-mobile-cta-image img,
																				    .ha-about-primary h2,
																				    .ha-about-second h2,
																				    .hera-mobile-cta-text h2,
																				    .ha-about-primary a,
																				    .ha-about-second a,
																				    .hera-mobile-cta-text a {
		transition: none !important;
	}
}

/* =====================================================
   HERA ACCOUNTS – ÜBER UNS MOBILE
===================================================== */
@media (max-width:767px) {
	/* Anker auf Mobile nicht nach oben verschieben */
	#ueber-uns {
		height: 1px !important;
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	
	/* Beide äusseren Sections */
	.ha-about-primary,
																				    .ha-about-second {
		width: 100% !important;
		margin-left: 0 !important;
		padding: 28px 18px !important;
		background: #F2EFE9 !important;
		box-sizing: border-box !important;
	}
	
	.ha-about-second {
		padding-top: 0 !important;
		padding-bottom: 44px !important;
	}
	
	/* Die eigentliche Karte:
																				       jeweils das erste direkte DIV innerhalb der Section */
	.ha-about-primary > div,
																				    .ha-about-second > div {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 auto !important;
		padding: 0 !important;
		border-radius: 18px !important;
		overflow: hidden !important;
		position: relative !important;
		background: #F2EFE9 !important;
	}
	
	/* =================================================
																				       BILDBEREICHE
																				    ================================================= */
	.ha-about-image-left,
																				    .ha-about-image-right {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		order: 1 !important;
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 5 / 4 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		border-radius: 18px !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		z-index: 1 !important;
	}
	
	/* Bilder */
	.ha-about-image-fade,
																				    .ha-about-image-fade-right {
		position: absolute !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 18px !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		filter: none !important;
		-webkit-mask-image: none !important;
		mask-image: none !important;
	}
	
	/* Yasmina: etwas höher ausrichten */
	.ha-about-image-fade {
		object-position: center 12% !important;
	}
	
	/* Carlos: Portrait sinnvoll zuschneiden */
	.ha-about-image-fade-right {
		object-position: center 18% !important;
	}
	
	/* =================================================
																				       TEXTBEREICHE
																				
																				       Der Text ist jeweils das zweite direkte DIV
																				       innerhalb der eigentlichen Karte.
																				    ================================================= */
	.ha-about-primary > div > div:nth-child(2),
																				    .ha-about-second > div > div:nth-child(2) {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		order: 2 !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		margin: 0 !important;
		padding: 30px 24px 34px !important;
		box-sizing: border-box !important;
		z-index: 2 !important;
		transform: none !important;
	}
	
	/* Text-Inhalt */
	.ha-about-primary > div > div:nth-child(2) > div,
																				    .ha-about-second > div > div:nth-child(2) > div {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	/* Kleine Oberzeile */
	.ha-about-primary > div > div:nth-child(2) > div > p:first-child,
																				    .ha-about-second > div > div:nth-child(2) > div > p:first-child {
		margin: 0 0 12px !important;
		font-size: 11px !important;
		line-height: 1.4 !important;
		letter-spacing: .12em !important;
	}
	
	/* Überschriften */
	.ha-about-primary h2,
																				    .ha-about-second h2 {
		margin: 0 0 18px !important;
		font-size: 32px !important;
		line-height: 1.08 !important;
		transform: none !important;
	}
	
	/* Fliesstext */
	.ha-about-primary h2 ~ p,
																				    .ha-about-second h2 ~ p {
		margin-top: 0 !important;
		margin-bottom: 16px !important;
		font-size: 16px !important;
		line-height: 1.65 !important;
	}
	
	/* Zweiter Absatz */
	.ha-about-primary h2 ~ p:last-child,
																				    .ha-about-second h2 ~ p:last-child {
		margin-bottom: 26px !important;
	}
	
	/* Buttons */
	.ha-about-primary a,
																				    .ha-about-second a {
		position: relative !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		align-self: flex-start !important;
		width: auto !important;
		min-height: 52px !important;
		height: auto !important;
		margin: 0 !important;
		padding: 15px 28px !important;
		transform: none !important;
	}
	
	/* Mobile Hover- und Zoom-Effekte deaktivieren */
	.ha-about-primary:hover,
																				    .ha-about-second:hover,
																				    .ha-about-primary:hover h2,
																				    .ha-about-second:hover h2,
																				    .ha-about-primary:hover a,
																				    .ha-about-second:hover a,
																				    .ha-about-primary:hover .ha-about-image-fade,
																				    .ha-about-second:hover .ha-about-image-fade-right {
		transform: none !important;
		filter: none !important;
	}
}

.ha-about-image-right {
	overflow: hidden !important;
	border-radius: 18px !important;
}

.ha-about-image-right img {
	border-radius: 18px !important;
	display: block !important;
}

@media (max-width:767px) {
	/* Carlos: fester, vollständig abgerundeter Bildrahmen */
	body .ha-about-second > div > .ha-about-image-right {
		position: relative !important;
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		aspect-ratio: 5 / 4 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		border-radius: 18px !important;
		clip-path: inset(0 round 18px) !important;
		box-sizing: border-box !important;
		transform: translateZ(0) !important;
	}
	
	/* Bild bleibt innerhalb des abgerundeten Rahmens */
	body .ha-about-second > div > .ha-about-image-right >
																				    .ha-about-image-fade-right {
		position: absolute !important;
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		object-fit: cover !important;
		object-position: center 18% !important;
		border-radius: 0 !important;
		clip-path: none !important;
	/*
																				        Person etwas weiter nach links:
																				        leicht vergrössern und innerhalb des Rahmens verschieben
																				        */
		transform: translateX(-3%) scale(1.06) !important;
		transform-origin: center center !important;
		filter: none !important;
	}
}

/* =====================================================
   HERA ACCOUNTS – DESKTOP NAVIGATION
===================================================== */
.hera-desktop-nav {
	display: flex;
	align-items: center;
	gap: 32px;
}

.hera-desktop-nav a {
	color: #171717;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	transition: opacity .25s ease;
}

.hera-desktop-nav a:hover {
	opacity: .55;
}

/* =====================================================
   HERA ACCOUNTS – HEADER RESET
===================================================== */
.hera-header-new {
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;
	z-index: 9999 !important;
	background: #F2EFE9 !important;
	overflow: visible !important;
}

.hera-header-inner-new {
	width: min(1180px, calc(100% - 48px)) !important;
	height: 88px !important;
	min-height: 0 !important;
	margin: 0 auto !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 24px !important;
	position: relative !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

/* Desktop: mobiles Menü ausblenden */
.hera-mobile-menu {
	display: none;
}

/* =====================================================
   TABLET UND MOBILE
===================================================== */
@media (max-width:1024px) {
	.hera-header-new {
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.hera-header-inner-new {
		width: calc(100% - 32px) !important;
		height: 82px !important;
		min-height: 0 !important;
		margin: 0 auto !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
	}
	
	/* Desktop-Navigation ausblenden */
	.hera-desktop-nav,
																				    .hera-cta-new {
		display: none !important;
	}
	
	/* Logo kompakter */
	.hera-brand-new {
		display: flex !important;
		align-items: center !important;
		gap: 12px !important;
		width: auto !important;
		max-width: calc(100% - 64px) !important;
		margin: 0 !important;
		padding: 0 !important;
		text-decoration: none !important;
	}
	
	.hera-brand-new img {
		display: block !important;
		width: 46px !important;
		height: 46px !important;
		margin: 0 !important;
		object-fit: contain !important;
		flex: 0 0 46px !important;
	}
	
	.hera-brand-text-new {
		display: flex !important;
		flex-direction: column !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1 !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		margin: 0 0 5px !important;
		font-size: 18px !important;
		line-height: 1 !important;
		white-space: nowrap !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		margin: 0 !important;
		font-size: 10px !important;
		line-height: 1.1 !important;
		white-space: nowrap !important;
	}
	
	/* =================================================
																				       NATIVES DETAILS-MENÜ
																				    ================================================= */
	.hera-mobile-menu {
		position: relative !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 46px !important;
		height: 46px !important;
		margin: 0 !important;
		padding: 0 !important;
		flex: 0 0 46px !important;
		z-index: 10001 !important;
	}
	
	/* Burger-Button */
	.hera-menu-button {
		position: relative !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 5px !important;
		width: 46px !important;
		height: 46px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 1px solid rgba(23,23,23,.14) !important;
		border-radius: 50% !important;
		background: #fff !important;
		box-shadow: 0 8px 24px rgba(0,0,0,.07) !important;
		cursor: pointer !important;
		list-style: none !important;
		box-sizing: border-box !important;
		z-index: 10003 !important;
	}
	
	/* Standard-Pfeil von details entfernen */
	.hera-menu-button::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-menu-button::marker {
		display: none !important;
		content: "" !important;
	}
	
	.hera-menu-button span {
		display: block !important;
		width: 19px !important;
		height: 2px !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 999px !important;
		background: #171717 !important;
		transition: transform .25s ease, opacity .2s ease !important;
	}
	
	/* Dropdown */
	.hera-mobile-panel {
		position: absolute !important;
		top: 58px !important;
		right: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		width: min(310px, calc(100vw - 32px)) !important;
		margin: 0 !important;
		padding: 14px !important;
		border: 1px solid rgba(23,23,23,.08) !important;
		border-radius: 18px !important;
		background: #fff !important;
		box-shadow: 0 24px 70px rgba(0,0,0,.16) !important;
		box-sizing: border-box !important;
		z-index: 10002 !important;
	}
	
	.hera-mobile-panel a {
		display: flex !important;
		align-items: center !important;
		min-height: 48px !important;
		padding: 11px 14px !important;
		border-radius: 11px !important;
		color: #171717 !important;
		text-decoration: none !important;
		font-size: 16px !important;
		line-height: 1.2 !important;
		font-weight: 500 !important;
		box-sizing: border-box !important;
	}
	
	.hera-mobile-panel a:active {
		background: #F2EFE9 !important;
	}
	
	.hera-mobile-panel .hera-mobile-menu-cta {
		justify-content: center !important;
		margin-top: 8px !important;
		border-radius: 999px !important;
		background: #111 !important;
		color: #fff !important;
	}
	
	/* Burger wird beim Öffnen zum X */
	.hera-mobile-menu[open] .hera-menu-button span:nth-child(1) {
		transform: translateY(7px) rotate(45deg) !important;
	}
	
	.hera-mobile-menu[open] .hera-menu-button span:nth-child(2) {
		opacity: 0 !important;
	}
	
	.hera-mobile-menu[open] .hera-menu-button span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg) !important;
	}
}

@media (max-width:1024px) {
	.hera-header-new {
		margin-top: 0 !important;
	}
	
	.hera-header-new:first-child {
		padding-top: 0 !important;
	}
}

/* =====================================================
   MOBILE HEADER – STABILE AUSRICHTUNG
===================================================== */
@media (max-width:1024px) {
	.hera-header-inner-new {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: calc(100% - 32px) !important;
		max-width: none !important;
		height: 82px !important;
		margin: 0 auto !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}
	
	.hera-brand-new {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		max-width: calc(100% - 62px) !important;
		margin: 0 !important;
	}
	
	.hera-mobile-menu {
		position: relative !important;
		display: block !important;
		flex: 0 0 46px !important;
		width: 46px !important;
		height: 46px !important;
		margin: 0 0 0 16px !important;
		padding: 0 !important;
		z-index: 10000 !important;
	}
	
	.hera-menu-button {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-direction: column !important;
		gap: 5px !important;
		width: 46px !important;
		height: 46px !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}
	
	.hera-mobile-panel {
		position: absolute !important;
		top: 58px !important;
		right: 0 !important;
		left: auto !important;
		width: 280px !important;
		max-width: calc(100vw - 32px) !important;
		min-width: 240px !important;
		margin: 0 !important;
		padding: 16px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		box-sizing: border-box !important;
		z-index: 99999 !important;
	}
	
	.hera-mobile-panel a {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		width: 100% !important;
		white-space: nowrap !important;
	}
}

/* =====================================================
   MOBILE DROPDOWN – TEXT HORIZONTAL ERZWINGEN
===================================================== */
@media (max-width:1024px) {
	.hera-mobile-panel {
		position: absolute !important;
		top: 58px !important;
		right: 0 !important;
		left: auto !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		width: 280px !important;
		min-width: 280px !important;
		max-width: calc(100vw - 32px) !important;
		height: auto !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
	
	/* Alle Elemente im Dropdown zurücksetzen */
	.hera-mobile-panel,
																				    .hera-mobile-panel *,
																				    .hera-mobile-panel a,
																				    .hera-mobile-panel a * {
		direction: ltr !important;
		white-space: nowrap !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
		transform: none !important;
	}
	
	/* Einzelne Menülinks */
	.hera-mobile-panel > a {
		position: relative !important;
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		height: auto !important;
		min-height: 50px !important;
		margin: 0 !important;
		padding: 15px 16px !important;
		font-size: 16px !important;
		line-height: 20px !important;
		text-align: left !important;
		box-sizing: border-box !important;
	}
	
	/* CTA */
	.hera-mobile-panel > a.hera-mobile-menu-cta {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin-top: 10px !important;
		text-align: center !important;
	}
	
	/* Nur die Burgerlinien dürfen transformiert werden */
	.hera-mobile-menu[open]
																				    .hera-menu-button span:nth-child(1) {
		transform: translateY(7px) rotate(45deg) !important;
	}
	
	.hera-mobile-menu[open]
																				    .hera-menu-button span:nth-child(2) {
		opacity: 0 !important;
	}
	
	.hera-mobile-menu[open]
																				    .hera-menu-button span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg) !important;
	}
}

/* =====================================================
   HERA MOBILE NAVIGATION V2
   Neue Klassen ohne Konflikte
===================================================== */
.hera-nav-mobile-v2 {
	display: none;
}

@media (max-width:600px) {
	.hera-nav-panel-v2 {
		position: fixed !important;
		top: 90px !important;
		left: 16px !important;
		right: 16px !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		height: auto !important;
		margin: 0 !important;
		padding: 14px !important;
		display: block !important;
		background: #fff !important;
		border: 1px solid rgba(23,23,23,.08) !important;
		border-radius: 18px !important;
		box-shadow: 0 24px 70px rgba(0,0,0,.16) !important;
		box-sizing: border-box !important;
		z-index: 999999 !important;
	}
	
	.hera-nav-panel-v2 > a {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 14px 16px !important;
		font-size: 16px !important;
		line-height: 22px !important;
		text-align: left !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		transform: none !important;
		box-sizing: border-box !important;
	}
	
	.hera-nav-panel-v2 > .hera-nav-cta-v2 {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin-top: 10px !important;
		text-align: center !important;
		white-space: nowrap !important;
	}
}

/* ===== HEADER ===== */
.hera-header-v3 {
	position: sticky;
	top: 0;
	z-index: 9999;
	background: #f2efe9;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.hera-header-inner-v3 {
	max-width: 1280px;
	margin: 0 auto;
	padding: 14px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
}

/* ===== LOGO ===== */
.hera-brand-v3 {
	display: flex;
	align-items: center;
	gap: 14px;
	text-decoration: none;
	color: inherit;
}

.hera-brand-v3 img {
	width: 48px;
/* Logo-Grösse */
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
}

.hera-brand-copy-v3 {
	display: flex;
	flex-direction: column;
}

.hera-brand-copy-v3 strong {
	font-size: 18px;
	letter-spacing: 1px;
}

.hera-brand-copy-v3 small {
	font-size: 12px;
	color: #666;
}

/* ===== DESKTOP MENU ===== */
.hera-desktop-nav-v3 {
	display: flex;
	align-items: center;
	gap: 28px;
	flex: 1;
	justify-content: center;
}

.hera-desktop-nav-v3 a {
	text-decoration: none;
	color: #222;
	font-size: 15px;
	font-weight: 500;
}

.hera-desktop-nav-v3 a:hover {
	color: #d4af37;
}

/* ===== BUTTON ===== */
.hera-header-cta-v3 {
	padding: 12px 22px;
	border: 1px solid #d4af37;
	border-radius: 999px;
	text-decoration: none;
	color: #222;
	font-weight: 600;
}

/* ===== MOBILE ===== */
.hera-mobile-nav-v3 {
	display: none;
}

.hera-mobile-trigger-v3 {
	list-style: none;
	cursor: pointer;
}

.hera-mobile-trigger-v3::-webkit-details-marker {
	display: none;
}

.hera-mobile-trigger-v3 span {
	display: block;
	width: 24px;
	height: 2px;
	background: #222;
	margin: 5px 0;
}

.hera-mobile-panel-v3 {
	position: absolute;
	top: 78px;
	right: 20px;
	width: 240px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.hera-mobile-panel-v3 a {
	text-decoration: none;
	color: #222;
}

.hera-mobile-cta-v3 {
	padding: 12px;
	border: 1px solid #d4af37;
	border-radius: 999px;
	text-align: center;
}

/* ===== TABLET + MOBILE ===== */
@media (max-width: 980px) {
	.hera-desktop-nav-v3,
																  .hera-header-cta-v3 {
		display: none;
	}
	
	.hera-mobile-nav-v3 {
		display: block;
	}
	
	.hera-brand-copy-v3 small {
		display: none;
	}
	
	.hera-brand-copy-v3 strong {
		font-size: 16px;
	}
	
	.hera-brand-v3 img {
		width: 42px;
		height: 42px;
	}
}

/* =====================================================
   HEADER – DESKTOP-LINKS NICHT MEHR SENKRECHT
===================================================== */
.hera-desktop-menu {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 28px !important;
	margin-left: auto !important;
	flex: 0 0 auto !important;
	width: auto !important;
	min-width: max-content !important;
	white-space: nowrap !important;
}

.hera-desktop-menu a {
	display: inline-flex !important;
	align-items: center !important;
	flex: 0 0 auto !important;
	width: auto !important;
	min-width: max-content !important;
	margin: 0 !important;
	padding: 8px 0 !important;
	color: #171717 !important;
	text-decoration: none !important;
	font-size: 15px !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* Auf iPad rechtzeitig auf Burger wechseln */
@media (max-width: 1180px) {
	.hera-desktop-menu,
															  .hera-cta-new {
		display: none !important;
	}
	
	.hera-nav-mobile-v2 {
		display: block !important;
	}
}

.hera-header-inner-new > a:not(.hera-brand-new):not(.hera-cta-new) {
	font-size: 19px;
}

/* HERO-TEXTBLOCK WIRKLICH MITTIG POSITIONIEREN */
body .ha-hero .ha-hero-inner {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	box-sizing: border-box !important;
}

body .ha-hero .ha-hero-inner .ha-hero-content {
	width: min(620px, 100%) !important;
	max-width: 620px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: left !important;
	transform: none !important;
}

/* =====================================================
   HERO DESKTOP – GLEICHE BREITE WIE HEADER
===================================================== */
@media (min-width: 1025px) {
	.ha-hero {
		width: 100% !important;
		max-width: 1280px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		left: auto !important;
		transform: none !important;
		min-height: 440px !important;
		background-color: #F2EFE9 !important;
		border-radius: 0 !important;
		overflow: hidden !important;
	}
	
	.ha-hero-inner {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding-left: 56px !important;
		padding-right: 56px !important;
		box-sizing: border-box !important;
	}
	
	.ha-hero-content {
		width: 620px !important;
		max-width: 620px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 !important;
		text-align: left !important;
	}
	
	/* =====================================================
													   HERO IPAD
													===================================================== */
	@media (min-width: 769px) and (max-width: 1024px) {
	.ha-hero {
		width: calc(100% - 48px) !important;
		max-width: 960px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		left: auto !important;
		transform: none !important;
		min-height: 420px !important;
		background-color: #F2EFE9 !important;
		overflow: hidden !important;
	}
	
	.ha-hero-inner {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding-left: 40px !important;
		padding-right: 40px !important;
		box-sizing: border-box !important;
	}
	
	.ha-hero-content {
		width: 100% !important;
		max-width: 600px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 !important;
		text-align: left !important;
	}
	
	.ha-hero h1 {
		font-size: 46px !important;
		line-height: 1.08 !important;
	}
	
	.ha-hero p {
		font-size: 16px !important;
		line-height: 1.65 !important;
	}
}

	
}

/* =====================================================
   LEISTUNGEN INTRO – NEUE KONFLIKTFREIE VERSION
===================================================== */
.hera-services-intro {
	width: 100% !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

.hera-services-intro-inner {
	width: min(1180px, calc(100% - 96px)) !important;
	margin: 0 auto !important;
	padding: 90px 0 !important;
	box-sizing: border-box !important;
}

.hera-services-intro-content {
	width: 100% !important;
	max-width: 620px !important;
	margin: 0 auto !important;
	text-align: left !important;
}

.hera-services-intro-eyebrow {
	font-size: 12px !important;
	letter-spacing: .25em !important;
	text-transform: uppercase !important;
	color: #C6A46C !important;
	margin-bottom: 18px !important;
}

.hera-services-intro h1 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 48px !important;
	line-height: 1.08 !important;
	color: #171717 !important;
	margin: 0 0 28px !important;
}

.hera-services-intro p {
	max-width: 590px !important;
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1.7 !important;
	color: #33302C !important;
}

.hera-services-intro-line {
	display: block !important;
	width: 52px !important;
	height: 2px !important;
	margin-top: 34px !important;
	background: #C6A46C !important;
}

/* iPhone */
@media (max-width: 767px) {
	.hera-services-intro-inner {
		width: calc(100% - 40px) !important;
		padding: 58px 0 62px !important;
	}
	
	.hera-services-intro-content {
		max-width: 100% !important;
	}
	
	.hera-services-intro h1 {
		font-size: 36px !important;
	}
	
	.hera-services-intro p {
		font-size: 15px !important;
	}
}

/* =====================================================
   HERO DESKTOP – LINKS AUF HEADER-FLUCHT
===================================================== */
@media (min-width: 1025px) {
	.ha-hero-inner {
		width: min(1180px, calc(100vw - 96px)) !important;
		max-width: 1180px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		box-sizing: border-box !important;
	}
	
	.ha-hero-content {
		width: 620px !important;
		max-width: 620px !important;
		margin-left: 0 !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: left !important;
		transform: none !important;
	}
}

/* =====================================================
   HERA ACCOUNTS – INTRO BLOCK V4
   Desktop + iPad + iPhone
===================================================== */
.hera-intro-v4 {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

/* INNERER CONTAINER */
.hera-intro-inner-v4 {
	width: min(1180px, calc(100% - 96px)) !important;
	margin: 0 auto !important;
	padding: 96px 0 92px !important;
	box-sizing: border-box !important;
}

/* TEXTBLOCK */
.hera-intro-content-v4 {
	width: 100% !important;
	max-width: 760px !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
	box-sizing: border-box !important;
}

/* KLEINE OBERZEILE */
.hera-intro-eyebrow-v4 {
	margin: 0 0 18px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	letter-spacing: .2em !important;
	text-transform: uppercase !important;
	color: #C6A46C !important;
}

/* HAUPTÜBERSCHRIFT */
.hera-intro-v4 h1 {
	margin: 0 0 26px !important;
	padding: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 54px !important;
	font-weight: 600 !important;
	line-height: 1.08 !important;
	letter-spacing: -.015em !important;
	color: #171717 !important;
}

/* BESCHREIBUNG */
.hera-intro-v4 p {
	width: 100% !important;
	max-width: 700px !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	color: #3B3834 !important;
}

/* GOLDENE LINIE */
.hera-intro-line-v4 {
	display: block !important;
	width: 48px !important;
	height: 1.5px !important;
	margin-top: 32px !important;
	background: #C6A46C !important;
}

/* =====================================================
   IPAD / TABLET
===================================================== */
@media screen and (max-width: 1024px) {
	.hera-intro-inner-v4 {
		width: calc(100% - 64px) !important;
		padding: 76px 0 78px !important;
	}
	
	.hera-intro-content-v4 {
		max-width: 680px !important;
	}
	
	.hera-intro-eyebrow-v4 {
		font-size: 11px !important;
		margin-bottom: 16px !important;
	}
	
	.hera-intro-v4 h1 {
		font-size: 46px !important;
		line-height: 1.08 !important;
		margin-bottom: 24px !important;
	}
	
	.hera-intro-v4 p {
		max-width: 640px !important;
		font-size: 16px !important;
		line-height: 1.65 !important;
	}
	
	.hera-intro-line-v4 {
		margin-top: 30px !important;
	}
}

/* =====================================================
   IPHONE / MOBILE
===================================================== */
@media screen and (max-width: 767px) {
	.hera-intro-v4 {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}
	
	.hera-intro-inner-v4 {
		width: calc(100% - 40px) !important;
		margin: 0 auto !important;
		padding: 56px 0 60px !important;
	}
	
	.hera-intro-content-v4 {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.hera-intro-eyebrow-v4 {
		margin-bottom: 15px !important;
		font-size: 10px !important;
		letter-spacing: .18em !important;
	}
	
	.hera-intro-v4 h1 {
		margin: 0 0 20px !important;
		font-size: 38px !important;
		font-weight: 600 !important;
		line-height: 1.08 !important;
		letter-spacing: -.01em !important;
	}
	
	.hera-intro-v4 p {
		width: 100% !important;
		max-width: 100% !important;
		font-size: 15px !important;
		line-height: 1.65 !important;
	}
	
	.hera-intro-line-v4 {
		width: 44px !important;
		height: 1.5px !important;
		margin-top: 28px !important;
	}
}

/* =====================================================
   SEHR KLEINE IPHONES
===================================================== */
@media screen and (max-width: 390px) {
	.hera-intro-inner-v4 {
		width: calc(100% - 32px) !important;
		padding-top: 50px !important;
		padding-bottom: 54px !important;
	}
	
	.hera-intro-v4 h1 {
		font-size: 34px !important;
	}
	
	.hera-intro-v4 p {
		font-size: 14.5px !important;
	}
}

/* =====================================================
   HERA ACCOUNTS
   AI HERO – TEXT LINKS / BILD RECHTS
===================================================== */
.hera-ai-intro-v1 {
	width: 100% !important;
	margin: 0 !important;
	padding: 55px 0 70px !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

/* GESAMTER BLOCK */
.hera-ai-intro-inner-v1 {
	width: min(1180px, calc(100% - 96px)) !important;
	min-height: 480px !important;
	margin: 0 auto !important;
	display: grid !important;
	grid-template-columns: 46% 54% !important;
	position: relative !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

/* =====================================================
   TEXT LINKS
===================================================== */
.hera-ai-intro-text-v1 {
	position: relative !important;
	z-index: 3 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	padding: 55px 15px 55px 58px !important;
	box-sizing: border-box !important;
}

/* HERA ACCOUNTS */
.hera-ai-intro-kicker-v1 {
	margin: 0 0 18px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	letter-spacing: .22em !important;
	text-transform: uppercase !important;
	color: #C6A46C !important;
}

/* HEADLINE */
.hera-ai-intro-text-v1 h1 {
	margin: 0 0 25px !important;
	padding: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 46px !important;
	font-weight: 600 !important;
	line-height: 1.07 !important;
	letter-spacing: -.015em !important;
	color: #171717 !important;
}

/* Menschliche Expertise etwas feiner */
.hera-ai-intro-text-v1 h1 span {
	font-weight: 500 !important;
}

/* BESCHREIBUNG */
.hera-ai-intro-text-v1 p {
	width: 100% !important;
	max-width: 470px !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	color: #3B3834 !important;
}

/* GOLDENE LINIE */
.hera-ai-intro-line-v1 {
	display: block !important;
	width: 48px !important;
	height: 1.5px !important;
	margin-top: 30px !important;
	background: #C6A46C !important;
}

/* =====================================================
   BILD RECHTS
===================================================== */
.hera-ai-intro-image-v1 {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 480px !important;
	overflow: hidden !important;
}

.hera-ai-intro-image-v1 img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
/* Motiv etwas nach rechts */
	object-position: 58% center !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 0 18px 18px 0 !important;
}

/* SOFTER ÜBERGANG ZUM TEXT */
.hera-ai-intro-image-v1::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 40% !important;
	background: linear-gradient(to right,
    #F2EFE9 0%,
    rgba(242,239,233,.96) 20%,
    rgba(242,239,233,.78) 42%,
    rgba(242,239,233,.40) 67%,
    rgba(242,239,233,0) 100%) !important;
	z-index: 2 !important;
	pointer-events: none !important;
}

/* =====================================================
   IPAD
===================================================== */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.hera-ai-intro-inner-v1 {
		width: calc(100% - 56px) !important;
		grid-template-columns: 48% 52% !important;
		min-height: 430px !important;
	}
	
	.hera-ai-intro-text-v1 {
		padding: 42px 10px 42px 40px !important;
	}
	
	.hera-ai-intro-text-v1 h1 {
		font-size: 38px !important;
	}
	
	.hera-ai-intro-text-v1 p {
		font-size: 14px !important;
	}
	
	.hera-ai-intro-image-v1 {
		min-height: 430px !important;
	}
}

/* =====================================================
   IPHONE
===================================================== */
@media screen and (max-width: 767px) {
	.hera-ai-intro-v1 {
		padding: 28px 18px 50px !important;
	}
	
	.hera-ai-intro-inner-v1 {
		width: 100% !important;
		min-height: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		border-radius: 18px !important;
	}
	
	/* TEXT OBEN */
	.hera-ai-intro-text-v1 {
		order: 1 !important;
		width: 100% !important;
		padding: 34px 24px 32px !important;
	}
	
	.hera-ai-intro-kicker-v1 {
		font-size: 10px !important;
		margin-bottom: 15px !important;
	}
	
	.hera-ai-intro-text-v1 h1 {
		font-size: 35px !important;
		line-height: 1.08 !important;
		margin-bottom: 20px !important;
	}
	
	.hera-ai-intro-text-v1 p {
		max-width: 100% !important;
		font-size: 15px !important;
		line-height: 1.65 !important;
	}
	
	.hera-ai-intro-line-v1 {
		margin-top: 25px !important;
	}
	
	/* BILD UNTEN */
	.hera-ai-intro-image-v1 {
		order: 2 !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: 5 / 4 !important;
		border-radius: 18px !important;
		overflow: hidden !important;
	}
	
	.hera-ai-intro-image-v1 img {
		position: absolute !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	/* Person / Monitor auf Mobile im Bild behalten */
		object-position: 68% center !important;
		border-radius: 18px !important;
	}
	
	/* Auf Mobile kein seitlicher Verlauf */
	.hera-ai-intro-image-v1::before {
		display: none !important;
	}
}

/* =====================================================
   HERA ACCOUNTS – AI HERO
   KOMPLETTE VERSION
   Desktop + iPad + Mobile
===================================================== */
/* =====================================================
   BASIS / SECTION
===================================================== */
.hera-ai-intro-v1 {
	width: 100% !important;
	margin: 0 !important;
	padding: 55px 0 70px !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

/* =====================================================
   HERO CONTAINER
===================================================== */
.hera-ai-intro-inner-v1 {
	width: min(1180px, calc(100% - 96px)) !important;
	min-height: 480px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	position: relative !important;
	display: grid !important;
	grid-template-columns: 46% 54% !important;
	align-items: stretch !important;
	background: #F2EFE9 !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

/* =====================================================
   TEXT LINKS
===================================================== */
.hera-ai-intro-text-v1 {
	position: relative !important;
	z-index: 5 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 55px 0 55px 58px !important;
	box-sizing: border-box !important;
/*
     Text bewusst etwas ins Bild hinein
  */
	transform: translateX(70px) !important;
}

/* =====================================================
   KLEINE OBERZEILE
===================================================== */
.hera-ai-intro-kicker-v1 {
	margin: 0 0 18px !important;
	padding: 0 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	letter-spacing: .22em !important;
	text-transform: uppercase !important;
	color: #C6A46C !important;
}

/* =====================================================
   HEADLINE
===================================================== */
.hera-ai-intro-text-v1 h1 {
	width: 580px !important;
	max-width: 580px !important;
	margin: 0 0 25px !important;
	padding: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 46px !important;
	font-weight: 600 !important;
	line-height: 1.07 !important;
	letter-spacing: -.015em !important;
	color: #171717 !important;
	text-align: left !important;
}

/* Zweiter Teil etwas feiner */
.hera-ai-intro-text-v1 h1 span {
	font-weight: 500 !important;
}

/* =====================================================
   BESCHREIBUNG
===================================================== */
.hera-ai-intro-text-v1 p {
	width: 500px !important;
	max-width: 500px !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	color: #3B3834 !important;
	text-align: left !important;
}

/* =====================================================
   GOLDENE LINIE
===================================================== */
.hera-ai-intro-line-v1 {
	display: block !important;
	width: 48px !important;
	height: 1.5px !important;
	margin-top: 30px !important;
	background: #C6A46C !important;
}

/* =====================================================
   BILD RECHTS
===================================================== */
.hera-ai-intro-image-v1 {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 480px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border-radius: 0 18px 18px 0 !important;
}

/* BILD */
.hera-ai-intro-image-v1 img {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover !important;
/*
     Person + Monitor schön sichtbar
  */
	object-position: 58% center !important;
	border-radius: 0 18px 18px 0 !important;
	transform: none !important;
}

/* =====================================================
   FADE DES BILDES
   Beginnt jetzt deutlich früher / weiter links
===================================================== */
.hera-ai-intro-image-v1::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 64% !important;
	background: linear-gradient(to right,

    #F2EFE9 0%,
    #F2EFE9 12%,

    rgba(242,239,233,.96) 22%,
    rgba(242,239,233,.82) 36%,
    rgba(242,239,233,.58) 52%,
    rgba(242,239,233,.32) 70%,
    rgba(242,239,233,.12) 88%,
    rgba(242,239,233,0) 100%) !important;
	z-index: 2 !important;
	pointer-events: none !important;
}

/* =====================================================
   GROSSE DESKTOPS
===================================================== */
@media screen and (min-width: 1280px) {
	.hera-ai-intro-inner-v1 {
		min-height: 500px !important;
	}
	
	.hera-ai-intro-image-v1 {
		min-height: 500px !important;
	}
}

/* =====================================================
   IPAD / TABLET
===================================================== */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.hera-ai-intro-v1 {
		padding: 40px 0 55px !important;
	}
	
	.hera-ai-intro-inner-v1 {
		width: calc(100% - 56px) !important;
		min-height: 430px !important;
		grid-template-columns: 48% 52% !important;
	}
	
	/* Text etwas weniger verschieben */
	.hera-ai-intro-text-v1 {
		padding: 42px 0 42px 38px !important;
		transform: translateX(35px) !important;
	}
	
	.hera-ai-intro-kicker-v1 {
		font-size: 10px !important;
		margin-bottom: 15px !important;
	}
	
	.hera-ai-intro-text-v1 h1 {
		width: 440px !important;
		max-width: 440px !important;
		font-size: 38px !important;
		line-height: 1.08 !important;
		margin-bottom: 21px !important;
	}
	
	.hera-ai-intro-text-v1 p {
		width: 390px !important;
		max-width: 390px !important;
		font-size: 14px !important;
		line-height: 1.65 !important;
	}
	
	.hera-ai-intro-line-v1 {
		margin-top: 26px !important;
	}
	
	.hera-ai-intro-image-v1 {
		min-height: 430px !important;
	}
	
	.hera-ai-intro-image-v1 img {
		object-position: 62% center !important;
	}
	
	/* Fade auf iPad ebenfalls früher */
	.hera-ai-intro-image-v1::before {
		width: 66% !important;
		background: linear-gradient(to right,
											
											      #F2EFE9 0%,
											      #F2EFE9 10%,
											
											      rgba(242,239,233,.96) 20%,
											      rgba(242,239,233,.82) 35%,
											      rgba(242,239,233,.58) 52%,
											      rgba(242,239,233,.30) 72%,
											      rgba(242,239,233,.10) 90%,
											      rgba(242,239,233,0) 100%) !important;
	}
}

/* =====================================================
   MOBILE / IPHONE
===================================================== */
@media screen and (max-width: 767px) {
	.hera-ai-intro-v1 {
		width: 100% !important;
		margin: 0 !important;
		padding: 28px 18px 48px !important;
		background: #F2EFE9 !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}
	
	/* Hero vertikal */
	.hera-ai-intro-inner-v1 {
		width: 100% !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		border-radius: 18px !important;
		overflow: hidden !important;
	}
	
	/* =================================================
											     TEXT OBEN
											  ================================================= */
	.hera-ai-intro-text-v1 {
		position: relative !important;
		order: 1 !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 34px 24px 32px !important;
		transform: none !important;
		background: #F2EFE9 !important;
		box-sizing: border-box !important;
	}
	
	.hera-ai-intro-kicker-v1 {
		margin: 0 0 14px !important;
		font-size: 10px !important;
		line-height: 1.2 !important;
		letter-spacing: .18em !important;
	}
	
	.hera-ai-intro-text-v1 h1 {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 20px !important;
		font-size: 35px !important;
		font-weight: 600 !important;
		line-height: 1.08 !important;
		letter-spacing: -.01em !important;
	}
	
	.hera-ai-intro-text-v1 h1 span {
		font-weight: 500 !important;
	}
	
	.hera-ai-intro-text-v1 p {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		font-size: 15px !important;
		line-height: 1.65 !important;
	}
	
	.hera-ai-intro-line-v1 {
		width: 44px !important;
		margin-top: 25px !important;
	}
	
	/* =================================================
											     BILD UNTEN
											  ================================================= */
	.hera-ai-intro-image-v1 {
		position: relative !important;
		order: 2 !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: 5 / 4 !important;
		margin: 0 !important;
		border-radius: 18px !important;
		overflow: hidden !important;
	}
	
	.hera-ai-intro-image-v1 img {
		position: absolute !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	/*
											       Auf Mobile Person + Monitor
											       im sichtbaren Bereich halten
											    */
		object-position: 70% center !important;
		border-radius: 18px !important;
	}
	
	/*
											     Mobile kein horizontaler Fade,
											     da Bild unter dem Text steht
											  */
	.hera-ai-intro-image-v1::before {
		display: none !important;
	}
}

/* =====================================================
   KLEINE IPHONES
===================================================== */
@media screen and (max-width: 390px) {
	.hera-ai-intro-v1 {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}
	
	.hera-ai-intro-text-v1 {
		padding: 30px 20px 28px !important;
	}
	
	.hera-ai-intro-text-v1 h1 {
		font-size: 32px !important;
	}
	
	.hera-ai-intro-text-v1 p {
		font-size: 14.5px !important;
	}
}

/* =====================================================
   AI HERO – BILD + FADE DEUTLICH WEITER NACH LINKS
===================================================== */
@media screen and (min-width: 1025px) {
	/* Bildbereich ca. 200px nach links unter den Text ziehen */
	.hera-ai-intro-image-v1 {
		left: -200px !important;
		width: calc(100% + 200px) !important;
	}
	
	/* Verlauf beginnt praktisch sofort */
	.hera-ai-intro-image-v1::before {
		left: 0 !important;
		width: 72% !important;
		background: linear-gradient(to right,
											
											      #F2EFE9 0%,
											      rgba(242,239,233,.97) 4%,
											      rgba(242,239,233,.88) 12%,
											      rgba(242,239,233,.72) 24%,
											      rgba(242,239,233,.52) 38%,
											      rgba(242,239,233,.30) 54%,
											      rgba(242,239,233,.13) 72%,
											      rgba(242,239,233,.04) 88%,
											      rgba(242,239,233,0) 100%) !important;
	}
}

/* =====================================================
   IPAD
===================================================== */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.hera-ai-intro-image-v1 {
		left: -110px !important;
		width: calc(100% + 110px) !important;
	}
	
	.hera-ai-intro-image-v1::before {
		left: 0 !important;
		width: 72% !important;
		background: linear-gradient(to right,
											
											      #F2EFE9 0%,
											      rgba(242,239,233,.96) 5%,
											      rgba(242,239,233,.84) 16%,
											      rgba(242,239,233,.64) 32%,
											      rgba(242,239,233,.40) 50%,
											      rgba(242,239,233,.18) 70%,
											      rgba(242,239,233,0) 100%) !important;
	}
}

/* =====================================================
   MOBILE
   Bild bleibt wie bisher unter dem Text
===================================================== */
@media screen and (max-width: 767px) {
	.hera-ai-intro-image-v1 {
		left: auto !important;
		width: 100% !important;
	}
	
	.hera-ai-intro-image-v1::before {
		display: none !important;
	}
}

/* =====================================================
   AI HERO – BILD NOCH ETWAS WEITER NACH LINKS
===================================================== */
@media screen and (min-width: 1025px) {
	.hera-ai-intro-image-v1 {
		left: -200px !important;
		width: calc(100% + 250px) !important;
	}
}

/* IPAD */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.hera-ai-intro-image-v1 {
		left: -140px !important;
		width: calc(100% + 140px) !important;
	}
}

/* MOBILE unverändert */
@media screen and (max-width: 767px) {
	.hera-ai-intro-image-v1 {
		left: auto !important;
		width: 100% !important;
	}
}

/* =====================================================
   AI HERO – GESAMTEN BLOCK ETWAS NACH LINKS
===================================================== */
/* DESKTOP */
@media screen and (min-width: 1025px) {
	.hera-ai-intro-inner-v1 {
		left: -30px !important;
	}
}

/* IPAD */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.hera-ai-intro-inner-v1 {
		left: -15px !important;
	}
}

/* MOBILE bleibt zentriert */
@media screen and (max-width: 767px) {
	.hera-ai-intro-inner-v1 {
		left: 0 !important;
	}
}

/* =========================================================
   HERA HEADER – COMPLETE CSS
   Desktop / iPad / Mobile
========================================================= */
:root {
}

/* =========================================================
   STACKING / Z-INDEX FIX
========================================================= */
/* Header liegt immer über dem Seiteninhalt */
.hera-header-new {
	width: 100%;
	background: var(--hera-bg);
	border-bottom: 1px solid var(--hera-line);
	position: relative;
	z-index: 9999;
}

/* Normale Inhalte bleiben unterhalb des Headers */
main,
section {
	position: relative;
	z-index: 1;
}

/* =========================================================
   HEADER INNER
========================================================= */
.hera-header-inner-new {
	width: min(1180px, calc(100% - 48px));
	min-height: 96px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 34px;
	position: relative;
	z-index: 10000;
}

/* =========================================================
   BRAND / LOGO
========================================================= */
.hera-brand-new {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-shrink: 0;
	text-decoration: none;
	color: var(--hera-text);
}

.hera-brand-new img {
	width: 56px;
	height: 56px;
	object-fit: contain;
	display: block;
}

.hera-brand-text-new {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.hera-brand-text-new strong {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 26px;
	line-height: 1;
	letter-spacing: .5px;
	font-weight: 600;
	color: var(--hera-text);
}

.hera-brand-text-new span {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	line-height: 1.3;
	color: var(--hera-muted);
}

/* =========================================================
   DESKTOP NAVIGATION
========================================================= */
.hera-nav-desktop-new {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	gap: 30px;
}

.hera-nav-desktop-new > a,
.hera-nav-main-new {
	color: var(--hera-text);
	text-decoration: none;
	font-size: 16px;
	line-height: 1;
	font-weight: 400;
	transition: color .25s ease, opacity .25s ease;
}

.hera-nav-desktop-new > a:hover,
.hera-nav-main-new:hover {
	color: var(--hera-gold);
}

/* =========================================================
   LÖSUNGEN DROPDOWN
========================================================= */
.hera-nav-dropdown-new {
	position: static;
}

.hera-nav-main-new {
	display: flex;
	align-items: center;
	gap: 7px;
	min-height: 96px;
}

.hera-nav-arrow-new {
	font-size: 15px;
	line-height: 1;
	transition: transform .25s ease;
}

.hera-nav-dropdown-new:hover .hera-nav-arrow-new {
	transform: rotate(180deg);
}

/* =========================================================
   MEGA MENU
========================================================= */
.hera-mega-menu-new {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: var(--hera-bg-light);
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
	box-shadow: 0 18px 35px rgba(35, 28, 22, 0.08);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	pointer-events: none;
	transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
	z-index: 10001;
}

/* Menü öffnen */
.hera-nav-dropdown-new:hover .hera-mega-menu-new {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

/* =========================================================
   MEGA MENU INNER
========================================================= */
.hera-mega-inner-new {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 42px;
	padding: 34px 24px 38px;
}

/* einzelne Spalte */
.hera-mega-column-new {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
}

/* Haupttitel */
.hera-mega-title-new {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 600;
	color: var(--hera-text);
	text-decoration: none;
	margin-bottom: 11px;
	transition: color .25s ease;
}

.hera-mega-title-new:hover {
	color: var(--hera-gold);
}

/* Goldlinie */
.hera-mega-line-new {
	display: block;
	width: 28px;
	height: 1px;
	background: var(--hera-gold);
	margin-bottom: 15px;
}

/* Produktlinks */
.hera-mega-column-new > a:not(.hera-mega-title-new) {
	display: inline-block;
	padding: 4px 0;
	color: #5d554d;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.45;
	transition: color .2s ease, transform .2s ease;
}

.hera-mega-column-new > a:not(.hera-mega-title-new):hover {
	color: var(--hera-gold);
	transform: translateX(3px);
}

/* =========================================================
   DESKTOP CTA
========================================================= */
.hera-cta-new {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	min-width: 126px;
	min-height: 38px;
	padding: 8px 19px;
	border: 1px solid var(--hera-gold);
	border-radius: 999px;
	background: transparent;
	color: var(--hera-text);
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	transition: background .25s ease, color .25s ease, border-color .25s ease;
}

.hera-cta-new:hover {
	background: var(--hera-gold);
	color: var(--hera-white);
}

/* =========================================================
   MOBILE MENU DEFAULT
========================================================= */
.hera-nav-mobile-v2 {
	display: none;
}

/* =========================================================
   IPAD / TABLET LANDSCAPE
========================================================= */
@media (max-width: 1100px) {
	.hera-header-inner-new {
		width: min(1040px, calc(100% - 36px));
		gap: 22px;
	}
	
	.hera-nav-desktop-new {
		gap: 20px;
	}
	
	.hera-nav-desktop-new > a,
											  .hera-nav-main-new {
		font-size: 15px;
	}
	
	.hera-brand-new {
		gap: 11px;
	}
	
	.hera-brand-new img {
		width: 50px;
		height: 50px;
	}
	
	.hera-brand-text-new strong {
		font-size: 22px;
	}
	
	.hera-brand-text-new span {
		font-size: 11px;
	}
	
	.hera-cta-new {
		min-width: 112px;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 13px;
	}
	
	.hera-mega-inner-new {
		gap: 24px;
		padding-left: 18px;
		padding-right: 18px;
	}
	
	.hera-mega-title-new {
		font-size: 17px;
	}
	
	.hera-mega-column-new > a:not(.hera-mega-title-new) {
		font-size: 13px;
	}
}

/* =========================================================
   MOBILE / SMALL TABLET
========================================================= */
@media (max-width: 900px) {
	.hera-header-new {
		z-index: 9999;
	}
	
	.hera-header-inner-new {
		width: calc(100% - 28px);
		min-height: 82px;
		gap: 16px;
	}
	
	/* Desktop Elemente aus */
	.hera-nav-desktop-new,
											  .hera-cta-new {
		display: none;
	}
	
	/* =====================================================
											     LOGO MOBILE
											  ====================================================== */
	.hera-brand-new {
		gap: 10px;
		min-width: 0;
	}
	
	.hera-brand-new img {
		width: 46px;
		height: 46px;
		flex-shrink: 0;
	}
	
	.hera-brand-text-new {
		min-width: 0;
	}
	
	.hera-brand-text-new strong {
		font-size: 20px;
		white-space: nowrap;
	}
	
	.hera-brand-text-new span {
		font-size: 11px;
		white-space: nowrap;
	}
	
	/* =====================================================
											     MOBILE DETAILS CONTAINER
											  ====================================================== */
	.hera-nav-mobile-v2 {
		display: block;
		position: relative;
		margin-left: auto;
		z-index: 10002;
	}
	
	/* =====================================================
											     BURGER BUTTON
											  ====================================================== */
	.hera-nav-trigger-v2 {
		width: 42px;
		height: 42px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 5px;
		cursor: pointer;
		list-style: none;
		border: 1px solid var(--hera-line);
		border-radius: 50%;
		background: transparent;
	}
	
	.hera-nav-trigger-v2::-webkit-details-marker {
		display: none;
	}
	
	.hera-nav-trigger-v2::marker {
		display: none;
	}
	
	.hera-nav-trigger-v2 i {
		display: block;
		width: 18px;
		height: 1px;
		background: var(--hera-text);
		transition: transform .25s ease, opacity .25s ease;
	}
	
	/* Burger zu X */
	.hera-nav-mobile-v2[open]
											  .hera-nav-trigger-v2 i:nth-child(1) {
		transform: translateY(6px) rotate(45deg);
	}
	
	.hera-nav-mobile-v2[open]
											  .hera-nav-trigger-v2 i:nth-child(2) {
		opacity: 0;
	}
	
	.hera-nav-mobile-v2[open]
											  .hera-nav-trigger-v2 i:nth-child(3) {
		transform: translateY(-6px) rotate(-45deg);
	}
	
	/* =====================================================
											     MOBILE DROPDOWN
											  ====================================================== */
	.hera-mobile-menu-inner-v2 {
		position: absolute;
		top: calc(100% + 16px);
		right: 0;
		width: min(360px, calc(100vw - 28px));
		max-height: calc(100vh - 110px);
		overflow-y: auto;
		background: var(--hera-bg-light);
		border: 1px solid var(--hera-line);
		border-radius: 4px;
		box-shadow: 0 18px 38px rgba(35, 28, 22, 0.12);
		padding: 10px 18px 18px;
		z-index: 10003;
	}
	
	/* =====================================================
											     STANDARD MOBILE LINKS
											  ====================================================== */
	.hera-mobile-menu-inner-v2 > a {
		display: block;
		padding: 14px 0;
		border-bottom: 1px solid var(--hera-line);
		color: var(--hera-text);
		text-decoration: none;
		font-size: 15px;
		line-height: 1.3;
	}
	
	.hera-mobile-menu-inner-v2 > a:hover {
		color: var(--hera-gold);
	}
	
	/* =====================================================
											     MOBILE LÖSUNGEN
											  ====================================================== */
	.hera-mobile-solutions-v2 {
		border-bottom: 1px solid var(--hera-line);
	}
	
	.hera-mobile-solutions-v2 summary,
											  .hera-mobile-category-v2 summary {
		list-style: none;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
		padding: 14px 0;
		color: var(--hera-text);
	}
	
	.hera-mobile-solutions-v2 summary::-webkit-details-marker,
											  .hera-mobile-category-v2 summary::-webkit-details-marker {
		display: none;
	}
	
	.hera-mobile-solutions-v2 summary::marker,
											  .hera-mobile-category-v2 summary::marker {
		display: none;
	}
	
	.hera-mobile-solutions-v2 > summary {
		font-size: 15px;
	}
	
	/* =====================================================
											     MOBILE KATEGORIEN
											  ====================================================== */
	.hera-mobile-solutions-inner-v2 {
		padding: 0 0 6px;
	}
	
	.hera-mobile-category-v2 {
		padding-left: 12px;
		border-top: 1px solid rgba(222, 214, 204, 0.65);
	}
	
	.hera-mobile-category-v2 > summary {
		font-family: Georgia, "Times New Roman", serif;
		font-size: 15px;
		color: var(--hera-gold);
	}
	
	/* Plus Icon */
	.hera-mobile-solutions-v2 summary span,
											  .hera-mobile-category-v2 summary span {
		display: inline-block;
		flex-shrink: 0;
		font-size: 18px;
		line-height: 1;
		transition: transform .25s ease;
	}
	
	.hera-mobile-solutions-v2[open] > summary span,
											  .hera-mobile-category-v2[open] > summary span {
		transform: rotate(45deg);
	}
	
	/* Unterlinks */
	.hera-mobile-category-v2 div {
		padding: 0 0 11px 10px;
	}
	
	.hera-mobile-category-v2 div a {
		display: block;
		padding: 7px 0;
		color: #655c53;
		text-decoration: none;
		font-size: 13px;
		line-height: 1.35;
	}
	
	.hera-mobile-category-v2 div a:hover {
		color: var(--hera-gold);
	}
	
	/* =====================================================
											     MOBILE CTA
											  ====================================================== */
	.hera-mobile-menu-inner-v2
											  .hera-nav-cta-v2 {
		display: block;
		margin-top: 16px;
		padding: 11px 18px !important;
		border: 1px solid var(--hera-gold) !important;
		border-radius: 999px;
		background: transparent;
		color: var(--hera-text) !important;
		text-align: center;
		transition: background .25s ease, color .25s ease;
	}
	
	.hera-mobile-menu-inner-v2
											  .hera-nav-cta-v2:hover {
		background: var(--hera-gold);
		color: #ffffff !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 540px) {
	.hera-header-inner-new {
		width: calc(100% - 20px);
		min-height: 74px;
	}
	
	.hera-brand-new {
		gap: 8px;
	}
	
	.hera-brand-new img {
		width: 40px;
		height: 40px;
	}
	
	.hera-brand-text-new strong {
		font-size: 17px;
		letter-spacing: .3px;
	}
	
	.hera-brand-text-new span {
		font-size: 9.5px;
	}
	
	.hera-nav-trigger-v2 {
		width: 39px;
		height: 39px;
	}
	
	.hera-mobile-menu-inner-v2 {
		width: calc(100vw - 20px);
		right: 0;
	}
}

/* =========================================================
   VERY SMALL MOBILE
========================================================= */
@media (max-width: 380px) {
	.hera-brand-new img {
		width: 36px;
		height: 36px;
	}
	
	.hera-brand-text-new strong {
		font-size: 15px;
	}
	
	.hera-brand-text-new span {
		font-size: 8.5px;
	}
	
	.hera-nav-trigger-v2 {
		width: 37px;
		height: 37px;
	}
}

/* =========================================================
   HERA – FINAL MEGA MENU STACKING FIX
   GANZ AM ENDE DES CSS EINFÜGEN
========================================================= */
/* HEADER IMMER AUF OBERSTER EBENE */
.hera-header-new {
	position: relative !important;
	z-index: 2147483640 !important;
	overflow: visible !important;
	background: #f3efe8 !important;
}

/* HEADER INNER */
.hera-header-inner-new {
	position: relative !important;
	z-index: 2147483641 !important;
	overflow: visible !important;
}

/* NAVIGATION */
.hera-nav-desktop-new {
	position: relative;
	z-index: 2147483642 !important;
}

/* DROPDOWN WRAPPER */
.hera-nav-dropdown-new {
	position: static !important;
	z-index: 2147483643 !important;
}

/* =========================================================
   MEGA MENU
========================================================= */
.hera-mega-menu-new {
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
/* komplett undurchsichtiger Hintergrund */
	background: #faf8f4 !important;
	border-top: 1px solid #ded6cc !important;
	border-bottom: 1px solid #ded6cc !important;
	box-shadow: 0 18px 40px rgba(35, 28, 22, 0.12) !important;
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	pointer-events: none;
	z-index: 2147483646 !important;
	transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
}

/* MENÜ ÖFFNEN */
.hera-nav-dropdown-new:hover .hera-mega-menu-new {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	pointer-events: auto !important;
}

/* =========================================================
   MEGA MENU INHALT
========================================================= */
.hera-mega-inner-new {
	position: relative;
	z-index: 2147483647 !important;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 42px;
	padding: 34px 24px 38px;
/* Sicherheitshalber ebenfalls undurchsichtig */
	background: #faf8f4 !important;
}

/* =========================================================
   HERO MUSS UNTER DEM HEADER BLEIBEN
========================================================= */
/* Dein HERA Hero */
.ha-hero {
	position: relative !important;
	z-index: 0 !important;
}

/* Hero-Inhalt */
.ha-hero-inner,
.ha-hero-content {
	position: relative !important;
	z-index: 1 !important;
}

/* Falls auf der Startseite noch ältere Hero-Klassen existieren */
.hera-hero,
.hera-hero-new,
.hera-home-hero {
	position: relative !important;
	z-index: 0 !important;
}

/* =========================================================
   WORDPRESS CONTENT WRAPPER
========================================================= */
/*
   WordPress-Themes vergeben teilweise eigene z-index-Werte.
   Der eigentliche Seiteninhalt bleibt deshalb bewusst unten.
*/
main,
.site-main,
.wp-site-blocks,
.entry-content {
	position: relative;
	z-index: 0;
}

/* HEADER DARF VON WORDPRESS NICHT ABGESCHNITTEN WERDEN */
header,
.hera-header-new,
.hera-header-inner-new {
	overflow: visible !important;
}

/* =========================================================
   HERA DIGITAL – COMPLETE PAGE CSS
   Desktop / Tablet / Mobile
========================================================= */
:root {
}

/* =========================================================
   GLOBAL PAGE SETTINGS
========================================================= */
.hera-digital-hero,
.hera-digital-intro,
.hera-digital-products,
.hera-digital-process,
.hera-digital-cta {
	position: relative;
	z-index: 1;
}

.hera-digital-section-inner {
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto;
}

/* =========================================================
   REUSABLE TYPOGRAPHY
========================================================= */
.hera-section-eyebrow,
.hera-digital-eyebrow {
	display: inline-block;
	margin-bottom: 18px;
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--hera-gold);
}

.hera-digital-intro h2,
.hera-digital-products h2,
.hera-digital-process h2,
.hera-digital-cta h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 4vw, 58px);
	line-height: 1.08;
	font-weight: 600;
	letter-spacing: -.02em;
	color: var(--hera-text);
}

/* =========================================================
   HERO
========================================================= */
.hera-digital-hero {
	background: linear-gradient(90deg,
      rgba(243, 239, 232, 1) 0%,
      rgba(243, 239, 232, 0.98) 48%,
      rgba(250, 248, 244, 0.96) 100%);
	border-bottom: 1px solid var(--hera-line);
	overflow: hidden;
}

.hera-digital-hero-inner {
	width: min(1180px, calc(100% - 48px));
	min-height: 610px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	align-items: center;
	gap: 80px;
	padding: 90px 0;
}

/* =========================================================
   HERO CONTENT
========================================================= */
.hera-digital-hero-content {
	max-width: 650px;
}

.hera-digital-hero-content h1 {
	margin: 0 0 26px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(48px, 5.7vw, 76px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 600;
	color: var(--hera-text);
}

.hera-digital-lead {
	max-width: 610px;
	margin: 0;
	font-size: 18px;
	line-height: 1.75;
	color: var(--hera-muted);
}

/* =========================================================
   HERO BUTTONS
========================================================= */
.hera-digital-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 34px;
}

.hera-button-primary,
.hera-button-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 24px;
	border-radius: 999px;
	text-decoration: none;
	font-size: 14px;
	line-height: 1;
	transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
}

.hera-button-primary {
	background: var(--hera-text);
	border: 1px solid var(--hera-text);
	color: var(--hera-white);
}

.hera-button-primary:hover {
	background: var(--hera-gold);
	border-color: var(--hera-gold);
	transform: translateY(-2px);
}

.hera-button-secondary {
	background: transparent;
	border: 1px solid var(--hera-gold);
	color: var(--hera-text);
}

.hera-button-secondary:hover {
	background: var(--hera-gold);
	color: var(--hera-white);
	transform: translateY(-2px);
}

/* =========================================================
   HERO VISUAL
========================================================= */
.hera-digital-hero-visual {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 15px;
	max-width: 470px;
	margin-left: auto;
}

.hera-digital-hero-visual::before {
	content: "";
	position: absolute;
	width: 360px;
	height: 360px;
	right: -90px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(200, 155, 93, 0.25);
	border-radius: 50%;
	pointer-events: none;
}

.hera-digital-hero-visual::after {
	content: "";
	position: absolute;
	width: 250px;
	height: 250px;
	right: -35px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(200, 155, 93, 0.14);
	border-radius: 50%;
	pointer-events: none;
}

/* =========================================================
   HERO CARDS
========================================================= */
.hera-digital-visual-card {
	position: relative;
	z-index: 2;
	padding: 25px 28px;
	background: rgba(255, 253, 249, 0.88);
	border: 1px solid var(--hera-line);
	box-shadow: var(--hera-shadow);
	transition: transform .25s ease, box-shadow .25s ease;
}

.hera-digital-visual-card:nth-child(2) {
	margin-left: 42px;
}

.hera-digital-visual-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 22px 50px rgba(51, 42, 34, 0.10);
}

.hera-digital-card-label {
	display: block;
	margin-bottom: 10px;
	font-size: 10px;
	letter-spacing: .16em;
	color: var(--hera-gold);
	font-weight: 600;
}

.hera-digital-visual-card strong {
	display: block;
	margin-bottom: 7px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px;
	line-height: 1.2;
	color: var(--hera-text);
}

.hera-digital-visual-card p {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: var(--hera-muted);
}

/* =========================================================
   INTRO / POSITIONING
========================================================= */
.hera-digital-intro {
	padding: 115px 0;
	background: var(--hera-bg-light);
}

.hera-digital-intro .hera-digital-section-inner {
	max-width: 1120px;
}

.hera-section-intro {
	max-width: 820px;
	margin: 26px 0 0;
	font-size: 18px;
	line-height: 1.8;
	color: var(--hera-muted);
}

/* =========================================================
   COMPARISON GRID
========================================================= */
.hera-digital-comparison {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	margin-top: 58px;
}

.hera-comparison-card {
	position: relative;
	min-height: 330px;
	padding: 38px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
}

.hera-comparison-card-highlight {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-comparison-number {
	display: block;
	margin-bottom: 38px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	color: var(--hera-gold);
}

.hera-comparison-card h3 {
	margin: 0 0 22px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 27px;
	line-height: 1.2;
	font-weight: 600;
	color: var(--hera-text);
}

.hera-comparison-card ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hera-comparison-card li {
	position: relative;
	padding: 8px 0 8px 22px;
	font-size: 15px;
	line-height: 1.5;
	color: var(--hera-muted);
}

.hera-comparison-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 17px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

/* =========================================================
   PRODUCTS
========================================================= */
.hera-digital-products {
	padding: 115px 0 125px;
	background: var(--hera-bg);
}

.hera-product-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	margin-top: 58px;
}

/* =========================================================
   PRODUCT CARD
========================================================= */
.hera-product-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 480px;
	padding: 34px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.hera-product-card:hover {
	transform: translateY(-5px);
	border-color: var(--hera-gold-soft);
	box-shadow: var(--hera-shadow);
}

.hera-product-card-featured {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-product-number {
	display: block;
	margin-bottom: 34px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	color: var(--hera-gold);
}

.hera-product-label {
	position: absolute;
	right: 25px;
	top: 25px;
	padding: 6px 9px;
	border: 1px solid var(--hera-gold-soft);
	font-size: 9px;
	letter-spacing: .12em;
	color: var(--hera-gold);
	text-transform: uppercase;
}

.hera-product-card h3 {
	margin: 0 0 15px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 26px;
	line-height: 1.2;
	color: var(--hera-text);
}

.hera-product-card > p {
	margin: 0 0 22px;
	font-size: 15px;
	line-height: 1.7;
	color: var(--hera-muted);
}

.hera-product-card ul {
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
}

.hera-product-card li {
	position: relative;
	padding: 6px 0 6px 20px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--hera-muted);
}

.hera-product-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

.hera-product-card > a {
	display: inline-flex;
	margin-top: auto;
	color: var(--hera-text);
	text-decoration: none;
	font-size: 14px;
	transition: color .2s ease, transform .2s ease;
}

.hera-product-card > a:hover {
	color: var(--hera-gold);
	transform: translateX(3px);
}

/* =========================================================
   PROCESS
========================================================= */
.hera-digital-process {
	padding: 115px 0;
	background: var(--hera-bg-light);
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-process-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	margin-top: 58px;
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-process-step {
	min-height: 265px;
	padding: 36px;
	border-right: 1px solid var(--hera-line);
}

.hera-process-step:last-child {
	border-right: none;
}

.hera-process-step > span {
	display: block;
	margin-bottom: 45px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	color: var(--hera-gold);
}

.hera-process-step h3 {
	margin: 0 0 15px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	line-height: 1.25;
	color: var(--hera-text);
}

.hera-process-step p {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	color: var(--hera-muted);
}

/* =========================================================
   CTA SECTION
========================================================= */
.hera-digital-cta {
	padding: 125px 0;
	background: #ebe4da;
	text-align: center;
}

.hera-digital-cta-inner {
	width: min(820px, calc(100% - 48px));
	margin: 0 auto;
}

.hera-digital-cta p {
	max-width: 660px;
	margin: 25px auto 32px;
	font-size: 17px;
	line-height: 1.75;
	color: var(--hera-muted);
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1100px) {
	.hera-digital-hero-inner {
		min-height: 560px;
		gap: 45px;
		padding: 75px 0;
	}
	
	.hera-digital-hero-content h1 {
		font-size: clamp(45px, 5vw, 62px);
	}
	
	.hera-digital-hero-visual::before {
		width: 300px;
		height: 300px;
		right: -75px;
	}
	
	.hera-digital-hero-visual::after {
		width: 210px;
		height: 210px;
	}
	
	.hera-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-product-card {
		min-height: 440px;
	}
}

/* =========================================================
   IPAD PORTRAIT / SMALL TABLET
========================================================= */
@media (max-width: 900px) {
	.hera-digital-section-inner {
		width: calc(100% - 36px);
	}
	
	/* HERO */
	.hera-digital-hero-inner {
		width: calc(100% - 36px);
		min-height: auto;
		grid-template-columns: 1fr;
		gap: 52px;
		padding: 75px 0 80px;
	}
	
	.hera-digital-hero-content {
		max-width: 720px;
	}
	
	.hera-digital-hero-content h1 {
		font-size: clamp(46px, 8vw, 64px);
	}
	
	.hera-digital-hero-visual {
		max-width: none;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 14px;
		margin: 0;
	}
	
	.hera-digital-visual-card,
											  .hera-digital-visual-card:nth-child(2) {
		margin-left: 0;
		padding: 22px;
		min-height: 190px;
	}
	
	.hera-digital-hero-visual::before,
											  .hera-digital-hero-visual::after {
		display: none;
	}
	
	/* SECTIONS */
	.hera-digital-intro,
											  .hera-digital-products,
											  .hera-digital-process {
		padding: 90px 0;
	}
	
	.hera-digital-cta {
		padding: 100px 0;
	}
	
	/* COMPARISON */
	.hera-digital-comparison {
		gap: 18px;
	}
	
	.hera-comparison-card {
		padding: 30px;
		min-height: 320px;
	}
	
	/* PRODUCTS */
	.hera-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
	}
	
	/* PROCESS */
	.hera-process-step {
		padding: 28px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-digital-section-inner {
		width: calc(100% - 28px);
	}
	
	/* =====================================================
											     TYPOGRAPHY
											  ====================================================== */
	.hera-section-eyebrow,
											  .hera-digital-eyebrow {
		margin-bottom: 14px;
		font-size: 10px;
		letter-spacing: .16em;
	}
	
	.hera-digital-intro h2,
											  .hera-digital-products h2,
											  .hera-digital-process h2,
											  .hera-digital-cta h2 {
		font-size: 38px;
		line-height: 1.08;
	}
	
	/* =====================================================
											     HERO MOBILE
											  ====================================================== */
	.hera-digital-hero-inner {
		width: calc(100% - 28px);
		padding: 58px 0 65px;
		gap: 42px;
	}
	
	.hera-digital-hero-content h1 {
		margin-bottom: 20px;
		font-size: 45px;
		line-height: 1.02;
	}
	
	.hera-digital-lead {
		font-size: 16px;
		line-height: 1.7;
	}
	
	.hera-digital-actions {
		flex-direction: column;
		align-items: stretch;
		margin-top: 28px;
	}
	
	.hera-button-primary,
											  .hera-button-secondary {
		width: 100%;
		min-height: 48px;
	}
	
	/* VISUAL */
	.hera-digital-hero-visual {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	
	.hera-digital-visual-card {
		min-height: 0;
		padding: 22px;
	}
	
	.hera-digital-visual-card strong {
		font-size: 19px;
	}
	
	/* =====================================================
											     INTRO MOBILE
											  ====================================================== */
	.hera-digital-intro {
		padding: 72px 0;
	}
	
	.hera-section-intro {
		margin-top: 20px;
		font-size: 16px;
		line-height: 1.72;
	}
	
	.hera-digital-comparison {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 38px;
	}
	
	.hera-comparison-card {
		min-height: 0;
		padding: 28px 24px;
	}
	
	.hera-comparison-number {
		margin-bottom: 26px;
	}
	
	.hera-comparison-card h3 {
		font-size: 23px;
	}
	
	/* =====================================================
											     PRODUCTS MOBILE
											  ====================================================== */
	.hera-digital-products {
		padding: 72px 0 78px;
	}
	
	.hera-product-grid {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 40px;
	}
	
	.hera-product-card {
		min-height: 0;
		padding: 28px 24px;
	}
	
	.hera-product-number {
		margin-bottom: 26px;
	}
	
	.hera-product-card h3 {
		font-size: 24px;
	}
	
	.hera-product-card > a {
		margin-top: 18px;
	}
	
	/* =====================================================
											     PROCESS MOBILE
											  ====================================================== */
	.hera-digital-process {
		padding: 72px 0;
	}
	
	.hera-process-grid {
		grid-template-columns: 1fr;
		margin-top: 40px;
	}
	
	.hera-process-step {
		min-height: 0;
		padding: 28px 24px;
		border-right: none;
		border-bottom: 1px solid var(--hera-line);
	}
	
	.hera-process-step:last-child {
		border-bottom: none;
	}
	
	.hera-process-step > span {
		margin-bottom: 26px;
	}
	
	.hera-process-step h3 {
		font-size: 23px;
	}
	
	/* =====================================================
											     CTA MOBILE
											  ====================================================== */
	.hera-digital-cta {
		padding: 78px 0;
	}
	
	.hera-digital-cta-inner {
		width: calc(100% - 28px);
	}
	
	.hera-digital-cta p {
		margin: 20px auto 28px;
		font-size: 16px;
		line-height: 1.7;
	}
}

/* =========================================================
   VERY SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-digital-hero-content h1 {
		font-size: 39px;
	}
	
	.hera-digital-intro h2,
											  .hera-digital-products h2,
											  .hera-digital-process h2,
											  .hera-digital-cta h2 {
		font-size: 34px;
	}
	
	.hera-digital-hero-inner,
											  .hera-digital-section-inner,
											  .hera-digital-cta-inner {
		width: calc(100% - 22px);
	}
	
	.hera-product-card,
											  .hera-comparison-card,
											  .hera-process-step,
											  .hera-digital-visual-card {
		padding-left: 21px;
		padding-right: 21px;
	}
}

/* =========================================================
   HERA DIGITAL HERO – CLEAN VERSION
========================================================= */
.hera-digital-hero {
	width: 100%;
	background: #f3efe8;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

.hera-digital-hero-inner {
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 0.82fr;
	gap: 90px;
	align-items: center;
	padding: 85px 0 95px;
}

/* =========================================================
   LINKS
========================================================= */
.hera-digital-hero-content {
	max-width: 560px;
}

.hera-digital-eyebrow {
	display: block;
	margin-bottom: 22px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #b88945;
}

.hera-digital-hero-content h1 {
	margin: 0 0 28px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 62px !important;
	line-height: 1.02 !important;
	letter-spacing: -.035em;
	font-weight: 600;
	color: #292725 !important;
}

.hera-digital-lead {
	max-width: 500px;
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: #615a53 !important;
}

/* =========================================================
   BUTTONS
========================================================= */
.hera-digital-actions {
	display: flex !important;
	align-items: center;
	gap: 12px;
	margin-top: 32px !important;
}

.hera-digital-actions .hera-button-primary,
.hera-digital-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	padding: 12px 22px !important;
	min-height: 44px;
	border-radius: 999px !important;
	font-size: 13px !important;
	text-decoration: none !important;
}

.hera-button-primary {
	background: #292725 !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-button-secondary {
	background: transparent !important;
	border: 1px solid #b88945 !important;
	color: #292725 !important;
}

/* =========================================================
   RECHTS
========================================================= */
.hera-digital-benefits {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	border-top: 1px solid #ded6cc;
}

/* dekorativer Kreis */
.hera-digital-benefits::before {
	content: "";
	position: absolute;
	width: 340px;
	height: 340px;
	right: -130px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.12);
	border-radius: 50%;
	pointer-events: none;
}

/* =========================================================
   EINZELNER BENEFIT
========================================================= */
.hera-digital-benefit {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 45px 1fr;
	gap: 18px;
	padding: 30px 0;
	border-bottom: 1px solid #ded6cc;
}

.hera-benefit-number {
	padding-top: 2px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	color: #b88945;
}

.hera-benefit-label {
	display: block;
	margin-bottom: 7px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	color: #b88945;
}

.hera-digital-benefit h3 {
	margin: 0 0 9px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 23px !important;
	line-height: 1.2 !important;
	font-weight: 600;
	color: #292725 !important;
}

.hera-digital-benefit p {
	max-width: 360px;
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	color: #615a53 !important;
}

/* =========================================================
   TABLET
========================================================= */
@media (max-width: 1000px) {
	.hera-digital-hero-inner {
		grid-template-columns: 1fr 0.85fr;
		gap: 55px;
		padding: 70px 0 80px;
	}
	
	.hera-digital-hero-content h1 {
		font-size: 52px !important;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-digital-hero-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 55px;
	}
	
	.hera-digital-hero-content {
		max-width: 650px;
	}
	
	.hera-digital-hero-content h1 {
		font-size: 56px !important;
	}
	
	.hera-digital-benefits {
		max-width: 650px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 650px) {
	.hera-digital-hero-inner {
		width: calc(100% - 28px);
		gap: 42px;
		padding: 52px 0 62px;
	}
	
	.hera-digital-hero-content h1 {
		font-size: 42px !important;
	}
	
	.hera-digital-lead {
		font-size: 15px !important;
	}
	
	.hera-digital-actions {
		flex-direction: column;
		align-items: stretch;
	}
	
	.hera-digital-actions .hera-button-primary,
											  .hera-digital-actions .hera-button-secondary {
		width: 100%;
	}
	
	.hera-digital-benefit {
		grid-template-columns: 34px 1fr;
		gap: 12px;
		padding: 24px 0;
	}
	
	.hera-digital-benefit h3 {
		font-size: 21px !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-digital-hero-inner {
		width: calc(100% - 22px);
	}
	
	.hera-digital-hero-content h1 {
		font-size: 37px !important;
	}
}

.hera-digital-benefit h3 {
	margin: 0 0 9px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px !important;
	line-height: 1.18 !important;
	font-weight: 600;
	color: #292725 !important;
	max-width: 100%;
	overflow: visible !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

.hera-digital-benefit {
	position: relative;
	z-index: 1;
	display: grid;
/* Nummer etwas schmaler = mehr Platz für Text */
	grid-template-columns: 32px minmax(0, 1fr);
	gap: 18px;
	padding: 30px 0;
	border-bottom: 1px solid #ded6cc;
	overflow: visible;
}

.hera-digital-benefit > div {
	min-width: 0;
	width: 100%;
}

/* =========================================================
   HERA MEDICAL – COMPLETE PAGE CSS
   Desktop / Tablet / Mobile
========================================================= */
:root {
}

/* =========================================================
   ALLGEMEINE SEITENBREITE
========================================================= */
.hera-medical-section-inner {
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto;
}

/* =========================================================
   WIEDERVERWENDBARE TYPOGRAFIE
========================================================= */
.hera-section-eyebrow,
.hera-medical-eyebrow {
	display: inline-block;
	margin-bottom: 18px;
	font-size: 10px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--hera-gold);
}

.hera-medical-intro h2,
.hera-medical-products h2,
.hera-medical-situations h2,
.hera-medical-cta h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 4vw, 58px);
	line-height: 1.08;
	font-weight: 600;
	letter-spacing: -.025em;
	color: var(--hera-text);
}

/* =========================================================
   HERO
========================================================= */
.hera-medical-hero {
	width: 100%;
	background: var(--hera-bg);
	border-bottom: 1px solid var(--hera-line);
	overflow: hidden;
}

.hera-medical-hero-inner {
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(380px, 0.82fr);
	align-items: center;
	gap: 90px;
	padding: 85px 0 95px;
}

/* =========================================================
   HERO LINKS
========================================================= */
.hera-medical-hero-content {
	max-width: 580px;
}

.hera-medical-eyebrow {
	display: block;
	margin-bottom: 22px;
}

.hera-medical-hero-content h1 {
	margin: 0 0 28px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(50px, 4.8vw, 68px) !important;
	line-height: 1.03 !important;
	letter-spacing: -.035em;
	font-weight: 600;
	color: var(--hera-text) !important;
}

.hera-medical-lead {
	max-width: 520px;
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: var(--hera-muted) !important;
}

/* =========================================================
   HERO BUTTONS
========================================================= */
.hera-medical-actions {
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 32px !important;
}

.hera-medical-actions .hera-button-primary,
.hera-medical-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 12px 22px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
}

.hera-medical-actions .hera-button-primary {
	background: var(--hera-text) !important;
	border: 1px solid var(--hera-text) !important;
	color: var(--hera-white) !important;
}

.hera-medical-actions .hera-button-primary:hover {
	background: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	transform: translateY(-2px);
}

.hera-medical-actions .hera-button-secondary {
	background: transparent !important;
	border: 1px solid var(--hera-gold) !important;
	color: var(--hera-text) !important;
}

.hera-medical-actions .hera-button-secondary:hover {
	background: var(--hera-gold) !important;
	color: var(--hera-white) !important;
	transform: translateY(-2px);
}

/* =========================================================
   HERO RECHTS – FOKUSPUNKTE
========================================================= */
.hera-medical-focus {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	border-top: 1px solid var(--hera-line);
}

/* dezenter Kreis */
.hera-medical-focus::before {
	content: "";
	position: absolute;
	width: 345px;
	height: 345px;
	right: -130px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.12);
	border-radius: 50%;
	pointer-events: none;
}

.hera-medical-focus-item {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 18px;
	padding: 29px 0;
	border-bottom: 1px solid var(--hera-line);
}

.hera-medical-focus-number {
	padding-top: 2px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	color: var(--hera-gold);
}

.hera-medical-focus-label {
	display: block;
	margin-bottom: 7px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	color: var(--hera-gold);
}

.hera-medical-focus-item h3 {
	margin: 0 0 8px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 22px !important;
	line-height: 1.2 !important;
	font-weight: 600;
	color: var(--hera-text) !important;
}

.hera-medical-focus-item p {
	max-width: 360px;
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	color: var(--hera-muted) !important;
}

/* =========================================================
   INTRO / POSITIONIERUNG
========================================================= */
.hera-medical-intro {
	padding: 115px 0;
	background: var(--hera-bg-light);
}

.hera-section-intro {
	max-width: 800px;
	margin: 26px 0 0;
	font-size: 17px;
	line-height: 1.8;
	color: var(--hera-muted);
}

/* =========================================================
   VERGLEICH
========================================================= */
.hera-medical-comparison {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
	margin-top: 55px;
}

.hera-medical-comparison-card {
	min-height: 330px;
	padding: 36px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
}

.hera-medical-comparison-highlight {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-medical-comparison-card > span {
	display: block;
	margin-bottom: 28px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .15em;
	color: var(--hera-gold);
}

.hera-medical-comparison-card h3 {
	margin: 0 0 22px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 27px;
	line-height: 1.2;
	font-weight: 600;
	color: var(--hera-text);
}

.hera-medical-comparison-card ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hera-medical-comparison-card li {
	position: relative;
	padding: 8px 0 8px 22px;
	font-size: 15px;
	line-height: 1.5;
	color: var(--hera-muted);
}

.hera-medical-comparison-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 17px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

/* =========================================================
   PRODUKTE
========================================================= */
.hera-medical-products {
	padding: 115px 0 125px;
	background: var(--hera-bg);
}

.hera-medical-product-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	margin-top: 58px;
}

/* =========================================================
   PRODUKTKARTE
========================================================= */
.hera-medical-product-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 465px;
	padding: 34px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.hera-medical-product-card:hover {
	transform: translateY(-5px);
	border-color: var(--hera-gold-soft);
	box-shadow: var(--hera-shadow);
}

.hera-medical-product-featured {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-medical-product-number {
	display: block;
	margin-bottom: 32px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	color: var(--hera-gold);
}

.hera-medical-product-label {
	position: absolute;
	right: 24px;
	top: 24px;
	padding: 6px 9px;
	border: 1px solid var(--hera-gold-soft);
	font-size: 8px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hera-gold);
}

.hera-medical-product-card h3 {
	margin: 0 0 15px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.2;
	color: var(--hera-text);
}

.hera-medical-product-card > p {
	margin: 0 0 22px;
	font-size: 14px;
	line-height: 1.7;
	color: var(--hera-muted);
}

.hera-medical-product-card ul {
	list-style: none;
	margin: 0 0 28px;
	padding: 0;
}

.hera-medical-product-card li {
	position: relative;
	padding: 6px 0 6px 20px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--hera-muted);
}

.hera-medical-product-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

.hera-medical-product-card > a {
	display: inline-flex;
	margin-top: auto;
	color: var(--hera-text);
	text-decoration: none;
	font-size: 14px;
	transition: color .2s ease, transform .2s ease;
}

.hera-medical-product-card > a:hover {
	color: var(--hera-gold);
	transform: translateX(3px);
}

/* =========================================================
   SITUATIONEN
========================================================= */
.hera-medical-situations {
	padding: 115px 0;
	background: var(--hera-bg-light);
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-medical-situation-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	margin-top: 58px;
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-medical-situation {
	min-height: 290px;
	padding: 30px 24px;
	border-right: 1px solid var(--hera-line);
}

.hera-medical-situation:last-child {
	border-right: none;
}

.hera-medical-situation > span {
	display: block;
	margin-bottom: 40px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	color: var(--hera-gold);
}

.hera-medical-situation h3 {
	margin: 0 0 14px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 22px;
	line-height: 1.2;
	color: var(--hera-text);
}

.hera-medical-situation p {
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	color: var(--hera-muted);
}

/* =========================================================
   CTA
========================================================= */
.hera-medical-cta {
	padding: 125px 0;
	background: #ebe4da;
	text-align: center;
}

.hera-medical-cta-inner {
	width: min(820px, calc(100% - 48px));
	margin: 0 auto;
}

.hera-medical-cta p {
	max-width: 650px;
	margin: 24px auto 32px;
	font-size: 16px;
	line-height: 1.75;
	color: var(--hera-muted);
}

.hera-medical-cta .hera-button-primary {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 12px 24px !important;
	border: 1px solid var(--hera-text) !important;
	border-radius: 999px !important;
	background: var(--hera-text) !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 13px !important;
	transition: background .25s ease, border-color .25s ease, transform .25s ease;
}

.hera-medical-cta .hera-button-primary:hover {
	background: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	transform: translateY(-2px);
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1100px) {
	.hera-medical-hero-inner {
		grid-template-columns: minmax(0, 0.95fr) minmax(350px, 0.82fr);
		gap: 55px;
		padding: 72px 0 80px;
	}
	
	.hera-medical-hero-content h1 {
		font-size: 56px !important;
	}
	
	.hera-medical-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-medical-situation-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	
	.hera-medical-situation:nth-child(3) {
		border-right: none;
	}
	
	.hera-medical-situation:nth-child(n+4) {
		border-top: 1px solid var(--hera-line);
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-medical-section-inner {
		width: calc(100% - 36px);
	}
	
	.hera-medical-hero-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 50px;
		padding: 68px 0 76px;
	}
	
	.hera-medical-hero-content {
		max-width: 650px;
	}
	
	.hera-medical-hero-content h1 {
		font-size: 56px !important;
	}
	
	.hera-medical-focus {
		max-width: 650px;
	}
	
	.hera-medical-intro,
								  .hera-medical-products,
								  .hera-medical-situations {
		padding: 90px 0;
	}
	
	.hera-medical-cta {
		padding: 100px 0;
	}
	
	.hera-medical-comparison {
		gap: 18px;
	}
	
	.hera-medical-comparison-card {
		padding: 30px;
	}
	
	.hera-medical-product-grid {
		gap: 18px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-medical-section-inner {
		width: calc(100% - 28px);
	}
	
	/* TYPO */
	.hera-section-eyebrow,
								  .hera-medical-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-medical-intro h2,
								  .hera-medical-products h2,
								  .hera-medical-situations h2,
								  .hera-medical-cta h2 {
		font-size: 38px;
		line-height: 1.08;
	}
	
	/* HERO */
	.hera-medical-hero-inner {
		width: calc(100% - 28px);
		gap: 40px;
		padding: 52px 0 62px;
	}
	
	.hera-medical-hero-content h1 {
		margin-bottom: 22px !important;
		font-size: 42px !important;
		line-height: 1.04 !important;
	}
	
	.hera-medical-lead {
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-medical-actions {
		flex-direction: column;
		align-items: stretch;
		margin-top: 27px !important;
	}
	
	.hera-medical-actions .hera-button-primary,
								  .hera-medical-actions .hera-button-secondary {
		width: 100%;
	}
	
	/* HERO RIGHT */
	.hera-medical-focus-item {
		grid-template-columns: 32px minmax(0, 1fr);
		gap: 12px;
		padding: 24px 0;
	}
	
	.hera-medical-focus-item h3 {
		font-size: 21px !important;
	}
	
	.hera-medical-focus::before {
		width: 220px;
		height: 220px;
		right: -110px;
	}
	
	/* INTRO */
	.hera-medical-intro {
		padding: 72px 0;
	}
	
	.hera-section-intro {
		margin-top: 20px;
		font-size: 15px;
		line-height: 1.72;
	}
	
	.hera-medical-comparison {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 38px;
	}
	
	.hera-medical-comparison-card {
		min-height: 0;
		padding: 28px 24px;
	}
	
	/* PRODUCTS */
	.hera-medical-products {
		padding: 72px 0 78px;
	}
	
	.hera-medical-product-grid {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 40px;
	}
	
	.hera-medical-product-card {
		min-height: 0;
		padding: 28px 24px;
	}
	
	.hera-medical-product-number {
		margin-bottom: 25px;
	}
	
	.hera-medical-product-card h3 {
		font-size: 24px;
	}
	
	.hera-medical-product-card > a {
		margin-top: 18px;
	}
	
	/* SITUATIONEN */
	.hera-medical-situations {
		padding: 72px 0;
	}
	
	.hera-medical-situation-grid {
		grid-template-columns: 1fr;
		margin-top: 40px;
	}
	
	.hera-medical-situation,
								  .hera-medical-situation:nth-child(3),
								  .hera-medical-situation:nth-child(n+4) {
		min-height: 0;
		padding: 27px 24px;
		border-right: none;
		border-top: none;
		border-bottom: 1px solid var(--hera-line);
	}
	
	.hera-medical-situation:last-child {
		border-bottom: none;
	}
	
	.hera-medical-situation > span {
		margin-bottom: 24px;
	}
	
	.hera-medical-situation h3 {
		font-size: 22px;
	}
	
	/* CTA */
	.hera-medical-cta {
		padding: 78px 0;
	}
	
	.hera-medical-cta-inner {
		width: calc(100% - 28px);
	}
	
	.hera-medical-cta p {
		margin: 20px auto 28px;
		font-size: 15px;
		line-height: 1.7;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-medical-hero-inner,
								  .hera-medical-section-inner,
								  .hera-medical-cta-inner {
		width: calc(100% - 22p/* =========================================================
								   HERA MEDICAL HERO – ANGEPASST AN HERA DIGITAL
								========================================================= */
								
								.hera-medical-hero {
								  width: 100%;
								  background: #f3efe8;
								  border-bottom: 1px solid #ded6cc;
								  overflow: hidden;
								}
								
								
								/* =========================================================
								   HAUPT-LAYOUT
								========================================================= */
								
								.hera-medical-hero-inner {
								  width: min(1180px, calc(100% - 48px));
								  margin: 0 auto;
								
								  display: grid;
								
								  /* identische Wirkung wie HERA Digital */
								  grid-template-columns: 0.95fr 0.9fr;
								
								  gap: 75px;
								
								  align-items: center;
								
								  padding: 85px 0 95px;
								}
								
								
								/* =========================================================
								   LINKER BEREICH
								========================================================= */
								
								.hera-medical-hero-content {
								  width: 100%;
								  max-width: 530px;
								}
								
								
								.hera-medical-eyebrow {
								  display: block;
								
								  margin: 0 0 22px;
								
								  font-size: 10px;
								  line-height: 1;
								
								  font-weight: 600;
								
								  letter-spacing: 0.18em;
								  text-transform: uppercase;
								
								  color: #b88945;
								}
								
								
								/* =========================================================
								   HEADLINE
								========================================================= */
								
								.hera-medical-hero-content h1 {
								  margin: 0 0 28px !important;
								
								  max-width: 530px;
								
								  font-family: Georgia, "Times New Roman", serif;
								
								  /*
								     Wichtig:
								     deutlich kleiner als bisher
								  */
								  font-size: 58px !important;
								  line-height: 1.02 !important;
								
								  letter-spacing: -0.035em;
								
								  font-weight: 600;
								
								  color: #292725 !important;
								}
								
								
								/* =========================================================
								   LEAD TEXT
								========================================================= */
								
								.hera-medical-lead {
								  width: 100%;
								  max-width: 490px;
								
								  margin: 0 !important;
								
								  font-size: 16px !important;
								  line-height: 1.8 !important;
								
								  color: #615a53 !important;
								}
								
								
								/* =========================================================
								   BUTTONS
								========================================================= */
								
								.hera-medical-actions {
								  display: flex !important;
								  align-items: center;
								
								  flex-wrap: wrap;
								
								  gap: 12px;
								
								  margin-top: 32px !important;
								}
								
								
								/* WordPress überschreibt Links teilweise */
								.hera-medical-actions .hera-button-primary,
								.hera-medical-actions .hera-button-secondary {
								  display: inline-flex !important;
								
								  align-items: center;
								  justify-content: center;
								
								  min-height: 44px;
								
								  padding: 11px 21px !important;
								
								  border-radius: 999px !important;
								
								  font-size: 13px !important;
								  line-height: 1 !important;
								
								  text-decoration: none !important;
								
								  transition:
								    background 0.25s ease,
								    color 0.25s ease,
								    border-color 0.25s ease,
								    transform 0.25s ease;
								}
								
								
								/* Dunkler Button */
								.hera-medical-actions .hera-button-primary {
								  background: #292725 !important;
								
								  border: 1px solid #292725 !important;
								
								  color: #ffffff !important;
								}
								
								
								.hera-medical-actions .hera-button-primary:hover {
								  background: #b88945 !important;
								
								  border-color: #b88945 !important;
								
								  color: #ffffff !important;
								
								  transform: translateY(-2px);
								}
								
								
								/* Gold Outline */
								.hera-medical-actions .hera-button-secondary {
								  background: transparent !important;
								
								  border: 1px solid #b88945 !important;
								
								  color: #292725 !important;
								}
								
								
								.hera-medical-actions .hera-button-secondary:hover {
								  background: #b88945 !important;
								
								  color: #ffffff !important;
								
								  transform: translateY(-2px);
								}
								
								
								/* =========================================================
								   RECHTER BEREICH
								========================================================= */
								
								.hera-medical-focus {
								  position: relative;
								
								  width: 100%;
								  max-width: 430px;
								
								  margin-left: auto;
								
								  display: flex;
								  flex-direction: column;
								
								  border-top: 1px solid #ded6cc;
								}
								
								
								/* =========================================================
								   DEKORATIVER KREIS
								========================================================= */
								
								.hera-medical-focus::before {
								  content: "";
								
								  position: absolute;
								
								  width: 340px;
								  height: 340px;
								
								  right: -120px;
								  top: 50%;
								
								  transform: translateY(-50%);
								
								  border: 1px solid rgba(184, 137, 69, 0.12);
								
								  border-radius: 50%;
								
								  pointer-events: none;
								
								  z-index: 0;
								}
								
								
								/* =========================================================
								   FOKUSPUNKTE
								========================================================= */
								
								.hera-medical-focus-item {
								  position: relative;
								  z-index: 1;
								
								  display: grid;
								
								  /*
								    kleinere Nummernspalte =
								    mehr Platz für Text
								  */
								  grid-template-columns: 32px minmax(0, 1fr);
								
								  gap: 18px;
								
								  padding: 30px 0;
								
								  border-bottom: 1px solid #ded6cc;
								}
								
								
								.hera-medical-focus-item > div {
								  width: 100%;
								  min-width: 0;
								}
								
								
								/* Nummer */
								.hera-medical-focus-number {
								  padding-top: 2px;
								
								  font-family: Georgia, "Times New Roman", serif;
								
								  font-size: 12px;
								
								  color: #b88945;
								}
								
								
								/* Label */
								.hera-medical-focus-label {
								  display: block;
								
								  margin-bottom: 7px;
								
								  font-size: 9px;
								  line-height: 1;
								
								  font-weight: 600;
								
								  letter-spacing: 0.15em;
								
								  text-transform: uppercase;
								
								  color: #b88945;
								}
								
								
								/* Überschrift */
								.hera-medical-focus-item h3 {
								  margin: 0 0 9px !important;
								
								  font-family: Georgia, "Times New Roman", serif;
								
								  font-size: 21px !important;
								  line-height: 1.18 !important;
								
								  font-weight: 600;
								
								  color: #292725 !important;
								
								  max-width: 100%;
								
								  word-break: normal !important;
								  overflow-wrap: normal !important;
								}
								
								
								/* Text */
								.hera-medical-focus-item p {
								  max-width: 360px;
								
								  margin: 0 !important;
								
								  font-size: 13px !important;
								  line-height: 1.65 !important;
								
								  color: #615a53 !important;
								}
								
								
								/* =========================================================
								   IPAD LANDSCAPE
								========================================================= */
								
								@media (max-width: 1050px) {
								
								  .hera-medical-hero-inner {
								    width: calc(100% - 40px);
								
								    grid-template-columns:
								      minmax(0, 0.95fr)
								      minmax(350px, 0.9fr);
								
								    gap: 55px;
								
								    padding: 72px 0 80px;
								  }
								
								
								  .hera-medical-hero-content {
								    max-width: 470px;
								  }
								
								
								  .hera-medical-hero-content h1 {
								    max-width: 470px;
								
								    font-size: 52px !important;
								  }
								
								
								  .hera-medical-lead {
								    max-width: 450px;
								  }
								
								
								  .hera-medical-focus {
								    max-width: 400px;
								  }
								
								}
								
								
								/* =========================================================
								   IPAD PORTRAIT
								========================================================= */
								
								@media (max-width: 850px) {
								
								  .hera-medical-hero-inner {
								    width: calc(100% - 36px);
								
								    grid-template-columns: 1fr;
								
								    gap: 52px;
								
								    padding: 68px 0 76px;
								  }
								
								
								  .hera-medical-hero-content {
								    max-width: 650px;
								  }
								
								
								  .hera-medical-hero-content h1 {
								    max-width: 650px;
								
								    font-size: 56px !important;
								  }
								
								
								  .hera-medical-lead {
								    max-width: 580px;
								  }
								
								
								  .hera-medical-focus {
								    width: 100%;
								    max-width: 650px;
								
								    margin-left: 0;
								  }
								
								
								  .hera-medical-focus::before {
								    width: 290px;
								    height: 290px;
								  }
								
								}
								
								
								/* =========================================================
								   MOBILE
								========================================================= */
								
								@media (max-width: 650px) {
								
								  .hera-medical-hero-inner {
								    width: calc(100% - 28px);
								
								    gap: 40px;
								
								    padding: 52px 0 62px;
								  }
								
								
								  .hera-medical-eyebrow {
								    margin-bottom: 16px;
								
								    font-size: 9px;
								  }
								
								
								  .hera-medical-hero-content h1 {
								    max-width: 100%;
								
								    margin-bottom: 22px !important;
								
								    font-size: 42px !important;
								    line-height: 1.04 !important;
								  }
								
								
								  .hera-medical-lead {
								    max-width: 100%;
								
								    font-size: 15px !important;
								    line-height: 1.7 !important;
								  }
								
								
								  /* Buttons untereinander */
								  .hera-medical-actions {
								    flex-direction: column;
								
								    align-items: stretch;
								
								    gap: 10px;
								
								    margin-top: 27px !important;
								  }
								
								
								  .hera-medical-actions .hera-button-primary,
								  .hera-medical-actions .hera-button-secondary {
								    width: 100%;
								  }
								
								
								  /* rechte Inhalte */
								  .hera-medical-focus-item {
								    grid-template-columns: 30px minmax(0, 1fr);
								
								    gap: 12px;
								
								    padding: 24px 0;
								  }
								
								
								  .hera-medical-focus-item h3 {
								    font-size: 20px !important;
								  }
								
								
								  .hera-medical-focus-item p {
								    font-size: 13px !important;
								  }
								
								
								  .hera-medical-focus::before {
								    width: 220px;
								    height: 220px;
								
								    right: -110px;
								  }
								
								}
								
								
								/* =========================================================
								   SMALL MOBILE
								========================================================= */
								
								@media (max-width: 420px) {
								
								  .hera-medical-hero-inner {
								    width: calc(100% - 22px);
								  }
								
								
								  .hera-medical-hero-content h1 {
								    font-size: 37px !important;
								  }
								
								}x);
	}
	
	.hera-medical-hero-content h1 {
		font-size: 37px !important;
	}
	
	.hera-medical-intro h2,
								  .hera-medical-products h2,
								  .hera-medical-situations h2,
								  .hera-medical-cta h2 {
		font-size: 34px;
	}
	
	.hera-medical-comparison-card,
								  .hera-medical-product-card,
								  .hera-medical-situation {
		padding-left: 21px;
		padding-right: 21px;
	}
}

/* =========================================================
   HERA MEDICAL HERO – ANGEPASST AN HERA DIGITAL
========================================================= */
.hera-medical-hero {
	width: 100%;
	background: #f3efe8;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

/* =========================================================
   HAUPT-LAYOUT
========================================================= */
.hera-medical-hero-inner {
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto;
	display: grid;
/* identische Wirkung wie HERA Digital */
	grid-template-columns: 0.95fr 0.9fr;
	gap: 75px;
	align-items: center;
	padding: 85px 0 95px;
}

/* =========================================================
   LINKER BEREICH
========================================================= */
.hera-medical-hero-content {
	width: 100%;
	max-width: 530px;
}

.hera-medical-eyebrow {
	display: block;
	margin: 0 0 22px;
	font-size: 10px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #b88945;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-medical-hero-content h1 {
	margin: 0 0 28px !important;
	max-width: 530px;
	font-family: Georgia, "Times New Roman", serif;
/*
     Wichtig:
     deutlich kleiner als bisher
  */
	font-size: 58px !important;
	line-height: 1.02 !important;
	letter-spacing: -.035em;
	font-weight: 600;
	color: #292725 !important;
}

/* =========================================================
   LEAD TEXT
========================================================= */
.hera-medical-lead {
	width: 100%;
	max-width: 490px;
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: #615a53 !important;
}

/* =========================================================
   BUTTONS
========================================================= */
.hera-medical-actions {
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 32px !important;
}

/* WordPress überschreibt Links teilweise */
.hera-medical-actions .hera-button-primary,
.hera-medical-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 11px 21px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
}

/* Dunkler Button */
.hera-medical-actions .hera-button-primary {
	background: #292725 !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-medical-actions .hera-button-primary:hover {
	background: #b88945 !important;
	border-color: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* Gold Outline */
.hera-medical-actions .hera-button-secondary {
	background: transparent !important;
	border: 1px solid #b88945 !important;
	color: #292725 !important;
}

.hera-medical-actions .hera-button-secondary:hover {
	background: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   RECHTER BEREICH
========================================================= */
.hera-medical-focus {
	position: relative;
	width: 100%;
	max-width: 430px;
	margin-left: auto;
	display: flex;
	flex-direction: column;
	border-top: 1px solid #ded6cc;
}

/* =========================================================
   DEKORATIVER KREIS
========================================================= */
.hera-medical-focus::before {
	content: "";
	position: absolute;
	width: 340px;
	height: 340px;
	right: -120px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.12);
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
}

/* =========================================================
   FOKUSPUNKTE
========================================================= */
.hera-medical-focus-item {
	position: relative;
	z-index: 1;
	display: grid;
/*
    kleinere Nummernspalte =
    mehr Platz für Text
  */
	grid-template-columns: 32px minmax(0, 1fr);
	gap: 18px;
	padding: 30px 0;
	border-bottom: 1px solid #ded6cc;
}

.hera-medical-focus-item > div {
	width: 100%;
	min-width: 0;
}

/* Nummer */
.hera-medical-focus-number {
	padding-top: 2px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	color: #b88945;
}

/* Label */
.hera-medical-focus-label {
	display: block;
	margin-bottom: 7px;
	font-size: 9px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #b88945;
}

/* Überschrift */
.hera-medical-focus-item h3 {
	margin: 0 0 9px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px !important;
	line-height: 1.18 !important;
	font-weight: 600;
	color: #292725 !important;
	max-width: 100%;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* Text */
.hera-medical-focus-item p {
	max-width: 360px;
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	color: #615a53 !important;
}

/* =========================================================
   IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-medical-hero-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(0, 0.95fr) minmax(350px, 0.9fr);
		gap: 55px;
		padding: 72px 0 80px;
	}
	
	.hera-medical-hero-content {
		max-width: 470px;
	}
	
	.hera-medical-hero-content h1 {
		max-width: 470px;
		font-size: 52px !important;
	}
	
	.hera-medical-lead {
		max-width: 450px;
	}
	
	.hera-medical-focus {
		max-width: 400px;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-medical-hero-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 52px;
		padding: 68px 0 76px;
	}
	
	.hera-medical-hero-content {
		max-width: 650px;
	}
	
	.hera-medical-hero-content h1 {
		max-width: 650px;
		font-size: 56px !important;
	}
	
	.hera-medical-lead {
		max-width: 580px;
	}
	
	.hera-medical-focus {
		width: 100%;
		max-width: 650px;
		margin-left: 0;
	}
	
	.hera-medical-focus::before {
		width: 290px;
		height: 290px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 650px) {
	.hera-medical-hero-inner {
		width: calc(100% - 28px);
		gap: 40px;
		padding: 52px 0 62px;
	}
	
	.hera-medical-eyebrow {
		margin-bottom: 16px;
		font-size: 9px;
	}
	
	.hera-medical-hero-content h1 {
		max-width: 100%;
		margin-bottom: 22px !important;
		font-size: 42px !important;
		line-height: 1.04 !important;
	}
	
	.hera-medical-lead {
		max-width: 100%;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	/* Buttons untereinander */
	.hera-medical-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
		margin-top: 27px !important;
	}
	
	.hera-medical-actions .hera-button-primary,
								  .hera-medical-actions .hera-button-secondary {
		width: 100%;
	}
	
	/* rechte Inhalte */
	.hera-medical-focus-item {
		grid-template-columns: 30px minmax(0, 1fr);
		gap: 12px;
		padding: 24px 0;
	}
	
	.hera-medical-focus-item h3 {
		font-size: 20px !important;
	}
	
	.hera-medical-focus-item p {
		font-size: 13px !important;
	}
	
	.hera-medical-focus::before {
		width: 220px;
		height: 220px;
		right: -110px;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-medical-hero-inner {
		width: calc(100% - 22px);
	}
	
	.hera-medical-hero-content h1 {
		font-size: 37px !important;
	}
}

/* =========================================================
   HERA MEDICAL CTA BUTTON FIX
========================================================= */
.hera-medical-cta .hera-button-primary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 46px !important;
	padding: 12px 24px !important;
	background: #292725 !important;
	border: 1px solid #292725 !important;
	border-radius: 999px !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
}

/* Auch verschachtelte WordPress-Linkstyles überschreiben */
.hera-medical-cta .hera-button-primary:link,
.hera-medical-cta .hera-button-primary:visited {
	background: #292725 !important;
	border-color: #292725 !important;
	color: #ffffff !important;
}

/* Hover */
.hera-medical-cta .hera-button-primary:hover {
	background: #b88945 !important;
	border-color: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   HERA ADVISORY – FINAL COMPLETE CSS
   Robust für WordPress / Desktop / iPad / Mobile
========================================================= */
:root {
}

/* =========================================================
   BOX SIZING / WORDPRESS SAFETY
========================================================= */
.hera-advisory-hero *,
.hera-advisory-intro *,
.hera-advisory-products *,
.hera-advisory-decisions *,
.hera-advisory-cta * {
	box-sizing: border-box;
}

.hera-advisory-hero,
.hera-advisory-intro,
.hera-advisory-products,
.hera-advisory-decisions,
.hera-advisory-cta {
	width: 100%;
	max-width: 100%;
	position: relative;
	overflow: hidden;
}

/* =========================================================
   GEMEINSAME CONTENT-BREITE
========================================================= */
.hera-advisory-hero-inner,
.hera-advisory-section-inner,
.hera-advisory-cta-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}

/* =========================================================
   GEMEINSAME EYEBROW
========================================================= */
.hera-section-eyebrow,
.hera-advisory-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: var(--hera-gold);
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   GEMEINSAME SECTION HEADLINES
========================================================= */
.hera-advisory-intro h2,
.hera-advisory-products h2,
.hera-advisory-decisions h2,
.hera-advisory-cta h2 {
	width: 100%;
	max-width: 780px;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 5vw, 58px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.025em;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   HERO
========================================================= */
.hera-advisory-hero {
	background: var(--hera-bg);
	border-bottom: 1px solid var(--hera-line);
}

.hera-advisory-hero-inner {
	display: grid;
/*
     Beide Seiten bleiben flexibel.
     Keine feste Pixel-Spalte mehr.
  */
	grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
	align-items: center;
	gap: clamp(42px, 7vw, 85px);
	padding: 82px 0 92px;
}

/* =========================================================
   HERO LINKS
========================================================= */
.hera-advisory-hero-content {
	width: 100%;
	max-width: 590px;
	min-width: 0;
}

.hera-advisory-eyebrow {
	margin-bottom: 22px;
}

/* =========================================================
   HERO HEADLINE
========================================================= */
.hera-advisory-hero-content h1 {
	width: 100%;
	max-width: 590px;
	margin: 0 0 27px !important;
	font-family: Georgia, "Times New Roman", serif;
/*
     Etwas kleiner als bisher, damit die lange
     Advisory-Headline sauber bleibt.
  */
	font-size: clamp(43px, 5vw, 56px) !important;
	line-height: 1.03 !important;
	font-weight: 600;
	letter-spacing: -.035em;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   HERO LEAD
========================================================= */
.hera-advisory-lead {
	width: 100%;
	max-width: 535px;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   HERO BUTTONS
========================================================= */
.hera-advisory-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-top: 32px !important;
}

.hera-advisory-actions .hera-button-primary,
.hera-advisory-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 11px 21px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease !important;
}

/* SCHWARZER BUTTON */
.hera-advisory-actions .hera-button-primary,
.hera-advisory-actions .hera-button-primary:link,
.hera-advisory-actions .hera-button-primary:visited {
	background-color: #292725 !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-advisory-actions .hera-button-primary:hover,
.hera-advisory-actions .hera-button-primary:focus {
	background-color: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* GOLD OUTLINE BUTTON */
.hera-advisory-actions .hera-button-secondary,
.hera-advisory-actions .hera-button-secondary:link,
.hera-advisory-actions .hera-button-secondary:visited {
	background-color: transparent !important;
	border: 1px solid var(--hera-gold) !important;
	color: #292725 !important;
}

.hera-advisory-actions .hera-button-secondary:hover,
.hera-advisory-actions .hera-button-secondary:focus {
	background-color: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   HERO RECHTS
========================================================= */
.hera-advisory-focus {
	position: relative;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	display: flex;
	flex-direction: column;
	border-top: 1px solid var(--hera-line);
}

/* Dekorativer Kreis */
.hera-advisory-focus::before {
	content: "";
	position: absolute;
	width: min(340px, 85%);
	aspect-ratio: 1 / 1;
	right: -110px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.12);
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
}

/* =========================================================
   HERO FOCUS ITEM
========================================================= */
.hera-advisory-focus-item {
	position: relative;
	z-index: 1;
	width: 100% !important;
	min-width: 0 !important;
	display: grid !important;
	grid-template-columns: 34px minmax(0, 1fr) !important;
	column-gap: 17px !important;
	padding: 28px 0 !important;
	border-bottom: 1px solid var(--hera-line);
}

.hera-advisory-focus-item > div {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

.hera-advisory-focus-number {
	display: block;
	padding-top: 2px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	line-height: 1.2;
}

.hera-advisory-focus-label {
	display: block !important;
	width: 100% !important;
	margin: 0 0 7px !important;
	color: var(--hera-gold) !important;
	font-size: 9px !important;
	line-height: 1.2 !important;
	font-weight: 600 !important;
	letter-spacing: .15em;
	text-transform: uppercase;
	word-break: normal !important;
	white-space: normal !important;
}

/* =========================================================
   HERO RIGHT TITLES
========================================================= */
.hera-advisory-focus-item h3 {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 8px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(19px, 2.2vw, 22px) !important;
	line-height: 1.18 !important;
	font-weight: 600 !important;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   HERO RIGHT TEXT
========================================================= */
.hera-advisory-focus-item p {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   INTRO
========================================================= */
.hera-advisory-intro {
	padding: 110px 0;
	background: var(--hera-bg-light);
}

.hera-advisory-intro .hera-section-intro {
	width: 100%;
	max-width: 790px;
	margin: 25px 0 0;
	color: var(--hera-muted);
	font-size: 17px;
	line-height: 1.8;
}

/* =========================================================
   INTRO COMPARISON
========================================================= */
.hera-advisory-comparison {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin-top: 52px;
}

.hera-advisory-comparison-card {
	width: 100%;
	min-width: 0;
	padding: 34px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
}

.hera-advisory-comparison-highlight {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-advisory-comparison-card > span {
	display: block;
	margin: 0 0 26px;
	color: var(--hera-gold);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.hera-advisory-comparison-card h3 {
	margin: 0 0 20px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(23px, 3vw, 27px) !important;
	line-height: 1.2 !important;
	color: var(--hera-text) !important;
}

.hera-advisory-comparison-card ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hera-advisory-comparison-card li {
	position: relative;
	padding: 7px 0 7px 21px;
	color: var(--hera-muted);
	font-size: 14px;
	line-height: 1.55;
}

.hera-advisory-comparison-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 16px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

/* =========================================================
   PRODUKTE
========================================================= */
.hera-advisory-products {
	padding: 110px 0 120px;
	background: var(--hera-bg);
}

/*
   AUTO-FIT ist hier entscheidend.
   WordPress darf selbst bestimmen, wie viele Karten passen.
*/
.hera-advisory-product-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
	gap: 20px;
	margin-top: 55px;
}

/* =========================================================
   PRODUCT CARD
========================================================= */
.hera-advisory-product-card {
	position: relative;
	width: 100%;
	min-width: 0;
	min-height: 450px;
	display: flex;
	flex-direction: column;
	padding: 32px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.hera-advisory-product-card:hover {
	transform: translateY(-4px);
	border-color: var(--hera-gold-soft);
	box-shadow: var(--hera-shadow);
}

.hera-advisory-product-featured {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-advisory-product-number {
	display: block;
	margin: 0 0 30px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
}

/* Badge */
.hera-advisory-product-label {
	position: absolute;
	top: 23px;
	right: 23px;
	max-width: 45%;
	padding: 5px 8px;
	border: 1px solid var(--hera-gold-soft);
	color: var(--hera-gold);
	font-size: 8px;
	line-height: 1.2;
	letter-spacing: .12em;
	text-transform: uppercase;
	white-space: normal;
}

/* =========================================================
   PRODUCT TITLE
========================================================= */
.hera-advisory-product-card h3 {
	width: 100%;
	max-width: 100%;
	margin: 0 0 15px !important;
	font-family: Georgia, "Times New Roman", serif;
/*
     Wichtiger Fix gegen Überlappung
  */
	font-size: clamp(21px, 2.6vw, 25px) !important;
	line-height: 1.18 !important;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
}

.hera-advisory-product-card > p {
	width: 100%;
	margin: 0 0 20px !important;
	color: var(--hera-muted) !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
}

.hera-advisory-product-card ul {
	width: 100%;
	list-style: none;
	margin: 0 0 26px;
	padding: 0;
}

.hera-advisory-product-card li {
	position: relative;
	padding: 6px 0 6px 19px;
	color: var(--hera-muted);
	font-size: 14px;
	line-height: 1.5;
}

.hera-advisory-product-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

.hera-advisory-product-card > a {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	margin-top: auto;
	color: var(--hera-text) !important;
	font-size: 14px;
	text-decoration: none !important;
	transition: color .2s ease, transform .2s ease;
}

.hera-advisory-product-card > a:hover {
	color: var(--hera-gold) !important;
	transform: translateX(3px);
}

/* =========================================================
   DECISIONS
========================================================= */
.hera-advisory-decisions {
	padding: 110px 0;
	background: var(--hera-bg-light);
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

/*
   Keine festen fünf Spalten mehr.
   So kann nichts abgeschnitten werden.
*/
.hera-advisory-decision-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr));
	gap: 0;
	margin-top: 55px;
	border-top: 1px solid var(--hera-line);
	border-left: 1px solid var(--hera-line);
}

/* =========================================================
   DECISION ITEM
========================================================= */
.hera-advisory-decision {
	width: 100%;
	min-width: 0;
	min-height: 280px;
	padding: 28px 24px;
	border-right: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-advisory-decision > span {
	display: block;
	margin: 0 0 35px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
}

.hera-advisory-decision h3 {
	width: 100%;
	max-width: 100%;
	margin: 0 0 13px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(20px, 2.3vw, 23px) !important;
	line-height: 1.2 !important;
	color: var(--hera-text) !important;
/*
     Verhindert "StrukturierenSteuern"
  */
	word-break: normal !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
}

.hera-advisory-decision p {
	width: 100%;
	max-width: 100%;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 14px !important;
	line-height: 1.68 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   CTA
========================================================= */
.hera-advisory-cta {
	padding: 120px 0;
	background: #ebe4da;
	text-align: center;
}

.hera-advisory-cta-inner {
	max-width: 820px;
}

.hera-advisory-cta h2 {
	max-width: 780px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.hera-advisory-cta p {
	width: 100%;
	max-width: 650px;
	margin: 24px auto 31px !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
}

/* =========================================================
   CTA SCHWARZER BUTTON
========================================================= */
.hera-advisory-cta .hera-button-primary,
.hera-advisory-cta .hera-button-primary:link,
.hera-advisory-cta .hera-button-primary:visited {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 12px 24px !important;
	background-color: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	border-radius: 999px !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	box-shadow: none !important;
	white-space: nowrap !important;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease !important;
}

.hera-advisory-cta .hera-button-primary:hover,
.hera-advisory-cta .hera-button-primary:focus {
	background-color: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-advisory-hero-inner,
								  .hera-advisory-section-inner,
								  .hera-advisory-cta-inner {
		width: calc(100% - 40px);
	}
	
	.hera-advisory-hero-inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 0.82fr);
		gap: 42px;
		padding: 72px 0 80px;
	}
	
	.hera-advisory-hero-content h1 {
		font-size: clamp(42px, 5.4vw, 50px) !important;
	}
	
	.hera-advisory-focus-item {
		grid-template-columns: 30px minmax(0, 1fr) !important;
		gap: 13px !important;
	}
	
	.hera-advisory-products {
		padding: 90px 0 100px;
	}
	
	.hera-advisory-decisions {
		padding: 90px 0;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-advisory-hero-inner,
								  .hera-advisory-section-inner,
								  .hera-advisory-cta-inner {
		width: calc(100% - 36px);
	}
	
	/* HERO wird einspaltig */
	.hera-advisory-hero-inner {
		grid-template-columns: 1fr;
		gap: 48px;
		padding: 66px 0 74px;
	}
	
	.hera-advisory-hero-content {
		max-width: 670px;
	}
	
	.hera-advisory-hero-content h1 {
		max-width: 670px;
		font-size: 52px !important;
	}
	
	.hera-advisory-lead {
		max-width: 600px;
	}
	
	.hera-advisory-focus {
		max-width: 670px !important;
	}
	
	.hera-advisory-focus::before {
		width: 280px;
		right: -100px;
	}
	
	.hera-advisory-intro {
		padding: 85px 0;
	}
	
	.hera-advisory-comparison {
		gap: 16px;
	}
	
	.hera-advisory-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-advisory-decision-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-advisory-cta {
		padding: 95px 0;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-advisory-hero-inner,
								  .hera-advisory-section-inner,
								  .hera-advisory-cta-inner {
		width: calc(100% - 28px);
	}
	
	/* =====================================================
								     TYPO
								  ====================================================== */
	.hera-section-eyebrow,
								  .hera-advisory-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-advisory-intro h2,
								  .hera-advisory-products h2,
								  .hera-advisory-decisions h2,
								  .hera-advisory-cta h2 {
		font-size: 37px !important;
		line-height: 1.08 !important;
	}
	
	/* =====================================================
								     HERO
								  ====================================================== */
	.hera-advisory-hero-inner {
		gap: 38px;
		padding: 50px 0 60px;
	}
	
	.hera-advisory-hero-content h1 {
		margin-bottom: 21px !important;
		font-size: 40px !important;
		line-height: 1.04 !important;
	}
	
	.hera-advisory-lead {
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-advisory-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin-top: 27px !important;
	}
	
	.hera-advisory-actions .hera-button-primary,
								  .hera-advisory-actions .hera-button-secondary {
		width: 100% !important;
	}
	
	.hera-advisory-focus {
		max-width: 100% !important;
	}
	
	.hera-advisory-focus-item {
		grid-template-columns: 29px minmax(0, 1fr) !important;
		gap: 11px !important;
		padding: 23px 0 !important;
	}
	
	.hera-advisory-focus-item h3 {
		font-size: 20px !important;
	}
	
	.hera-advisory-focus::before {
		width: 210px;
		right: -105px;
	}
	
	/* =====================================================
								     INTRO
								  ====================================================== */
	.hera-advisory-intro {
		padding: 70px 0;
	}
	
	.hera-advisory-intro .hera-section-intro {
		margin-top: 19px;
		font-size: 15px;
		line-height: 1.72;
	}
	
	.hera-advisory-comparison {
		grid-template-columns: 1fr;
		gap: 13px;
		margin-top: 36px;
	}
	
	.hera-advisory-comparison-card {
		min-height: 0;
		padding: 26px 23px;
	}
	
	/* =====================================================
								     PRODUCTS
								  ====================================================== */
	.hera-advisory-products {
		padding: 70px 0 76px;
	}
	
	.hera-advisory-product-grid {
		grid-template-columns: 1fr;
		gap: 13px;
		margin-top: 38px;
	}
	
	.hera-advisory-product-card {
		min-height: 0;
		padding: 27px 23px;
	}
	
	.hera-advisory-product-number {
		margin-bottom: 24px;
	}
	
	.hera-advisory-product-card h3 {
		font-size: 23px !important;
	}
	
	.hera-advisory-product-card > a {
		margin-top: 18px;
	}
	
	/* =====================================================
								     DECISIONS
								  ====================================================== */
	.hera-advisory-decisions {
		padding: 70px 0;
	}
	
	.hera-advisory-decision-grid {
		grid-template-columns: 1fr;
		margin-top: 38px;
		border-left: none;
	}
	
	.hera-advisory-decision {
		min-height: 0;
		padding: 25px 22px;
		border-left: 1px solid var(--hera-line);
	}
	
	.hera-advisory-decision > span {
		margin-bottom: 22px;
	}
	
	.hera-advisory-decision h3 {
		font-size: 22px !important;
	}
	
	/* =====================================================
								     CTA
								  ====================================================== */
	.hera-advisory-cta {
		padding: 75px 0;
	}
	
	.hera-advisory-cta p {
		margin: 19px auto 27px !important;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-advisory-cta .hera-button-primary {
		width: 100% !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-advisory-hero-inner,
								  .hera-advisory-section-inner,
								  .hera-advisory-cta-inner {
		width: calc(100% - 22px);
	}
	
	.hera-advisory-hero-content h1 {
		font-size: 35px !important;
	}
	
	.hera-advisory-intro h2,
								  .hera-advisory-products h2,
								  .hera-advisory-decisions h2,
								  .hera-advisory-cta h2 {
		font-size: 33px !important;
	}
	
	.hera-advisory-product-card,
								  .hera-advisory-comparison-card,
								  .hera-advisory-decision {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* =========================================================
   HERA ADVISORY – HERO FINAL FIX
========================================================= */
.hera-advisory-hero {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: #f3efe8;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

/* =========================================================
   HERO INNER
========================================================= */
.hera-advisory-hero-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin: 0 auto;
	display: grid;
/*
     Klare Trennung:
     links = 53 %
     rechts = 39 %
     Rest = Abstand
  */
	grid-template-columns: minmax(0, 53%) minmax(0, 39%);
	justify-content: space-between;
	align-items: center;
	column-gap: 8%;
	padding: 82px 0 92px;
}

/* =========================================================
   LINKER BEREICH
========================================================= */
.hera-advisory-hero-content {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	position: relative;
	z-index: 2;
}

/* Eyebrow */
.hera-advisory-eyebrow {
	display: block;
	margin: 0 0 23px;
	color: #b88945;
	font-size: 10px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-advisory-hero-content h1 {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 28px !important;
	font-family: Georgia, "Times New Roman", serif;
/*
     Etwas kleiner als aktuell.
     Dadurch bleibt "unternehmerische"
     vollständig in der linken Spalte.
  */
	font-size: clamp(44px, 4.25vw, 55px) !important;
	line-height: 1.04 !important;
	font-weight: 600;
	letter-spacing: -.035em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
	overflow: visible !important;
}

/* =========================================================
   LEAD
========================================================= */
.hera-advisory-lead {
	width: 100%;
	max-width: 510px;
	margin: 0 !important;
	color: #615a53 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   BUTTONS
========================================================= */
.hera-advisory-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-top: 33px !important;
}

.hera-advisory-actions .hera-button-primary,
.hera-advisory-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 45px !important;
	margin: 0 !important;
	padding: 11px 21px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	box-shadow: none !important;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease !important;
}

/* Primary */
.hera-advisory-actions .hera-button-primary,
.hera-advisory-actions .hera-button-primary:link,
.hera-advisory-actions .hera-button-primary:visited {
	background: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-advisory-actions .hera-button-primary:hover,
.hera-advisory-actions .hera-button-primary:focus {
	background: #b88945 !important;
	border-color: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* Secondary */
.hera-advisory-actions .hera-button-secondary,
.hera-advisory-actions .hera-button-secondary:link,
.hera-advisory-actions .hera-button-secondary:visited {
	background: transparent !important;
	background-image: none !important;
	border: 1px solid #b88945 !important;
	color: #292725 !important;
}

.hera-advisory-actions .hera-button-secondary:hover,
.hera-advisory-actions .hera-button-secondary:focus {
	background: #b88945 !important;
	border-color: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   RECHTER BEREICH
========================================================= */
.hera-advisory-focus {
	position: relative;
	z-index: 1;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	display: flex;
	flex-direction: column;
	border-top: 1px solid #ded6cc;
}

/* Kreis */
.hera-advisory-focus::before {
	content: "";
	position: absolute;
	width: 330px;
	height: 330px;
	right: -105px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.12);
	border-radius: 50%;
	pointer-events: none;
	z-index: -1;
}

/* =========================================================
   FOCUS ITEMS
========================================================= */
.hera-advisory-focus-item {
	position: relative;
	width: 100% !important;
	min-width: 0 !important;
	display: grid !important;
	grid-template-columns: 32px minmax(0, 1fr) !important;
	column-gap: 17px !important;
	padding: 27px 0 !important;
	border-bottom: 1px solid #ded6cc;
}

/* Textbereich */
.hera-advisory-focus-item > div {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

/* Nummer */
.hera-advisory-focus-number {
	display: block;
	padding-top: 3px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	line-height: 1;
	color: #b88945;
}

/* Label */
.hera-advisory-focus-label {
	display: block !important;
	width: 100% !important;
	margin: 0 0 7px !important;
	color: #b88945 !important;
	font-size: 9px !important;
	line-height: 1.2 !important;
	font-weight: 600 !important;
	letter-spacing: .15em;
	text-transform: uppercase;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* Überschrift */
.hera-advisory-focus-item h3 {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 8px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px !important;
	line-height: 1.18 !important;
	font-weight: 600 !important;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* Text */
.hera-advisory-focus-item p {
	display: block !important;
	width: 100% !important;
	max-width: 350px !important;
	margin: 0 !important;
	color: #615a53 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   DESKTOP – ETWAS SCHMALER
========================================================= */
@media (max-width: 1100px) {
	.hera-advisory-hero-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(0, 54%) minmax(0, 38%);
		column-gap: 8%;
		padding: 72px 0 80px;
	}
	
	.hera-advisory-hero-content h1 {
		font-size: clamp(42px, 4.7vw, 49px) !important;
	}
	
	.hera-advisory-lead {
		max-width: 460px;
	}
	
	.hera-advisory-focus-item h3 {
		font-size: 20px !important;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-advisory-hero-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 50px;
		padding: 68px 0 76px;
	}
	
	.hera-advisory-hero-content {
		max-width: 650px;
	}
	
	.hera-advisory-hero-content h1 {
		max-width: 650px !important;
		font-size: 52px !important;
	}
	
	.hera-advisory-lead {
		max-width: 580px;
	}
	
	.hera-advisory-focus {
		width: 100% !important;
		max-width: 650px !important;
	}
	
	.hera-advisory-focus-item p {
		max-width: 500px !important;
	}
	
	.hera-advisory-focus::before {
		width: 280px;
		height: 280px;
		right: -90px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-advisory-hero-inner {
		width: calc(100% - 28px);
		gap: 38px;
		padding: 50px 0 60px;
	}
	
	.hera-advisory-eyebrow {
		margin-bottom: 16px;
		font-size: 9px;
	}
	
	.hera-advisory-hero-content h1 {
		margin-bottom: 21px !important;
		font-size: 39px !important;
		line-height: 1.04 !important;
	}
	
	.hera-advisory-lead {
		max-width: 100%;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	/* Buttons */
	.hera-advisory-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin-top: 27px !important;
	}
	
	.hera-advisory-actions .hera-button-primary,
								  .hera-advisory-actions .hera-button-secondary {
		width: 100% !important;
	}
	
	/* Fokus */
	.hera-advisory-focus {
		max-width: 100% !important;
	}
	
	.hera-advisory-focus-item {
		grid-template-columns: 29px minmax(0, 1fr) !important;
		column-gap: 11px !important;
		padding: 23px 0 !important;
	}
	
	.hera-advisory-focus-item h3 {
		font-size: 20px !important;
	}
	
	.hera-advisory-focus-item p {
		max-width: 100% !important;
	}
	
	.hera-advisory-focus::before {
		width: 210px;
		height: 210px;
		right: -100px;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-advisory-hero-inner {
		width: calc(100% - 22px);
	}
	
	.hera-advisory-hero-content h1 {
		font-size: 35px !important;
	}
}

/* =========================================================
   HERA SUCCESSION – COMPLETE CSS
   Desktop / Tablet / Mobile
========================================================= */
:root {
}

/* =========================================================
   BOX SIZING / WORDPRESS SAFETY
========================================================= */
.hera-succession-hero *,
.hera-succession-intro *,
.hera-succession-products *,
.hera-succession-situations *,
.hera-succession-cta * {
	box-sizing: border-box;
}

.hera-succession-hero,
.hera-succession-intro,
.hera-succession-products,
.hera-succession-situations,
.hera-succession-cta {
	width: 100%;
	max-width: 100%;
	position: relative;
	overflow: hidden;
}

/* =========================================================
   CONTENT WIDTH
========================================================= */
.hera-succession-hero-inner,
.hera-succession-section-inner,
.hera-succession-cta-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}

/* =========================================================
   EYEBROWS
========================================================= */
.hera-section-eyebrow,
.hera-succession-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: var(--hera-gold);
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   SHARED SECTION HEADLINES
========================================================= */
.hera-succession-intro h2,
.hera-succession-products h2,
.hera-succession-situations h2,
.hera-succession-cta h2 {
	width: 100%;
	max-width: 800px;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 5vw, 58px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.025em;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   HERO
========================================================= */
.hera-succession-hero {
	background: var(--hera-bg);
	border-bottom: 1px solid var(--hera-line);
}

.hera-succession-hero-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr);
	align-items: center;
	gap: clamp(42px, 7vw, 85px);
	padding: 82px 0 92px;
}

/* =========================================================
   HERO LEFT
========================================================= */
.hera-succession-hero-content {
	width: 100%;
	max-width: 590px;
	min-width: 0;
}

.hera-succession-eyebrow {
	margin-bottom: 22px;
}

/* =========================================================
   HERO HEADLINE
========================================================= */
.hera-succession-hero-content h1 {
	width: 100%;
	max-width: 590px;
	margin: 0 0 28px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 5vw, 58px) !important;
	line-height: 1.03 !important;
	font-weight: 600;
	letter-spacing: -.035em;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   HERO LEAD
========================================================= */
.hera-succession-lead {
	width: 100%;
	max-width: 540px;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   HERO BUTTONS
========================================================= */
.hera-succession-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-top: 32px !important;
}

.hera-succession-actions .hera-button-primary,
.hera-succession-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 45px !important;
	margin: 0 !important;
	padding: 11px 21px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	box-shadow: none !important;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease !important;
}

/* PRIMARY */
.hera-succession-actions .hera-button-primary,
.hera-succession-actions .hera-button-primary:link,
.hera-succession-actions .hera-button-primary:visited {
	background-color: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-succession-actions .hera-button-primary:hover,
.hera-succession-actions .hera-button-primary:focus {
	background-color: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* SECONDARY */
.hera-succession-actions .hera-button-secondary,
.hera-succession-actions .hera-button-secondary:link,
.hera-succession-actions .hera-button-secondary:visited {
	background-color: transparent !important;
	background-image: none !important;
	border: 1px solid var(--hera-gold) !important;
	color: var(--hera-text) !important;
}

.hera-succession-actions .hera-button-secondary:hover,
.hera-succession-actions .hera-button-secondary:focus {
	background-color: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   HERO RIGHT
========================================================= */
.hera-succession-focus {
	position: relative;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	display: flex;
	flex-direction: column;
	border-top: 1px solid var(--hera-line);
}

/* decorative circle */
.hera-succession-focus::before {
	content: "";
	position: absolute;
	width: min(340px, 85%);
	aspect-ratio: 1 / 1;
	right: -105px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.12);
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
}

/* =========================================================
   HERO FOCUS ITEM
========================================================= */
.hera-succession-focus-item {
	position: relative;
	z-index: 1;
	width: 100% !important;
	min-width: 0 !important;
	display: grid !important;
	grid-template-columns: 34px minmax(0, 1fr) !important;
	gap: 17px !important;
	padding: 28px 0 !important;
	border-bottom: 1px solid var(--hera-line);
}

.hera-succession-focus-item > div {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

.hera-succession-focus-number {
	display: block;
	padding-top: 2px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	line-height: 1.2;
}

.hera-succession-focus-label {
	display: block !important;
	width: 100% !important;
	margin: 0 0 7px !important;
	color: var(--hera-gold) !important;
	font-size: 9px !important;
	line-height: 1.2 !important;
	font-weight: 600 !important;
	letter-spacing: .15em;
	text-transform: uppercase;
	word-break: normal !important;
	white-space: normal !important;
}

/* =========================================================
   HERO FOCUS TITLE
========================================================= */
.hera-succession-focus-item h3 {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 8px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(19px, 2.2vw, 22px) !important;
	line-height: 1.18 !important;
	font-weight: 600 !important;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   HERO FOCUS TEXT
========================================================= */
.hera-succession-focus-item p {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   INTRO
========================================================= */
.hera-succession-intro {
	padding: 110px 0;
	background: var(--hera-bg-light);
}

.hera-succession-intro .hera-section-intro {
	width: 100%;
	max-width: 800px;
	margin: 25px 0 0;
	color: var(--hera-muted);
	font-size: 17px;
	line-height: 1.8;
}

/* =========================================================
   COMPARISON
========================================================= */
.hera-succession-comparison {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin-top: 52px;
}

.hera-succession-comparison-card {
	width: 100%;
	min-width: 0;
	padding: 34px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
}

.hera-succession-comparison-highlight {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-succession-comparison-card > span {
	display: block;
	margin: 0 0 26px;
	color: var(--hera-gold);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.hera-succession-comparison-card h3 {
	margin: 0 0 20px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(23px, 3vw, 27px) !important;
	line-height: 1.2 !important;
	color: var(--hera-text) !important;
}

.hera-succession-comparison-card ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hera-succession-comparison-card li {
	position: relative;
	padding: 7px 0 7px 21px;
	color: var(--hera-muted);
	font-size: 14px;
	line-height: 1.55;
}

.hera-succession-comparison-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 16px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

/* =========================================================
   PRODUCTS
========================================================= */
.hera-succession-products {
	padding: 110px 0 120px;
	background: var(--hera-bg);
}

.hera-succession-product-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
	gap: 20px;
	margin-top: 55px;
}

/* =========================================================
   PRODUCT CARD
========================================================= */
.hera-succession-product-card {
	position: relative;
	width: 100%;
	min-width: 0;
	min-height: 450px;
	display: flex;
	flex-direction: column;
	padding: 32px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.hera-succession-product-card:hover {
	transform: translateY(-4px);
	border-color: var(--hera-gold-soft);
	box-shadow: var(--hera-shadow);
}

.hera-succession-product-featured {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-succession-product-number {
	display: block;
	margin: 0 0 30px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
}

.hera-succession-product-label {
	position: absolute;
	top: 23px;
	right: 23px;
	max-width: 45%;
	padding: 5px 8px;
	border: 1px solid var(--hera-gold-soft);
	color: var(--hera-gold);
	font-size: 8px;
	line-height: 1.2;
	letter-spacing: .12em;
	text-transform: uppercase;
	white-space: normal;
}

/* =========================================================
   PRODUCT TITLE
========================================================= */
.hera-succession-product-card h3 {
	width: 100%;
	max-width: 100%;
	margin: 0 0 15px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(21px, 2.6vw, 25px) !important;
	line-height: 1.18 !important;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
}

.hera-succession-product-card > p {
	width: 100%;
	margin: 0 0 20px !important;
	color: var(--hera-muted) !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
}

.hera-succession-product-card ul {
	width: 100%;
	list-style: none;
	margin: 0 0 26px;
	padding: 0;
}

.hera-succession-product-card li {
	position: relative;
	padding: 6px 0 6px 19px;
	color: var(--hera-muted);
	font-size: 14px;
	line-height: 1.5;
}

.hera-succession-product-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

.hera-succession-product-card > a {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	margin-top: auto;
	color: var(--hera-text) !important;
	font-size: 14px;
	text-decoration: none !important;
	transition: color .2s ease, transform .2s ease;
}

.hera-succession-product-card > a:hover {
	color: var(--hera-gold) !important;
	transform: translateX(3px);
}

/* =========================================================
   SITUATIONS
========================================================= */
.hera-succession-situations {
	padding: 110px 0;
	background: var(--hera-bg-light);
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-succession-situation-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr));
	gap: 0;
	margin-top: 55px;
	border-top: 1px solid var(--hera-line);
	border-left: 1px solid var(--hera-line);
}

/* =========================================================
   SITUATION ITEM
========================================================= */
.hera-succession-situation {
	width: 100%;
	min-width: 0;
	min-height: 280px;
	padding: 28px 24px;
	border-right: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-succession-situation > span {
	display: block;
	margin: 0 0 35px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
}

.hera-succession-situation h3 {
	width: 100%;
	max-width: 100%;
	margin: 0 0 13px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(20px, 2.3vw, 23px) !important;
	line-height: 1.2 !important;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
}

.hera-succession-situation p {
	width: 100%;
	max-width: 100%;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 14px !important;
	line-height: 1.68 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   CTA
========================================================= */
.hera-succession-cta {
	padding: 120px 0;
	background: #ebe4da;
	text-align: center;
}

.hera-succession-cta-inner {
	max-width: 820px;
}

.hera-succession-cta h2 {
	max-width: 780px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.hera-succession-cta p {
	width: 100%;
	max-width: 650px;
	margin: 24px auto 31px !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
}

/* =========================================================
   CTA BUTTON
========================================================= */
.hera-succession-cta .hera-button-primary,
.hera-succession-cta .hera-button-primary:link,
.hera-succession-cta .hera-button-primary:visited {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 12px 24px !important;
	background-color: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	border-radius: 999px !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	box-shadow: none !important;
	white-space: nowrap !important;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease !important;
}

.hera-succession-cta .hera-button-primary:hover,
.hera-succession-cta .hera-button-primary:focus {
	background-color: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-succession-hero-inner,
								  .hera-succession-section-inner,
								  .hera-succession-cta-inner {
		width: calc(100% - 40px);
	}
	
	.hera-succession-hero-inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 0.82fr);
		gap: 42px;
		padding: 72px 0 80px;
	}
	
	.hera-succession-hero-content h1 {
		font-size: clamp(42px, 5.4vw, 52px) !important;
	}
	
	.hera-succession-focus-item {
		grid-template-columns: 30px minmax(0, 1fr) !important;
		gap: 13px !important;
	}
	
	.hera-succession-products {
		padding: 90px 0 100px;
	}
	
	.hera-succession-situations {
		padding: 90px 0;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-succession-hero-inner,
								  .hera-succession-section-inner,
								  .hera-succession-cta-inner {
		width: calc(100% - 36px);
	}
	
	.hera-succession-hero-inner {
		grid-template-columns: 1fr;
		gap: 48px;
		padding: 66px 0 74px;
	}
	
	.hera-succession-hero-content {
		max-width: 670px;
	}
	
	.hera-succession-hero-content h1 {
		max-width: 670px;
		font-size: 52px !important;
	}
	
	.hera-succession-lead {
		max-width: 600px;
	}
	
	.hera-succession-focus {
		max-width: 670px !important;
	}
	
	.hera-succession-focus::before {
		width: 280px;
		right: -100px;
	}
	
	.hera-succession-intro {
		padding: 85px 0;
	}
	
	.hera-succession-comparison {
		gap: 16px;
	}
	
	.hera-succession-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-succession-situation-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-succession-cta {
		padding: 95px 0;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-succession-hero-inner,
								  .hera-succession-section-inner,
								  .hera-succession-cta-inner {
		width: calc(100% - 28px);
	}
	
	/* TYPO */
	.hera-section-eyebrow,
								  .hera-succession-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-succession-intro h2,
								  .hera-succession-products h2,
								  .hera-succession-situations h2,
								  .hera-succession-cta h2 {
		font-size: 37px !important;
		line-height: 1.08 !important;
	}
	
	/* HERO */
	.hera-succession-hero-inner {
		gap: 38px;
		padding: 50px 0 60px;
	}
	
	.hera-succession-hero-content h1 {
		margin-bottom: 21px !important;
		font-size: 40px !important;
		line-height: 1.04 !important;
	}
	
	.hera-succession-lead {
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-succession-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin-top: 27px !important;
	}
	
	.hera-succession-actions .hera-button-primary,
								  .hera-succession-actions .hera-button-secondary {
		width: 100% !important;
	}
	
	.hera-succession-focus {
		max-width: 100% !important;
	}
	
	.hera-succession-focus-item {
		grid-template-columns: 29px minmax(0, 1fr) !important;
		gap: 11px !important;
		padding: 23px 0 !important;
	}
	
	.hera-succession-focus-item h3 {
		font-size: 20px !important;
	}
	
	.hera-succession-focus::before {
		width: 210px;
		right: -105px;
	}
	
	/* INTRO */
	.hera-succession-intro {
		padding: 70px 0;
	}
	
	.hera-succession-intro .hera-section-intro {
		margin-top: 19px;
		font-size: 15px;
		line-height: 1.72;
	}
	
	.hera-succession-comparison {
		grid-template-columns: 1fr;
		gap: 13px;
		margin-top: 36px;
	}
	
	.hera-succession-comparison-card {
		min-height: 0;
		padding: 26px 23px;
	}
	
	/* PRODUCTS */
	.hera-succession-products {
		padding: 70px 0 76px;
	}
	
	.hera-succession-product-grid {
		grid-template-columns: 1fr;
		gap: 13px;
		margin-top: 38px;
	}
	
	.hera-succession-product-card {
		min-height: 0;
		padding: 27px 23px;
	}
	
	.hera-succession-product-number {
		margin-bottom: 24px;
	}
	
	.hera-succession-product-card h3 {
		font-size: 23px !important;
	}
	
	.hera-succession-product-card > a {
		margin-top: 18px;
	}
	
	/* SITUATIONS */
	.hera-succession-situations {
		padding: 70px 0;
	}
	
	.hera-succession-situation-grid {
		grid-template-columns: 1fr;
		margin-top: 38px;
		border-left: none;
	}
	
	.hera-succession-situation {
		min-height: 0;
		padding: 25px 22px;
		border-left: 1px solid var(--hera-line);
	}
	
	.hera-succession-situation > span {
		margin-bottom: 22px;
	}
	
	.hera-succession-situation h3 {
		font-size: 22px !important;
	}
	
	/* CTA */
	.hera-succession-cta {
		padding: 75px 0;
	}
	
	.hera-succession-cta p {
		margin: 19px auto 27px !important;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-succession-cta .hera-button-primary {
		width: 100% !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-succession-hero-inner,
								  .hera-succession-section-inner,
								  .hera-succession-cta-inner {
		width: calc(100% - 22px);
	}
	
	.hera-succession-hero-content h1 {
		font-size: 35px !important;
	}
	
	.hera-succession-intro h2,
								  .hera-succession-products h2,
								  .hera-succession-situations h2,
								  .hera-succession-cta h2 {
		font-size: 33px !important;
	}
	
	.hera-succession-product-card,
								  .hera-succession-comparison-card,
								  .hera-succession-situation {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* =========================================================
   HERA ABOUT – COMPLETE CSS
   Desktop / Tablet / Mobile
========================================================= */
:root {
}

/* =========================================================
   BOX SIZING / WORDPRESS SAFETY
========================================================= */
.hera-about-hero *,
.hera-about-story *,
.hera-about-team *,
.hera-about-values *,
.hera-about-cta * {
	box-sizing: border-box;
}

.hera-about-hero,
.hera-about-story,
.hera-about-team,
.hera-about-values,
.hera-about-cta {
	width: 100%;
	max-width: 100%;
	position: relative;
	overflow: hidden;
}

/* =========================================================
   CONTENT WIDTH
========================================================= */
.hera-about-hero-inner,
.hera-about-section-inner,
.hera-about-cta-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}

/* =========================================================
   EYEBROWS
========================================================= */
.hera-section-eyebrow,
.hera-about-eyebrow,
.hera-about-person-role {
	display: block;
	margin: 0 0 18px;
	color: var(--hera-gold);
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   SHARED SECTION HEADLINES
========================================================= */
.hera-about-story h2,
.hera-about-team > .hera-about-section-inner > h2,
.hera-about-values h2,
.hera-about-cta h2 {
	width: 100%;
	max-width: 820px;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 5vw, 58px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.025em;
	color: var(--hera-text) !important;
}

/* =========================================================
   BLOCK 1 – HERO
========================================================= */
.hera-about-hero {
	background: var(--hera-bg);
	border-bottom: 1px solid var(--hera-line);
}

.hera-about-hero-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
	align-items: center;
	gap: clamp(45px, 7vw, 85px);
	padding: 82px 0 92px;
}

/* LEFT */
.hera-about-hero-content {
	width: 100%;
	max-width: 590px;
	min-width: 0;
}

.hera-about-eyebrow {
	margin-bottom: 22px;
}

.hera-about-hero-content h1 {
	width: 100%;
	max-width: 590px;
	margin: 0 0 28px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 5vw, 58px) !important;
	line-height: 1.03 !important;
	font-weight: 600;
	letter-spacing: -.035em;
	color: var(--hera-text) !important;
}

.hera-about-lead {
	width: 100%;
	max-width: 540px;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
}

/* BUTTONS */
.hera-about-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-top: 32px !important;
}

.hera-about-actions .hera-button-primary,
.hera-about-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 45px !important;
	margin: 0 !important;
	padding: 11px 21px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	box-shadow: none !important;
}

/* PRIMARY */
.hera-about-actions .hera-button-primary,
.hera-about-actions .hera-button-primary:link,
.hera-about-actions .hera-button-primary:visited {
	background: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-about-actions .hera-button-primary:hover,
.hera-about-actions .hera-button-primary:focus {
	background: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
}

/* SECONDARY */
.hera-about-actions .hera-button-secondary,
.hera-about-actions .hera-button-secondary:link,
.hera-about-actions .hera-button-secondary:visited {
	background: transparent !important;
	border: 1px solid var(--hera-gold) !important;
	color: var(--hera-text) !important;
}

.hera-about-actions .hera-button-secondary:hover,
.hera-about-actions .hera-button-secondary:focus {
	background: var(--hera-gold) !important;
	color: #ffffff !important;
}

/* =========================================================
   HERO VISUAL
========================================================= */
.hera-about-hero-visual {
	position: relative;
	width: 100%;
	min-height: 500px;
}

.hera-about-hero-visual::before {
	content: "";
	position: absolute;
	width: 330px;
	height: 330px;
	right: -110px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.14);
	border-radius: 50%;
}

/* MAIN IMAGE */
.hera-about-hero-image {
	position: absolute;
	overflow: hidden;
	background: #e9e1d6;
	border: 1px solid var(--hera-line);
	box-shadow: var(--hera-shadow);
}

.hera-about-hero-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.hera-about-hero-image-main {
	width: 70%;
	height: 440px;
	left: 0;
	top: 20px;
	z-index: 1;
}

.hera-about-hero-image-secondary {
	width: 42%;
	height: 270px;
	right: 0;
	bottom: 0;
	z-index: 2;
	border: 8px solid var(--hera-bg);
}

/* =========================================================
   BLOCK 2 – STORY
========================================================= */
.hera-about-story {
	padding: 110px 0;
	background: var(--hera-bg-light);
}

.hera-about-story-grid {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: 70px;
	margin-top: 55px;
}

.hera-about-story-intro {
	max-width: 520px;
}

.hera-about-story-intro p {
	margin: 0 0 20px !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
}

.hera-about-story-intro p:last-child {
	margin-bottom: 0 !important;
}

/* RIGHT POINTS */
.hera-about-story-points {
	border-top: 1px solid var(--hera-line);
}

.hera-about-story-point {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 18px;
	padding: 27px 0;
	border-bottom: 1px solid var(--hera-line);
}

.hera-about-story-point > span {
	padding-top: 3px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
}

.hera-about-story-point h3 {
	margin: 0 0 8px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 22px !important;
	line-height: 1.2 !important;
	color: var(--hera-text) !important;
}

.hera-about-story-point p {
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
}

/* =========================================================
   BLOCK 3 – TEAM
========================================================= */
.hera-about-team {
	padding: 110px 0 120px;
	background: var(--hera-bg);
}

.hera-about-team > .hera-about-section-inner > h2 {
	margin-bottom: 60px !important;
}

/* PERSON */
.hera-about-person {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: 70px;
	align-items: center;
	padding: 55px 0;
	border-top: 1px solid var(--hera-line);
}

.hera-about-person:last-child {
	border-bottom: 1px solid var(--hera-line);
}

.hera-about-person-reverse {
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
}

/* IMAGE */
.hera-about-person-image {
	width: 100%;
	height: 520px;
	position: relative;
	overflow: hidden;
	background: #e9e1d6;
}

.hera-about-person-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

/* soften image edge */
.hera-about-person-image-left::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 28%;
	background: linear-gradient(90deg,
      rgba(243,239,232,0) 0%,
      rgba(243,239,232,0.45) 55%,
      rgba(243,239,232,1) 100%);
}

.hera-about-person-image-right::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 28%;
	background: linear-gradient(90deg,
      rgba(243,239,232,1) 0%,
      rgba(243,239,232,0.45) 45%,
      rgba(243,239,232,0) 100%);
}

/* CONTENT */
.hera-about-person-content {
	width: 100%;
	max-width: 540px;
}

.hera-about-person-role {
	margin-bottom: 14px;
}

.hera-about-person-content h3 {
	margin: 0 0 18px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 44px !important;
	line-height: 1.05 !important;
	font-weight: 600;
	color: var(--hera-text) !important;
}

.hera-about-person-lead {
	margin: 0 0 20px !important;
	color: var(--hera-text) !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px !important;
	line-height: 1.45 !important;
}

.hera-about-person-content > p:not(.hera-about-person-lead) {
	margin: 0 0 17px !important;
	color: var(--hera-muted) !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
}

/* EXPERTISE TAGS */
.hera-about-expertise {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 25px;
}

.hera-about-expertise span {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 7px 12px;
	border: 1px solid var(--hera-line);
	border-radius: 999px;
	background: rgba(255, 253, 249, 0.55);
	color: var(--hera-muted);
	font-size: 11px;
	line-height: 1.2;
}

/* =========================================================
   BLOCK 4 – VALUES
========================================================= */
.hera-about-values {
	padding: 110px 0;
	background: var(--hera-bg-light);
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-about-values-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 55px;
	border-top: 1px solid var(--hera-line);
	border-left: 1px solid var(--hera-line);
}

.hera-about-value {
	min-width: 0;
	min-height: 280px;
	padding: 29px 25px;
	border-right: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-about-value > span {
	display: block;
	margin-bottom: 38px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
}

.hera-about-value h3 {
	margin: 0 0 14px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 23px !important;
	line-height: 1.2 !important;
	color: var(--hera-text) !important;
}

.hera-about-value p {
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
}

/* =========================================================
   BLOCK 5 – CTA
========================================================= */
.hera-about-cta {
	padding: 120px 0;
	background: #ebe4da;
	text-align: center;
}

.hera-about-cta-inner {
	max-width: 820px;
}

.hera-about-cta h2 {
	margin-left: auto !important;
	margin-right: auto !important;
}

.hera-about-cta p {
	width: 100%;
	max-width: 650px;
	margin: 24px auto 31px !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
}

/* CTA BUTTON */
.hera-about-cta .hera-button-primary,
.hera-about-cta .hera-button-primary:link,
.hera-about-cta .hera-button-primary:visited {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 12px 24px !important;
	background: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	border-radius: 999px !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	box-shadow: none !important;
	white-space: nowrap !important;
}

.hera-about-cta .hera-button-primary:hover,
.hera-about-cta .hera-button-primary:focus {
	background: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-about-hero-inner,
								  .hera-about-section-inner,
								  .hera-about-cta-inner {
		width: calc(100% - 40px);
	}
	
	.hera-about-hero-inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 0.82fr);
		gap: 45px;
		padding: 72px 0 80px;
	}
	
	.hera-about-hero-content h1 {
		font-size: 50px !important;
	}
	
	.hera-about-hero-visual {
		min-height: 450px;
	}
	
	.hera-about-hero-image-main {
		height: 400px;
	}
	
	.hera-about-hero-image-secondary {
		height: 240px;
	}
	
	.hera-about-story-grid,
								  .hera-about-person,
								  .hera-about-person-reverse {
		gap: 45px;
	}
	
	.hera-about-person-image {
		height: 470px;
	}
	
	.hera-about-values-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-about-hero-inner,
								  .hera-about-section-inner,
								  .hera-about-cta-inner {
		width: calc(100% - 36px);
	}
	
	/* HERO */
	.hera-about-hero-inner {
		grid-template-columns: 1fr;
		gap: 48px;
		padding: 66px 0 74px;
	}
	
	.hera-about-hero-content {
		max-width: 650px;
	}
	
	.hera-about-hero-content h1 {
		max-width: 650px;
		font-size: 52px !important;
	}
	
	.hera-about-lead {
		max-width: 600px;
	}
	
	.hera-about-hero-visual {
		max-width: 670px;
		min-height: 520px;
	}
	
	/* STORY */
	.hera-about-story {
		padding: 85px 0;
	}
	
	.hera-about-story-grid {
		grid-template-columns: 1fr;
		gap: 42px;
	}
	
	.hera-about-story-intro {
		max-width: 680px;
	}
	
	/* TEAM */
	.hera-about-team {
		padding: 85px 0 95px;
	}
	
	.hera-about-person,
								  .hera-about-person-reverse {
		grid-template-columns: 1fr;
		gap: 35px;
	}
	
	.hera-about-person-reverse .hera-about-person-content {
		order: 2;
	}
	
	.hera-about-person-reverse .hera-about-person-image {
		order: 1;
	}
	
	.hera-about-person-content {
		max-width: 650px;
	}
	
	.hera-about-person-image {
		height: 520px;
	}
	
	.hera-about-person-image-left::after,
								  .hera-about-person-image-right::after {
		display: none;
	}
	
	/* VALUES */
	.hera-about-values {
		padding: 85px 0;
	}
	
	.hera-about-cta {
		padding: 95px 0;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-about-hero-inner,
								  .hera-about-section-inner,
								  .hera-about-cta-inner {
		width: calc(100% - 28px);
	}
	
	.hera-section-eyebrow,
								  .hera-about-eyebrow,
								  .hera-about-person-role {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-about-story h2,
								  .hera-about-team > .hera-about-section-inner > h2,
								  .hera-about-values h2,
								  .hera-about-cta h2 {
		font-size: 37px !important;
		line-height: 1.08 !important;
	}
	
	/* HERO */
	.hera-about-hero-inner {
		gap: 38px;
		padding: 50px 0 60px;
	}
	
	.hera-about-hero-content h1 {
		font-size: 40px !important;
		line-height: 1.04 !important;
	}
	
	.hera-about-lead {
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-about-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin-top: 27px !important;
	}
	
	.hera-about-actions .hera-button-primary,
								  .hera-about-actions .hera-button-secondary {
		width: 100% !important;
	}
	
	.hera-about-hero-visual {
		min-height: 390px;
	}
	
	.hera-about-hero-image-main {
		width: 76%;
		height: 330px;
	}
	
	.hera-about-hero-image-secondary {
		width: 44%;
		height: 200px;
		border-width: 6px;
	}
	
	/* STORY */
	.hera-about-story {
		padding: 70px 0;
	}
	
	.hera-about-story-grid {
		margin-top: 38px;
	}
	
	.hera-about-story-intro p {
		font-size: 15px !important;
		line-height: 1.72 !important;
	}
	
	.hera-about-story-point {
		grid-template-columns: 29px minmax(0, 1fr);
		gap: 12px;
		padding: 23px 0;
	}
	
	.hera-about-story-point h3 {
		font-size: 20px !important;
	}
	
	/* TEAM */
	.hera-about-team {
		padding: 70px 0 78px;
	}
	
	.hera-about-team > .hera-about-section-inner > h2 {
		margin-bottom: 40px !important;
	}
	
	.hera-about-person {
		padding: 38px 0;
	}
	
	.hera-about-person-image {
		height: 400px;
	}
	
	.hera-about-person-content h3 {
		font-size: 36px !important;
	}
	
	.hera-about-person-lead {
		font-size: 19px !important;
	}
	
	.hera-about-person-content > p:not(.hera-about-person-lead) {
		font-size: 14px !important;
		line-height: 1.72 !important;
	}
	
	.hera-about-expertise {
		gap: 7px;
	}
	
	.hera-about-expertise span {
		font-size: 10px;
	}
	
	/* VALUES */
	.hera-about-values {
		padding: 70px 0;
	}
	
	.hera-about-values-grid {
		grid-template-columns: 1fr;
		margin-top: 38px;
	}
	
	.hera-about-value {
		min-height: 0;
		padding: 25px 22px;
	}
	
	.hera-about-value > span {
		margin-bottom: 22px;
	}
	
	.hera-about-value h3 {
		font-size: 22px !important;
	}
	
	/* CTA */
	.hera-about-cta {
		padding: 75px 0;
	}
	
	.hera-about-cta p {
		margin: 19px auto 27px !important;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-about-cta .hera-button-primary {
		width: 100% !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-about-hero-inner,
								  .hera-about-section-inner,
								  .hera-about-cta-inner {
		width: calc(100% - 22px);
	}
	
	.hera-about-hero-content h1 {
		font-size: 35px !important;
	}
	
	.hera-about-story h2,
								  .hera-about-team > .hera-about-section-inner > h2,
								  .hera-about-values h2,
								  .hera-about-cta h2 {
		font-size: 33px !important;
	}
	
	.hera-about-hero-visual {
		min-height: 350px;
	}
	
	.hera-about-hero-image-main {
		height: 300px;
	}
	
	.hera-about-hero-image-secondary {
		height: 175px;
	}
	
	.hera-about-person-image {
		height: 350px;
	}
}

/* =========================================================
   TEAM INTRO
========================================================= */
.hera-about-team-intro {
	width: 100%;
	max-width: 760px;
	margin: -35px 0 55px !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
}

/* =========================================================
   LANGUAGES
========================================================= */
.hera-about-languages {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 60px;
	align-items: start;
	margin-top: 55px;
	padding: 48px 0 10px;
	border-top: 1px solid var(--hera-line);
}

.hera-about-languages-heading h3 {
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 34px !important;
	line-height: 1.15 !important;
	font-weight: 600;
	color: var(--hera-text) !important;
}

.hera-about-languages-content p {
	max-width: 560px;
	margin: 0 0 24px !important;
	color: var(--hera-muted) !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
}

.hera-about-language-list {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.hera-about-language-list span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 14px;
	border: 1px solid var(--hera-gold-soft);
	border-radius: 999px;
	background: rgba(255, 253, 249, 0.55);
	color: var(--hera-text);
	font-size: 12px;
	line-height: 1.2;
}

/* =========================================================
   TABLET
========================================================= */
@media (max-width: 850px) {
	.hera-about-team-intro {
		margin-top: -25px !important;
		margin-bottom: 45px !important;
	}
	
	.hera-about-languages {
		grid-template-columns: 1fr;
		gap: 25px;
		margin-top: 45px;
		padding-top: 38px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-about-team-intro {
		margin: -22px 0 35px !important;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-about-languages {
		gap: 20px;
		margin-top: 38px;
		padding-top: 32px;
	}
	
	.hera-about-languages-heading h3 {
		font-size: 28px !important;
	}
	
	.hera-about-languages-content p {
		font-size: 14px !important;
		line-height: 1.7 !important;
	}
	
	.hera-about-language-list {
		gap: 7px;
	}
	
	.hera-about-language-list span {
		padding: 7px 11px;
		font-size: 11px;
	}
}

/* =========================================================
   HERA HOME HERO – COMPLETE CSS
   Desktop / Tablet / Mobile
========================================================= */
:root {
}

/* =========================================================
   HERO SECTION
========================================================= */
.hera-home-hero {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: var(--hera-bg);
	border-bottom: 1px solid var(--hera-line);
	overflow: hidden;
}

.hera-home-hero * {
	box-sizing: border-box;
}

/* =========================================================
   HERO INNER
========================================================= */
.hera-home-hero-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin: 0 auto;
	min-height: 620px;
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
	align-items: center;
	gap: 60px;
	padding: 72px 0 82px;
}

/* =========================================================
   LEFT CONTENT
========================================================= */
.hera-home-hero-content {
	width: 100%;
	max-width: 520px;
	position: relative;
	z-index: 3;
}

/* Eyebrow */
.hera-home-eyebrow {
	display: block;
	margin: 0 0 20px;
	color: var(--hera-gold);
	font-size: 10px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   MAIN HEADLINE
========================================================= */
.hera-home-hero-content h1 {
	width: 100%;
	margin: 0 0 26px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(50px, 5.4vw, 68px) !important;
	line-height: 1.01 !important;
	font-weight: 600;
	letter-spacing: -.04em;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   LEAD
========================================================= */
.hera-home-lead {
	width: 100%;
	max-width: 500px;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
}

/* =========================================================
   BUTTONS
========================================================= */
.hera-home-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-top: 32px !important;
}

.hera-home-actions .hera-button-primary,
.hera-home-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 45px !important;
	padding: 11px 21px !important;
	margin: 0 !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	box-shadow: none !important;
	transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .25s ease !important;
}

/* PRIMARY BUTTON */
.hera-home-actions .hera-button-primary,
.hera-home-actions .hera-button-primary:link,
.hera-home-actions .hera-button-primary:visited {
	background: #292725 !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-home-actions .hera-button-primary:hover,
.hera-home-actions .hera-button-primary:focus {
	background: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* SECONDARY BUTTON */
.hera-home-actions .hera-button-secondary,
.hera-home-actions .hera-button-secondary:link,
.hera-home-actions .hera-button-secondary:visited {
	background: transparent !important;
	border: 1px solid var(--hera-gold) !important;
	color: var(--hera-text) !important;
}

.hera-home-actions .hera-button-secondary:hover,
.hera-home-actions .hera-button-secondary:focus {
	background: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   RIGHT VISUAL
========================================================= */
.hera-home-hero-visual {
	position: relative;
	width: 100%;
	min-width: 0;
	height: 470px;
	overflow: hidden;
	border-radius: 18px;
	background: #e9e1d6;
}

/* =========================================================
   IMAGE
========================================================= */
.hera-home-hero-visual img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
/*
     Bild leicht nach rechts verschieben,
     damit Motiv nicht zu mittig sitzt.
  */
	object-position: 58% center;
}

/* =========================================================
   SOFT FADE LEFT
========================================================= */
.hera-home-hero-visual::before {
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
/*
     Weicher Übergang vom Beige ins Bild.
     Fade beginnt relativ weit links.
  */
	background: linear-gradient(90deg,
      #f3efe8 0%,
      rgba(243, 239, 232, 0.97) 5%,
      rgba(243, 239, 232, 0.82) 13%,
      rgba(243, 239, 232, 0.48) 22%,
      rgba(243, 239, 232, 0.14) 31%,
      rgba(243, 239, 232, 0) 40%);
}

/* subtle bottom overlay */
.hera-home-hero-visual::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 38%;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg,
      rgba(20, 18, 16, 0) 0%,
      rgba(20, 18, 16, 0.16) 100%);
}

/* =========================================================
   IMAGE OVERLAY TEXT
========================================================= */
.hera-home-hero-overlay {
	position: absolute;
	left: 42px;
	bottom: 36px;
	z-index: 2;
	max-width: 300px;
	color: #ffffff;
}

.hera-home-hero-overlay span {
	display: block;
	margin-bottom: 8px;
	font-size: 9px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.82);
}

.hera-home-hero-overlay strong {
	display: block;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 23px;
	line-height: 1.2;
	font-weight: 600;
	color: #ffffff;
}

/* =========================================================
   DECORATIVE DETAIL
========================================================= */
.hera-home-hero-content::after {
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	margin-top: 32px;
	background: var(--hera-gold);
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-home-hero-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
		gap: 42px;
		min-height: 560px;
		padding: 65px 0 72px;
	}
	
	.hera-home-hero-content h1 {
		font-size: clamp(46px, 5.3vw, 58px) !important;
	}
	
	.hera-home-hero-visual {
		height: 430px;
	}
	
	.hera-home-hero-overlay {
		left: 34px;
		bottom: 30px;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-home-hero-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 46px;
		min-height: 0;
		padding: 64px 0 72px;
	}
	
	.hera-home-hero-content {
		max-width: 650px;
	}
	
	.hera-home-hero-content h1 {
		max-width: 650px;
		font-size: 54px !important;
	}
	
	.hera-home-lead {
		max-width: 580px;
	}
	
	.hera-home-hero-visual {
		width: 100%;
		height: 470px;
	}
	
	/* auf Tablet weniger starker Fade */
	.hera-home-hero-visual::before {
		background: linear-gradient(90deg,
								        rgba(243, 239, 232, 0.72) 0%,
								        rgba(243, 239, 232, 0.28) 16%,
								        rgba(243, 239, 232, 0) 34%);
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-home-hero-inner {
		width: calc(100% - 28px);
		gap: 38px;
		padding: 50px 0 60px;
	}
	
	.hera-home-eyebrow {
		margin-bottom: 16px;
		font-size: 9px;
	}
	
	.hera-home-hero-content h1 {
		margin-bottom: 21px !important;
		font-size: 40px !important;
		line-height: 1.04 !important;
	}
	
	.hera-home-lead {
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	/* BUTTONS */
	.hera-home-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin-top: 27px !important;
	}
	
	.hera-home-actions .hera-button-primary,
								  .hera-home-actions .hera-button-secondary {
		width: 100% !important;
	}
	
	/* IMAGE */
	.hera-home-hero-visual {
		height: 360px;
		border-radius: 14px;
	}
	
	.hera-home-hero-visual img {
		object-position: 62% center;
	}
	
	/* Fade auf Mobile eher unten statt links */
	.hera-home-hero-visual::before {
		background: linear-gradient(180deg,
								        rgba(243, 239, 232, 0) 45%,
								        rgba(243, 239, 232, 0.12) 60%,
								        rgba(243, 239, 232, 0.55) 100%);
	}
	
	.hera-home-hero-overlay {
		left: 22px;
		right: 22px;
		bottom: 22px;
		max-width: none;
	}
	
	.hera-home-hero-overlay strong {
		font-size: 20px;
	}
	
	.hera-home-hero-content::after {
		margin-top: 26px;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-home-hero-inner {
		width: calc(100% - 22px);
	}
	
	.hera-home-hero-content h1 {
		font-size: 35px !important;
	}
	
	.hera-home-hero-visual {
		height: 320px;
	}
	
	.hera-home-hero-overlay {
		left: 18px;
		right: 18px;
		bottom: 18px;
	}
	
	.hera-home-hero-overlay strong {
		font-size: 18px;
	}
}

/* =========================================================
   HERA HOME – BLOCK 2 / UNSERE LÖSUNGEN
========================================================= */
.hera-home-solutions {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: #faf8f4;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

.hera-home-solutions * {
	box-sizing: border-box;
}

/* =========================================================
   INNER
========================================================= */
.hera-home-solutions-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin: 0 auto;
	padding: 110px 0 120px;
}

/* =========================================================
   EYEBROW
========================================================= */
.hera-home-solutions .hera-section-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: #b88945;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-home-solutions h2 {
	width: 100%;
	max-width: 820px;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(40px, 5vw, 58px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.028em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   INTRO TEXT
========================================================= */
.hera-home-solutions-intro {
	width: 100%;
	max-width: 790px;
	margin: 25px 0 0 !important;
	color: #665e56 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
}

/* =========================================================
   GRID
========================================================= */
.hera-home-solutions-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin-top: 58px;
}

/* =========================================================
   CARD
========================================================= */
.hera-home-solution-card {
	position: relative;
	width: 100%;
	min-width: 0;
	min-height: 500px;
	display: flex;
	flex-direction: column;
	padding: 34px;
	background: #fffdf9;
	border: 1px solid #ded6cc;
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.hera-home-solution-card:hover {
	transform: translateY(-4px);
	border-color: #d7b98d;
	box-shadow: 0 16px 40px rgba(45, 38, 32, 0.06);
}

/* =========================================================
   FEATURED CARD – HERA MEDICAL
========================================================= */
.hera-home-solution-featured {
	background: #eee7dd;
	border-color: #d7b98d;
}

/* =========================================================
   NUMBER
========================================================= */
.hera-home-solution-number {
	display: block;
	margin-bottom: 30px;
	color: #b88945;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	line-height: 1;
}

/* =========================================================
   LABEL
========================================================= */
.hera-home-solution-label {
	display: block;
	margin-bottom: 12px;
	color: #b88945;
	font-size: 9px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
}

/* =========================================================
   CARD TITLE
========================================================= */
.hera-home-solution-card h3 {
	width: 100%;
	max-width: 100%;
	margin: 0 0 17px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(25px, 3vw, 32px) !important;
	line-height: 1.12 !important;
	font-weight: 600;
	letter-spacing: -.02em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   DESCRIPTION
========================================================= */
.hera-home-solution-card > p {
	width: 100%;
	max-width: 470px;
	margin: 0 0 25px !important;
	color: #665e56 !important;
	font-size: 14px !important;
	line-height: 1.72 !important;
}

/* =========================================================
   PRODUCT TAGS
========================================================= */
.hera-home-solution-products {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 30px;
}

.hera-home-solution-products span {
	display: inline-flex;
	align-items: center;
	min-height: 31px;
	padding: 7px 11px;
	border: 1px solid #ded6cc;
	border-radius: 999px;
	background: rgba(255, 253, 249, 0.55);
	color: #665e56;
	font-size: 10px;
	line-height: 1.2;
}

/* Featured-Tags etwas wärmer */
.hera-home-solution-featured
.hera-home-solution-products span {
	background: rgba(255, 253, 249, 0.35);
	border-color: #d7b98d;
}

/* =========================================================
   LINK
========================================================= */
.hera-home-solution-link,
.hera-home-solution-link:link,
.hera-home-solution-link:visited {
	display: inline-flex !important;
	align-items: center;
	width: fit-content;
	margin-top: auto;
	color: #292725 !important;
	font-size: 14px !important;
	line-height: 1.2;
	font-weight: 400;
	text-decoration: none !important;
	transition: color .2s ease, transform .2s ease;
}

.hera-home-solution-link:hover {
	color: #b88945 !important;
	transform: translateX(3px);
}

/* =========================================================
   SUBTLE DECORATIVE DETAIL
========================================================= */
.hera-home-solution-card::after {
	content: "";
	position: absolute;
	top: 34px;
	right: 34px;
	width: 24px;
	height: 1px;
	background: #b88945;
	opacity: .55;
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-home-solutions-inner {
		width: calc(100% - 40px);
		padding: 90px 0 100px;
	}
	
	.hera-home-solutions h2 {
		font-size: clamp(38px, 5vw, 52px) !important;
	}
	
	.hera-home-solutions-grid {
		gap: 17px;
		margin-top: 50px;
	}
	
	.hera-home-solution-card {
		min-height: 480px;
		padding: 30px;
	}
	
	.hera-home-solution-card::after {
		top: 30px;
		right: 30px;
	}
	
	.hera-home-solution-card h3 {
		font-size: 27px !important;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-home-solutions-inner {
		width: calc(100% - 36px);
		padding: 85px 0 92px;
	}
	
	.hera-home-solutions-intro {
		max-width: 680px;
	}
	
	.hera-home-solutions-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	
	.hera-home-solution-card {
		min-height: 0;
		padding: 32px;
	}
	
	.hera-home-solution-card > p {
		max-width: 620px;
	}
	
	.hera-home-solution-products {
		max-width: 650px;
	}
	
	.hera-home-solution-link {
		margin-top: 18px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-home-solutions-inner {
		width: calc(100% - 28px);
		padding: 70px 0 76px;
	}
	
	.hera-home-solutions .hera-section-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-home-solutions h2 {
		font-size: 37px !important;
		line-height: 1.08 !important;
	}
	
	.hera-home-solutions-intro {
		margin-top: 19px !important;
		font-size: 15px !important;
		line-height: 1.72 !important;
	}
	
	.hera-home-solutions-grid {
		gap: 13px;
		margin-top: 38px;
	}
	
	.hera-home-solution-card {
		padding: 27px 23px;
	}
	
	.hera-home-solution-card::after {
		top: 27px;
		right: 23px;
		width: 20px;
	}
	
	.hera-home-solution-number {
		margin-bottom: 25px;
	}
	
	.hera-home-solution-label {
		font-size: 8.5px;
	}
	
	.hera-home-solution-card h3 {
		font-size: 25px !important;
		line-height: 1.14 !important;
	}
	
	.hera-home-solution-card > p {
		font-size: 14px !important;
		line-height: 1.68 !important;
		margin-bottom: 22px !important;
	}
	
	.hera-home-solution-products {
		gap: 7px;
		margin-bottom: 24px;
	}
	
	.hera-home-solution-products span {
		min-height: 29px;
		padding: 6px 10px;
		font-size: 9.5px;
	}
	
	.hera-home-solution-link {
		margin-top: 12px;
		font-size: 13px !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-home-solutions-inner {
		width: calc(100% - 22px);
	}
	
	.hera-home-solutions h2 {
		font-size: 33px !important;
	}
	
	.hera-home-solution-card {
		padding: 24px 20px;
	}
	
	.hera-home-solution-card::after {
		top: 24px;
		right: 20px;
	}
	
	.hera-home-solution-card h3 {
		font-size: 23px !important;
	}
}

/* =========================================================
   HERA HOME – BLOCK 3 / HERA DIGITAL
========================================================= */
.hera-home-digital {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: #f3efe8;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

.hera-home-digital * {
	box-sizing: border-box;
}

/* =========================================================
   INNER
========================================================= */
.hera-home-digital-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	align-items: center;
	gap: clamp(50px, 7vw, 85px);
	padding: 105px 0 115px;
}

/* =========================================================
   IMAGE AREA
========================================================= */
.hera-home-digital-visual {
	position: relative;
	width: 100%;
	min-width: 0;
	height: 540px;
	overflow: hidden;
	border-radius: 18px;
	background: #e9e1d6;
}

/* IMAGE */
.hera-home-digital-visual img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: 58% center;
}

/* =========================================================
   SOFT FADE
========================================================= */
.hera-home-digital-visual::before {
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(90deg,
      rgba(243, 239, 232, 0) 54%,
      rgba(243, 239, 232, 0.18) 68%,
      rgba(243, 239, 232, 0.55) 83%,
      rgba(243, 239, 232, 0.92) 96%,
      #f3efe8 100%);
}

/* subtle bottom shading */
.hera-home-digital-visual::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 28%;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg,
      rgba(20, 18, 16, 0) 0%,
      rgba(20, 18, 16, 0.12) 100%);
}

/* =========================================================
   IMAGE LABEL
========================================================= */
.hera-home-digital-image-label {
	position: absolute;
	left: 28px;
	bottom: 26px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 7px 11px;
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.14);
	color: #ffffff;
	font-size: 9px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
}

/* =========================================================
   CONTENT
========================================================= */
.hera-home-digital-content {
	width: 100%;
	max-width: 540px;
	min-width: 0;
}

/* EYEBROW */
.hera-home-digital .hera-section-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: #b88945;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-home-digital-content h2 {
	width: 100%;
	max-width: 540px;
	margin: 0 0 25px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 4.5vw, 54px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.028em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   LEAD
========================================================= */
.hera-home-digital-lead {
	width: 100%;
	max-width: 510px;
	margin: 0 !important;
	color: #665e56 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
}

/* =========================================================
   POINTS
========================================================= */
.hera-home-digital-points {
	width: 100%;
	margin-top: 35px;
	border-top: 1px solid #ded6cc;
}

.hera-home-digital-point {
	width: 100%;
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	gap: 16px;
	padding: 22px 0;
	border-bottom: 1px solid #ded6cc;
}

.hera-home-digital-point > span {
	padding-top: 2px;
	color: #b88945;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	line-height: 1.2;
}

.hera-home-digital-point > div {
	width: 100%;
	min-width: 0;
}

/* POINT TITLE */
.hera-home-digital-point h3 {
	width: 100%;
	margin: 0 0 7px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px !important;
	line-height: 1.2 !important;
	font-weight: 600;
	color: #292725 !important;
}

/* POINT TEXT */
.hera-home-digital-point p {
	width: 100%;
	max-width: 420px;
	margin: 0 !important;
	color: #665e56 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
}

/* =========================================================
   LINK
========================================================= */
.hera-home-digital-link,
.hera-home-digital-link:link,
.hera-home-digital-link:visited {
	display: inline-flex !important;
	align-items: center;
	width: fit-content;
	margin-top: 30px;
	color: #292725 !important;
	font-size: 14px !important;
	line-height: 1.2;
	font-weight: 400;
	text-decoration: none !important;
	transition: color .2s ease, transform .2s ease;
}

.hera-home-digital-link:hover {
	color: #b88945 !important;
	transform: translateX(3px);
}

/* =========================================================
   DECORATIVE DETAIL
========================================================= */
.hera-home-digital-content::after {
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	margin-top: 30px;
	background: #b88945;
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-home-digital-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
		gap: 45px;
		padding: 90px 0 100px;
	}
	
	.hera-home-digital-visual {
		height: 500px;
	}
	
	.hera-home-digital-content h2 {
		font-size: clamp(36px, 4.5vw, 48px) !important;
	}
	
	.hera-home-digital-point h3 {
		font-size: 20px !important;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-home-digital-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 48px;
		padding: 85px 0 92px;
	}
	
	.hera-home-digital-visual {
		width: 100%;
		height: 500px;
	}
	
	.hera-home-digital-visual::before {
		background: linear-gradient(180deg,
								        rgba(243, 239, 232, 0) 55%,
								        rgba(243, 239, 232, 0.18) 70%,
								        rgba(243, 239, 232, 0.62) 88%,
								        rgba(243, 239, 232, 0.9) 100%);
	}
	
	.hera-home-digital-content {
		max-width: 670px;
	}
	
	.hera-home-digital-content h2 {
		max-width: 650px;
		font-size: 48px !important;
	}
	
	.hera-home-digital-lead {
		max-width: 600px;
	}
	
	.hera-home-digital-point p {
		max-width: 560px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-home-digital-inner {
		width: calc(100% - 28px);
		gap: 38px;
		padding: 70px 0 76px;
	}
	
	/* IMAGE */
	.hera-home-digital-visual {
		height: 370px;
		border-radius: 14px;
	}
	
	.hera-home-digital-visual img {
		object-position: 62% center;
	}
	
	.hera-home-digital-image-label {
		left: 20px;
		bottom: 18px;
		font-size: 8px;
	}
	
	/* TYPO */
	.hera-home-digital .hera-section-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-home-digital-content h2 {
		margin-bottom: 20px !important;
		font-size: 36px !important;
		line-height: 1.08 !important;
	}
	
	.hera-home-digital-lead {
		font-size: 15px !important;
		line-height: 1.72 !important;
	}
	
	/* POINTS */
	.hera-home-digital-points {
		margin-top: 30px;
	}
	
	.hera-home-digital-point {
		grid-template-columns: 28px minmax(0, 1fr);
		gap: 11px;
		padding: 20px 0;
	}
	
	.hera-home-digital-point h3 {
		font-size: 19px !important;
	}
	
	.hera-home-digital-point p {
		max-width: 100%;
		font-size: 13px !important;
	}
	
	.hera-home-digital-link {
		margin-top: 26px;
		font-size: 13px !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-home-digital-inner {
		width: calc(100% - 22px);
	}
	
	.hera-home-digital-visual {
		height: 320px;
	}
	
	.hera-home-digital-content h2 {
		font-size: 32px !important;
	}
	
	.hera-home-digital-point h3 {
		font-size: 18px !important;
	}
}

/* =========================================================
   HERA HOME – BLOCK 4 / HERA MEDICAL
   Desktop / Tablet / Mobile
========================================================= */
.hera-home-medical {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: #faf8f4;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

.hera-home-medical * {
	box-sizing: border-box;
}

/* =========================================================
   INNER
========================================================= */
.hera-home-medical-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	align-items: center;
	gap: clamp(50px, 7vw, 85px);
	padding: 105px 0 115px;
}

/* =========================================================
   CONTENT – LEFT
========================================================= */
.hera-home-medical-content {
	width: 100%;
	max-width: 540px;
	min-width: 0;
}

/* EYEBROW */
.hera-home-medical .hera-section-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: #b88945;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-home-medical-content h2 {
	width: 100%;
	max-width: 550px;
	margin: 0 0 25px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 4.5vw, 54px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.028em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   LEAD
========================================================= */
.hera-home-medical-lead {
	width: 100%;
	max-width: 510px;
	margin: 0 !important;
	color: #665e56 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
}

/* =========================================================
   POINTS
========================================================= */
.hera-home-medical-points {
	width: 100%;
	margin-top: 35px;
	border-top: 1px solid #ded6cc;
}

.hera-home-medical-point {
	width: 100%;
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	gap: 16px;
	padding: 22px 0;
	border-bottom: 1px solid #ded6cc;
}

.hera-home-medical-point > span {
	padding-top: 2px;
	color: #b88945;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	line-height: 1.2;
}

.hera-home-medical-point > div {
	width: 100%;
	min-width: 0;
}

/* POINT TITLE */
.hera-home-medical-point h3 {
	width: 100%;
	margin: 0 0 7px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px !important;
	line-height: 1.2 !important;
	font-weight: 600;
	color: #292725 !important;
}

/* POINT TEXT */
.hera-home-medical-point p {
	width: 100%;
	max-width: 420px;
	margin: 0 !important;
	color: #665e56 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
}

/* =========================================================
   LINK
========================================================= */
.hera-home-medical-link,
.hera-home-medical-link:link,
.hera-home-medical-link:visited {
	display: inline-flex !important;
	align-items: center;
	width: fit-content;
	margin-top: 30px;
	color: #292725 !important;
	font-size: 14px !important;
	line-height: 1.2;
	font-weight: 400;
	text-decoration: none !important;
	transition: color .2s ease, transform .2s ease;
}

.hera-home-medical-link:hover,
.hera-home-medical-link:focus {
	color: #b88945 !important;
	transform: translateX(3px);
}

/* =========================================================
   DECORATIVE DETAIL UNDER CONTENT
========================================================= */
.hera-home-medical-content::after {
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	margin-top: 30px;
	background: #b88945;
}

/* =========================================================
   IMAGE AREA – RIGHT
========================================================= */
.hera-home-medical-visual {
	position: relative;
	width: 100%;
	min-width: 0;
	height: 540px;
	overflow: hidden;
	border-radius: 18px;
	background: #e9e1d6;
}

/* IMAGE */
.hera-home-medical-visual img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
/*
     Kann bei Bedarf später noch angepasst werden,
     falls Carlos im Bild zu weit links/rechts sitzt.
  */
	object-position: 52% 18%;
}

/* =========================================================
   SOFT FADE – LEFT SIDE OF IMAGE
   Übergang vom Text zum Bild
========================================================= */
.hera-home-medical-visual::before {
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(90deg,
      #faf8f4 0%,
      rgba(250, 248, 244, 0.92) 4%,
      rgba(250, 248, 244, 0.58) 13%,
      rgba(250, 248, 244, 0.20) 24%,
      rgba(250, 248, 244, 0) 36%);
}

/* subtle bottom shading */
.hera-home-medical-visual::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 28%;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg,
      rgba(20, 18, 16, 0) 0%,
      rgba(20, 18, 16, 0.12) 100%);
}

/* =========================================================
   IMAGE LABEL
========================================================= */
.hera-home-medical-image-label {
	position: absolute;
	right: 28px;
	bottom: 26px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 7px 11px;
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.14);
	color: #ffffff;
	font-size: 9px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-home-medical-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
		gap: 45px;
		padding: 90px 0 100px;
	}
	
	.hera-home-medical-content h2 {
		font-size: clamp(36px, 4.5vw, 48px) !important;
	}
	
	.hera-home-medical-visual {
		height: 500px;
	}
	
	.hera-home-medical-point h3 {
		font-size: 20px !important;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-home-medical-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 48px;
		padding: 85px 0 92px;
	}
	
	/*
								     Auf Tablet Bild zuerst,
								     danach Inhalt.
								  */
	.hera-home-medical-visual {
		grid-row: 1;
		width: 100%;
		height: 500px;
	}
	
	.hera-home-medical-content {
		grid-row: 2;
		max-width: 670px;
	}
	
	.hera-home-medical-content h2 {
		max-width: 650px;
		font-size: 48px !important;
	}
	
	.hera-home-medical-lead {
		max-width: 600px;
	}
	
	.hera-home-medical-point p {
		max-width: 560px;
	}
	
	/* Fade auf Tablet nach unten */
	.hera-home-medical-visual::before {
		background: linear-gradient(180deg,
								        rgba(250, 248, 244, 0) 54%,
								        rgba(250, 248, 244, 0.15) 70%,
								        rgba(250, 248, 244, 0.55) 88%,
								        rgba(250, 248, 244, 0.88) 100%);
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-home-medical-inner {
		width: calc(100% - 28px);
		gap: 38px;
		padding: 70px 0 76px;
	}
	
	/* IMAGE */
	.hera-home-medical-visual {
		height: 370px;
		border-radius: 14px;
	}
	
	.hera-home-medical-visual img {
		object-position: 52% 15%;
	}
	
	.hera-home-medical-image-label {
		right: auto;
		left: 20px;
		bottom: 18px;
		font-size: 8px;
	}
	
	/* TYPOGRAPHY */
	.hera-home-medical .hera-section-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-home-medical-content h2 {
		margin-bottom: 20px !important;
		font-size: 36px !important;
		line-height: 1.08 !important;
	}
	
	.hera-home-medical-lead {
		font-size: 15px !important;
		line-height: 1.72 !important;
	}
	
	/* POINTS */
	.hera-home-medical-points {
		margin-top: 30px;
	}
	
	.hera-home-medical-point {
		grid-template-columns: 28px minmax(0, 1fr);
		gap: 11px;
		padding: 20px 0;
	}
	
	.hera-home-medical-point h3 {
		font-size: 19px !important;
	}
	
	.hera-home-medical-point p {
		max-width: 100%;
		font-size: 13px !important;
		line-height: 1.65 !important;
	}
	
	.hera-home-medical-link {
		margin-top: 26px;
		font-size: 13px !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-home-medical-inner {
		width: calc(100% - 22px);
	}
	
	.hera-home-medical-visual {
		height: 320px;
	}
	
	.hera-home-medical-content h2 {
		font-size: 32px !important;
	}
	
	.hera-home-medical-point h3 {
		font-size: 18px !important;
	}
}

/* =========================================================
   HERA HOME – BLOCK 5 / CTA
   Desktop / Tablet / Mobile
========================================================= */
.hera-home-cta {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: #f3efe8;
	overflow: hidden;
}

.hera-home-cta * {
	box-sizing: border-box;
}

/* =========================================================
   CTA BOX
========================================================= */
.hera-home-cta-box {
	width: calc(100% - 48px);
	max-width: 1180px;
	min-height: 520px;
	margin: 105px auto 115px;
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
	align-items: stretch;
	overflow: hidden;
	border: 1px solid #ded6cc;
	border-radius: 18px;
	background: #ebe4da;
}

/* =========================================================
   CONTENT
========================================================= */
.hera-home-cta-content {
	position: relative;
	z-index: 4;
	width: 100%;
	max-width: 560px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 62px 30px 62px 58px;
}

/* EYEBROW */
.hera-home-cta .hera-section-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: #b88945;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-home-cta-content h2 {
	width: 100%;
	max-width: 560px;
	margin: 0 0 24px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(40px, 4.7vw, 56px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.03em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   TEXT
========================================================= */
.hera-home-cta-content > p {
	width: 100%;
	max-width: 510px;
	margin: 0 !important;
	color: #665e56 !important;
	font-size: 16px !important;
	line-height: 1.78 !important;
}

/* =========================================================
   BUTTONS
========================================================= */
.hera-home-cta-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-top: 32px !important;
}

.hera-home-cta-actions .hera-button-primary,
.hera-home-cta-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 45px !important;
	margin: 0 !important;
	padding: 11px 21px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	box-shadow: none !important;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease !important;
}

/* PRIMARY */
.hera-home-cta-actions .hera-button-primary,
.hera-home-cta-actions .hera-button-primary:link,
.hera-home-cta-actions .hera-button-primary:visited {
	background: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-home-cta-actions .hera-button-primary:hover,
.hera-home-cta-actions .hera-button-primary:focus {
	background: #b88945 !important;
	border-color: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* SECONDARY */
.hera-home-cta-actions .hera-button-secondary,
.hera-home-cta-actions .hera-button-secondary:link,
.hera-home-cta-actions .hera-button-secondary:visited {
	background: transparent !important;
	background-image: none !important;
	border: 1px solid #b88945 !important;
	color: #292725 !important;
}

.hera-home-cta-actions .hera-button-secondary:hover,
.hera-home-cta-actions .hera-button-secondary:focus {
	background: #b88945 !important;
	border-color: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   IMAGE
========================================================= */
.hera-home-cta-image {
	position: relative;
	z-index: 1;
	width: 100%;
	min-width: 0;
	height: 100%;
	min-height: 520px;
	overflow: hidden;
}

.hera-home-cta-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}

/* =========================================================
   SOFT FADE OVERLAY
========================================================= */
.hera-home-cta-overlay {
	position: absolute;
	z-index: 2;
	pointer-events: none;
	background: linear-gradient(90deg,
      #ebe4da 0%,
      rgba(235, 228, 218, 1) 37%,
      rgba(235, 228, 218, 0.94) 43%,
      rgba(235, 228, 218, 0.70) 50%,
      rgba(235, 228, 218, 0.32) 58%,
      rgba(235, 228, 218, 0.08) 67%,
      rgba(235, 228, 218, 0) 76%);
}

/* =========================================================
   GOLD DETAIL
========================================================= */
.hera-home-cta-content::after {
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	margin-top: 32px;
	background: #b88945;
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-home-cta-box {
		width: calc(100% - 40px);
		min-height: 490px;
		margin: 90px auto 100px;
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	}
	
	.hera-home-cta-content {
		padding: 52px 24px 52px 46px;
	}
	
	.hera-home-cta-content h2 {
		font-size: clamp(38px, 4.8vw, 50px) !important;
	}
	
	.hera-home-cta-image {
		min-height: 490px;
	}
	
	.hera-home-cta-overlay {
		background: linear-gradient(90deg,
								        #ebe4da 0%,
								        rgba(235, 228, 218, 1) 36%,
								        rgba(235, 228, 218, 0.88) 45%,
								        rgba(235, 228, 218, 0.52) 55%,
								        rgba(235, 228, 218, 0.12) 68%,
								        rgba(235, 228, 218, 0) 78%);
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-home-cta-box {
		width: calc(100% - 36px);
		min-height: 0;
		margin: 85px auto 92px;
		grid-template-columns: 1fr;
	}
	
	/* Bild oben */
	.hera-home-cta-image {
		grid-row: 1;
		height: 430px;
		min-height: 430px;
	}
	
	/* Text unten */
	.hera-home-cta-content {
		grid-row: 2;
		max-width: none;
		padding: 48px;
	}
	
	.hera-home-cta-content h2 {
		max-width: 650px;
		font-size: 48px !important;
	}
	
	.hera-home-cta-content > p {
		max-width: 610px;
	}
	
	/*
								     Overlay auf Tablet:
								     weicher Übergang vom Bild nach unten
								  */
	.hera-home-cta-overlay {
		background: linear-gradient(180deg,
								        rgba(235, 228, 218, 0) 0%,
								        rgba(235, 228, 218, 0) 38%,
								        rgba(235, 228, 218, 0.20) 48%,
								        rgba(235, 228, 218, 0.70) 60%,
								        rgba(235, 228, 218, 1) 72%,
								        #ebe4da 100%);
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-home-cta-box {
		width: calc(100% - 28px);
		margin: 70px auto 76px;
		border-radius: 14px;
	}
	
	/* IMAGE */
	.hera-home-cta-image {
		height: 340px;
		min-height: 340px;
	}
	
	/* CONTENT */
	.hera-home-cta-content {
		padding: 34px 23px 38px;
	}
	
	.hera-home-cta .hera-section-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-home-cta-content h2 {
		margin-bottom: 20px !important;
		font-size: 36px !important;
		line-height: 1.08 !important;
	}
	
	.hera-home-cta-content > p {
		font-size: 15px !important;
		line-height: 1.72 !important;
	}
	
	/* BUTTONS */
	.hera-home-cta-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin-top: 27px !important;
	}
	
	.hera-home-cta-actions .hera-button-primary,
								  .hera-home-cta-actions .hera-button-secondary {
		width: 100% !important;
	}
	
	.hera-home-cta-content::after {
		margin-top: 27px;
	}
	
	.hera-home-cta-overlay {
		background: linear-gradient(180deg,
								        rgba(235, 228, 218, 0) 0%,
								        rgba(235, 228, 218, 0) 34%,
								        rgba(235, 228, 218, 0.18) 45%,
								        rgba(235, 228, 218, 0.68) 57%,
								        rgba(235, 228, 218, 0.96) 68%,
								        #ebe4da 78%);
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-home-cta-box {
		width: calc(100% - 22px);
	}
	
	.hera-home-cta-image {
		height: 300px;
		min-height: 300px;
	}
	
	.hera-home-cta-content {
		padding: 30px 20px 34px;
	}
	
	.hera-home-cta-content h2 {
		font-size: 32px !important;
	}
}

/* =========================================================
   HERA HOME – ABOUT TEASER
   Desktop / Tablet / Mobile
========================================================= */
.hera-home-about {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: #faf8f4;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

.hera-home-about * {
	box-sizing: border-box;
}

/* =========================================================
   INNER
========================================================= */
.hera-home-about-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	align-items: center;
	gap: clamp(50px, 7vw, 85px);
	padding: 105px 0 115px;
}

/* =========================================================
   CONTENT
========================================================= */
.hera-home-about-content {
	width: 100%;
	max-width: 560px;
	min-width: 0;
}

/* Eyebrow */
.hera-home-about .hera-section-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: #b88945;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-home-about-content h2 {
	width: 100%;
	max-width: 560px;
	margin: 0 0 24px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 4.5vw, 54px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.028em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   LEAD
========================================================= */
.hera-home-about-lead {
	width: 100%;
	max-width: 520px;
	margin: 0 0 18px !important;
	font-family: Georgia, "Times New Roman", serif;
	color: #292725 !important;
	font-size: 20px !important;
	line-height: 1.5 !important;
}

/* =========================================================
   BODY TEXT
========================================================= */
.hera-home-about-content > p:not(.hera-home-about-lead) {
	width: 100%;
	max-width: 520px;
	margin: 0 0 17px !important;
	color: #665e56 !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
}

/* =========================================================
   COMPETENCY TAGS
========================================================= */
.hera-home-about-competencies {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 24px;
}

.hera-home-about-competencies span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 31px;
	padding: 7px 11px;
	border: 1px solid #ded6cc;
	border-radius: 999px;
	background: rgba(255, 253, 249, 0.6);
	color: #665e56;
	font-size: 10px;
	line-height: 1.2;
}

/* =========================================================
   LANGUAGES
========================================================= */
.hera-home-about-languages {
	width: 100%;
	margin-top: 30px;
	padding-top: 22px;
	border-top: 1px solid #ded6cc;
}

.hera-home-about-languages-label {
	display: block;
	margin-bottom: 10px;
	color: #b88945;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.hera-home-about-languages > div {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.hera-home-about-languages > div span {
	display: inline-flex;
	align-items: center;
	padding: 7px 11px;
	border: 1px solid #d7b98d;
	border-radius: 999px;
	background: rgba(255, 253, 249, 0.5);
	color: #292725;
	font-size: 10px;
	line-height: 1.2;
}

/* =========================================================
   LINK
========================================================= */
.hera-home-about-link,
.hera-home-about-link:link,
.hera-home-about-link:visited {
	display: inline-flex !important;
	align-items: center;
	width: fit-content;
	margin-top: 30px;
	color: #292725 !important;
	font-size: 14px !important;
	line-height: 1.2;
	font-weight: 400;
	text-decoration: none !important;
	transition: color .2s ease, transform .2s ease;
}

.hera-home-about-link:hover,
.hera-home-about-link:focus {
	color: #b88945 !important;
	transform: translateX(3px);
}

/* =========================================================
   VISUAL
========================================================= */
.hera-home-about-visual {
	position: relative;
	width: 100%;
	min-height: 560px;
}

/* decorative circle */
.hera-home-about-visual::before {
	content: "";
	position: absolute;
	width: 330px;
	height: 330px;
	right: -90px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.14);
	border-radius: 50%;
	pointer-events: none;
}

/* =========================================================
   IMAGE BASE
========================================================= */
.hera-home-about-image {
	position: absolute;
	overflow: hidden;
	background: #e9e1d6;
	border: 1px solid #ded6cc;
	box-shadow: 0 16px 40px rgba(45, 38, 32, 0.06);
}

.hera-home-about-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

/* =========================================================
   YASMINA IMAGE
========================================================= */
.hera-home-about-image-yasmina {
	width: 68%;
	height: 500px;
	left: 0;
	top: 0;
	z-index: 1;
}

.hera-home-about-image-yasmina img {
	object-position: 60% 8%;
}

/* =========================================================
   CARLOS IMAGE
========================================================= */
.hera-home-about-image-carlos {
	width: 47%;
	height: 330px;
	right: 0;
	bottom: 0;
	z-index: 2;
	border: 8px solid #faf8f4;
}

.hera-home-about-image-carlos img {
	object-position: 52% 15%;
}

/* =========================================================
   IMAGE NAME OVERLAY
========================================================= */
.hera-home-about-name {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 18px;
	z-index: 3;
	padding: 14px 15px;
	background: rgba(35, 31, 28, 0.62);
}

.hera-home-about-name span {
	display: block;
	margin-bottom: 5px;
	color: rgba(255, 255, 255, 0.75);
	font-size: 7px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.hera-home-about-name strong {
	display: block;
	font-family: Georgia, "Times New Roman", serif;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.1;
	font-weight: 600;
}

/* =========================================================
   SUBTLE FADE ON LARGE IMAGE
========================================================= */
.hera-home-about-image-yasmina::after {
	content: "";
	position: absolute;
	pointer-events: none;
	background: linear-gradient(90deg,
      rgba(250, 248, 244, 0) 55%,
      rgba(250, 248, 244, 0.10) 68%,
      rgba(250, 248, 244, 0.38) 82%,
      rgba(250, 248, 244, 0.75) 100%);
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-home-about-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1fr);
		gap: 45px;
		padding: 90px 0 100px;
	}
	
	.hera-home-about-content h2 {
		font-size: clamp(36px, 4.5vw, 48px) !important;
	}
	
	.hera-home-about-visual {
		min-height: 510px;
	}
	
	.hera-home-about-image-yasmina {
		height: 455px;
	}
	
	.hera-home-about-image-carlos {
		height: 295px;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-home-about-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 50px;
		padding: 85px 0 92px;
	}
	
	.hera-home-about-content {
		max-width: 670px;
	}
	
	.hera-home-about-content h2 {
		max-width: 650px;
		font-size: 48px !important;
	}
	
	.hera-home-about-lead,
								  .hera-home-about-content > p:not(.hera-home-about-lead) {
		max-width: 600px;
	}
	
	/* Visual first */
	.hera-home-about-visual {
		grid-row: 1;
		max-width: 670px;
		min-height: 560px;
	}
	
	.hera-home-about-content {
		grid-row: 2;
	}
	
	.hera-home-about-image-yasmina {
		width: 70%;
		height: 500px;
	}
	
	.hera-home-about-image-carlos {
		width: 45%;
		height: 320px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-home-about-inner {
		width: calc(100% - 28px);
		gap: 38px;
		padding: 70px 0 76px;
	}
	
	/* =====================================================
								     TYPO
								  ====================================================== */
	.hera-home-about .hera-section-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-home-about-content h2 {
		margin-bottom: 20px !important;
		font-size: 36px !important;
		line-height: 1.08 !important;
	}
	
	.hera-home-about-lead {
		font-size: 18px !important;
		line-height: 1.5 !important;
	}
	
	.hera-home-about-content > p:not(.hera-home-about-lead) {
		font-size: 14px !important;
		line-height: 1.72 !important;
	}
	
	/* =====================================================
								     VISUAL
								  ====================================================== */
	.hera-home-about-visual {
		min-height: 420px;
	}
	
	.hera-home-about-visual::before {
		width: 220px;
		height: 220px;
		right: -90px;
	}
	
	.hera-home-about-image-yasmina {
		width: 76%;
		height: 360px;
	}
	
	.hera-home-about-image-carlos {
		width: 47%;
		height: 230px;
		border-width: 6px;
	}
	
	.hera-home-about-name {
		left: 12px;
		right: 12px;
		bottom: 11px;
		padding: 10px 11px;
	}
	
	.hera-home-about-name span {
		font-size: 6px;
	}
	
	.hera-home-about-name strong {
		font-size: 17px;
	}
	
	/* =====================================================
								     TAGS
								  ====================================================== */
	.hera-home-about-competencies {
		gap: 7px;
		margin-top: 21px;
	}
	
	.hera-home-about-competencies span,
								  .hera-home-about-languages > div span {
		font-size: 9.5px;
		padding: 6px 10px;
	}
	
	.hera-home-about-languages {
		margin-top: 25px;
		padding-top: 19px;
	}
	
	.hera-home-about-link {
		margin-top: 26px;
		font-size: 13px !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-home-about-inner {
		width: calc(100% - 22px);
	}
	
	.hera-home-about-content h2 {
		font-size: 32px !important;
	}
	
	.hera-home-about-visual {
		min-height: 370px;
	}
	
	.hera-home-about-image-yasmina {
		height: 320px;
	}
	
	.hera-home-about-image-carlos {
		height: 200px;
	}
	
	.hera-home-about-name {
		left: 9px;
		right: 9px;
		bottom: 9px;
	}
}

.hera-home-medical-visual img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
/* Bildausschnitt nach rechts verschieben */
	object-position: 85% center;
}

/* =====================================================
   HERA CONTACT
   TYPOGRAFISCH AN RESTLICHE WEBSITE ANGEPASST
===================================================== */
.hera-contact {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #f2efe9;
	padding: 95px 60px 90px;
	box-sizing: border-box;
	color: #171717;
}

/* INNER WIDTH
--------------------------------------- */
.hera-contact-inner {
	max-width: 1380px;
	margin: 0 auto;
}

/* GRID
--------------------------------------- */
.hera-contact-grid {
	display: grid;
	grid-template-columns: 0.88fr 1.12fr;
	gap: 95px;
	align-items: center;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-contact-content {
	max-width: 540px;
}

/* EYEBROW
--------------------------------------- */
.hera-contact-eyebrow {
	display: block;
	margin-bottom: 24px;
	font-family: inherit;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #aa8052;
}

/* HEADING
--------------------------------------- */
.hera-contact h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(43px, 4vw, 58px);
	line-height: 1.02;
	letter-spacing: -.03em;
	font-weight: 400;
	color: #151515;
}

/* INTRO TEXT
--------------------------------------- */
.hera-contact-lead {
	max-width: 500px;
	margin: 30px 0 0;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.75;
	font-weight: 400;
	color: #665f57;
}

/* =====================================================
   CONTACT DETAILS
===================================================== */
.hera-contact-details {
	margin-top: 44px;
	max-width: 455px;
}

/* ONE ITEM
--------------------------------------- */
.hera-contact-detail {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 13px 0;
	text-decoration: none;
	color: #161616;
}

/* ICON
--------------------------------------- */
.hera-contact-icon {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #d0ab78;
	border-radius: 50%;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #a77943;
}

/* DETAIL TEXT
--------------------------------------- */
.hera-contact-detail > div {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.hera-contact-detail small {
	font-family: inherit;
	font-size: 9px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #93877b;
}

.hera-contact-detail strong {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 400;
	color: #171717;
}

/* HOVER
--------------------------------------- */
a.hera-contact-detail {
	transition: transform .2s ease;
}

a.hera-contact-detail:hover {
	transform: translateX(4px);
}

/* =====================================================
   FORM CARD
===================================================== */
.hera-contact-form-wrap {
	width: 100%;
	max-width: 670px;
	justify-self: end;
	box-sizing: border-box;
	padding: 42px 46px 38px;
	background: rgba(255,255,255,0.94);
	border-radius: 3px;
	box-shadow: 0 18px 50px rgba(32, 28, 24, 0.07);
}

/* =====================================================
   FORM
===================================================== */
.hera-contact-form {
	width: 100%;
}

/* ROW
--------------------------------------- */
.hera-form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
}

/* FIELD
--------------------------------------- */
.hera-form-field {
	margin-bottom: 24px;
}

/* LABEL
--------------------------------------- */
.hera-form-field label {
	display: block;
	margin-bottom: 9px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: #171717;
}

.hera-form-field label span {
	margin-left: 3px;
	font-family: inherit;
	font-size: 12px;
	font-weight: 400;
	color: #938d86;
}

/* INPUTS
--------------------------------------- */
.hera-form-field input,
.hera-form-field textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 9px 0 11px;
	border: 0;
	border-bottom: 1px solid #d6d0c9;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	outline: none;
	font-family: inherit;
	font-size: 13px;
	line-height: 1.5;
	color: #34302c;
	appearance: none;
	-webkit-appearance: none;
	transition: border-color .2s ease;
}

/* PLACEHOLDER
--------------------------------------- */
.hera-form-field input::placeholder,
.hera-form-field textarea::placeholder {
	color: #9e9891;
	opacity: 1;
}

/* TEXTAREA
--------------------------------------- */
.hera-form-field textarea {
	min-height: 82px;
	resize: vertical;
}

/* FOCUS
--------------------------------------- */
.hera-form-field input:focus,
.hera-form-field textarea:focus {
	border-bottom-color: #aa8052;
}

/* =====================================================
   SUBMIT BUTTON
===================================================== */
.hera-contact-submit {
	width: 100%;
	margin-top: 4px;
	padding: 15px 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	box-sizing: border-box;
	border: 0;
	border-radius: 2px;
	background: #111;
	color: #fff;
	font-family: inherit;
	font-size: 12px;
	line-height: 1;
	font-weight: 500;
	cursor: pointer;
	transition: background .2s ease, transform .2s ease;
}

.hera-contact-submit-arrow {
	position: absolute;
	right: 22px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 15px;
	color: #d2a86c;
}

.hera-contact-submit:hover {
	background: #25221f;
	transform: translateY(-1px);
}

/* =====================================================
   PRIVACY TEXT
===================================================== */
.hera-contact-privacy {
	margin: 14px 0 0;
	font-family: inherit;
	font-size: 9px;
	line-height: 1.55;
	color: #978f87;
}

.hera-contact-privacy a {
	color: #786957;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-contact {
		padding: 80px 38px;
	}
	
	.hera-contact-grid {
		grid-template-columns: 0.9fr 1.1fr;
		gap: 55px;
	}
	
	.hera-contact h2 {
		font-size: 48px;
	}
	
	.hera-contact-form-wrap {
		padding: 36px 34px 34px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-contact {
		padding: 68px 22px 70px;
	}
	
	.hera-contact-grid {
		display: block;
	}
	
	.hera-contact-content {
		max-width: none;
	}
	
	.hera-contact-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-contact h2 {
		font-size: 44px;
		line-height: 1.03;
	}
	
	.hera-contact-lead {
		margin-top: 23px;
		font-size: 14px;
		line-height: 1.7;
	}
	
	.hera-contact-details {
		margin-top: 32px;
	}
	
	.hera-contact-detail {
		padding: 10px 0;
	}
	
	.hera-contact-form-wrap {
		max-width: none;
		margin-top: 48px;
		padding: 30px 24px 28px;
	}
	
	.hera-form-row {
		grid-template-columns: 1fr;
		gap: 0;
	}
	
	.hera-form-field {
		margin-bottom: 22px;
	}
	
	.hera-form-field label {
		font-size: 14px;
	}
	
	.hera-contact-submit {
		padding: 15px 17px;
	}
}

/* =====================================================
   VERY SMALL MOBILE
===================================================== */
@media (max-width: 420px) {
	.hera-contact h2 {
		font-size: 40px;
	}
	
	.hera-contact-form-wrap {
		padding: 27px 20px 25px;
	}
}

/* =====================================================
   HERA FOOTER
===================================================== */
.hera-footer {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #111;
	padding: 58px 60px 26px;
	box-sizing: border-box;
	color: #fff;
}

.hera-footer-inner {
	max-width: 1380px;
	margin: 0 auto;
}

/* GRID
--------------------------------------- */
.hera-footer-grid {
	display: grid;
	grid-template-columns: 2.2fr 1fr 1.2fr 1.3fr;
	gap: 70px;
	align-items: start;
}

/* =====================================================
   LOGO
===================================================== */
.hera-footer-brand {
	padding-top: 2px;
}

.hera-footer-brand img {
	display: block;
	width: 220px;
	max-width: 100%;
	height: auto;
}

/* =====================================================
   COLUMNS
===================================================== */
.hera-footer-column {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.hera-footer-column h4 {
	margin: 0 0 19px;
	font-family: inherit;
	font-size: 10px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #fff;
}

.hera-footer-column a,
.hera-footer-column span {
	display: block;
	margin-bottom: 9px;
	font-family: inherit;
	font-size: 12px;
	line-height: 1.5;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.68);
	text-decoration: none;
	transition: color .2s ease;
}

.hera-footer-column a:hover {
	color: #d3ac74;
}

/* =====================================================
   DIVIDER
===================================================== */
.hera-footer-divider {
	height: 1px;
	margin: 45px 0 20px;
	background: rgba(255,255,255,0.12);
}

/* =====================================================
   BOTTOM
===================================================== */
.hera-footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 25px;
	flex-wrap: wrap;
	font-family: inherit;
	font-size: 10px;
	line-height: 1.5;
	color: rgba(255,255,255,0.48);
}

.hera-footer-legal {
	display: flex;
	gap: 28px;
}

.hera-footer-legal a {
	color: rgba(255,255,255,0.48);
	text-decoration: none;
	transition: color .2s ease;
}

.hera-footer-legal a:hover {
	color: #fff;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-footer {
		padding: 52px 38px 25px;
	}
	
	.hera-footer-grid {
		grid-template-columns: 1.7fr 1fr 1fr;
		gap: 45px;
	}
	
	.hera-footer-brand {
		grid-column: 1 / -1;
		margin-bottom: 5px;
	}
	
	.hera-footer-brand img {
		width: 200px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-footer {
		padding: 48px 22px 24px;
	}
	
	.hera-footer-grid {
		grid-template-columns: 1fr 1fr;
		gap: 38px 28px;
	}
	
	.hera-footer-brand {
		grid-column: 1 / -1;
	}
	
	.hera-footer-brand img {
		width: 185px;
	}
	
	.hera-footer-divider {
		margin-top: 40px;
	}
	
	.hera-footer-bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
}

/* =====================================================
   SMALL MOBILE
===================================================== */
@media (max-width: 460px) {
	.hera-footer-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	
	.hera-footer-brand {
		grid-column: auto;
	}
	
	.hera-footer-legal {
		gap: 22px;
	}
}

.hera-contact-grid {
	display: grid !important;
	grid-template-columns: 0.9fr 1.1fr !important;
	gap: 90px !important;
	align-items: center !important;
}

.hera-contact-grid > .wp-block-column {
	min-width: 0;
}

.hera-contact-form-wrap {
	width: 100% !important;
	max-width: 670px;
	justify-self: end;
}

@media (max-width: 767px) {
	.hera-contact-grid {
		grid-template-columns: 1fr !important;
		gap: 48px !important;
	}
	
	.hera-contact-form-wrap {
		max-width: none;
	}
}

/* =====================================================
   HERA CONTACT – FINAL
   WORDPRESS / GUTENBERG VERSION
===================================================== */
/* =====================================================
   OUTER CONTACT SECTION
===================================================== */
.hera-contact {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 90px 60px 85px !important;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171717;
}

/* =====================================================
   TWO COLUMN CONTAINER
===================================================== */
.hera-contact > .hera-contact-grid {
	width: 100% !important;
	max-width: 1260px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: grid !important;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
	gap: 50px !important;
	align-items: center !important;
}

/* RESET WORDPRESS COLUMN BEHAVIOUR */
.hera-contact-grid > .wp-block-column {
	width: auto !important;
	min-width: 0 !important;
	flex: none !important;
	margin: 0 !important;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-contact-content {
	width: 100%;
	max-width: 520px;
	margin: 0;
}

/* EYEBROW */
.hera-contact-eyebrow {
	display: block;
	margin-bottom: 24px;
	font-family: inherit;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #aa8052;
}

/* HEADING */
.hera-contact-content h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(43px, 4vw, 58px);
	line-height: 1.02;
	letter-spacing: -.03em;
	font-weight: 400;
	color: #151515;
}

/* INTRO TEXT */
.hera-contact-lead {
	max-width: 490px;
	margin: 30px 0 0;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.75;
	font-weight: 400;
	color: #665f57;
}

/* =====================================================
   CONTACT DETAILS
===================================================== */
.hera-contact-details {
	max-width: 455px;
	margin-top: 44px;
}

/* CONTACT ITEM */
.hera-contact-detail {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 13px 0;
	text-decoration: none;
	color: #161616;
}

/* ICON */
.hera-contact-icon {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border: 1px solid #d0ab78;
	border-radius: 50%;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1;
	color: #a77943;
}

/* CONTACT TEXT */
.hera-contact-detail > div {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.hera-contact-detail small {
	font-family: inherit;
	font-size: 9px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #93877b;
}

.hera-contact-detail strong {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 400;
	color: #171717;
}

/* HOVER */
a.hera-contact-detail {
	transition: transform .2s ease;
}

a.hera-contact-detail:hover {
	transform: translateX(4px);
}

/* =====================================================
   RIGHT FORM CARD
===================================================== */
.hera-contact-form-wrap {
	width: 100% !important;
	max-width: 620px !important;
	justify-self: start !important;
	margin: 0 !important;
	padding: 42px 46px 38px !important;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.96);
	border-radius: 3px;
	box-shadow: 0 18px 50px rgba(32, 28, 24, 0.07);
}

/* REMOVE WORDPRESS INTERNAL MARGINS */
.hera-contact-form-wrap > :first-child {
	margin-top: 0 !important;
}

.hera-contact-form-wrap > :last-child {
	margin-bottom: 0 !important;
}

/* =====================================================
   WORDPRESS / JETPACK FORM
===================================================== */
.hera-contact-form-wrap form {
	width: 100%;
	margin: 0 !important;
}

/* FIELD SPACING */
.hera-contact-form-wrap .wp-block-jetpack-field,
.hera-contact-form-wrap .grunion-field-wrap {
	margin-bottom: 23px !important;
}

/* LABEL */
.hera-contact-form-wrap label {
	display: block;
	margin-bottom: 9px !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 14px !important;
	line-height: 1.3 !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: #171717 !important;
}

/* REQUIRED / OPTIONAL TEXT */
.hera-contact-form-wrap label span {
	font-family: inherit;
	font-size: 11px;
	font-weight: 400;
	color: #938d86;
}

/* =====================================================
   INPUTS
===================================================== */
.hera-contact-form-wrap input[type="text"],
.hera-contact-form-wrap input[type="email"],
.hera-contact-form-wrap input[type="tel"],
.hera-contact-form-wrap input[type="url"],
.hera-contact-form-wrap textarea {
	display: block;
	width: 100% !important;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 10px 0 11px !important;
	border: 0 !important;
	border-bottom: 1px solid #d6d0c9 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: none !important;
	font-family: inherit !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	color: #34302c !important;
	appearance: none;
	-webkit-appearance: none;
}

/* PLACEHOLDER */
.hera-contact-form-wrap input::placeholder,
.hera-contact-form-wrap textarea::placeholder {
	color: #9e9891 !important;
	opacity: 1;
}

/* FOCUS */
.hera-contact-form-wrap input:focus,
.hera-contact-form-wrap textarea:focus {
	border-bottom-color: #aa8052 !important;
}

/* TEXTAREA */
.hera-contact-form-wrap textarea {
	min-height: 145px;
	resize: vertical;
}

/* =====================================================
   PRIVACY TEXT
===================================================== */
.hera-contact-form-wrap p {
	font-family: inherit;
}

.hera-form-privacy,
.hera-contact-form-wrap .hera-form-privacy {
	margin-top: 16px !important;
	margin-bottom: 0 !important;
	font-family: inherit;
	font-size: 10px !important;
	line-height: 1.6 !important;
	color: #918980 !important;
}

.hera-form-privacy a {
	color: #756756;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* =====================================================
   SUBMIT BUTTON
===================================================== */
.hera-contact-form-wrap button[type="submit"],
.hera-contact-form-wrap input[type="submit"],
.hera-contact-form-wrap .wp-block-button__link {
	width: 100% !important;
	min-height: 48px;
	margin-top: 6px !important;
	padding: 15px 20px !important;
	box-sizing: border-box;
	border: 0 !important;
	border-radius: 2px !important;
	background: #111 !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 12px !important;
	line-height: 1 !important;
	font-weight: 500 !important;
	text-align: center;
	cursor: pointer;
	transition: background .2s ease, transform .2s ease;
}

.hera-contact-form-wrap button[type="submit"]:hover,
.hera-contact-form-wrap input[type="submit"]:hover,
.hera-contact-form-wrap .wp-block-button__link:hover {
	background: #292622 !important;
	transform: translateY(-1px);
}

/* =====================================================
   SUCCESS / THANK-YOU MESSAGE
===================================================== */
.hera-contact-form-wrap .contact-form-submission,
.hera-contact-form-wrap .wp-block-jetpack-contact-form-success,
.hera-contact-form-wrap .contact-form__success,
.hera-contact-form-wrap .grunion-response {
	padding: 25px 26px !important;
	border: 0 !important;
	border-left: 2px solid #b58b55 !important;
	background: #f7f4ef !important;
	color: #171717 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-contact {
		padding: 78px 38px 76px !important;
	}
	
	.hera-contact > .hera-contact-grid {
		max-width: 100% !important;
		grid-template-columns: minmax(0, 0.93fr) minmax(0, 1.07fr) !important;
		gap: 38px !important;
	}
	
	.hera-contact-content {
		max-width: 470px;
	}
	
	.hera-contact-content h2 {
		font-size: 48px;
	}
	
	.hera-contact-lead {
		font-size: 14px;
	}
	
	.hera-contact-form-wrap {
		max-width: 590px !important;
		padding: 36px 34px 32px !important;
	}
	
	.hera-contact-form-wrap textarea {
		min-height: 125px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-contact {
		padding: 66px 22px 68px !important;
	}
	
	.hera-contact > .hera-contact-grid {
		max-width: none !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 44px !important;
	}
	
	.hera-contact-grid > .wp-block-column {
		width: 100% !important;
	}
	
	.hera-contact-content {
		width: 100%;
		max-width: none;
	}
	
	.hera-contact-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-contact-content h2 {
		font-size: 44px;
		line-height: 1.03;
	}
	
	.hera-contact-lead {
		max-width: none;
		margin-top: 23px;
		font-size: 14px;
		line-height: 1.7;
	}
	
	.hera-contact-details {
		max-width: none;
		margin-top: 32px;
	}
	
	.hera-contact-detail {
		padding: 10px 0;
	}
	
	.hera-contact-form-wrap {
		width: 100% !important;
		max-width: none !important;
		justify-self: stretch !important;
		margin: 0 !important;
		padding: 30px 24px 28px !important;
	}
	
	.hera-contact-form-wrap textarea {
		min-height: 115px;
	}
}

/* =====================================================
   SMALL MOBILE
===================================================== */
@media (max-width: 420px) {
	.hera-contact {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
	
	.hera-contact-content h2 {
		font-size: 40px;
	}
	
	.hera-contact-form-wrap {
		padding: 27px 20px 25px !important;
	}
}

/* =========================================================
   HERA HEADER – MOBILE FIX
   iPhone / Smartphones
========================================================= */
@media (max-width: 767px) {
	/* -------------------------------------------------------
				     HEADER
				  ------------------------------------------------------- */
	.hera-header-new {
		width: 100% !important;
		position: relative !important;
		z-index: 9999 !important;
	}
	
	.hera-header-inner-new {
		width: 100% !important;
		min-height: 74px !important;
		padding: 12px 20px !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		position: relative !important;
	}
	
	/* =======================================================
				     LOGO
				  ======================================================= */
	.hera-brand-new {
		display: flex !important;
		align-items: center !important;
		width: auto !important;
		max-width: calc(100% - 70px) !important;
		margin: 0 !important;
		text-decoration: none !important;
	}
	
	.hera-brand-new img {
		display: block !important;
		width: 42px !important;
		height: 42px !important;
		object-fit: contain !important;
		flex: 0 0 42px !important;
		margin: 0 12px 0 0 !important;
	}
	
	.hera-brand-text-new {
		display: flex !important;
		flex-direction: column !important;
		min-width: 0 !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		margin: 0 !important;
		font-family: Georgia, "Times New Roman", serif !important;
		font-size: 19px !important;
		line-height: 1.05 !important;
		font-weight: 600 !important;
		letter-spacing: 0 !important;
		white-space: nowrap !important;
		color: #1c1a18 !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		margin-top: 4px !important;
		font-size: 9px !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
		color: #8c847b !important;
	}
	
	/* =======================================================
				     IMPORTANT:
				     HIDE COMPLETE DESKTOP NAVIGATION
				  ======================================================= */
	.hera-nav-dropdown-new {
		display: none !important;
	}
	
	.hera-mega-menu-new {
		display: none !important;
	}
	
	.hera-mega-inner-new {
		display: none !important;
	}
	
	.hera-mega-column-new {
		display: none !important;
	}
	
	/*
				   Direct children of the header are the desktop
				   standard navigation links.
				  */
	.hera-header-inner-new > a:not(.hera-brand-new):not(.hera-cta-new) {
		display: none !important;
	}
	
	.hera-header-inner-new > .hera-cta-new {
		display: none !important;
	}
	
	/* =======================================================
				     MOBILE MENU
				  ======================================================= */
	.hera-nav-mobile-v2 {
		display: block !important;
		position: static !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	/* REMOVE DEFAULT DETAILS MARKER */
	.hera-nav-mobile-v2 > summary {
		list-style: none !important;
	}
	
	.hera-nav-mobile-v2 > summary::-webkit-details-marker {
		display: none !important;
	}
	
	/* =======================================================
				     BURGER BUTTON
				  ======================================================= */
	.hera-nav-trigger-v2 {
		width: 44px !important;
		height: 44px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 5px !important;
		padding: 0 !important;
		margin: 0 !important;
		cursor: pointer !important;
		border: 0 !important;
		background: transparent !important;
		list-style: none !important;
	}
	
	.hera-nav-trigger-v2 i {
		display: block !important;
		width: 23px !important;
		height: 1.5px !important;
		margin: 0 !important;
		background: #181715 !important;
		border: 0 !important;
		transition: transform .25s ease, opacity .25s ease !important;
	}
	
	/* BURGER → X */
	.hera-nav-mobile-v2[open] > .hera-nav-trigger-v2 i:nth-child(1) {
		transform: translateY(6.5px) rotate(45deg) !important;
	}
	
	.hera-nav-mobile-v2[open] > .hera-nav-trigger-v2 i:nth-child(2) {
		opacity: 0 !important;
	}
	
	.hera-nav-mobile-v2[open] > .hera-nav-trigger-v2 i:nth-child(3) {
		transform: translateY(-6.5px) rotate(-45deg) !important;
	}
	
	/* =======================================================
				     OPEN MOBILE PANEL
				  ======================================================= */
	.hera-mobile-menu-inner-v2 {
		position: absolute !important;
		top: 100% !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-width: none !important;
		box-sizing: border-box !important;
		padding: 24px 22px 30px !important;
		background: #f2efe9 !important;
		border-top: 1px solid rgba(20,20,20,0.08) !important;
		box-shadow: 0 18px 35px rgba(20,20,20,0.08) !important;
		z-index: 99999 !important;
	}
	
	/* =======================================================
				     MAIN MOBILE LINKS
				  ======================================================= */
	.hera-mobile-menu-inner-v2 > a {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
		padding: 16px 0 !important;
		margin: 0 !important;
		border-bottom: 1px solid rgba(20,20,20,0.10) !important;
		text-decoration: none !important;
		font-family: inherit !important;
		font-size: 16px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		color: #1b1917 !important;
	}
	
	/* =======================================================
				     LÖSUNGEN ACCORDION
				  ======================================================= */
	.hera-mobile-solutions-v2 {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid rgba(20,20,20,0.10) !important;
	}
	
	.hera-mobile-solutions-v2 > summary {
		width: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		box-sizing: border-box !important;
		padding: 16px 0 !important;
		cursor: pointer !important;
		list-style: none !important;
		font-family: inherit !important;
		font-size: 16px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		color: #1b1917 !important;
	}
	
	.hera-mobile-solutions-v2 > summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-solutions-v2 > summary span {
		font-size: 20px !important;
		font-weight: 300 !important;
		transition: transform .25s ease !important;
	}
	
	.hera-mobile-solutions-v2[open] > summary span {
		transform: rotate(45deg) !important;
	}
	
	/* =======================================================
				     SOLUTIONS INNER
				  ======================================================= */
	.hera-mobile-solutions-inner-v2 {
		display: block !important;
		width: 100% !important;
		padding: 0 0 8px 14px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}
	
	/* =======================================================
				     CATEGORY ACCORDIONS
				     Digital / Advisory / Succession / Medical
				  ======================================================= */
	.hera-mobile-category-v2 {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border-top: 1px solid rgba(20,20,20,0.07) !important;
	}
	
	.hera-mobile-category-v2 > summary {
		width: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		box-sizing: border-box !important;
		padding: 14px 2px !important;
		cursor: pointer !important;
		list-style: none !important;
		font-family: Georgia, "Times New Roman", serif !important;
		font-size: 15px !important;
		line-height: 1.25 !important;
		font-weight: 400 !important;
		color: #1a1816 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
	
	.hera-mobile-category-v2 > summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-category-v2 > summary span {
		flex-shrink: 0 !important;
		margin-left: 20px !important;
		font-family: Arial, sans-serif !important;
		font-size: 18px !important;
		font-weight: 300 !important;
		transition: transform .25s ease !important;
	}
	
	.hera-mobile-category-v2[open] > summary span {
		transform: rotate(45deg) !important;
	}
	
	/* =======================================================
				     CATEGORY SUBMENU
				  ======================================================= */
	.hera-mobile-category-v2 > div {
		display: block !important;
		width: 100% !important;
		padding: 0 0 13px 12px !important;
		box-sizing: border-box !important;
	}
	
	.hera-mobile-category-v2 > div > a {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
		padding: 8px 0 !important;
		margin: 0 !important;
		text-decoration: none !important;
		font-family: inherit !important;
		font-size: 13px !important;
		line-height: 1.35 !important;
		font-weight: 400 !important;
		color: #605a54 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
	}
	
	/* CATEGORY OVERVIEW */
	.hera-mobile-category-overview {
		color: #9b7448 !important;
		font-weight: 500 !important;
	}
	
	/* =======================================================
				     CTA
				  ======================================================= */
	.hera-mobile-menu-inner-v2 > .hera-nav-cta-v2 {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		box-sizing: border-box !important;
		margin-top: 20px !important;
		padding: 15px 20px !important;
		border: 0 !important;
		background: #111 !important;
		color: #fff !important;
		text-decoration: none !important;
		font-size: 13px !important;
		font-weight: 500 !important;
	}
}

/* =====================================================
   HERA ABOUT HERO – FINAL LANDSCAPE VERSION
===================================================== */
/* =====================================================
   OUTER SECTION
===================================================== */
.hera-about-hero {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	background: #f2efe9;
	box-sizing: border-box;
}

/* =====================================================
   INNER CONTAINER
===================================================== */
.hera-about-hero-inner {
	width: min(92vw, 1500px);
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(460px, 0.9fr) minmax(650px, 1.1fr);
	align-items: stretch;
	min-height: 650px;
	box-sizing: border-box;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-about-hero-content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	padding: 90px 70px 90px 40px;
	box-sizing: border-box;
}

/* EYEBROW */
.hera-about-eyebrow {
	display: block;
	margin-bottom: 24px;
	font-family: inherit;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

/* =====================================================
   HEADING
===================================================== */
.hera-about-hero-content h1 {
	margin: 0;
	width: 100%;
	max-width: 620px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(48px, 4vw, 68px);
	line-height: 1.03;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #151515;
	word-break: normal;
	overflow-wrap: normal;
	hyphens: none;
}

/* =====================================================
   LEAD TEXT
===================================================== */
.hera-about-lead {
	width: 100%;
	max-width: 570px;
	margin: 30px 0 0;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.75;
	font-weight: 400;
	color: #5f5952;
}

/* =====================================================
   BUTTON AREA
===================================================== */
.hera-about-actions {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 38px;
}

.hera-about-actions a {
	text-decoration: none;
}

/* =====================================================
   PRIMARY BUTTON
===================================================== */
.hera-about-actions .hera-button-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 155px;
	padding: 16px 26px;
	box-sizing: border-box;
	border: 1px solid #111;
	border-radius: 999px;
	background: #111;
	color: #fff;
	font-family: inherit;
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	transition: background .2s ease, transform .2s ease;
}

.hera-about-actions .hera-button-primary:hover {
	background: #292622;
	transform: translateY(-1px);
}

/* =====================================================
   SECONDARY BUTTON
===================================================== */
.hera-about-actions .hera-button-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 155px;
	padding: 15px 26px;
	box-sizing: border-box;
	border: 1px solid #b8905b;
	border-radius: 999px;
	background: transparent;
	color: #25211d;
	font-family: inherit;
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	transition: background .2s ease, transform .2s ease;
}

.hera-about-actions .hera-button-secondary:hover {
	background: rgba(181, 139, 85, 0.08);
	transform: translateY(-1px);
}

/* =====================================================
   RIGHT VISUAL AREA
===================================================== */
.hera-about-hero-visual {
	position: relative;
	width: 100%;
	min-width: 0;
	min-height: 650px;
	overflow: hidden;
	box-sizing: border-box;
}

/* =====================================================
   IMAGE WRAPPER
===================================================== */
.hera-about-hero-image-main {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* =====================================================
   LANDSCAPE IMAGE
===================================================== */
.hera-about-hero-image-main img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 52% center;
	transform: none !important;
}

/* =====================================================
   SOFT IMAGE TRANSITION
===================================================== */
.hera-about-hero-visual::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 14%;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(to right,
      #f2efe9 0%,
      rgba(242,239,233,0.75) 28%,
      rgba(242,239,233,0.28) 65%,
      rgba(242,239,233,0) 100%);
}

/* =====================================================
   LARGE DESKTOP
===================================================== */
@media (min-width: 1400px) {
	.hera-about-hero-inner {
		width: min(90vw, 1560px);
		grid-template-columns: minmax(500px, 0.92fr) minmax(700px, 1.08fr);
		min-height: 680px;
	}
	
	.hera-about-hero-content {
		padding: 95px 75px 95px 45px;
	}
	
	.hera-about-hero-visual {
		min-height: 680px;
	}
	
	.hera-about-hero-content h1 {
		max-width: 650px;
		font-size: clamp(54px, 4vw, 72px);
	}
	
	.hera-about-lead {
		max-width: 590px;
	}
	
	.hera-about-hero-image-main img {
		object-position: 52% center;
	}
}

/* =====================================================
   TABLET / IPAD LANDSCAPE
===================================================== */
@media (max-width: 1180px) {
	.hera-about-hero-inner {
		width: calc(100% - 50px);
		grid-template-columns: minmax(390px, 0.95fr) minmax(0, 1.05fr);
		min-height: 580px;
	}
	
	.hera-about-hero-content {
		padding: 70px 45px 70px 20px;
	}
	
	.hera-about-hero-content h1 {
		max-width: 500px;
		font-size: 50px;
	}
	
	.hera-about-lead {
		max-width: 470px;
		font-size: 14px;
	}
	
	.hera-about-hero-visual {
		min-height: 580px;
	}
	
	.hera-about-hero-image-main img {
		object-position: 53% center;
	}
	
	.hera-about-hero-visual::before {
		width: 12%;
	}
}

/* =====================================================
   TABLET / IPAD PORTRAIT
===================================================== */
@media (max-width: 900px) {
	.hera-about-hero-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(330px, 0.95fr) minmax(0, 1.05fr);
		min-height: 540px;
	}
	
	.hera-about-hero-content {
		padding: 60px 32px 60px 10px;
	}
	
	.hera-about-hero-content h1 {
		font-size: 44px;
		line-height: 1.03;
	}
	
	.hera-about-lead {
		margin-top: 24px;
		font-size: 13px;
		line-height: 1.7;
	}
	
	.hera-about-actions {
		gap: 10px;
		margin-top: 30px;
	}
	
	.hera-about-actions .hera-button-primary,
			  .hera-about-actions .hera-button-secondary {
		min-width: 135px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 12px;
	}
	
	.hera-about-hero-visual {
		min-height: 540px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-about-hero-inner {
		width: 100%;
		display: flex;
		flex-direction: column;
		min-height: 0;
	}
	
	/* TEXT */
	.hera-about-hero-content {
		width: 100%;
		padding: 64px 22px 46px;
		box-sizing: border-box;
	}
	
	.hera-about-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-about-hero-content h1 {
		width: 100%;
		max-width: none;
		font-size: 43px;
		line-height: 1.04;
		letter-spacing: -.03em;
	}
	
	.hera-about-lead {
		width: 100%;
		max-width: none;
		margin-top: 24px;
		font-size: 14px;
		line-height: 1.7;
	}
	
	/* BUTTONS */
	.hera-about-actions {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		margin-top: 30px;
	}
	
	.hera-about-actions .hera-button-primary,
			  .hera-about-actions .hera-button-secondary {
		width: 100%;
		min-width: 0;
		min-height: 48px;
	}
	
	/* IMAGE */
	.hera-about-hero-visual {
		position: relative;
		width: 100%;
		min-height: 0;
		aspect-ratio: 16 / 10;
		overflow: hidden;
	}
	
	.hera-about-hero-image-main {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
	.hera-about-hero-image-main img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 53% center;
	}
	
	/* REMOVE FADE ON MOBILE */
	.hera-about-hero-visual::before {
		display: none;
	}
}

/* =====================================================
   SMALL MOBILE
===================================================== */
@media (max-width: 420px) {
	.hera-about-hero-content {
		padding: 58px 18px 42px;
	}
	
	.hera-about-hero-content h1 {
		font-size: 39px;
	}
	
	.hera-about-lead {
		font-size: 13.5px;
	}
	
	.hera-about-hero-visual {
		aspect-ratio: 4 / 3;
	}
	
	.hera-about-hero-image-main img {
		object-position: 53% center;
	}
}

/* =====================================================
   HERA ABOUT HERO – MOBILE IMAGE FIX
===================================================== */
@media (max-width: 767px) {
	/* HERO UNTEREINANDER */
	.hera-about-hero-inner {
		width: 100% !important;
		max-width: none !important;
		display: flex !important;
		flex-direction: column !important;
		margin: 0 !important;
		min-height: 0 !important;
	}
	
	/* TEXTBEREICH */
	.hera-about-hero-content {
		width: 100% !important;
		padding: 64px 22px 46px !important;
		box-sizing: border-box !important;
	}
	
	.hera-about-eyebrow {
		margin-bottom: 18px !important;
		font-size: 10px !important;
	}
	
	.hera-about-hero-content h1 {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		font-size: 43px !important;
		line-height: 1.04 !important;
		letter-spacing: -.03em !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
	
	.hera-about-lead {
		width: 100% !important;
		max-width: none !important;
		margin-top: 24px !important;
		font-size: 14px !important;
		line-height: 1.7 !important;
	}
	
	/* BUTTONS */
	.hera-about-actions {
		width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
		margin-top: 30px !important;
	}
	
	.hera-about-actions .hera-button-primary,
			  .hera-about-actions .hera-button-secondary {
		width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}
	
	/* =====================================================
			     BILDBEREICH
			  ===================================================== */
	.hera-about-hero-visual {
		display: block !important;
		position: relative !important;
		width: 100% !important;
		height: 430px !important;
		min-height: 430px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
	
	/* BILD-WRAPPER NICHT MEHR ABSOLUT */
	.hera-about-hero-image-main {
		display: block !important;
		position: relative !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
	
	/* BILD */
	.hera-about-hero-image-main img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		object-fit: cover !important;
	/*
			       Bildausschnitt:
			       50% = Mitte
			       55–60% = etwas weiter rechts
			    */
		object-position: 55% center !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
	}
	
	/* DESKTOP-FADE AUF MOBILE ENTFERNEN */
	.hera-about-hero-visual::before,
			  .hera-about-hero-visual::after {
		display: none !important;
		content: none !important;
	}
}

/* =====================================================
   SMALL MOBILE
===================================================== */
@media (max-width: 420px) {
	.hera-about-hero-content {
		padding: 58px 18px 40px !important;
	}
	
	.hera-about-hero-content h1 {
		font-size: 39px !important;
	}
	
	.hera-about-hero-visual {
		height: 390px !important;
		min-height: 390px !important;
	}
	
	.hera-about-hero-image-main img {
		object-position: 55% center !important;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 2 IMAGE
===================================================== */
.hera-succession-image-block {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #f2efe9;
	padding: 36px 48px 72px;
	box-sizing: border-box;
}

.hera-succession-image-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

.hera-succession-image-wrap {
	width: 100%;
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06);
}

.hera-succession-image-wrap img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
	transform: none;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-image-block {
		padding: 30px 32px 58px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-image-block {
		padding: 22px 18px 46px;
	}
	
	.hera-succession-image-wrap {
		border-radius: 3px;
	}
	
	.hera-succession-image-wrap img {
		width: 100%;
		height: auto;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 3
===================================================== */
.hera-succession-planning {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #f2efe9;
	padding: 88px 48px 92px;
	box-sizing: border-box;
}

.hera-succession-planning-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 80px;
	align-items: start;
}

/* =====================================================
   LEFT
===================================================== */
.hera-succession-planning-content {
	max-width: 560px;
}

.hera-succession-planning-content h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(44px, 4vw, 62px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-succession-planning-content p {
	max-width: 540px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625c55;
}

/* =====================================================
   RIGHT CARDS
===================================================== */
.hera-succession-planning-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.hera-succession-planning-card {
	min-height: 270px;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.45);
	border: 1px solid rgba(80,70,60,0.10);
	border-radius: 3px;
}

.hera-succession-planning-card-highlight {
	background: #ebe3d7;
	border-color: transparent;
}

.hera-succession-planning-label {
	display: block;
	margin-bottom: 12px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #a67b47;
}

.hera-succession-planning-card h3 {
	margin: 0 0 22px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

.hera-succession-planning-card ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hera-succession-planning-card li {
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 1.45;
	color: #4d4842;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-planning {
		padding: 72px 32px 76px;
	}
	
	.hera-succession-planning-inner {
		gap: 50px;
	}
	
	.hera-succession-planning-content h2 {
		font-size: 48px;
	}
	
	.hera-succession-planning-card {
		padding: 26px 24px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-planning {
		padding: 58px 18px 62px;
	}
	
	.hera-succession-planning-inner {
		display: block;
	}
	
	.hera-succession-planning-content {
		max-width: none;
	}
	
	.hera-succession-planning-content h2 {
		font-size: 42px;
	}
	
	.hera-succession-planning-content p {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-succession-planning-cards {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 40px;
	}
	
	.hera-succession-planning-card {
		min-height: 0;
		padding: 26px 24px;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 4
===================================================== */
.hera-succession-services {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #111;
	padding: 96px 48px 100px;
	box-sizing: border-box;
	color: #fff;
}

.hera-succession-services-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */
.hera-succession-services-header {
	max-width: 760px;
	margin-bottom: 58px;
}

.hera-succession-services .hera-section-eyebrow {
	color: #c59a63;
}

.hera-succession-services-header h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #fff;
}

.hera-succession-services-header p {
	max-width: 650px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: rgba(255,255,255,0.64);
}

/* =====================================================
   GRID
===================================================== */
.hera-succession-services-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

/* =====================================================
   CARD
===================================================== */
.hera-succession-service-card {
	min-height: 330px;
	display: flex;
	flex-direction: column;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	border: 1px solid rgba(255,255,255,0.10);
	background: #181818;
	border-radius: 3px;
	transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.hera-succession-service-card:hover {
	transform: translateY(-4px);
	border-color: rgba(197,154,99,0.35);
	background: #1d1d1d;
}

/* FEATURED CARD */
.hera-succession-service-card-featured {
	background: #e9dfd1;
	border-color: transparent;
	color: #171512;
}

.hera-succession-service-card-featured:hover {
	background: #e4d8c8;
}

/* NUMBER */
.hera-succession-service-number {
	display: block;
	margin-bottom: 32px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .14em;
	color: #c59a63;
}

.hera-succession-service-card-featured
.hera-succession-service-number {
	color: #9d7343;
}

/* TITLE */
.hera-succession-service-card h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #fff;
}

.hera-succession-service-card-featured h3 {
	color: #171512;
}

/* TEXT */
.hera-succession-service-card p {
	margin: 18px 0 28px;
	font-size: 13px;
	line-height: 1.7;
	color: rgba(255,255,255,0.60);
}

.hera-succession-service-card-featured p {
	color: #5d574f;
}

/* LINK */
.hera-succession-service-card a {
	margin-top: auto;
	align-self: flex-start;
	padding-bottom: 4px;
	border-bottom: 1px solid rgba(197,154,99,0.55);
	text-decoration: none;
	font-size: 12px;
	color: #d3ad7b;
	transition: color .2s ease, border-color .2s ease;
}

.hera-succession-service-card a:hover {
	color: #fff;
	border-color: #fff;
}

.hera-succession-service-card-featured a {
	color: #8d683d;
	border-color: rgba(141,104,61,0.45);
}

.hera-succession-service-card-featured a:hover {
	color: #171512;
	border-color: #171512;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-services {
		padding: 78px 32px 82px;
	}
	
	.hera-succession-services-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-succession-service-card {
		min-height: 300px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-services {
		padding: 62px 18px 66px;
	}
	
	.hera-succession-services-header {
		margin-bottom: 38px;
	}
	
	.hera-succession-services-header h2 {
		font-size: 42px;
	}
	
	.hera-succession-services-header p {
		font-size: 14px;
	}
	
	.hera-succession-services-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	
	.hera-succession-service-card {
		min-height: 0;
		padding: 26px 24px;
	}
	
	.hera-succession-service-number {
		margin-bottom: 22px;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 5
   STRUKTUR SCHAFFT SICHERHEIT
===================================================== */
.hera-succession-security {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 100px 48px 105px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-succession-security-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 100px;
	align-items: center;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-succession-security-content {
	max-width: 570px;
}

.hera-succession-security-content h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

/* LEAD */
.hera-succession-security-lead {
	max-width: 550px;
	margin: 28px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #554f48;
}

/* SECOND PARAGRAPH */
.hera-succession-security-content
p:not(.hera-succession-security-lead) {
	max-width: 550px;
	margin: 18px 0 0;
	font-size: 14px;
	line-height: 1.75;
	color: #70685f;
}

/* =====================================================
   LINK
===================================================== */
.hera-succession-security-link {
	display: inline-block;
	margin-top: 32px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(164, 122, 72, 0.55);
	text-decoration: none;
	font-size: 13px;
	color: #936b3e;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-succession-security-link:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(3px);
}

/* =====================================================
   RIGHT STEPS
===================================================== */
.hera-succession-security-steps {
	width: 100%;
	border-top: 1px solid rgba(40, 35, 30, 0.13);
}

/* INDIVIDUAL STEP */
.hera-succession-security-step {
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr);
	gap: 22px;
	padding: 30px 0;
	border-bottom: 1px solid rgba(40, 35, 30, 0.13);
}

/* NUMBER */
.hera-succession-security-number {
	padding-top: 3px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #ae8350;
}

/* LABEL */
.hera-succession-security-label {
	display: block;
	margin-bottom: 8px;
	font-size: 9px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

/* TITLE */
.hera-succession-security-step h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-succession-security-step p {
	max-width: 520px;
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #6c655d;
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-security {
		padding: 78px 32px 82px;
	}
	
	.hera-succession-security-inner {
		grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
		gap: 55px;
	}
	
	.hera-succession-security-content h2 {
		font-size: 50px;
	}
	
	.hera-succession-security-step {
		grid-template-columns: 42px minmax(0, 1fr);
		gap: 16px;
		padding: 26px 0;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-security {
		padding: 62px 18px 68px;
	}
	
	.hera-succession-security-inner {
		display: block;
	}
	
	.hera-succession-security-content {
		max-width: none;
	}
	
	.hera-succession-security-content h2 {
		font-size: 42px;
	}
	
	.hera-succession-security-lead {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-succession-security-content
		  p:not(.hera-succession-security-lead) {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-succession-security-link {
		margin-top: 28px;
	}
	
	/* STEPS BELOW TEXT */
	.hera-succession-security-steps {
		margin-top: 48px;
	}
	
	.hera-succession-security-step {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 12px;
		padding: 25px 0;
	}
	
	.hera-succession-security-step h3 {
		font-size: 23px;
	}
	
	.hera-succession-security-step p {
		font-size: 13px;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 1 HERO
===================================================== */
.hera-succession-hero {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 105px 48px 95px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-succession-hero-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: 105px;
	align-items: center;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-succession-hero-content {
	max-width: 620px;
}

/* EYEBROW */
.hera-succession-hero .hera-section-eyebrow {
	display: block;
	margin-bottom: 24px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

/* HEADING */
.hera-succession-hero-content h1 {
	margin: 0;
	max-width: 650px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(52px, 4.7vw, 76px);
	line-height: .99;
	letter-spacing: -.04em;
	font-weight: 400;
	color: #171512;
}

/* LEAD */
.hera-succession-hero-lead {
	max-width: 580px;
	margin: 30px 0 0;
	font-size: 16px;
	line-height: 1.75;
	font-weight: 400;
	color: #5f5952;
}

/* =====================================================
   BUTTONS
===================================================== */
.hera-succession-hero-actions {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 38px;
}

.hera-succession-hero-actions a {
	text-decoration: none;
}

/* PRIMARY */
.hera-succession-hero-actions .hera-button-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 170px;
	padding: 15px 26px;
	box-sizing: border-box;
	border: 1px solid #111;
	border-radius: 999px;
	background: #111;
	color: #fff;
	font-size: 13px;
	line-height: 1;
	font-weight: 500;
	transition: background .2s ease, transform .2s ease;
}

.hera-succession-hero-actions .hera-button-primary:hover {
	background: #2a2723;
	transform: translateY(-1px);
}

/* SECONDARY */
.hera-succession-hero-actions .hera-button-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 145px;
	padding: 14px 25px;
	box-sizing: border-box;
	border: 1px solid #b8905b;
	border-radius: 999px;
	background: transparent;
	color: #25211d;
	font-size: 13px;
	line-height: 1;
	font-weight: 400;
	transition: background .2s ease, transform .2s ease;
}

.hera-succession-hero-actions .hera-button-secondary:hover {
	background: rgba(181, 139, 85, 0.08);
	transform: translateY(-1px);
}

/* =====================================================
   RIGHT PRINCIPLES
===================================================== */
.hera-succession-hero-principles {
	width: 100%;
	border-top: 1px solid rgba(40, 35, 30, 0.13);
}

/* ONE PRINCIPLE */
.hera-succession-principle {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 22px;
	padding: 29px 0;
	border-bottom: 1px solid rgba(40, 35, 30, 0.13);
}

/* NUMBER */
.hera-succession-principle-number {
	padding-top: 4px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #aa8050;
}

/* TITLE */
.hera-succession-principle h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-succession-principle p {
	max-width: 500px;
	margin: 9px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #696159;
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-hero {
		padding: 82px 32px 76px;
	}
	
	.hera-succession-hero-inner {
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
		gap: 58px;
	}
	
	.hera-succession-hero-content h1 {
		font-size: 56px;
	}
	
	.hera-succession-hero-lead {
		font-size: 15px;
	}
	
	.hera-succession-principle {
		grid-template-columns: 44px minmax(0, 1fr);
		gap: 16px;
		padding: 25px 0;
	}
	
	.hera-succession-principle h3 {
		font-size: 23px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-hero {
		padding: 64px 18px 60px;
	}
	
	.hera-succession-hero-inner {
		display: block;
	}
	
	.hera-succession-hero-content {
		max-width: none;
	}
	
	.hera-succession-hero .hera-section-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-succession-hero-content h1 {
		max-width: none;
		font-size: 46px;
		line-height: 1.01;
	}
	
	.hera-succession-hero-lead {
		max-width: none;
		margin-top: 24px;
		font-size: 14px;
		line-height: 1.7;
	}
	
	/* BUTTONS */
	.hera-succession-hero-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 11px;
		margin-top: 30px;
	}
	
	.hera-succession-hero-actions .hera-button-primary,
		  .hera-succession-hero-actions .hera-button-secondary {
		width: 100%;
		min-width: 0;
		min-height: 48px;
	}
	
	/* PRINCIPLES BELOW */
	.hera-succession-hero-principles {
		margin-top: 48px;
	}
	
	.hera-succession-principle {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 12px;
		padding: 23px 0;
	}
	
	.hera-succession-principle h3 {
		font-size: 22px;
	}
	
	.hera-succession-principle p {
		font-size: 13px;
	}
}

/* =====================================================
   SMALL MOBILE
===================================================== */
@media (max-width: 420px) {
	.hera-succession-hero {
		padding-left: 18px;
		padding-right: 18px;
	}
	
	.hera-succession-hero-content h1 {
		font-size: 41px;
	}
}

/* =====================================================
   HERA SUCCESSION – NACHFOLGE MIT WEITBLICK
   MOCKUP VERSION
===================================================== */
.hera-succession-services {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #ddd3c5;
	padding: 96px 48px 100px;
	box-sizing: border-box;
	color: #171512;
}

.hera-succession-services-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */
.hera-succession-services-header {
	max-width: 760px;
	margin-bottom: 58px;
}

.hera-succession-services .hera-section-eyebrow {
	color: #987044;
}

.hera-succession-services-header h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-succession-services-header p {
	max-width: 650px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625b53;
}

/* =====================================================
   GRID
===================================================== */
.hera-succession-services-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

/* =====================================================
   CARDS
===================================================== */
.hera-succession-service-card {
	min-height: 330px;
	display: flex;
	flex-direction: column;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.38);
	border: 1px solid rgba(70, 60, 50, 0.10);
	border-radius: 3px;
	transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.hera-succession-service-card:hover {
	transform: translateY(-4px);
	background: rgba(255, 255, 255, 0.55);
	box-shadow: 0 14px 35px rgba(55, 45, 35, 0.07);
}

/* =====================================================
   FEATURED CARD
===================================================== */
.hera-succession-service-card-featured {
	background: #f2efe9;
	border-color: rgba(70, 60, 50, 0.08);
}

.hera-succession-service-card-featured:hover {
	background: #f7f4ef;
}

/* =====================================================
   NUMBER
===================================================== */
.hera-succession-service-number {
	display: block;
	margin-bottom: 32px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .14em;
	color: #9e7446;
}

/* =====================================================
   TITLE
===================================================== */
.hera-succession-service-card h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* =====================================================
   TEXT
===================================================== */
.hera-succession-service-card p {
	margin: 18px 0 28px;
	font-size: 13px;
	line-height: 1.7;
	color: #625b53;
}

/* =====================================================
   LINK
===================================================== */
.hera-succession-service-card a {
	margin-top: auto;
	align-self: flex-start;
	padding-bottom: 4px;
	border-bottom: 1px solid rgba(145, 104, 61, 0.45);
	text-decoration: none;
	font-size: 12px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-succession-service-card a:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(2px);
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-services {
		padding: 78px 32px 82px;
	}
	
	.hera-succession-services-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-succession-service-card {
		min-height: 300px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-services {
		padding: 62px 18px 66px;
	}
	
	.hera-succession-services-header {
		margin-bottom: 38px;
	}
	
	.hera-succession-services-header h2 {
		font-size: 42px;
	}
	
	.hera-succession-services-header p {
		font-size: 14px;
	}
	
	.hera-succession-services-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	
	.hera-succession-service-card {
		min-height: 0;
		padding: 26px 24px;
	}
	
	.hera-succession-service-number {
		margin-bottom: 22px;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 2
   WIDER + FLACHER + RUNDERE ECKEN
   GANZ ANS ENDE DES CSS SETZEN
===================================================== */
.hera-succession-image-inner {
	width: min(97vw, 1740px) !important;
	max-width: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.hera-succession-image-wrap {
	width: 100% !important;
	height: 500px !important;
	overflow: hidden !important;
	border-radius: 16px !important;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06) !important;
}

.hera-succession-image-wrap img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center center !important;
	transform: none !important;
}

/* =====================================================
   LARGE DESKTOP
===================================================== */
@media (min-width: 1500px) {
	.hera-succession-image-inner {
		width: min(96vw, 1820px) !important;
	}
	
	.hera-succession-image-wrap {
		height: 520px !important;
	}
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-image-inner {
		width: calc(100% - 32px) !important;
	}
	
	.hera-succession-image-wrap {
		height: 400px !important;
		border-radius: 14px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-image-inner {
		width: calc(100% - 24px) !important;
	}
	
	.hera-succession-image-wrap {
		height: 260px !important;
		border-radius: 12px !important;
	}
	
	.hera-succession-image-wrap img {
		object-position: center center !important;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 2
   ETWAS WENIGER BREIT
===================================================== */
.hera-succession-image-inner {
	width: min(92vw, 1580px) !important;
	max-width: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.hera-succession-image-wrap {
	width: 100% !important;
	height: 500px !important;
	overflow: hidden !important;
	border-radius: 16px !important;
}

.hera-succession-image-wrap img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center !important;
}

/* LARGE DESKTOP */
@media (min-width: 1500px) {
	.hera-succession-image-inner {
		width: min(90vw, 1660px) !important;
	}
}

/* TABLET */
@media (max-width: 1100px) {
	.hera-succession-image-inner {
		width: calc(100% - 42px) !important;
	}
	
	.hera-succession-image-wrap {
		height: 400px !important;
		border-radius: 14px !important;
	}
}

/* MOBILE */
@media (max-width: 767px) {
	.hera-succession-image-inner {
		width: calc(100% - 28px) !important;
	}
	
	.hera-succession-image-wrap {
		height: 260px !important;
		border-radius: 12px !important;
	}
}

/* =====================================================
   HERA SUCCESSION – SPACING FIX
   GANZ ANS ENDE DES CSS SETZEN
===================================================== */
/* HERO UNTEN WENIGER LUFT */
.hera-succession-hero {
	padding-bottom: 45px !important;
}

/* BILDBLOCK OBEN UND UNTEN KOMPAKTER */
.hera-succession-image-block {
	padding-top: 12px !important;
	padding-bottom: 42px !important;
}

/* BLOCK 3 OBEN NÄHER AN DAS BILD */
.hera-succession-planning {
	padding-top: 52px !important;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-hero {
		padding-bottom: 38px !important;
	}
	
	.hera-succession-image-block {
		padding-top: 10px !important;
		padding-bottom: 34px !important;
	}
	
	.hera-succession-planning {
		padding-top: 46px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-hero {
		padding-bottom: 28px !important;
	}
	
	.hera-succession-image-block {
		padding-top: 8px !important;
		padding-bottom: 28px !important;
	}
	
	.hera-succession-planning {
		padding-top: 40px !important;
	}
}

/* =====================================================
   HERA ADVISORY – BLOCK 1 HERO
===================================================== */
.hera-advisory-hero {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 100px 48px 82px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* INNER */
.hera-advisory-hero-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: 105px;
	align-items: center;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-advisory-hero-content {
	max-width: 640px;
}

/* EYEBROW */
.hera-advisory-hero .hera-section-eyebrow {
	display: block;
	margin-bottom: 24px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

/* HEADING */
.hera-advisory-hero-content h1 {
	margin: 0;
	max-width: 680px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(52px, 4.7vw, 74px);
	line-height: .99;
	letter-spacing: -.04em;
	font-weight: 400;
	color: #171512;
}

/* LEAD */
.hera-advisory-hero-lead {
	max-width: 590px;
	margin: 30px 0 0;
	font-size: 16px;
	line-height: 1.75;
	color: #5f5952;
}

/* =====================================================
   BUTTONS
===================================================== */
.hera-advisory-hero-actions {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 38px;
}

.hera-advisory-hero-actions a {
	text-decoration: none;
}

/* PRIMARY */
.hera-advisory-hero-actions .hera-button-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 170px;
	padding: 15px 26px;
	box-sizing: border-box;
	border: 1px solid #111;
	border-radius: 999px;
	background: #111;
	color: #fff;
	font-size: 13px;
	line-height: 1;
	font-weight: 500;
	transition: background .2s ease, transform .2s ease;
}

.hera-advisory-hero-actions .hera-button-primary:hover {
	background: #292622;
	transform: translateY(-1px);
}

/* SECONDARY */
.hera-advisory-hero-actions .hera-button-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 145px;
	padding: 14px 25px;
	box-sizing: border-box;
	border: 1px solid #b8905b;
	border-radius: 999px;
	background: transparent;
	color: #25211d;
	font-size: 13px;
	line-height: 1;
	font-weight: 400;
	transition: background .2s ease, transform .2s ease;
}

.hera-advisory-hero-actions .hera-button-secondary:hover {
	background: rgba(181, 139, 85, 0.08);
	transform: translateY(-1px);
}

/* =====================================================
   RIGHT PRINCIPLES
===================================================== */
.hera-advisory-hero-principles {
	width: 100%;
	border-top: 1px solid rgba(40,35,30,0.13);
}

/* ONE PRINCIPLE */
.hera-advisory-principle {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 22px;
	padding: 29px 0;
	border-bottom: 1px solid rgba(40,35,30,0.13);
}

/* NUMBER */
.hera-advisory-principle-number {
	padding-top: 4px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #aa8050;
}

/* TITLE */
.hera-advisory-principle h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-advisory-principle p {
	max-width: 500px;
	margin: 9px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #696159;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-advisory-hero {
		padding: 82px 32px 72px;
	}
	
	.hera-advisory-hero-inner {
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
		gap: 58px;
	}
	
	.hera-advisory-hero-content h1 {
		font-size: 56px;
	}
	
	.hera-advisory-hero-lead {
		font-size: 15px;
	}
	
	.hera-advisory-principle {
		grid-template-columns: 44px minmax(0, 1fr);
		gap: 16px;
		padding: 25px 0;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-advisory-hero {
		padding: 64px 18px 52px;
	}
	
	.hera-advisory-hero-inner {
		display: block;
	}
	
	.hera-advisory-hero-content {
		max-width: none;
	}
	
	.hera-advisory-hero .hera-section-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-advisory-hero-content h1 {
		max-width: none;
		font-size: 44px;
		line-height: 1.01;
	}
	
	.hera-advisory-hero-lead {
		max-width: none;
		margin-top: 24px;
		font-size: 14px;
		line-height: 1.7;
	}
	
	.hera-advisory-hero-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 11px;
		margin-top: 30px;
	}
	
	.hera-advisory-hero-actions .hera-button-primary,
		  .hera-advisory-hero-actions .hera-button-secondary {
		width: 100%;
		min-width: 0;
		min-height: 48px;
	}
	
	.hera-advisory-hero-principles {
		margin-top: 46px;
	}
	
	.hera-advisory-principle {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 12px;
		padding: 23px 0;
	}
	
	.hera-advisory-principle h3 {
		font-size: 22px;
	}
}

/* =====================================================
   HERA ADVISORY – BLOCK 2 IMAGE
===================================================== */
.hera-advisory-image-block {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 12px 0 42px;
	box-sizing: border-box;
	background: #f2efe9;
}

/* =====================================================
   INNER
===================================================== */
.hera-advisory-image-inner {
	width: min(92vw, 1580px);
	max-width: none;
	margin: 0 auto;
}

/* =====================================================
   IMAGE WRAPPER
===================================================== */
.hera-advisory-image-wrap {
	width: 100%;
	height: 500px;
	overflow: hidden;
	border-radius: 16px;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06);
}

/* =====================================================
   IMAGE
===================================================== */
.hera-advisory-image-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center center;
	transform: none;
}

/* =====================================================
   LARGE DESKTOP
===================================================== */
@media (min-width: 1500px) {
	.hera-advisory-image-inner {
		width: min(90vw, 1660px);
	}
	
	.hera-advisory-image-wrap {
		height: 520px;
	}
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-advisory-image-block {
		padding: 10px 0 34px;
	}
	
	.hera-advisory-image-inner {
		width: calc(100% - 42px);
	}
	
	.hera-advisory-image-wrap {
		height: 400px;
		border-radius: 14px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-advisory-image-block {
		padding: 8px 0 28px;
	}
	
	.hera-advisory-image-inner {
		width: calc(100% - 28px);
	}
	
	.hera-advisory-image-wrap {
		height: 260px;
		border-radius: 12px;
	}
	
	.hera-advisory-image-wrap img {
		object-position: center center;
	}
}

/* =====================================================
   HERA ADVISORY – BLOCK 3
   KLARE GRUNDLAGE
===================================================== */
.hera-advisory-foundation {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #f2efe9;
	padding: 62px 48px 92px;
	box-sizing: border-box;
}

.hera-advisory-foundation-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 80px;
	align-items: start;
}

/* =====================================================
   LEFT
===================================================== */
.hera-advisory-foundation-content {
	max-width: 580px;
}

.hera-advisory-foundation-content h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(44px, 4vw, 62px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-advisory-foundation-content p {
	max-width: 550px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625c55;
}

/* =====================================================
   RIGHT CARDS
===================================================== */
.hera-advisory-foundation-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.hera-advisory-foundation-card {
	min-height: 275px;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.46);
	border: 1px solid rgba(80,70,60,0.10);
	border-radius: 3px;
}

.hera-advisory-foundation-card-highlight {
	background: #ebe3d7;
	border-color: transparent;
}

/* LABEL */
.hera-advisory-foundation-label {
	display: block;
	margin-bottom: 12px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #a67b47;
}

/* TITLE */
.hera-advisory-foundation-card h3 {
	margin: 0 0 22px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* LIST */
.hera-advisory-foundation-card ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hera-advisory-foundation-card li {
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 1.45;
	color: #4d4842;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-advisory-foundation {
		padding: 54px 32px 76px;
	}
	
	.hera-advisory-foundation-inner {
		gap: 50px;
	}
	
	.hera-advisory-foundation-content h2 {
		font-size: 48px;
	}
	
	.hera-advisory-foundation-card {
		padding: 26px 24px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-advisory-foundation {
		padding: 44px 18px 62px;
	}
	
	.hera-advisory-foundation-inner {
		display: block;
	}
	
	.hera-advisory-foundation-content {
		max-width: none;
	}
	
	.hera-advisory-foundation-content h2 {
		font-size: 42px;
	}
	
	.hera-advisory-foundation-content p {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-advisory-foundation-cards {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 40px;
	}
	
	.hera-advisory-foundation-card {
		min-height: 0;
		padding: 26px 24px;
	}
}

/* =====================================================
   HERA ADVISORY – BLOCK 4
   BERATUNG MIT UNTERNEHMERISCHEM BLICK
===================================================== */
.hera-advisory-services {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 92px 48px 98px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-advisory-services-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */
.hera-advisory-services-header {
	max-width: 760px;
	margin-bottom: 52px;
}

.hera-advisory-services .hera-section-eyebrow {
	color: #9d7447;
}

.hera-advisory-services-header h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-advisory-services-header p {
	max-width: 650px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625b53;
}

/* =====================================================
   GRID
===================================================== */
.hera-advisory-services-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

/* =====================================================
   CARD
===================================================== */
.hera-advisory-service-card {
	min-height: 355px;
	display: flex;
	flex-direction: column;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.38);
	border: 1px solid rgba(70,60,50,0.10);
	border-radius: 3px;
	transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.hera-advisory-service-card:hover {
	transform: translateY(-4px);
	background: rgba(255,255,255,0.54);
	box-shadow: 0 14px 35px rgba(55,45,35,0.07);
}

/* =====================================================
   FEATURED CARD
===================================================== */
.hera-advisory-service-card-featured {
	background: #ebe3d7;
	border-color: transparent;
}

.hera-advisory-service-card-featured:hover {
	background: #e6dccd;
}

/* =====================================================
   NUMBER
===================================================== */
.hera-advisory-service-number {
	display: block;
	margin-bottom: 28px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .14em;
	color: #9e7446;
}

/* =====================================================
   TITLE
===================================================== */
.hera-advisory-service-card h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* =====================================================
   TEXT
===================================================== */
.hera-advisory-service-card p {
	margin: 17px 0 20px;
	font-size: 13px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   LIST
===================================================== */
.hera-advisory-service-card ul {
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
}

.hera-advisory-service-card li {
	margin-bottom: 7px;
	font-size: 12px;
	line-height: 1.45;
	color: #4f4943;
}

/* =====================================================
   LINK
===================================================== */
.hera-advisory-service-card a {
	margin-top: auto;
	align-self: flex-start;
	padding-bottom: 4px;
	border-bottom: 1px solid rgba(145,104,61,0.45);
	text-decoration: none;
	font-size: 12px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-advisory-service-card a:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(2px);
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-advisory-services {
		padding: 76px 32px 80px;
	}
	
	.hera-advisory-services-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-advisory-service-card {
		min-height: 330px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-advisory-services {
		padding: 60px 18px 66px;
	}
	
	.hera-advisory-services-header {
		margin-bottom: 38px;
	}
	
	.hera-advisory-services-header h2 {
		font-size: 42px;
	}
	
	.hera-advisory-services-header p {
		font-size: 14px;
	}
	
	.hera-advisory-services-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	
	.hera-advisory-service-card {
		min-height: 0;
		padding: 26px 24px;
	}
	
	.hera-advisory-service-number {
		margin-bottom: 22px;
	}
}

/* =====================================================
   HERA ADVISORY – BLOCK 5
   ZAHLEN SIND DER ANFANG
===================================================== */
.hera-advisory-outcome {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 96px 48px 100px;
	box-sizing: border-box;
	background: #ddd3c5;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-advisory-outcome-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 95px;
	align-items: center;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-advisory-outcome-content {
	max-width: 580px;
}

.hera-advisory-outcome .hera-section-eyebrow {
	color: #936a3e;
}

.hera-advisory-outcome-content h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

/* LEAD */
.hera-advisory-outcome-lead {
	max-width: 550px;
	margin: 28px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #554f48;
}

/* SECOND PARAGRAPH */
.hera-advisory-outcome-content
p:not(.hera-advisory-outcome-lead) {
	max-width: 550px;
	margin: 18px 0 0;
	font-size: 14px;
	line-height: 1.75;
	color: #665f57;
}

/* =====================================================
   LINK
===================================================== */
.hera-advisory-outcome-link {
	display: inline-block;
	margin-top: 32px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(145, 104, 61, 0.50);
	text-decoration: none;
	font-size: 13px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-advisory-outcome-link:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(3px);
}

/* =====================================================
   RIGHT STEPS
===================================================== */
.hera-advisory-outcome-steps {
	width: 100%;
	border-top: 1px solid rgba(40, 35, 30, 0.13);
}

.hera-advisory-outcome-step {
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr);
	gap: 22px;
	padding: 30px 0;
	border-bottom: 1px solid rgba(40, 35, 30, 0.13);
}

/* NUMBER */
.hera-advisory-outcome-number {
	padding-top: 3px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #9e7446;
}

/* LABEL */
.hera-advisory-outcome-label {
	display: block;
	margin-bottom: 8px;
	font-size: 9px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #987044;
}

/* TITLE */
.hera-advisory-outcome-step h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-advisory-outcome-step p {
	max-width: 520px;
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-advisory-outcome {
		padding: 76px 32px 80px;
	}
	
	.hera-advisory-outcome-inner {
		gap: 55px;
	}
	
	.hera-advisory-outcome-content h2 {
		font-size: 50px;
	}
	
	.hera-advisory-outcome-step {
		grid-template-columns: 42px minmax(0, 1fr);
		gap: 16px;
		padding: 26px 0;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-advisory-outcome {
		padding: 60px 18px 66px;
	}
	
	.hera-advisory-outcome-inner {
		display: block;
	}
	
	.hera-advisory-outcome-content {
		max-width: none;
	}
	
	.hera-advisory-outcome-content h2 {
		font-size: 42px;
	}
	
	.hera-advisory-outcome-lead,
		  .hera-advisory-outcome-content
		  p:not(.hera-advisory-outcome-lead) {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-advisory-outcome-steps {
		margin-top: 48px;
	}
	
	.hera-advisory-outcome-step {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 12px;
		padding: 25px 0;
	}
	
	.hera-advisory-outcome-step h3 {
		font-size: 23px;
	}
}

/* =====================================================
   HERA MEDICAL – BLOCK 2 IMAGE
===================================================== */
.hera-medical-image-block {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 12px 0 42px !important;
	box-sizing: border-box !important;
	background: #f2efe9 !important;
}

/* =====================================================
   INNER
===================================================== */
.hera-medical-image-inner {
	width: min(92vw, 1580px) !important;
	max-width: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* =====================================================
   IMAGE WRAPPER
===================================================== */
.hera-medical-image-wrap {
	width: 100% !important;
	height: 500px !important;
	overflow: hidden !important;
	border-radius: 16px !important;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06) !important;
}

/* =====================================================
   IMAGE
===================================================== */
.hera-medical-image-wrap img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	object-fit: cover !important;
/*
     Etwas nach rechts ausgerichtet,
     damit Yasmina schön im Fokus bleibt.
  */
	object-position: 56% center !important;
	transform: none !important;
}

/* =====================================================
   LARGE DESKTOP
===================================================== */
@media (min-width: 1500px) {
	.hera-medical-image-inner {
		width: min(90vw, 1660px) !important;
	}
	
	.hera-medical-image-wrap {
		height: 520px !important;
	}
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-medical-image-block {
		padding: 10px 0 34px !important;
	}
	
	.hera-medical-image-inner {
		width: calc(100% - 42px) !important;
	}
	
	.hera-medical-image-wrap {
		height: 400px !important;
		border-radius: 14px !important;
	}
	
	.hera-medical-image-wrap img {
		object-position: 57% center !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-medical-image-block {
		padding: 8px 0 28px !important;
	}
	
	.hera-medical-image-inner {
		width: calc(100% - 28px) !important;
	}
	
	.hera-medical-image-wrap {
		height: 280px !important;
		border-radius: 12px !important;
	}
	
	.hera-medical-image-wrap img {
		object-position: 60% center !important;
	}
}

/* =====================================================
   HERA MEDICAL – BLOCK 3
   EINE PRAXIS IST KEIN GEWÖHNLICHES UNTERNEHMEN
===================================================== */
.hera-medical-foundation {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 58px 48px 92px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-medical-foundation-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 80px;
	align-items: start;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-medical-foundation-content {
	max-width: 590px;
}

.hera-medical-foundation .hera-section-eyebrow {
	display: block;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

.hera-medical-foundation-content h2 {
	margin: 0;
	max-width: 650px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(44px, 4vw, 62px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-medical-foundation-content p {
	max-width: 560px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625c55;
}

/* =====================================================
   RIGHT CARDS
===================================================== */
.hera-medical-foundation-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

/* CARD */
.hera-medical-foundation-card {
	min-height: 275px;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.46);
	border: 1px solid rgba(80,70,60,0.10);
	border-radius: 3px;
}

/* HIGHLIGHT */
.hera-medical-foundation-card-highlight {
	background: #ebe3d7;
	border-color: transparent;
}

/* LABEL */
.hera-medical-foundation-label {
	display: block;
	margin-bottom: 12px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #a67b47;
}

/* TITLE */
.hera-medical-foundation-card h3 {
	margin: 0 0 22px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* LIST */
.hera-medical-foundation-card ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hera-medical-foundation-card li {
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 1.45;
	color: #4d4842;
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-medical-foundation {
		padding: 50px 32px 76px;
	}
	
	.hera-medical-foundation-inner {
		gap: 50px;
	}
	
	.hera-medical-foundation-content h2 {
		font-size: 48px;
	}
	
	.hera-medical-foundation-card {
		padding: 26px 24px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-medical-foundation {
		padding: 42px 18px 62px;
	}
	
	.hera-medical-foundation-inner {
		display: block;
	}
	
	.hera-medical-foundation-content {
		max-width: none;
	}
	
	.hera-medical-foundation .hera-section-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-medical-foundation-content h2 {
		max-width: none;
		font-size: 42px;
	}
	
	.hera-medical-foundation-content p {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-medical-foundation-cards {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 40px;
	}
	
	.hera-medical-foundation-card {
		min-height: 0;
		padding: 26px 24px;
	}
}

/* =====================================================
   HERA MEDICAL – BLOCK 4
   FÜR JEDE PHASE IHRER PRAXIS
===================================================== */
.hera-medical-services {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 92px 48px 98px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-medical-services-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */
.hera-medical-services-header {
	max-width: 760px;
	margin-bottom: 52px;
}

.hera-medical-services .hera-section-eyebrow {
	color: #9d7447;
}

.hera-medical-services-header h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-medical-services-header p {
	max-width: 660px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625b53;
}

/* =====================================================
   GRID
===================================================== */
.hera-medical-services-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

/* =====================================================
   CARD
===================================================== */
.hera-medical-service-card {
	min-height: 355px;
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.38);
	border: 1px solid rgba(70,60,50,0.10);
	border-radius: 3px;
	transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.hera-medical-service-card:hover {
	transform: translateY(-4px);
	background: rgba(255,255,255,0.54);
	box-shadow: 0 14px 35px rgba(55,45,35,0.07);
}

/* =====================================================
   FEATURED CARD
===================================================== */
.hera-medical-service-card-featured {
	background: #ebe3d7;
	border-color: transparent;
}

.hera-medical-service-card-featured:hover {
	background: #e6dccd;
}

/* =====================================================
   NUMBER
===================================================== */
.hera-medical-service-number {
	display: block;
	margin-bottom: 28px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .14em;
	color: #9e7446;
}

/* =====================================================
   TAG
===================================================== */
.hera-medical-service-tag {
	position: absolute;
	top: 30px;
	right: 28px;
	font-size: 8px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #997044;
}

/* =====================================================
   TITLE
===================================================== */
.hera-medical-service-card h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* =====================================================
   TEXT
===================================================== */
.hera-medical-service-card p {
	margin: 17px 0 20px;
	font-size: 13px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   LIST
===================================================== */
.hera-medical-service-card ul {
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
}

.hera-medical-service-card li {
	margin-bottom: 7px;
	font-size: 12px;
	line-height: 1.45;
	color: #4f4943;
}

/* =====================================================
   LINK
===================================================== */
.hera-medical-service-card a {
	margin-top: auto;
	align-self: flex-start;
	padding-bottom: 4px;
	border-bottom: 1px solid rgba(145,104,61,0.45);
	text-decoration: none;
	font-size: 12px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-medical-service-card a:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(2px);
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-medical-services {
		padding: 76px 32px 80px;
	}
	
	.hera-medical-services-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-medical-service-card {
		min-height: 330px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-medical-services {
		padding: 60px 18px 66px;
	}
	
	.hera-medical-services-header {
		margin-bottom: 38px;
	}
	
	.hera-medical-services-header h2 {
		font-size: 42px;
	}
	
	.hera-medical-services-header p {
		font-size: 14px;
	}
	
	.hera-medical-services-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	
	.hera-medical-service-card {
		min-height: 0;
		padding: 26px 24px;
	}
	
	.hera-medical-service-number {
		margin-bottom: 22px;
	}
	
	.hera-medical-service-tag {
		top: 26px;
		right: 24px;
	}
}

/* =====================================================
   HERA MEDICAL – BLOCK 5
   IHRE PRAXIS VERÄNDERT SICH
===================================================== */
.hera-medical-evolution {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 96px 48px 100px;
	box-sizing: border-box;
	background: #ddd3c5;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-medical-evolution-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */
.hera-medical-evolution-header {
	max-width: 780px;
	margin-bottom: 58px;
}

.hera-medical-evolution .hera-section-eyebrow {
	display: block;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #936a3e;
}

.hera-medical-evolution-header h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-medical-evolution-header p {
	max-width: 650px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625b53;
}

/* =====================================================
   GRID
===================================================== */
.hera-medical-evolution-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	border-top: 1px solid rgba(50, 40, 30, 0.14);
	border-bottom: 1px solid rgba(50, 40, 30, 0.14);
}

/* =====================================================
   STEP
===================================================== */
.hera-medical-evolution-step {
	position: relative;
	min-height: 260px;
	padding: 28px 25px 30px;
	box-sizing: border-box;
	border-right: 1px solid rgba(50, 40, 30, 0.12);
}

.hera-medical-evolution-step:last-child {
	border-right: 0;
}

/* NUMBER */
.hera-medical-evolution-number {
	display: block;
	margin-bottom: 28px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .14em;
	color: #9e7446;
}

/* TITLE */
.hera-medical-evolution-step h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 23px;
	line-height: 1.12;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-medical-evolution-step p {
	margin: 18px 0 0;
	font-size: 12.5px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   CTA
===================================================== */
.hera-medical-evolution-cta {
	margin-top: 38px;
}

.hera-medical-evolution-link {
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(145,104,61,0.50);
	text-decoration: none;
	font-size: 13px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-medical-evolution-link:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(3px);
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-medical-evolution {
		padding: 76px 32px 80px;
	}
	
	.hera-medical-evolution-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		border-bottom: 0;
	}
	
	.hera-medical-evolution-step {
		min-height: 230px;
		border-bottom: 1px solid rgba(50, 40, 30, 0.12);
	}
	
	.hera-medical-evolution-step:nth-child(2n) {
		border-right: 0;
	}
	
	.hera-medical-evolution-step:last-child {
		border-right: 1px solid rgba(50, 40, 30, 0.12);
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-medical-evolution {
		padding: 60px 18px 66px;
	}
	
	.hera-medical-evolution-header {
		margin-bottom: 38px;
	}
	
	.hera-medical-evolution-header h2 {
		font-size: 42px;
	}
	
	.hera-medical-evolution-header p {
		font-size: 14px;
	}
	
	.hera-medical-evolution-grid {
		display: block;
		border-bottom: 1px solid rgba(50, 40, 30, 0.14);
	}
	
	.hera-medical-evolution-step {
		min-height: 0;
		padding: 25px 4px;
		border-right: 0 !important;
		border-bottom: 1px solid rgba(50, 40, 30, 0.12);
	}
	
	.hera-medical-evolution-step:last-child {
		border-bottom: 0;
	}
	
	.hera-medical-evolution-number {
		margin-bottom: 16px;
	}
	
	.hera-medical-evolution-step h3 {
		font-size: 23px;
	}
	
	.hera-medical-evolution-cta {
		margin-top: 30px;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 1 HERO
===================================================== */
.hera-digital-hero {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 100px 48px 82px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* INNER */
.hera-digital-hero-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: 105px;
	align-items: center;
}

/* =====================================================
   LEFT
===================================================== */
.hera-digital-hero-content {
	max-width: 650px;
}

.hera-digital-hero .hera-section-eyebrow {
	display: block;
	margin-bottom: 24px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

.hera-digital-hero-content h1 {
	margin: 0;
	max-width: 700px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(52px, 4.7vw, 74px);
	line-height: .99;
	letter-spacing: -.04em;
	font-weight: 400;
	color: #171512;
}

.hera-digital-hero-lead {
	max-width: 590px;
	margin: 30px 0 0;
	font-size: 16px;
	line-height: 1.75;
	color: #5f5952;
}

/* =====================================================
   BUTTONS
===================================================== */
.hera-digital-hero-actions {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 38px;
}

.hera-digital-hero-actions a {
	text-decoration: none;
}

.hera-digital-hero-actions .hera-button-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 170px;
	padding: 15px 26px;
	border: 1px solid #111;
	border-radius: 999px;
	background: #111;
	color: #fff;
	font-size: 13px;
	transition: background .2s ease, transform .2s ease;
}

.hera-digital-hero-actions .hera-button-primary:hover {
	background: #292622;
	transform: translateY(-1px);
}

.hera-digital-hero-actions .hera-button-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 145px;
	padding: 14px 25px;
	border: 1px solid #b8905b;
	border-radius: 999px;
	background: transparent;
	color: #25211d;
	font-size: 13px;
	transition: background .2s ease, transform .2s ease;
}

.hera-digital-hero-actions .hera-button-secondary:hover {
	background: rgba(181,139,85,0.08);
	transform: translateY(-1px);
}

/* =====================================================
   RIGHT PRINCIPLES
===================================================== */
.hera-digital-hero-principles {
	width: 100%;
	border-top: 1px solid rgba(40,35,30,0.13);
}

.hera-digital-principle {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 22px;
	padding: 29px 0;
	border-bottom: 1px solid rgba(40,35,30,0.13);
}

.hera-digital-principle-number {
	padding-top: 4px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #aa8050;
}

.hera-digital-principle h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

.hera-digital-principle p {
	max-width: 500px;
	margin: 9px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #696159;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-hero {
		padding: 82px 32px 72px;
	}
	
	.hera-digital-hero-inner {
		gap: 58px;
	}
	
	.hera-digital-hero-content h1 {
		font-size: 56px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-hero {
		padding: 64px 18px 52px;
	}
	
	.hera-digital-hero-inner {
		display: block;
	}
	
	.hera-digital-hero-content {
		max-width: none;
	}
	
	.hera-digital-hero-content h1 {
		max-width: none;
		font-size: 44px;
		line-height: 1.01;
	}
	
	.hera-digital-hero-lead {
		max-width: none;
		margin-top: 24px;
		font-size: 14px;
		line-height: 1.7;
	}
	
	.hera-digital-hero-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 11px;
		margin-top: 30px;
	}
	
	.hera-digital-hero-actions .hera-button-primary,
		  .hera-digital-hero-actions .hera-button-secondary {
		width: 100%;
		min-width: 0;
		min-height: 48px;
	}
	
	.hera-digital-hero-principles {
		margin-top: 46px;
	}
	
	.hera-digital-principle {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 12px;
		padding: 23px 0;
	}
	
	.hera-digital-principle h3 {
		font-size: 22px;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 2 IMAGE
===================================================== */
.hera-digital-image-block {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 12px 0 42px;
	box-sizing: border-box;
	background: #f2efe9;
}

/* =====================================================
   INNER
===================================================== */
.hera-digital-image-inner {
	width: min(92vw, 1580px);
	max-width: none;
	margin-left: auto;
	margin-right: auto;
}

/* =====================================================
   IMAGE WRAPPER
===================================================== */
.hera-digital-image-wrap {
	width: 100%;
	height: 500px;
	overflow: hidden;
	border-radius: 16px;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06);
}

/* =====================================================
   IMAGE
===================================================== */
.hera-digital-image-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	margin: 0;
	object-fit: cover;
	object-position: center center;
	transform: none;
}

/* =====================================================
   LARGE DESKTOP
===================================================== */
@media (min-width: 1500px) {
	.hera-digital-image-inner {
		width: min(90vw, 1660px);
	}
	
	.hera-digital-image-wrap {
		height: 520px;
	}
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-image-block {
		padding: 10px 0 34px;
	}
	
	.hera-digital-image-inner {
		width: calc(100% - 42px);
	}
	
	.hera-digital-image-wrap {
		height: 400px;
		border-radius: 14px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-image-block {
		padding: 8px 0 28px;
	}
	
	.hera-digital-image-inner {
		width: calc(100% - 28px);
	}
	
	.hera-digital-image-wrap {
		height: 270px;
		border-radius: 12px;
	}
	
	.hera-digital-image-wrap img {
		object-position: center center;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 3
   AI ÜBERNIMMT ROUTINE
===================================================== */
.hera-digital-control {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 58px 48px 92px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-digital-control-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 80px;
	align-items: start;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-digital-control-content {
	max-width: 590px;
}

.hera-digital-control .hera-section-eyebrow {
	display: block;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

.hera-digital-control-content h2 {
	margin: 0;
	max-width: 650px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(44px, 4vw, 62px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-digital-control-content p {
	max-width: 560px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625c55;
}

/* =====================================================
   RIGHT CARDS
===================================================== */
.hera-digital-control-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

/* CARD */
.hera-digital-control-card {
	min-height: 285px;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.46);
	border: 1px solid rgba(80,70,60,0.10);
	border-radius: 3px;
}

/* HIGHLIGHT */
.hera-digital-control-card-highlight {
	background: #ebe3d7;
	border-color: transparent;
}

/* LABEL */
.hera-digital-control-label {
	display: block;
	margin-bottom: 12px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #a67b47;
}

/* TITLE */
.hera-digital-control-card h3 {
	margin: 0 0 22px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* LIST */
.hera-digital-control-card ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hera-digital-control-card li {
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 1.45;
	color: #4d4842;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-control {
		padding: 50px 32px 76px;
	}
	
	.hera-digital-control-inner {
		gap: 50px;
	}
	
	.hera-digital-control-content h2 {
		font-size: 48px;
	}
	
	.hera-digital-control-card {
		padding: 26px 24px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-control {
		padding: 42px 18px 62px;
	}
	
	.hera-digital-control-inner {
		display: block;
	}
	
	.hera-digital-control-content {
		max-width: none;
	}
	
	.hera-digital-control .hera-section-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-digital-control-content h2 {
		max-width: none;
		font-size: 42px;
	}
	
	.hera-digital-control-content p {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-digital-control-cards {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 40px;
	}
	
	.hera-digital-control-card {
		min-height: 0;
		padding: 26px 24px;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 4
   DIGITALE BUCHHALTUNG MIT MENSCHLICHER EXPERTISE
===================================================== */
.hera-digital-services {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 92px 48px 98px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-digital-services-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */
.hera-digital-services-header {
	max-width: 780px;
	margin-bottom: 52px;
}

.hera-digital-services .hera-section-eyebrow {
	color: #9d7447;
}

.hera-digital-services-header h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-digital-services-header p {
	max-width: 660px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625b53;
}

/* =====================================================
   GRID
===================================================== */
.hera-digital-services-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

/* =====================================================
   CARD
===================================================== */
.hera-digital-service-card {
	min-height: 355px;
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.38);
	border: 1px solid rgba(70,60,50,0.10);
	border-radius: 3px;
	transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.hera-digital-service-card:hover {
	transform: translateY(-4px);
	background: rgba(255,255,255,0.54);
	box-shadow: 0 14px 35px rgba(55,45,35,0.07);
}

/* =====================================================
   FEATURED CARD
===================================================== */
.hera-digital-service-card-featured {
	background: #ebe3d7;
	border-color: transparent;
}

.hera-digital-service-card-featured:hover {
	background: #e6dccd;
}

/* =====================================================
   NUMBER
===================================================== */
.hera-digital-service-number {
	display: block;
	margin-bottom: 28px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .14em;
	color: #9e7446;
}

/* =====================================================
   TAG
===================================================== */
.hera-digital-service-tag {
	position: absolute;
	top: 30px;
	right: 28px;
	font-size: 8px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #997044;
}

/* =====================================================
   TITLE
===================================================== */
.hera-digital-service-card h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* =====================================================
   TEXT
===================================================== */
.hera-digital-service-card p {
	margin: 17px 0 20px;
	font-size: 13px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   LIST
===================================================== */
.hera-digital-service-card ul {
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
}

.hera-digital-service-card li {
	margin-bottom: 7px;
	font-size: 12px;
	line-height: 1.45;
	color: #4f4943;
}

/* =====================================================
   LINK
===================================================== */
.hera-digital-service-card a {
	margin-top: auto;
	align-self: flex-start;
	padding-bottom: 4px;
	border-bottom: 1px solid rgba(145,104,61,0.45);
	text-decoration: none;
	font-size: 12px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-digital-service-card a:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(2px);
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-services {
		padding: 76px 32px 80px;
	}
	
	.hera-digital-services-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-digital-service-card {
		min-height: 330px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-services {
		padding: 60px 18px 66px;
	}
	
	.hera-digital-services-header {
		margin-bottom: 38px;
	}
	
	.hera-digital-services-header h2 {
		font-size: 42px;
	}
	
	.hera-digital-services-header p {
		font-size: 14px;
	}
	
	.hera-digital-services-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	
	.hera-digital-service-card {
		min-height: 0;
		padding: 26px 24px;
	}
	
	.hera-digital-service-number {
		margin-bottom: 22px;
	}
	
	.hera-digital-service-tag {
		top: 26px;
		right: 24px;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 5
   WENIGER AUFWAND. MEHR KLARHEIT.
===================================================== */
.hera-digital-benefit {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 96px 48px 100px;
	box-sizing: border-box;
	background: #ddd3c5;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-digital-benefit-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 95px;
	align-items: center;
}

/* =====================================================
   LEFT
===================================================== */
.hera-digital-benefit-content {
	max-width: 580px;
}

.hera-digital-benefit .hera-section-eyebrow {
	display: block;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #936a3e;
}

.hera-digital-benefit-content h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

/* LEAD */
.hera-digital-benefit-lead {
	max-width: 550px;
	margin: 28px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #554f48;
}

/* SECOND PARAGRAPH */
.hera-digital-benefit-content
p:not(.hera-digital-benefit-lead) {
	max-width: 550px;
	margin: 18px 0 0;
	font-size: 14px;
	line-height: 1.75;
	color: #665f57;
}

/* =====================================================
   LINK
===================================================== */
.hera-digital-benefit-link {
	display: inline-block;
	margin-top: 32px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(145,104,61,0.50);
	text-decoration: none;
	font-size: 13px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-digital-benefit-link:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(3px);
}

/* =====================================================
   RIGHT STEPS
===================================================== */
.hera-digital-benefit-steps {
	width: 100%;
	border-top: 1px solid rgba(40,35,30,0.13);
}

.hera-digital-benefit-step {
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr);
	gap: 22px;
	padding: 30px 0;
	border-bottom: 1px solid rgba(40,35,30,0.13);
}

/* NUMBER */
.hera-digital-benefit-number {
	padding-top: 3px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #9e7446;
}

/* LABEL */
.hera-digital-benefit-label {
	display: block;
	margin-bottom: 8px;
	font-size: 9px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #987044;
}

/* TITLE */
.hera-digital-benefit-step h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-digital-benefit-step p {
	max-width: 520px;
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-benefit {
		padding: 76px 32px 80px;
	}
	
	.hera-digital-benefit-inner {
		gap: 55px;
	}
	
	.hera-digital-benefit-content h2 {
		font-size: 50px;
	}
	
	.hera-digital-benefit-step {
		grid-template-columns: 42px minmax(0, 1fr);
		gap: 16px;
		padding: 26px 0;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-benefit {
		padding: 60px 18px 66px;
	}
	
	.hera-digital-benefit-inner {
		display: block;
	}
	
	.hera-digital-benefit-content {
		max-width: none;
	}
	
	.hera-digital-benefit-content h2 {
		font-size: 42px;
	}
	
	.hera-digital-benefit-lead,
		  .hera-digital-benefit-content
		  p:not(.hera-digital-benefit-lead) {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-digital-benefit-steps {
		margin-top: 48px;
	}
	
	.hera-digital-benefit-step {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 12px;
		padding: 25px 0;
	}
	
	.hera-digital-benefit-step h3 {
		font-size: 23px;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 5
   ROBUSTER FINAL FIX
   GANZ ANS ENDE DES CSS SETZEN
===================================================== */
.hera-digital-benefit {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 90px 48px 96px !important;
	box-sizing: border-box !important;
	background: #ddd3c5 !important;
}

/* =====================================================
   INNER – KEIN GRID MEHR
===================================================== */
.hera-digital-benefit-inner {
	width: 100% !important;
	max-width: 1380px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 80px !important;
	box-sizing: border-box !important;
}

/* =====================================================
   LEFT SIDE
===================================================== */
.hera-digital-benefit-content {
	display: block !important;
	flex: 0 1 540px !important;
	width: 540px !important;
	max-width: 540px !important;
	min-width: 420px !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

/* EYEBROW */
.hera-digital-benefit .hera-section-eyebrow {
	display: block !important;
	width: 100% !important;
	margin: 0 0 20px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #936a3e !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
}

/* TITLE */
.hera-digital-benefit-content h2 {
	display: block !important;
	width: 100% !important;
	max-width: 540px !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 58px !important;
	line-height: 1.03 !important;
	letter-spacing: -.035em !important;
	font-weight: 400 !important;
	color: #171512 !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
}

/* TEXT */
.hera-digital-benefit-lead,
.hera-digital-benefit-content p {
	display: block !important;
	width: 100% !important;
	max-width: 520px !important;
	font-family: inherit !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

.hera-digital-benefit-lead {
	margin: 28px 0 0 !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
	color: #554f48 !important;
}

.hera-digital-benefit-content
p:not(.hera-digital-benefit-lead) {
	margin: 18px 0 0 !important;
	font-size: 14px !important;
	line-height: 1.75 !important;
	color: #665f57 !important;
}

/* LINK */
.hera-digital-benefit-link {
	display: inline-block !important;
	width: auto !important;
	margin: 32px 0 0 !important;
	padding-bottom: 5px !important;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(145,104,61,0.50) !important;
	color: #8d683d !important;
	font-size: 13px !important;
}

/* =====================================================
   RIGHT SIDE
===================================================== */
.hera-digital-benefit-steps {
	display: block !important;
	flex: 1 1 650px !important;
	width: auto !important;
	max-width: 680px !important;
	min-width: 520px !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	border-top: 1px solid rgba(40,35,30,0.13) !important;
}

/* =====================================================
   EACH STEP
===================================================== */
.hera-digital-benefit-step {
	display: flex !important;
	flex-direction: row !important;
	width: 100% !important;
	gap: 22px !important;
	padding: 28px 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	border-bottom: 1px solid rgba(40,35,30,0.13) !important;
}

/* NUMBER */
.hera-digital-benefit-number {
	display: block !important;
	flex: 0 0 42px !important;
	width: 42px !important;
	padding-top: 4px !important;
	font-size: 10px !important;
	line-height: 1 !important;
	font-weight: 600 !important;
	letter-spacing: .13em !important;
	color: #9e7446 !important;
	white-space: nowrap !important;
}

/* STEP CONTENT */
.hera-digital-benefit-step > div {
	display: block !important;
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* LABEL */
.hera-digital-benefit-label {
	display: block !important;
	width: 100% !important;
	margin: 0 0 8px !important;
	font-size: 9px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #987044 !important;
	white-space: normal !important;
	word-break: keep-all !important;
}

/* STEP TITLE */
.hera-digital-benefit-step h3 {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 25px !important;
	line-height: 1.15 !important;
	font-weight: 400 !important;
	color: #171512 !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
}

/* STEP TEXT */
.hera-digital-benefit-step p {
	display: block !important;
	width: 100% !important;
	max-width: 520px !important;
	margin: 10px 0 0 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	color: #625b53 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-benefit {
		padding: 76px 32px 80px !important;
	}
	
	.hera-digital-benefit-inner {
		gap: 50px !important;
	}
	
	.hera-digital-benefit-content {
		flex-basis: 430px !important;
		width: 430px !important;
		max-width: 430px !important;
		min-width: 360px !important;
	}
	
	.hera-digital-benefit-content h2 {
		font-size: 48px !important;
	}
	
	.hera-digital-benefit-steps {
		min-width: 420px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-benefit {
		padding: 60px 18px 66px !important;
	}
	
	.hera-digital-benefit-inner {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
	}
	
	.hera-digital-benefit-content {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
	}
	
	.hera-digital-benefit-content h2 {
		width: 100% !important;
		max-width: none !important;
		font-size: 42px !important;
	}
	
	.hera-digital-benefit-lead,
		  .hera-digital-benefit-content
		  p:not(.hera-digital-benefit-lead) {
		max-width: none !important;
		font-size: 14px !important;
	}
	
	.hera-digital-benefit-steps {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		margin-top: 48px !important;
	}
	
	.hera-digital-benefit-step {
		width: 100% !important;
		gap: 12px !important;
		padding: 25px 0 !important;
	}
	
	.hera-digital-benefit-number {
		flex-basis: 34px !important;
		width: 34px !important;
	}
	
	.hera-digital-benefit-step h3 {
		font-size: 23px !important;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 5
   ETWAS MEHR ZENTRIERT
===================================================== */
.hera-digital-benefit-inner {
	max-width: 1240px !important;
	margin: 0 auto !important;
	gap: 72px !important;
}

.hera-digital-benefit-content {
	flex: 0 1 520px !important;
	width: 520px !important;
	max-width: 520px !important;
	min-width: 420px !important;
}

.hera-digital-benefit-steps {
	flex: 1 1 610px !important;
	max-width: 610px !important;
	min-width: 500px !important;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-benefit-inner {
		max-width: 100% !important;
		gap: 46px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-benefit-inner {
		max-width: none !important;
	}
	
	.hera-digital-benefit-content {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
	}
	
	.hera-digital-benefit-steps {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 5
   FINAL CENTERING FIX
   GANZ ANS ENDE DES CSS SETZEN
===================================================== */
/* GESAMTEN INHALT EXAKT ZENTRIEREN */
.hera-digital-benefit-inner {
	width: min(86vw, 1240px) !important;
	max-width: 1240px !important;
	position: relative !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 72px !important;
	box-sizing: border-box !important;
}

/* LINKE SPALTE */
.hera-digital-benefit-content {
	flex: 0 0 500px !important;
	width: 500px !important;
	max-width: 500px !important;
	min-width: 500px !important;
	margin: 0 !important;
}

/* RECHTE SPALTE */
.hera-digital-benefit-steps {
	flex: 1 1 auto !important;
	width: auto !important;
	max-width: 610px !important;
	min-width: 0 !important;
	margin: 0 !important;
}

/* TITEL ETWAS KOMPAKTER */
.hera-digital-benefit-content h2 {
	max-width: 500px !important;
	font-size: 56px !important;
	line-height: 1.03 !important;
}

/* TEXTBREITE */
.hera-digital-benefit-lead,
.hera-digital-benefit-content p:not(.hera-digital-benefit-lead) {
	max-width: 480px !important;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-benefit-inner {
		width: calc(100vw - 64px) !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		gap: 48px !important;
	}
	
	.hera-digital-benefit-content {
		flex: 0 0 42% !important;
		width: 42% !important;
		max-width: 42% !important;
		min-width: 0 !important;
	}
	
	.hera-digital-benefit-steps {
		flex: 1 1 58% !important;
		max-width: none !important;
	}
	
	.hera-digital-benefit-content h2 {
		font-size: 48px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-benefit-inner {
		width: calc(100vw - 36px) !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		display: block !important;
	}
	
	.hera-digital-benefit-content {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		flex: none !important;
	}
	
	.hera-digital-benefit-steps {
		width: 100% !important;
		max-width: none !important;
		margin-top: 48px !important;
	}
	
	.hera-digital-benefit-content h2 {
		max-width: none !important;
		font-size: 42px !important;
	}
	
	.hera-digital-benefit-lead,
		  .hera-digital-benefit-content p:not(.hera-digital-benefit-lead) {
		max-width: none !important;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 5
   FINAL CENTER FIX
   GANZ ANS ENDE DES CSS SETZEN
===================================================== */
/* =====================================================
   GANZER BLOCK
===================================================== */
.hera-digital-benefit {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 90px 48px 96px !important;
	box-sizing: border-box !important;
	background: #ddd3c5 !important;
	color: #171512 !important;
/* WICHTIG:
     Der Aussenblock zentriert jetzt den Inhalt */
	display: flex !important;
	justify-content: center !important;
}

/* =====================================================
   INNER CONTAINER
===================================================== */
.hera-digital-benefit-inner {
	width: 100% !important;
	max-width: 1240px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
	display: grid !important;
	grid-template-columns: minmax(0, 500px) minmax(0, 610px) !important;
	justify-content: center !important;
	column-gap: 90px !important;
	align-items: center !important;
	box-sizing: border-box !important;
}

/* =====================================================
   LINKE SPALTE
===================================================== */
.hera-digital-benefit-content {
	display: block !important;
	width: 100% !important;
	max-width: 500px !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	transform: none !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* =====================================================
   EYEBROW
===================================================== */
.hera-digital-benefit .hera-section-eyebrow {
	display: block !important;
	width: 100% !important;
	margin: 0 0 20px !important;
	padding: 0 !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #936a3e !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* =====================================================
   HAUPTTITEL
===================================================== */
.hera-digital-benefit-content h2 {
	display: block !important;
	width: 100% !important;
	max-width: 500px !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 56px !important;
	line-height: 1.03 !important;
	letter-spacing: -.035em !important;
	font-weight: 400 !important;
	color: #171512 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* =====================================================
   LEAD TEXT
===================================================== */
.hera-digital-benefit-lead {
	display: block !important;
	width: 100% !important;
	max-width: 480px !important;
	margin: 28px 0 0 !important;
	padding: 0 !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
	color: #554f48 !important;
	white-space: normal !important;
	word-break: normal !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* =====================================================
   ZWEITER ABSATZ
===================================================== */
.hera-digital-benefit-content
p:not(.hera-digital-benefit-lead) {
	display: block !important;
	width: 100% !important;
	max-width: 480px !important;
	margin: 18px 0 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
	line-height: 1.75 !important;
	color: #665f57 !important;
	white-space: normal !important;
	word-break: normal !important;
}

/* =====================================================
   LINK
===================================================== */
.hera-digital-benefit-link {
	display: inline-block !important;
	width: auto !important;
	margin: 32px 0 0 !important;
	padding: 0 0 5px !important;
	border-bottom: 1px solid rgba(145,104,61,0.50) !important;
	text-decoration: none !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	color: #8d683d !important;
}

/* =====================================================
   RECHTE SPALTE
===================================================== */
.hera-digital-benefit-steps {
	display: block !important;
	width: 100% !important;
	max-width: 610px !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	transform: none !important;
	border-top: 1px solid rgba(40,35,30,0.13) !important;
	box-sizing: border-box !important;
}

/* =====================================================
   EINZELNER STEP
===================================================== */
.hera-digital-benefit-step {
	display: grid !important;
	grid-template-columns: 42px minmax(0, 1fr) !important;
	width: 100% !important;
	gap: 20px !important;
	margin: 0 !important;
	padding: 28px 0 !important;
	box-sizing: border-box !important;
	border-bottom: 1px solid rgba(40,35,30,0.13) !important;
}

/* NUMMER */
.hera-digital-benefit-number {
	display: block !important;
	width: 42px !important;
	padding-top: 4px !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .13em !important;
	color: #9e7446 !important;
	white-space: nowrap !important;
}

/* STEP CONTENT */
.hera-digital-benefit-step > div {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* LABEL */
.hera-digital-benefit-label {
	display: block !important;
	margin: 0 0 8px !important;
	font-size: 9px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #987044 !important;
	white-space: normal !important;
}

/* STEP TITLE */
.hera-digital-benefit-step h3 {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 25px !important;
	line-height: 1.15 !important;
	font-weight: 400 !important;
	color: #171512 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
}

/* STEP TEXT */
.hera-digital-benefit-step p {
	display: block !important;
	width: 100% !important;
	max-width: 520px !important;
	margin: 10px 0 0 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	color: #625b53 !important;
	white-space: normal !important;
	word-break: normal !important;
}

/* =====================================================
   IPAD / TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-benefit {
		padding: 76px 32px 80px !important;
	}
	
	.hera-digital-benefit-inner {
		max-width: 980px !important;
		grid-template-columns: minmax(0, 400px) minmax(0, 500px) !important;
		column-gap: 55px !important;
	}
	
	.hera-digital-benefit-content {
		max-width: 400px !important;
	}
	
	.hera-digital-benefit-content h2 {
		max-width: 400px !important;
		font-size: 48px !important;
	}
	
	.hera-digital-benefit-steps {
		max-width: 500px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-benefit {
		padding: 60px 18px 66px !important;
		display: block !important;
	}
	
	.hera-digital-benefit-inner {
		width: 100% !important;
		max-width: none !important;
		display: block !important;
		margin: 0 auto !important;
		transform: none !important;
	}
	
	.hera-digital-benefit-content {
		width: 100% !important;
		max-width: none !important;
	}
	
	.hera-digital-benefit-content h2 {
		width: 100% !important;
		max-width: none !important;
		font-size: 42px !important;
	}
	
	.hera-digital-benefit-lead,
		  .hera-digital-benefit-content
		  p:not(.hera-digital-benefit-lead) {
		max-width: none !important;
		font-size: 14px !important;
	}
	
	.hera-digital-benefit-steps {
		width: 100% !important;
		max-width: none !important;
		margin-top: 48px !important;
	}
	
	.hera-digital-benefit-step {
		grid-template-columns: 34px minmax(0, 1fr) !important;
		gap: 12px !important;
		padding: 25px 0 !important;
	}
	
	.hera-digital-benefit-number {
		width: 34px !important;
	}
	
	.hera-digital-benefit-step h3 {
		font-size: 23px !important;
	}
}

/* =====================================================
   HERA HEADER – WORDPRESS TOP SPACE FIX
   GANZ ANS ENDE DES CSS SETZEN
===================================================== */
/* HEADER SELBST */
.hera-header-new {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	height: auto !important;
	min-height: 0 !important;
}

/* HEADER INNER */
.hera-header-inner-new {
	height: 88px !important;
	min-height: 88px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	align-items: center !important;
}

/* =====================================================
   WORDPRESS CUSTOM HTML / GROUP WRAPPER
===================================================== */
/* Custom HTML Block */
.wp-block-html:has(.hera-header-new) {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	min-height: 0 !important;
}

/* WordPress Gruppe um den Header */
.wp-block-group:has(.hera-header-new) {
	margin-top: 0 !important;
	padding-top: 0 !important;
	min-height: 0 !important;
}

/* Möglicher WordPress Cover-/Container-Block */
.wp-block-cover:has(.hera-header-new),
.wp-block-columns:has(.hera-header-new),
.wp-block-column:has(.hera-header-new) {
	margin-top: 0 !important;
	padding-top: 0 !important;
	min-height: 0 !important;
}

/* =====================================================
   ERSTER BLOCK DER SEITE
===================================================== */
.entry-content > :first-child:has(.hera-header-new),
.wp-site-blocks > :first-child:has(.hera-header-new) {
	margin-top: 0 !important;
	padding-top: 0 !important;
	min-height: 0 !important;
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-header-inner-new {
		height: 76px !important;
		min-height: 76px !important;
	}
}

/* =====================================================
   WORDPRESS PAGE TOP GAP – FALLBACK
===================================================== */
body .wp-site-blocks {
	padding-top: 0 !important;
}

body main {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body .entry-content {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* =====================================================
   HERA ABOUT – HERO
   ANGEPASST AN DIE NEUEN UNTERSEITEN
===================================================== */
.hera-about-hero {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 88px 48px 92px !important;
	box-sizing: border-box !important;
	background: #f2efe9 !important;
	color: #171512 !important;
}

/* =====================================================
   INNER
===================================================== */
.hera-about-hero-inner {
	width: 100% !important;
	max-width: 1380px !important;
	margin: 0 auto !important;
	display: grid !important;
	grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr) !important;
	gap: 78px !important;
	align-items: center !important;
	box-sizing: border-box !important;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-about-hero-content {
	width: 100% !important;
	max-width: 530px !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* EYEBROW */
.hera-about-eyebrow {
	display: block !important;
	margin: 0 0 22px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #a77d49 !important;
}

/* =====================================================
   HEADING
===================================================== */
.hera-about-hero-content h1 {
	width: 100% !important;
	max-width: 530px !important;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(50px, 4.2vw, 64px) !important;
	line-height: 1.02 !important;
	letter-spacing: -.035em !important;
	font-weight: 400 !important;
	color: #171512 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
}

/* =====================================================
   LEAD TEXT
===================================================== */
.hera-about-lead {
	width: 100% !important;
	max-width: 500px !important;
	margin: 28px 0 0 !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
	color: #5f5952 !important;
}

/* =====================================================
   BUTTONS
===================================================== */
.hera-about-actions {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	margin-top: 34px !important;
}

.hera-about-actions a {
	text-decoration: none !important;
}

/* PRIMARY */
.hera-about-actions .hera-button-primary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 155px !important;
	padding: 15px 25px !important;
	border: 1px solid #111 !important;
	border-radius: 999px !important;
	background: #111 !important;
	color: #fff !important;
	font-size: 13px !important;
	line-height: 1 !important;
}

/* SECONDARY */
.hera-about-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 140px !important;
	padding: 14px 24px !important;
	border: 1px solid #b8905b !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: #25211d !important;
	font-size: 13px !important;
	line-height: 1 !important;
}

/* =====================================================
   RIGHT IMAGE AREA
===================================================== */
.hera-about-hero-visual {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	max-width: none !important;
	height: 560px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
}

/* IMAGE WRAPPER */
.hera-about-hero-image-main {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	overflow: hidden !important;
	border-radius: 16px !important;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06) !important;
}

/* IMAGE */
.hera-about-hero-image-main img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: 52% center !important;
	margin: 0 !important;
	transform: none !important;
}

/* ALTE DEKORATIONEN / OVERLAYS ENTFERNEN */
.hera-about-hero-visual::before,
.hera-about-hero-visual::after,
.hera-about-hero-image-main::before,
.hera-about-hero-image-main::after {
	display: none !important;
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-about-hero {
		padding: 76px 32px 78px !important;
	}
	
	.hera-about-hero-inner {
		grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr) !important;
		gap: 50px !important;
	}
	
	.hera-about-hero-content h1 {
		font-size: 50px !important;
	}
	
	.hera-about-hero-visual {
		height: 500px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-about-hero {
		padding: 60px 18px 62px !important;
	}
	
	.hera-about-hero-inner {
		display: flex !important;
		flex-direction: column !important;
		gap: 42px !important;
	}
	
	.hera-about-hero-content {
		width: 100% !important;
		max-width: none !important;
	}
	
	.hera-about-hero-content h1 {
		width: 100% !important;
		max-width: none !important;
		font-size: 42px !important;
		line-height: 1.04 !important;
	}
	
	.hera-about-lead {
		max-width: none !important;
		font-size: 14px !important;
	}
	
	.hera-about-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 11px !important;
		margin-top: 30px !important;
	}
	
	.hera-about-actions .hera-button-primary,
	  .hera-about-actions .hera-button-secondary {
		width: 100% !important;
		min-width: 0 !important;
		min-height: 48px !important;
	}
	
	.hera-about-hero-visual {
		width: 100% !important;
		height: 390px !important;
	}
	
	.hera-about-hero-image-main {
		border-radius: 12px !important;
	}
	
	.hera-about-hero-image-main img {
		object-position: 51% center !important;
	}
}

/* =====================================================
   HERA ABOUT – BLOCK 2 STORY
===================================================== */
.hera-about-story {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 88px 48px 96px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* INNER */
.hera-about-story-inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
	gap: 90px;
	align-items: start;
}

/* =====================================================
   LEFT
===================================================== */
.hera-about-story-content {
	max-width: 540px;
}

.hera-about-story .hera-section-eyebrow {
	display: block;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

.hera-about-story-content h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4vw, 62px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-about-story-lead {
	margin: 28px 0 0;
	max-width: 520px;
	font-size: 15px;
	line-height: 1.75;
	color: #554f48;
}

.hera-about-story-content
p:not(.hera-about-story-lead) {
	margin: 18px 0 0;
	max-width: 520px;
	font-size: 14px;
	line-height: 1.75;
	color: #665f57;
}

/* =====================================================
   RIGHT STEPS
===================================================== */
.hera-about-story-steps {
	width: 100%;
	border-top: 1px solid rgba(40,35,30,0.13);
}

.hera-about-story-step {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	gap: 20px;
	padding: 28px 0;
	border-bottom: 1px solid rgba(40,35,30,0.13);
}

.hera-about-story-number {
	padding-top: 4px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #9e7446;
}

.hera-about-story-label {
	display: block;
	margin-bottom: 8px;
	font-size: 9px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #987044;
}

.hera-about-story-step h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

.hera-about-story-step p {
	max-width: 520px;
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-about-story {
		padding: 76px 32px 80px;
	}
	
	.hera-about-story-inner {
		max-width: 980px;
		gap: 55px;
	}
	
	.hera-about-story-content h2 {
		font-size: 50px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-about-story {
		padding: 60px 18px 66px;
	}
	
	.hera-about-story-inner {
		display: block;
		max-width: none;
	}
	
	.hera-about-story-content {
		max-width: none;
	}
	
	.hera-about-story-content h2 {
		font-size: 42px;
	}
	
	.hera-about-story-lead,
	  .hera-about-story-content
	  p:not(.hera-about-story-lead) {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-about-story-steps {
		margin-top: 48px;
	}
	
	.hera-about-story-step {
		grid-template-columns: 36px minmax(0, 1fr);
		gap: 12px;
		padding: 25px 0;
	}
	
	.hera-about-story-step h3 {
		font-size: 23px;
	}
}

/* =====================================================
   HERA ABOUT – TEAM BLOCK
   STIMMIG ZU DEN ANDEREN UNTERSEITEN
===================================================== */
.hera-about-team {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 88px 48px 96px !important;
	box-sizing: border-box !important;
	background: #f2efe9 !important;
	color: #171512 !important;
}

/* =====================================================
   INNER
===================================================== */
.hera-about-section-inner {
	width: 100% !important;
	max-width: 1240px !important;
	margin: 0 auto !important;
	box-sizing: border-box !important;
}

/* =====================================================
   SECTION HEADER
===================================================== */
.hera-about-team > .hera-about-section-inner > .hera-section-eyebrow {
	display: block !important;
	margin: 0 0 20px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #a77d49 !important;
}

.hera-about-team > .hera-about-section-inner > h2 {
	max-width: 760px !important;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(46px, 4vw, 62px) !important;
	line-height: 1.02 !important;
	letter-spacing: -.035em !important;
	font-weight: 400 !important;
	color: #171512 !important;
}

.hera-about-team-intro {
	max-width: 650px !important;
	margin: 26px 0 0 !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
	color: #625b53 !important;
}

/* =====================================================
   PERSON BLOCK
===================================================== */
.hera-about-person {
	width: 100% !important;
	display: grid !important;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
	gap: 78px !important;
	align-items: center !important;
	margin-top: 78px !important;
}

/* =====================================================
   PERSON IMAGE
===================================================== */
.hera-about-person-image {
	width: 100% !important;
	height: 560px !important;
	margin: 0 !important;
	overflow: hidden !important;
	border-radius: 16px !important;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06) !important;
	background: #e8e1d7 !important;
}

.hera-about-person-image img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	object-fit: cover !important;
	transform: none !important;
}

/* Yasmina */
.hera-about-person-image-left img {
	object-position: center 18% !important;
}

/* Carlos */
.hera-about-person-image-right img {
	object-position: center 16% !important;
}

/* =====================================================
   PERSON CONTENT
===================================================== */
.hera-about-person-content {
	width: 100% !important;
	max-width: 540px !important;
}

.hera-about-person-role {
	display: block !important;
	margin-bottom: 14px !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: .15em !important;
	text-transform: uppercase !important;
	color: #9d7447 !important;
}

.hera-about-person-content h3 {
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 38px !important;
	line-height: 1.08 !important;
	font-weight: 400 !important;
	color: #171512 !important;
}

.hera-about-person-lead {
	margin: 22px 0 0 !important;
	font-size: 16px !important;
	line-height: 1.65 !important;
	color: #4f4943 !important;
}

.hera-about-person-content p:not(.hera-about-person-lead) {
	margin: 16px 0 0 !important;
	font-size: 14px !important;
	line-height: 1.75 !important;
	color: #665f57 !important;
}

/* =====================================================
   EXPERTISE TAGS
===================================================== */
.hera-about-expertise {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 9px !important;
	margin-top: 26px !important;
}

.hera-about-expertise span {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 32px !important;
	padding: 7px 13px !important;
	box-sizing: border-box !important;
	border: 1px solid rgba(166, 123, 71, 0.35) !important;
	border-radius: 999px !important;
	background: rgba(255,255,255,0.26) !important;
	font-size: 11px !important;
	line-height: 1.2 !important;
	color: #514a43 !important;
}

/* =====================================================
   LANGUAGES
===================================================== */
.hera-about-languages {
	display: grid !important;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
	gap: 78px !important;
	margin-top: 96px !important;
	padding-top: 60px !important;
	border-top: 1px solid rgba(40,35,30,0.13) !important;
}

.hera-about-languages-heading h3 {
	margin: 14px 0 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 36px !important;
	line-height: 1.08 !important;
	font-weight: 400 !important;
	color: #171512 !important;
}

.hera-about-languages-content p {
	max-width: 560px !important;
	margin: 0 !important;
	font-size: 14px !important;
	line-height: 1.75 !important;
	color: #625b53 !important;
}

.hera-about-language-list {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 9px !important;
	margin-top: 24px !important;
}

.hera-about-language-list span {
	padding: 7px 13px !important;
	border: 1px solid rgba(166,123,71,0.35) !important;
	border-radius: 999px !important;
	font-size: 11px !important;
	color: #514a43 !important;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-about-team {
		padding: 76px 32px 80px !important;
	}
	
	.hera-about-section-inner {
		max-width: 980px !important;
	}
	
	.hera-about-person {
		gap: 50px !important;
		margin-top: 66px !important;
	}
	
	.hera-about-person-image {
		height: 500px !important;
		border-radius: 14px !important;
	}
	
	.hera-about-person-content h3 {
		font-size: 34px !important;
	}
	
	.hera-about-languages {
		gap: 50px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-about-team {
		padding: 60px 18px 66px !important;
	}
	
	.hera-about-team > .hera-about-section-inner > h2 {
		font-size: 42px !important;
	}
	
	.hera-about-team-intro {
		font-size: 14px !important;
	}
	
	.hera-about-person,
	  .hera-about-person-reverse {
		display: flex !important;
		flex-direction: column !important;
		gap: 32px !important;
		margin-top: 54px !important;
	}
	
	/*
	   Carlos hat im HTML zuerst Text und dann Bild.
	   Mobile wollen wir bei beiden Personen zuerst das Bild.
	  */
	.hera-about-person-reverse
	  .hera-about-person-image {
		order: -1 !important;
	}
	
	.hera-about-person-image {
		width: 100% !important;
		height: 430px !important;
		border-radius: 12px !important;
	}
	
	.hera-about-person-content {
		max-width: none !important;
	}
	
	.hera-about-person-content h3 {
		font-size: 32px !important;
	}
	
	.hera-about-person-lead {
		font-size: 15px !important;
	}
	
	.hera-about-person-content p:not(.hera-about-person-lead) {
		font-size: 14px !important;
	}
	
	.hera-about-languages {
		display: block !important;
		margin-top: 68px !important;
		padding-top: 48px !important;
	}
	
	.hera-about-languages-content {
		margin-top: 28px !important;
	}
	
	.hera-about-languages-heading h3 {
		font-size: 32px !important;
	}
}

/* =====================================================
   HERA ABOUT – VALUES BLOCK
   PERSÖNLICH. PRÄZISE. VORAUSSCHAUEND.
===================================================== */
.hera-about-values {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 88px 48px 96px !important;
	box-sizing: border-box !important;
	background: #ddd3c5 !important;
	color: #171512 !important;
}

/* =====================================================
   INNER
===================================================== */
.hera-about-values .hera-about-section-inner {
	width: 100% !important;
	max-width: 1240px !important;
	margin: 0 auto !important;
	box-sizing: border-box !important;
}

/* =====================================================
   HEADER
===================================================== */
.hera-about-values .hera-section-eyebrow {
	display: block !important;
	margin: 0 0 20px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #936a3e !important;
}

.hera-about-values h2 {
	max-width: 760px !important;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(46px, 4vw, 62px) !important;
	line-height: 1.02 !important;
	letter-spacing: -.035em !important;
	font-weight: 400 !important;
	color: #171512 !important;
}

/* =====================================================
   VALUES GRID
===================================================== */
.hera-about-values-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 0 !important;
	margin-top: 58px !important;
	border-top: 1px solid rgba(40, 35, 30, 0.13) !important;
	border-bottom: 1px solid rgba(40, 35, 30, 0.13) !important;
}

/* =====================================================
   VALUE
===================================================== */
.hera-about-value {
	position: relative !important;
	min-height: 270px !important;
	padding: 30px 28px 32px !important;
	box-sizing: border-box !important;
	border-right: 1px solid rgba(40, 35, 30, 0.12) !important;
}

.hera-about-value:last-child {
	border-right: 0 !important;
}

/* NUMBER */
.hera-about-value > span {
	display: block !important;
	margin-bottom: 28px !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .14em !important;
	color: #9e7446 !important;
}

/* TITLE */
.hera-about-value h3 {
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 25px !important;
	line-height: 1.15 !important;
	font-weight: 400 !important;
	color: #171512 !important;
}

/* TEXT */
.hera-about-value p {
	margin: 18px 0 0 !important;
	font-size: 13px !important;
	line-height: 1.7 !important;
	color: #625b53 !important;
}

/* =====================================================
   SUBTLE HOVER
===================================================== */
.hera-about-value {
	transition: background .25s ease, transform .25s ease !important;
}

.hera-about-value:hover {
	background: rgba(255,255,255,0.20) !important;
	transform: translateY(-2px) !important;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-about-values {
		padding: 76px 32px 80px !important;
	}
	
	.hera-about-values .hera-about-section-inner {
		max-width: 980px !important;
	}
	
	.hera-about-values-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	
	.hera-about-value {
		min-height: 230px !important;
		border-bottom: 1px solid rgba(40, 35, 30, 0.12) !important;
	}
	
	.hera-about-value:nth-child(2n) {
		border-right: 0 !important;
	}
	
	.hera-about-value:nth-last-child(-n+2) {
		border-bottom: 0 !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-about-values {
		padding: 60px 18px 66px !important;
	}
	
	.hera-about-values h2 {
		font-size: 42px !important;
	}
	
	.hera-about-values-grid {
		display: block !important;
		margin-top: 40px !important;
	}
	
	.hera-about-value {
		min-height: 0 !important;
		padding: 26px 4px !important;
		border-right: 0 !important;
		border-bottom: 1px solid rgba(40, 35, 30, 0.12) !important;
	}
	
	.hera-about-value:last-child {
		border-bottom: 0 !important;
	}
	
	.hera-about-value > span {
		margin-bottom: 16px !important;
	}
	
	.hera-about-value h3 {
		font-size: 23px !important;
	}
	
	.hera-about-value p {
		font-size: 13px !important;
	}
}

/* =====================================================
   HERA ABOUT – CTA
===================================================== */
.hera-about-cta {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 96px 48px 100px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* INNER */
.hera-about-cta-inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	text-align: center;
}

/* EYEBROW */
.hera-about-cta .hera-section-eyebrow {
	display: block;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

/* TITLE */
.hera-about-cta h2 {
	max-width: 760px;
	margin: 0 auto;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(48px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-about-cta p {
	max-width: 600px;
	margin: 28px auto 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625b53;
}

/* BUTTON */
.hera-about-cta .hera-button-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 34px;
	min-width: 220px;
	padding: 15px 28px;
	box-sizing: border-box;
	border: 1px solid #111;
	border-radius: 999px;
	background: #111;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	line-height: 1;
	transition: background .2s ease, transform .2s ease;
}

.hera-about-cta .hera-button-primary:hover {
	background: #292622;
	transform: translateY(-1px);
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-about-cta {
		padding: 60px 18px 66px;
	}
	
	.hera-about-cta h2 {
		font-size: 42px;
	}
	
	.hera-about-cta p {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-about-cta .hera-button-primary {
		width: 100%;
		min-width: 0;
		min-height: 48px;
	}
}

/* =====================================================
   HERA ABOUT HERO – ERSTGESPRÄCH GOLD BUTTON
===================================================== */
.hera-about-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 150px !important;
	padding: 14px 26px !important;
	box-sizing: border-box !important;
	border: 1.5px solid #b58b55 !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: #2b2723 !important;
	text-decoration: none !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	box-shadow: none !important;
	transition: background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease !important;
}

.hera-about-actions .hera-button-secondary:hover {
	background: #b58b55 !important;
	color: #fff !important;
	border-color: #b58b55 !important;
	transform: translateY(-1px) !important;
}/* =========================================================
   HERA INSIGHTS / WISSEN
   COMPLETE OVERRIDE
========================================================= */

.ha-wissen-modern {
  width: 100vw !important;
  max-width: none !important;

  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  padding: 92px 48px 110px !important;

  box-sizing: border-box !important;

  background: #f2efe9 !important;
  color: #171512 !important;
}


/* =========================================================
   INTRO
========================================================= */

.ha-wissen-intro {
  width: 100% !important;
  max-width: 1240px !important;

  margin: 0 auto 70px !important;
}


.ha-wissen-kicker {
  margin: 0 0 18px !important;

  font-size: 11px !important;
  font-weight: 600 !important;

  line-height: 1 !important;

  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;

  color: #a77d49 !important;
}


.ha-wissen-intro h1 {
  max-width: 820px !important;

  margin: 0 !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: clamp(48px, 4vw, 64px) !important;

  line-height: 1.03 !important;

  letter-spacing: -0.035em !important;

  font-weight: 400 !important;

  color: #171512 !important;
}


.ha-wissen-intro > p:not(.ha-wissen-kicker) {
  max-width: 680px !important;

  margin: 26px 0 0 !important;

  font-size: 15px !important;

  line-height: 1.75 !important;

  color: #625b53 !important;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.ha-wissen-layout {
  width: 100% !important;
  max-width: 1240px !important;

  margin: 0 auto !important;

  display: grid !important;

  grid-template-columns:
    150px
    minmax(0, 1fr) !important;

  gap: 70px !important;

  align-items: start !important;
}


/* =========================================================
   TIMELINE
========================================================= */

.ha-wissen-timeline {
  position: sticky !important;
  top: 120px !important;

  display: flex !important;
  flex-direction: column !important;

  gap: 0 !important;

  padding-left: 20px !important;

  border-left:
    1px solid rgba(40, 35, 30, 0.16) !important;
}


.ha-wissen-timeline span {
  position: relative !important;

  display: block !important;

  padding: 12px 0 !important;

  font-size: 13px !important;

  line-height: 1.2 !important;

  color: #857b71 !important;
}


.ha-wissen-timeline span.active {
  font-weight: 600 !important;

  color: #171512 !important;
}


.ha-wissen-timeline span.active::before {
  content: "" !important;

  position: absolute !important;

  width: 7px !important;
  height: 7px !important;

  left: -24px !important;
  top: 50% !important;

  transform: translateY(-50%) !important;

  border-radius: 50% !important;

  background: #a77d49 !important;
}


/* =========================================================
   POSTS
========================================================= */

.ha-wissen-posts {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap: 22px !important;
}


/* =========================================================
   CARD
========================================================= */

.ha-wissen-card {
  position: relative !important;

  display: flex !important;
  flex-direction: column !important;

  min-height: 340px !important;

  padding: 34px 34px 32px !important;

  box-sizing: border-box !important;

  background: rgba(255,255,255,0.32) !important;

  border:
    1px solid rgba(50, 43, 36, 0.11) !important;

  border-radius: 14px !important;

  transition:
    transform 0.25s ease,
    background 0.25s ease !important;
}


.ha-wissen-card:hover {
  transform: translateY(-3px) !important;

  background: rgba(255,255,255,0.50) !important;
}


/* FEATURE FIRST CARD */

.ha-wissen-card:first-child {
  grid-column: span 2 !important;

  min-height: 390px !important;

  padding: 44px !important;

  background: #e8dfd1 !important;
}


/* =========================================================
   META
========================================================= */

.ha-card-meta {
  display: flex !important;

  align-items: center !important;
  justify-content: space-between !important;

  gap: 20px !important;

  margin-bottom: 34px !important;
}


.ha-card-meta span {
  font-size: 10px !important;
  font-weight: 600 !important;

  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;

  color: #a77d49 !important;
}


.ha-card-meta small {
  font-size: 11px !important;

  color: #81776d !important;
}


/* =========================================================
   TITLE
========================================================= */

.ha-wissen-card h2 {
  max-width: 760px !important;

  margin: 0 !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 30px !important;

  line-height: 1.12 !important;

  letter-spacing: -0.02em !important;

  font-weight: 400 !important;

  color: #171512 !important;
}


.ha-wissen-card:first-child h2 {
  max-width: 850px !important;

  font-size: 42px !important;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.ha-wissen-card > p {
  max-width: 680px !important;

  margin: 20px 0 0 !important;

  font-size: 14px !important;

  line-height: 1.7 !important;

  color: #625b53 !important;
}


/* =========================================================
   READ ARTICLE LINK
========================================================= */

.ha-wissen-card > a {
  width: fit-content !important;

  margin-top: auto !important;
  padding-top: 30px !important;

  font-size: 12px !important;

  line-height: 1.2 !important;

  text-decoration: none !important;

  color: #9c7040 !important;

  border-bottom:
    1px solid rgba(156,112,64,0.5) !important;

  transition:
    color 0.2s ease,
    border-color 0.2s ease !important;
}


.ha-wissen-card > a:hover {
  color: #171512 !important;

  border-color: #171512 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

  .ha-wissen-modern {
    padding:
      78px
      32px
      90px !important;
  }


  .ha-wissen-layout {
    grid-template-columns:
      110px
      minmax(0, 1fr) !important;

    gap: 45px !important;
  }


  .ha-wissen-card h2 {
    font-size: 27px !important;
  }


  .ha-wissen-card:first-child h2 {
    font-size: 38px !important;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .ha-wissen-modern {
    padding:
      58px
      18px
      70px !important;
  }


  .ha-wissen-intro {
    margin-bottom: 42px !important;
  }


  .ha-wissen-intro h1 {
    font-size: 42px !important;

    line-height: 1.04 !important;
  }


  .ha-wissen-intro > p:not(.ha-wissen-kicker) {
    font-size: 14px !important;
  }


  .ha-wissen-layout {
    display: block !important;
  }


  /* TIMELINE MOBILE */

  .ha-wissen-timeline {
    position: static !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;

    gap: 8px 20px !important;

    margin-bottom: 34px !important;

    padding: 0 0 18px !important;

    border-left: 0 !important;

    border-bottom:
      1px solid rgba(40,35,30,0.14) !important;
  }


  .ha-wissen-timeline span {
    padding: 0 !important;

    font-size: 12px !important;
  }


  .ha-wissen-timeline span.active::before {
    display: none !important;
  }


  /* POSTS */

  .ha-wissen-posts {
    display: block !important;
  }


  .ha-wissen-card,
  .ha-wissen-card:first-child {
    width: 100% !important;

    min-height: 0 !important;

    margin-bottom: 18px !important;

    padding: 28px 24px !important;

    border-radius: 12px !important;
  }


  .ha-wissen-card:first-child {
    grid-column: auto !important;
  }


  .ha-card-meta {
    margin-bottom: 24px !important;
  }


  .ha-wissen-card h2,
  .ha-wissen-card:first-child h2 {
    font-size: 28px !important;

    line-height: 1.1 !important;
  }


  .ha-wissen-card > p {
    font-size: 14px !important;
  }


  .ha-wissen-card > a {
    margin-top: 28px !important;

    padding-top: 0 !important;
  }

}/* =====================================================
   HERA HOME HERO – INITIAL CONSULTATION
   GOLD OUTLINE BUTTON
===================================================== */

.hera-home-actions .hera-button-secondary {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  min-width: 165px !important;

  padding: 14px 26px !important;

  box-sizing: border-box !important;

  background: transparent !important;

  border: 1.5px solid #b58b55 !important;
  border-radius: 999px !important;

  color: #2b2723 !important;

  text-decoration: none !important;

  font-size: 13px !important;
  font-weight: 500 !important;

  line-height: 1 !important;

  box-shadow: none !important;

  transition:
    background 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease !important;
}


.hera-home-actions .hera-button-secondary:hover {
  background: #b58b55 !important;

  border-color: #b58b55 !important;

  color: #ffffff !important;

  transform: translateY(-1px) !important;
}


/* MOBILE */

@media (max-width: 767px) {

  .hera-home-actions .hera-button-secondary {
    min-height: 48px !important;
  }

}/* =====================================================
   HERA LANGUAGE SWITCHER – FINAL FIX
===================================================== */


/* =====================================================
   DESKTOP
===================================================== */

.hera-language-switcher {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
}


/* DE + Pfeil */
.hera-language-switcher > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 4px !important;

  margin: 0 !important;
  padding: 8px 4px !important;

  list-style: none !important;
  list-style-type: none !important;

  cursor: pointer !important;

  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;

  color: #403a34 !important;
}


/* Browser-Pfeil entfernen */
.hera-language-switcher > summary::-webkit-details-marker {
  display: none !important;
}

.hera-language-switcher > summary::marker {
  content: "" !important;
  font-size: 0 !important;
}

.hera-language-switcher > summary::before {
  display: none !important;
  content: none !important;
}


/* eigener Pfeil */
.hera-language-switcher > summary span {
  display: inline-block !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 8px !important;
  line-height: 1 !important;

  color: #a77d49 !important;

  transition: transform 0.2s ease !important;
}


.hera-language-switcher[open] > summary span {
  transform: rotate(180deg) !important;
}



/* =====================================================
   DESKTOP DROPDOWN
===================================================== */

.hera-language-menu {
  position: absolute !important;

  top: calc(100% + 8px) !important;
  left: 50% !important;

  transform: translateX(-50%) !important;

  z-index: 99999 !important;

  min-width: 68px !important;
  width: 68px !important;

  padding: 6px !important;

  box-sizing: border-box !important;

  background: #f2efe9 !important;

  border: 1px solid rgba(40, 35, 30, 0.12) !important;
  border-radius: 8px !important;

  box-shadow: 0 12px 28px rgba(35, 30, 25, 0.10) !important;
}


/* WICHTIG:
   verhindert, dass allgemeine Header-Link-Regeln
   die Sprachlinks vergrössern
*/
.hera-header-new .hera-language-menu a {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 7px 4px !important;

  box-sizing: border-box !important;

  text-align: center !important;
  text-decoration: none !important;

  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;

  color: #514a43 !important;

  border: 0 !important;
  border-radius: 5px !important;
}


.hera-header-new .hera-language-menu a:hover {
  background: rgba(181, 139, 85, 0.10) !important;
}


.hera-header-new .hera-language-menu a.active {
  color: #a77d49 !important;
  font-weight: 600 !important;
}



/* =====================================================
   MOBILE LANGUAGE SWITCHER
===================================================== */

.hera-mobile-languages {
  margin: 16px 0 0 !important;
  padding: 16px 0 0 !important;

  border-top: 1px solid rgba(40, 35, 30, 0.12) !important;
}


.hera-mobile-language-label {
  display: block !important;

  margin: 0 0 10px !important;
  padding: 0 !important;

  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 600 !important;

  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;

  color: #9d7447 !important;
}


.hera-mobile-languages > div {
  display: flex !important;
  align-items: center !important;

  gap: 7px !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* Überschreibt die grossen mobilen Menülinks */
.hera-nav-mobile-v2 .hera-mobile-languages a {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 auto !important;

  width: 34px !important;
  height: 30px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;

  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;

  text-decoration: none !important;

  color: #514a43 !important;

  border: 1px solid rgba(40, 35, 30, 0.14) !important;
  border-radius: 999px !important;
}


.hera-nav-mobile-v2 .hera-mobile-languages a.active {
  color: #9a703e !important;
  border-color: #b58b55 !important;
}



/* =====================================================
   RESPONSIVE
===================================================== */

@media (min-width: 768px) {

  .hera-mobile-languages {
    display: none !important;
  }

}


@media (max-width: 767px) {

  .hera-language-switcher {
    display: none !important;
  }

}/* =========================================================
   HERA ACCOUNTS
   LIGHT BEIGE + WHITE THEME
   FINAL COLOUR OVERRIDE
========================================================= */


/* =========================================================
   COLOUR VARIABLES
========================================================= */

:root {
  --hera-white: #ffffff;

  --hera-beige-0: #fdfcf9;
  --hera-beige-1: #faf8f4;
  --hera-beige-2: #f6f2eb;
  --hera-beige-3: #eee7dc;

  --hera-text: #27231f;
  --hera-text-soft: #6f675f;

  --hera-gold: #b58b55;
  --hera-gold-soft: #d8c2a1;

  --hera-border: rgba(39, 35, 31, 0.10);
}


/* =========================================================
   GLOBAL
========================================================= */

html,
body,
.wp-site-blocks,
main,
.site,
.site-main {
  background: var(--hera-white) !important;
  color: var(--hera-text) !important;
}


/* =========================================================
   HEADER
========================================================= */

.hera-header-new {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-header-inner-new {
  background: var(--hera-white) !important;
}

.hera-brand-text-new strong,
.hera-header-new a,
.hera-nav-main-new {
  color: var(--hera-text) !important;
}

.hera-brand-text-new span {
  color: #877d72 !important;
}


/* MEGA MENU */
.hera-mega-menu-new,
.hera-mega-inner-new {
  background: var(--hera-white) !important;
}

.hera-mega-column-new a {
  color: #655d55 !important;
}

.hera-mega-title-new {
  color: var(--hera-text) !important;
}

.hera-mega-line-new {
  background: var(--hera-border) !important;
}


/* =========================================================
   LANGUAGE SWITCHER
========================================================= */

.hera-language-menu {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-language-menu a {
  color: var(--hera-text-soft) !important;
}

.hera-language-menu a.active {
  color: var(--hera-gold) !important;
}


/* =========================================================
   HOME
========================================================= */

.hera-home-hero {
  background: var(--hera-beige-1) !important;
}

.hera-home-solutions {
  background: var(--hera-white) !important;
}

.hera-home-cta {
  background: var(--hera-white) !important;
}

.hera-home-cta-box {
  background: var(--hera-beige-2) !important;
}

.hera-home-medical {
  background: var(--hera-beige-1) !important;
}

.hera-home-about {
  background: var(--hera-white) !important;
}


/* HOME SOLUTION CARDS */
.hera-home-solution-card {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-home-solution-featured {
  background: var(--hera-beige-2) !important;
}


/* =========================================================
   HERA DIGITAL
========================================================= */

.hera-digital-hero {
  background: var(--hera-beige-1) !important;
}

.hera-digital-image-block {
  background: var(--hera-white) !important;
}

.hera-digital-control {
  background: var(--hera-beige-2) !important;
}

.hera-digital-services {
  background: var(--hera-white) !important;
}

.hera-digital-benefit {
  background: var(--hera-beige-2) !important;
}


/* DIGITAL CARDS */
.hera-digital-control-card,
.hera-digital-service-card {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-digital-control-card-highlight,
.hera-digital-service-card-featured {
  background: var(--hera-beige-3) !important;
}


/* =========================================================
   HERA ADVISORY
========================================================= */

.hera-advisory-hero {
  background: var(--hera-beige-1) !important;
}

.hera-advisory-image-block {
  background: var(--hera-white) !important;
}

.hera-advisory-foundation {
  background: var(--hera-beige-2) !important;
}

.hera-advisory-services {
  background: var(--hera-white) !important;
}

.hera-advisory-outcome {
  background: var(--hera-beige-2) !important;
}


/* ADVISORY CARDS */
.hera-advisory-foundation-card,
.hera-advisory-service-card {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-advisory-foundation-card-highlight,
.hera-advisory-service-card-featured {
  background: var(--hera-beige-3) !important;
}


/* =========================================================
   HERA SUCCESSION
========================================================= */

.hera-succession-hero {
  background: var(--hera-beige-1) !important;
}

.hera-succession-image-block {
  background: var(--hera-white) !important;
}

.hera-succession-planning {
  background: var(--hera-beige-2) !important;
}

.hera-succession-services {
  background: var(--hera-white) !important;
}

.hera-succession-security {
  background: var(--hera-beige-2) !important;
}


/* SUCCESSION CARDS */
.hera-succession-planning-card,
.hera-succession-service-card {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-succession-planning-card-highlight,
.hera-succession-service-card-featured {
  background: var(--hera-beige-3) !important;
}


/* =========================================================
   HERA MEDICAL
========================================================= */

.hera-medical-hero {
  background: var(--hera-beige-1) !important;
}

.hera-medical-image-block {
  background: var(--hera-white) !important;
}

.hera-medical-foundation {
  background: var(--hera-beige-2) !important;
}

.hera-medical-services {
  background: var(--hera-white) !important;
}

.hera-medical-evolution {
  background: var(--hera-beige-2) !important;
}


/* MEDICAL CARDS */
.hera-medical-foundation-card,
.hera-medical-service-card {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-medical-foundation-card-highlight,
.hera-medical-service-card-featured {
  background: var(--hera-beige-3) !important;
}


/* =========================================================
   ABOUT US
========================================================= */

.hera-about-hero {
  background: var(--hera-beige-1) !important;
}

.hera-about-story {
  background: var(--hera-white) !important;
}

.hera-about-team {
  background: var(--hera-beige-1) !important;
}

.hera-about-values {
  background: var(--hera-white) !important;
}

.hera-about-cta {
  background: var(--hera-beige-2) !important;
}


/* ABOUT CARDS / DETAILS */
.hera-about-person,
.hera-about-languages,
.hera-about-value {
  border-color: var(--hera-border) !important;
}


/* =========================================================
   INSIGHTS
========================================================= */

.ha-wissen-modern {
  background: var(--hera-beige-1) !important;
}

.ha-wissen-card {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.ha-wissen-card:first-child {
  background: var(--hera-beige-3) !important;
}


/* =========================================================
   CONTACT
========================================================= */

.hera-contact,
.hera-contact-section {
  background: var(--hera-white) !important;
}

.hera-contact-content {
  background: var(--hera-beige-2) !important;
}

.hera-contact-detail {
  border-color: var(--hera-border) !important;
}


/* =========================================================
   TYPOGRAPHY
========================================================= */

.hera-home-hero h1,
.hera-home-solutions h2,
.hera-home-cta h2,
.hera-home-medical h2,
.hera-home-about h2,

.hera-digital-hero h1,
.hera-digital-control h2,
.hera-digital-services h2,
.hera-digital-benefit h2,

.hera-advisory-hero h1,
.hera-advisory-foundation h2,
.hera-advisory-services h2,
.hera-advisory-outcome h2,

.hera-succession-hero h1,
.hera-succession-planning h2,
.hera-succession-services h2,
.hera-succession-security h2,

.hera-medical-hero h1,
.hera-medical-foundation h2,
.hera-medical-services h2,
.hera-medical-evolution h2,

.hera-about-hero h1,
.hera-about-story h2,
.hera-about-team h2,
.hera-about-values h2,
.hera-about-cta h2,

.ha-wissen-modern h1,
.ha-wissen-modern h2 {
  color: var(--hera-text) !important;
}


/* SECONDARY TEXT */
.hera-home-lead,
.hera-home-solutions-intro,
.hera-digital-hero-lead,
.hera-advisory-hero-lead,
.hera-succession-hero-lead,
.hera-medical-lead,
.hera-about-lead,
.hera-contact-lead {
  color: var(--hera-text-soft) !important;
}


/* =========================================================
   EYEBROWS / LABELS / NUMBERS
========================================================= */

.hera-section-eyebrow,
.hera-home-eyebrow,
.hera-about-eyebrow,
.hera-medical-eyebrow,

.hera-home-solution-label,
.hera-digital-control-label,
.hera-digital-benefit-label,
.hera-advisory-foundation-label,
.hera-advisory-outcome-label,
.hera-succession-planning-label,
.hera-succession-security-label,
.hera-medical-foundation-label,

.hera-about-person-role,
.ha-wissen-kicker {
  color: var(--hera-gold) !important;
}


/* =========================================================
   LINKS
========================================================= */

.hera-home-solution-link,
.hera-home-medical-link,
.hera-home-about-link,

.hera-digital-services a,
.hera-digital-benefit-link,

.hera-advisory-services a,
.hera-advisory-outcome-link,

.hera-succession-services a,
.hera-succession-security-link,

.hera-medical-services a,
.hera-medical-evolution-link,

.ha-wissen-card > a {
  color: #9b7448 !important;
}


/* =========================================================
   BUTTONS
========================================================= */

.hera-button-primary {
  background: var(--hera-text) !important;
  border-color: var(--hera-text) !important;
  color: var(--hera-white) !important;
}

.hera-button-primary:hover {
  background: #3b3530 !important;
  border-color: #3b3530 !important;
  color: var(--hera-white) !important;
}


/* GOLD OUTLINE BUTTONS */
.hera-button-secondary,
.hera-cta-new {
  background: transparent !important;

  border-color: var(--hera-gold) !important;

  color: var(--hera-text) !important;
}

.hera-button-secondary:hover,
.hera-cta-new:hover {
  background: var(--hera-gold) !important;

  border-color: var(--hera-gold) !important;

  color: var(--hera-white) !important;
}


/* =========================================================
   BORDERS / DIVIDERS
========================================================= */

.hera-digital-principle,
.hera-advisory-principle,
.hera-succession-principle,
.hera-medical-focus-item,

.hera-digital-benefit-step,
.hera-advisory-outcome-step,
.hera-succession-security-step,

.hera-about-story-step {
  border-color: var(--hera-border) !important;
}


/* =========================================================
   MOBILE MENU
========================================================= */

.hera-mobile-menu-inner-v2,
.hera-mobile-solutions-inner-v2,
.hera-mobile-category-v2 > div {
  background: var(--hera-white) !important;
}

.hera-nav-mobile-v2 a,
.hera-mobile-category-v2 summary,
.hera-mobile-solutions-v2 summary {
  color: var(--hera-text) !important;
}

.hera-mobile-languages {
  border-color: var(--hera-border) !important;
}


/* =========================================================
   FOOTER
   BLEIBT BEWUSST DUNKEL
========================================================= */

.hera-footer {
  background: #1f1d1a !important;
  color: #f7f3ed !important;
}

.hera-footer h4,
.hera-footer a,
.hera-footer span,
.hera-footer-bottom {
  color: #f7f3ed !important;
}

.hera-footer a:hover {
  color: var(--hera-gold-soft) !important;
}

.hera-footer-divider {
  background: rgba(255,255,255,0.14) !important;
}/* =========================================================
   HERA – LIGHTER FEATURED AREAS
========================================================= */


/* HERA MEDICAL FEATURED CARD */
.hera-home-solution-featured {
  background: #FAFAF8 !important;
}


/* HOME CTA BOX */
.hera-home-cta-box {
  background: #FFFFFF !important;

  border: 1px solid rgba(39, 35, 31, 0.08) !important;
}


/* OPTIONAL:
   falls der CTA-Bereich selbst noch beige wirkt */
.hera-home-cta {
  background: #FAFAF8 !important;
}


/* OPTIONAL:
   übrige hervorgehobene Karten ebenfalls etwas heller */
.hera-digital-service-card-featured,
.hera-advisory-service-card-featured,
.hera-succession-service-card-featured,
.hera-medical-service-card-featured {
  background: #FAFAF8 !important;
}


/* HIGHLIGHT-CARDS IN ZWEISPALTIGEN BEREICHEN */
.hera-digital-control-card-highlight,
.hera-advisory-foundation-card-highlight,
.hera-succession-planning-card-highlight,
.hera-medical-foundation-card-highlight {
  background: #F7F5F1 !important;
}/* =========================================================
   HERA CONTACT – LIGHTER VERSION
========================================================= */

.hera-contact-content {
  background: #FCFBF8 !important;

  border: 1px solid rgba(39, 35, 31, 0.08) !important;

  border-radius: 14px !important;

  box-shadow: none !important;
}


/* Eyebrow */
.hera-contact-eyebrow {
  color: #B58B55 !important;
}


/* Heading */
.hera-contact-content h2 {
  color: #27231F !important;
}


/* Lead text */
.hera-contact-lead {
  color: #6F675F !important;
}


/* Contact rows */
.hera-contact-detail {
  background: transparent !important;

  border-color: rgba(39, 35, 31, 0.10) !important;
}


/* Icons */
.hera-contact-icon {
  border-color: #C9AA7B !important;
  color: #A77D49 !important;
}


/* Small labels */
.hera-contact-detail small {
  color: #A77D49 !important;
}


/* Main contact text */
.hera-contact-detail strong {
  color: #27231F !important;
}/* =========================================================
   HERA CONTACT – SAME LIGHT BEIGE AS CTA
========================================================= */

/* kompletter Kontaktbereich */
.hera-contact,
.hera-contact-section,
.wp-block-group:has(.hera-contact-content) {
  background: #FAF8F4 !important;
}


/* linke Kontaktbox */
.hera-contact-content {
  background: #FFFFFF !important;

  border: 1px solid rgba(39, 35, 31, 0.08) !important;

  border-radius: 14px !important;

  box-shadow: none !important;
}


/* Formularbereich */
.hera-contact-form,
.wp-block-jetpack-contact-form-container,
.wp-block-jetpack-contact-form {
  background: #FFFFFF !important;

  border-radius: 14px !important;

  box-shadow: 0 12px 34px rgba(39, 35, 31, 0.06) !important;
}


/* falls ein übergeordneter Spaltenblock weiss bleibt */
.wp-block-columns:has(.hera-contact-content) {
  background: #FAF8F4 !important;
}


/* etwas mehr Luft oben/unten */
.wp-block-group:has(.hera-contact-content) {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}/* =========================================================
   CONTACT FORM – REMOVE OUTER WHITE FRAME
========================================================= */

/* Äusseren Formular-Wrapper transparent machen */
.hera-contact-form,
.wp-block-jetpack-contact-form-container,
.wp-block-jetpack-contact-form {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}


/* eventuell zusätzlicher WordPress-/Jetpack-Wrapper */
.hera-contact-form > div,
.wp-block-jetpack-contact-form-container > div {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}


/* Das eigentliche Formular bleibt weiss */
.hera-contact-form form,
.wp-block-jetpack-contact-form form,
.contact-form {
  background: #FFFFFF !important;

  border: 1px solid rgba(39, 35, 31, 0.06) !important;
  border-radius: 14px !important;

  box-shadow: 0 12px 34px rgba(39, 35, 31, 0.05) !important;

  padding: 36px 40px !important;

  box-sizing: border-box !important;
}


/* Falls WordPress dem Formular selbst noch Margin gibt */
.hera-contact-form form,
.wp-block-jetpack-contact-form form {
  margin: 0 !important;
}/* =========================================================
   HERA ACCOUNTS – DATENSCHUTZ
   ========================================================= */

.hera-privacy-page,
.hera-privacy-page * {
  box-sizing: border-box;
}

.hera-privacy-page {
  width: 100%;
  margin: 0;
  padding: 136px 32px 120px;
  background: #f2efe9;
  color: #22211f;
}

.hera-privacy-inner {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.hera-privacy-header {
  max-width: 820px;
  margin: 0 0 92px;
}

.hera-privacy-eyebrow {
  display: inline-block;
  margin-bottom: 23px;
  color: #948676;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2.3px;
  line-height: 1.4;
  text-transform: uppercase;
}

.hera-privacy-header h1 {
  margin: 0 0 24px;
  color: #22211f;
  font-size: clamp(46px, 6.3vw, 76px);
  font-weight: 500;
  letter-spacing: -3px;
  line-height: 1.05;
}

.hera-privacy-intro {
  max-width: 740px;
  margin: 0;
  color: #625d56;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.85;
}

.hera-privacy-line {
  display: block;
  width: 78px;
  height: 1px;
  margin-top: 34px;
  background: #a6957d;
}

.hera-privacy-updated {
  margin: 18px 0 0;
  color: #8b8378;
  font-size: 13px;
  line-height: 1.6;
}


/* =========================================================
   INHALT
   ========================================================= */

.hera-privacy-content {
  width: 100%;
}

.hera-privacy-section {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  column-gap: 34px;
  padding: 39px 0 43px;
  border-top: 1px solid rgba(53, 47, 40, 0.14);
}

.hera-privacy-section:last-child {
  border-bottom: 1px solid rgba(53, 47, 40, 0.14);
}

.hera-privacy-number {
  padding-top: 5px;
  color: #9c8f7e;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1.2px;
  line-height: 1.6;
}

.hera-privacy-text {
  max-width: 815px;
}

.hera-privacy-text h2 {
  margin: 0 0 19px;
  color: #26231f;
  font-size: 27px;
  font-weight: 500;
  letter-spacing: -0.45px;
  line-height: 1.3;
}

.hera-privacy-text p {
  margin: 0 0 17px;
  color: #5f5a53;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.9;
}

.hera-privacy-text p:last-child {
  margin-bottom: 0;
}


/* =========================================================
   LISTEN
   ========================================================= */

.hera-privacy-text ul {
  margin: 3px 0 21px;
  padding-left: 19px;
}

.hera-privacy-text li {
  margin: 0 0 9px;
  padding-left: 5px;
  color: #5f5a53;
  font-size: 16px;
  line-height: 1.8;
}

.hera-privacy-text li:last-child {
  margin-bottom: 0;
}

.hera-privacy-text li::marker {
  color: #a6957d;
}


/* =========================================================
   KONTAKTBLOCK
   ========================================================= */

.hera-privacy-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  margin: 22px 0;
  padding: 23px 25px;
  background: rgba(255, 255, 255, 0.34);
  border: 1px solid rgba(53, 47, 40, 0.08);
  border-radius: 4px;
}

.hera-privacy-contact strong {
  margin-bottom: 4px;
  color: #25231f;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
}

.hera-privacy-contact span {
  color: #5f5a53;
  font-size: 15px;
  line-height: 1.65;
}

.hera-privacy-contact a {
  margin-top: 8px;
  color: #6f624f;
  font-size: 15px;
  text-decoration: none;
  transition: color 0.25s ease;
}

.hera-privacy-contact a:hover {
  color: #22211f;
}


/* =========================================================
   LINKS
   ========================================================= */

.hera-privacy-external-link,
.hera-privacy-mail {
  display: table;
  max-width: 100%;
  margin: 10px 0;
  padding-bottom: 3px;
  color: #6e604e;
  font-size: 15px;
  line-height: 1.65;
  text-decoration: none;
  overflow-wrap: anywhere;
  border-bottom: 1px solid rgba(110, 96, 78, 0.45);
  transition:
    color 0.25s ease,
    border-color 0.25s ease;
}

.hera-privacy-external-link:hover,
.hera-privacy-mail:hover {
  color: #22211f;
  border-color: #22211f;
}


/* =========================================================
   CTA
   ========================================================= */

.hera-privacy-cta {
  margin-top: 86px;
  padding: 58px 62px;
  background: #242320;
  color: #f2efe9;
  border-radius: 5px;
}

.hera-privacy-cta-eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  color: #b5a58f;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.5;
  text-transform: uppercase;
}

.hera-privacy-cta h2 {
  margin: 0 0 15px;
  color: #f2efe9;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -1.2px;
  line-height: 1.15;
}

.hera-privacy-cta p {
  max-width: 610px;
  margin: 0 0 27px;
  color: rgba(242, 239, 233, 0.77);
  font-size: 16px;
  line-height: 1.85;
}

.hera-privacy-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 47px;
  padding: 12px 22px;
  color: #242320;
  background: #f2efe9;
  border: 1px solid #f2efe9;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-decoration: none;
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease;
}

.hera-privacy-cta-button:hover {
  color: #f2efe9;
  background: transparent;
  border-color: #f2efe9;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .hera-privacy-page {
    padding: 115px 44px 105px;
  }

  .hera-privacy-header {
    margin-bottom: 75px;
  }

  .hera-privacy-header h1 {
    font-size: 62px;
    letter-spacing: -2px;
  }

  .hera-privacy-intro {
    font-size: 17px;
  }

  .hera-privacy-section {
    grid-template-columns: 68px minmax(0, 1fr);
    column-gap: 26px;
    padding: 35px 0 39px;
  }

  .hera-privacy-text h2 {
    font-size: 25px;
  }

  .hera-privacy-cta {
    margin-top: 72px;
    padding: 49px 48px;
  }

  .hera-privacy-cta h2 {
    font-size: 36px;
  }
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

  .hera-privacy-page {
    padding: 88px 22px 78px;
  }

  .hera-privacy-header {
    margin-bottom: 57px;
  }

  .hera-privacy-eyebrow {
    margin-bottom: 17px;
    font-size: 10px;
    letter-spacing: 1.9px;
  }

  .hera-privacy-header h1 {
    margin-bottom: 18px;
    font-size: clamp(38px, 9vw, 54px);
    letter-spacing: -1.6px;
    line-height: 1.08;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  .hera-privacy-intro {
    font-size: 15px;
    line-height: 1.8;
  }

  .hera-privacy-line {
    width: 64px;
    margin-top: 27px;
  }

  .hera-privacy-updated {
    margin-top: 15px;
    font-size: 12px;
  }

  .hera-privacy-section {
    grid-template-columns: 1fr;
    row-gap: 10px;
    padding: 27px 0 31px;
  }

  .hera-privacy-number {
    padding-top: 0;
    font-size: 11px;
  }

  .hera-privacy-text {
    max-width: 100%;
  }

  .hera-privacy-text h2 {
    margin-bottom: 15px;
    font-size: 22px;
    letter-spacing: -0.25px;
    line-height: 1.35;
  }

  .hera-privacy-text p {
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.85;
  }

  .hera-privacy-text ul {
    margin-bottom: 17px;
    padding-left: 18px;
  }

  .hera-privacy-text li {
    margin-bottom: 7px;
    padding-left: 3px;
    font-size: 14px;
    line-height: 1.75;
  }

  .hera-privacy-contact {
    margin: 18px 0;
    padding: 19px;
  }

  .hera-privacy-contact strong {
    font-size: 15px;
  }

  .hera-privacy-contact span,
  .hera-privacy-contact a {
    font-size: 14px;
  }

  .hera-privacy-external-link,
  .hera-privacy-mail {
    font-size: 14px;
  }

  .hera-privacy-cta {
    margin-top: 56px;
    padding: 38px 25px;
  }

  .hera-privacy-cta-eyebrow {
    margin-bottom: 15px;
    font-size: 10px;
    letter-spacing: 1.7px;
  }

  .hera-privacy-cta h2 {
    margin-bottom: 12px;
    font-size: 32px;
    letter-spacing: -0.8px;
  }

  .hera-privacy-cta p {
    margin-bottom: 23px;
    font-size: 14px;
    line-height: 1.8;
  }

  .hera-privacy-cta-button {
    width: 100%;
    min-height: 46px;
    font-size: 13px;
  }
}


/* =========================================================
   KLEINE SMARTPHONES
   ========================================================= */

@media (max-width: 390px) {

  .hera-privacy-page {
    padding-right: 18px;
    padding-left: 18px;
  }

  .hera-privacy-header h1 {
    font-size: 36px;
  }

  .hera-privacy-text h2 {
    font-size: 20px;
  }

  .hera-privacy-cta {
    padding: 33px 20px;
  }

  .hera-privacy-cta h2 {
    font-size: 29px;
  }
}/* ==================================================
   SPRACHEN – VERLINKUNG OHNE STANDARD-LINKDESIGN
================================================== */

.hera-home-about-languages div span a,
.hera-home-about-languages div span a:visited {
  display: block;
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-decoration: none;
  transition:
    color 0.25s ease,
    opacity 0.25s ease;
}

.hera-home-about-languages div span a:hover,
.hera-home-about-languages div span a:focus {
  color: inherit;
  text-decoration: none;
  opacity: 0.7;
}

.hera-home-about-languages div span a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
  border-radius: 2px;
}/* ==================================================
   DEUTSCHES KONTAKTFORMULAR:
   "(required)" durch "(erforderlich)" ersetzen
================================================== */

body.page-id-130 .hera-contact-right .grunion-label-required,
body.page-id-130 .hera-contact-right .grunion-field-label-required,
body.page-id-130 .hera-contact-right label span {
  font-size: 0 !important;
}

body.page-id-130 .hera-contact-right .grunion-label-required::after,
body.page-id-130 .hera-contact-right .grunion-field-label-required::after,
body.page-id-130 .hera-contact-right label span::after {
  content: " (erforderlich)" !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #777 !important;
}/* ==================================================
   SPRACHLINKS – BESTEHENDES DESIGN BEIBEHALTEN
================================================== */

.hera-about-language-list span a,
.hera-about-language-list span a:link,
.hera-about-language-list span a:visited,
.hera-about-language-list span a:hover,
.hera-about-language-list span a:active {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
}

.hera-about-language-list span a {
  display: block;
  transition: opacity 0.25s ease;
}

.hera-about-language-list span a:hover {
  opacity: 0.7;
}/* ==================================================
   SPRACHLINKS – KEINE BLAUE SCHRIFT
================================================== */

.hera-home-about-languages div span a,
.hera-home-about-languages div span a:link,
.hera-home-about-languages div span a:visited,
.hera-home-about-languages div span a:hover,
.hera-home-about-languages div span a:active {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
}

.hera-home-about-languages div span a {
  display: block;
  transition: opacity 0.25s ease;
}

.hera-home-about-languages div span a:hover {
  opacity: 0.7;
}/* ==================================================
   SPRACHLINKS – OHNE BLAUE SCHRIFT
================================================== */

.hera-about-language-list span a,
.hera-about-language-list span a:link,
.hera-about-language-list span a:visited,
.hera-about-language-list span a:hover,
.hera-about-language-list span a:active {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
}

.hera-about-language-list span a {
  display: block;
  transition: opacity 0.25s ease;
}

.hera-about-language-list span a:hover {
  opacity: 0.7;
}/* ==================================================
   ENLACES DE IDIOMAS – SIN TEXTO AZUL
================================================== */

.hera-home-about-languages div span a,
.hera-home-about-languages div span a:link,
.hera-home-about-languages div span a:visited,
.hera-home-about-languages div span a:hover,
.hera-home-about-languages div span a:active {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
}

.hera-home-about-languages div span a {
  display: block;
  transition: opacity 0.25s ease;
}

.hera-home-about-languages div span a:hover {
  opacity: 0.7;
}/* ==================================================
   LIENS DES LANGUES – SANS TEXTE BLEU
================================================== */

.hera-home-about-languages div span a,
.hera-home-about-languages div span a:link,
.hera-home-about-languages div span a:visited,
.hera-home-about-languages div span a:hover,
.hera-home-about-languages div span a:active {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
}

.hera-home-about-languages div span a {
  display: block;
  transition: opacity 0.25s ease;
}

.hera-home-about-languages div span a:hover {
  opacity: 0.7;
}/* ==================================================
   SPRACHLINKS – OHNE BLAUE SCHRIFT
================================================== */

.hera-about-language-list span a,
.hera-about-language-list span a:link,
.hera-about-language-list span a:visited,
.hera-about-language-list span a:hover,
.hera-about-language-list span a:active {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
}

.hera-about-language-list span a {
  display: block;
  transition: opacity 0.25s ease;
}

.hera-about-language-list span a:hover {
  opacity: 0.7;
}/* =========================================================
   HERA ACCOUNTS – UNDER CONSTRUCTION
   ========================================================= */

.hera-coming-soon,
.hera-coming-soon * {
  box-sizing: border-box;
}

.hera-coming-soon {
  --hera-bg: #f2efe9;
  --hera-dark: #161616;
  --hera-gold: #b69b62;
  --hera-text: #4d4a45;
  --hera-border: rgba(22, 22, 22, 0.15);

  position: relative;
  width: 100%;
  min-height: 100svh;
  overflow: hidden;
  background: var(--hera-bg);
  color: var(--hera-dark);
  font-family: Arial, Helvetica, sans-serif;
}

.hera-coming-soon-decoration {
  position: absolute;
  top: -23vw;
  right: -18vw;
  width: 62vw;
  height: 62vw;
  min-width: 650px;
  min-height: 650px;
  border: 1px solid rgba(182, 155, 98, 0.28);
  border-radius: 50%;
  pointer-events: none;
}

.hera-coming-soon-decoration::before,
.hera-coming-soon-decoration::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.hera-coming-soon-decoration::before {
  inset: 11%;
  border: 1px solid rgba(182, 155, 98, 0.17);
}

.hera-coming-soon-decoration::after {
  inset: 22%;
  border: 1px solid rgba(182, 155, 98, 0.11);
}

.hera-coming-soon-inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  width: min(100% - 64px, 1320px);
  min-height: 100svh;
  margin: 0 auto;
  padding: 42px 0 34px;
}


/* MARKE */

.hera-coming-soon-brand {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 15px;
  color: var(--hera-dark);
  text-decoration: none;
}

.hera-coming-soon-symbol {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  border: 1px solid var(--hera-gold);
  border-radius: 50%;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 23px;
  font-weight: 400;
  color: var(--hera-dark);
}

.hera-coming-soon-brand-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hera-coming-soon-brand-text strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.13em;
}

.hera-coming-soon-brand-text small {
  color: #6a665f;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}


/* HAUPTINHALT */

.hera-coming-soon-content {
  width: min(690px, 100%);
  margin: auto 0;
  padding: 80px 0 64px;
}

.hera-coming-soon-eyebrow {
  display: block;
  margin-bottom: 30px;
  color: #8d7548;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.2em;
}

.hera-coming-soon h1 {
  max-width: 800px;
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(58px, 7vw, 106px);
  font-weight: 400;
  line-height: 0.91;
  letter-spacing: -0.05em;
}

.hera-coming-soon-lead {
  max-width: 640px;
  margin: 36px 0 0;
  color: var(--hera-text);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(19px, 2vw, 24px);
  line-height: 1.55;
}

.hera-coming-soon-line {
  width: 72px;
  height: 1px;
  margin: 34px 0;
  background: var(--hera-gold);
}

.hera-coming-soon-note {
  max-width: 510px;
  margin: 0 0 30px;
  color: #5f5b54;
  font-size: 14px;
  line-height: 1.75;
}

.hera-coming-soon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  min-height: 54px;
  padding: 0 25px;
  border: 1px solid var(--hera-dark);
  background: var(--hera-dark);
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.hera-coming-soon-button span {
  font-size: 19px;
  font-weight: 300;
  transition: transform 0.25s ease;
}

.hera-coming-soon-button:hover {
  background: transparent;
  color: var(--hera-dark);
  transform: translateY(-2px);
}

.hera-coming-soon-button:hover span {
  transform: translateX(4px);
}


/* LEISTUNGSÜBERSICHT */

.hera-coming-soon-services {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--hera-border);
}

.hera-coming-soon-service {
  display: flex;
  flex-direction: column;
  gap: 13px;
  min-height: 106px;
  padding: 23px 24px;
  border-right: 1px solid var(--hera-border);
}

.hera-coming-soon-service:first-child {
  padding-left: 0;
}

.hera-coming-soon-service:last-child {
  border-right: 0;
}

.hera-coming-soon-service span {
  color: #927a4c;
  font-size: 10px;
  letter-spacing: 0.16em;
}

.hera-coming-soon-service strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
}


/* FOOTER */

.hera-coming-soon-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  padding-top: 24px;
  border-top: 1px solid var(--hera-border);
  color: #6d6962;
  font-size: 11px;
  line-height: 1.7;
}

.hera-coming-soon-footer > div:first-child {
  display: flex;
  flex-direction: column;
}

.hera-coming-soon-footer strong {
  color: var(--hera-dark);
  font-weight: 600;
  letter-spacing: 0.04em;
}

.hera-coming-soon-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 24px;
}

.hera-coming-soon-footer a {
  color: #5e5a53;
  text-decoration: none;
  transition: color 0.2s ease;
}

.hera-coming-soon-footer a:hover {
  color: var(--hera-gold);
}


/* TABLET */

@media (max-width: 900px) {

  .hera-coming-soon-inner {
    width: min(100% - 48px, 760px);
    padding-top: 32px;
  }

  .hera-coming-soon-content {
    padding: 100px 0 80px;
  }

  .hera-coming-soon-services {
    grid-template-columns: repeat(2, 1fr);
  }

  .hera-coming-soon-service {
    border-bottom: 1px solid var(--hera-border);
  }

  .hera-coming-soon-service:nth-child(2) {
    border-right: 0;
  }

  .hera-coming-soon-service:nth-child(3) {
    padding-left: 0;
    border-bottom: 0;
  }

  .hera-coming-soon-service:nth-child(4) {
    border-right: 0;
    border-bottom: 0;
  }

}


/* MOBILE */

@media (max-width: 600px) {

  .hera-coming-soon-inner {
    width: calc(100% - 38px);
    padding: 24px 0;
  }

  .hera-coming-soon-decoration {
    top: -210px;
    right: -330px;
    min-width: 590px;
    min-height: 590px;
  }

  .hera-coming-soon-symbol {
    width: 43px;
    height: 43px;
    font-size: 20px;
  }

  .hera-coming-soon-brand {
    gap: 11px;
  }

  .hera-coming-soon-brand-text strong {
    font-size: 14px;
  }

  .hera-coming-soon-brand-text small {
    max-width: 210px;
    font-size: 8px;
    line-height: 1.4;
  }

  .hera-coming-soon-content {
    margin: 0;
    padding: 95px 0 78px;
  }

  .hera-coming-soon-eyebrow {
    max-width: 290px;
    margin-bottom: 23px;
    font-size: 9px;
    line-height: 1.7;
  }

  .hera-coming-soon h1 {
    font-size: clamp(51px, 15vw, 70px);
    line-height: 0.96;
  }

  .hera-coming-soon-lead {
    margin-top: 27px;
    font-size: 18px;
    line-height: 1.55;
  }

  .hera-coming-soon-line {
    margin: 27px 0;
  }

  .hera-coming-soon-note {
    font-size: 13px;
    line-height: 1.7;
  }

  .hera-coming-soon-button {
    width: 100%;
    justify-content: space-between;
  }

  .hera-coming-soon-services {
    grid-template-columns: 1fr;
  }

  .hera-coming-soon-service,
  .hera-coming-soon-service:first-child,
  .hera-coming-soon-service:nth-child(3) {
    min-height: auto;
    padding: 19px 0;
    border-right: 0;
    border-bottom: 1px solid var(--hera-border);
  }

  .hera-coming-soon-service:last-child {
    border-bottom: 0;
  }

  .hera-coming-soon-footer {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 6px;
  }

  .hera-coming-soon-footer-links {
    justify-content: flex-start;
  }

}


/* KLEINE BILDSCHIRMHÖHE */

@media (min-width: 901px) and (max-height: 850px) {

  .hera-coming-soon-inner {
    padding-top: 28px;
  }

  .hera-coming-soon-content {
    padding: 50px 0;
  }

  .hera-coming-soon h1 {
    font-size: clamp(58px, 6vw, 86px);
  }

  .hera-coming-soon-lead {
    margin-top: 26px;
  }

  .hera-coming-soon-line {
    margin: 25px 0;
  }

}/* =========================================================
   HERA ACCOUNTS – UNDER CONSTRUCTION
   KOMPLETTER CSS-CODE
   ========================================================= */


/* GRUNDEINSTELLUNGEN */

.hera-coming-soon,
.hera-coming-soon * {
  box-sizing: border-box;
}

.hera-coming-soon {
  --hera-bg: #f2efe9;
  --hera-dark: #161616;
  --hera-gold: #b69b62;
  --hera-text: #4d4a45;
  --hera-muted: #6a665f;
  --hera-border: rgba(22, 22, 22, 0.15);

  position: relative;
  width: 100%;
  min-height: 100vh;
  min-height: 100svh;
  margin: 0;
  overflow: hidden;
  background-color: var(--hera-bg);
  color: var(--hera-dark);
  font-family: Arial, Helvetica, sans-serif;
}


/* DEKORATIVE KREISE */

.hera-coming-soon-decoration {
  position: absolute;
  top: -23vw;
  right: -18vw;
  width: 62vw;
  height: 62vw;
  min-width: 650px;
  min-height: 650px;
  border: 1px solid rgba(182, 155, 98, 0.28);
  border-radius: 50%;
  pointer-events: none;
}

.hera-coming-soon-decoration::before,
.hera-coming-soon-decoration::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.hera-coming-soon-decoration::before {
  inset: 11%;
  border: 1px solid rgba(182, 155, 98, 0.17);
}

.hera-coming-soon-decoration::after {
  inset: 22%;
  border: 1px solid rgba(182, 155, 98, 0.11);
}


/* INHALTSBEREICH */

.hera-coming-soon-inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  width: min(calc(100% - 64px), 1320px);
  min-height: 100vh;
  min-height: 100svh;
  margin: 0 auto;
  padding: 42px 0 34px;
}


/* =========================================================
   LOGO UND MARKE
   ========================================================= */

.hera-coming-soon-brand {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 16px;
  margin: 0;
  color: var(--hera-dark);
  text-decoration: none;
}

.hera-coming-soon-logo {
  display: block;
  width: 58px;
  height: 58px;
  max-width: none;
  flex-shrink: 0;
  object-fit: contain;
}

.hera-coming-soon-brand-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hera-coming-soon-brand-text strong {
  margin: 0;
  color: var(--hera-dark);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.13em;
}

.hera-coming-soon-brand-text small {
  margin: 0;
  color: var(--hera-muted);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}


/* =========================================================
   HAUPTINHALT
   ========================================================= */

.hera-coming-soon-content {
  width: min(690px, 100%);
  margin: auto 0;
  padding: 80px 0 64px;
}

.hera-coming-soon-eyebrow {
  display: block;
  margin: 0 0 30px;
  color: #8d7548;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.hera-coming-soon h1 {
  max-width: 800px;
  margin: 0;
  padding: 0;
  color: var(--hera-dark);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(58px, 7vw, 106px);
  font-weight: 400;
  line-height: 0.91;
  letter-spacing: -0.05em;
}

.hera-coming-soon-lead {
  max-width: 640px;
  margin: 36px 0 0;
  padding: 0;
  color: var(--hera-text);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(19px, 2vw, 24px);
  font-weight: 400;
  line-height: 1.55;
}

.hera-coming-soon-line {
  display: block;
  width: 72px;
  height: 1px;
  margin: 34px 0;
  background-color: var(--hera-gold);
}

.hera-coming-soon-note {
  max-width: 510px;
  margin: 0 0 30px;
  padding: 0;
  color: #5f5b54;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
}


/* KONTAKTBUTTON */

.hera-coming-soon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  min-height: 54px;
  margin: 0;
  padding: 0 25px;
  border: 1px solid var(--hera-dark);
  background-color: var(--hera-dark);
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.12em;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.hera-coming-soon-button span {
  display: inline-block;
  font-size: 19px;
  font-weight: 300;
  line-height: 1;
  transition: transform 0.25s ease;
}

.hera-coming-soon-button:hover,
.hera-coming-soon-button:focus {
  background-color: transparent;
  color: var(--hera-dark);
  transform: translateY(-2px);
}

.hera-coming-soon-button:hover span,
.hera-coming-soon-button:focus span {
  transform: translateX(4px);
}


/* =========================================================
   FOOTER
   ========================================================= */

.hera-coming-soon-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  margin: 0;
  padding-top: 24px;
  border-top: 1px solid var(--hera-border);
  color: #6d6962;
  font-size: 11px;
  line-height: 1.7;
}

.hera-coming-soon-footer > div:first-child {
  display: flex;
  flex-direction: column;
}

.hera-coming-soon-footer strong {
  color: var(--hera-dark);
  font-weight: 600;
  letter-spacing: 0.04em;
}

.hera-coming-soon-footer span {
  color: #6d6962;
}

.hera-coming-soon-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 24px;
}

.hera-coming-soon-footer a {
  color: #5e5a53;
  text-decoration: none;
  transition: color 0.2s ease;
}

.hera-coming-soon-footer a:hover,
.hera-coming-soon-footer a:focus {
  color: var(--hera-gold);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

  .hera-coming-soon-inner {
    width: min(calc(100% - 48px), 760px);
    padding: 32px 0 28px;
  }

  .hera-coming-soon-decoration {
    top: -250px;
    right: -320px;
    width: 720px;
    height: 720px;
    min-width: 0;
    min-height: 0;
  }

  .hera-coming-soon-content {
    width: min(650px, 100%);
    padding: 100px 0 80px;
  }

  .hera-coming-soon h1 {
    font-size: clamp(62px, 10vw, 88px);
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

  .hera-coming-soon {
    min-height: 100vh;
    min-height: 100svh;
    overflow-y: auto;
  }

  .hera-coming-soon-inner {
    width: calc(100% - 38px);
    min-height: 100vh;
    min-height: 100svh;
    padding: 24px 0;
  }

  .hera-coming-soon-decoration {
    top: -210px;
    right: -330px;
    width: 590px;
    height: 590px;
  }


  /* MOBILE LOGO */

  .hera-coming-soon-brand {
    gap: 12px;
  }

  .hera-coming-soon-logo {
    width: 48px;
    height: 48px;
  }

  .hera-coming-soon-brand-text {
    gap: 3px;
  }

  .hera-coming-soon-brand-text strong {
    font-size: 14px;
    letter-spacing: 0.11em;
  }

  .hera-coming-soon-brand-text small {
    max-width: 210px;
    font-size: 8px;
    line-height: 1.4;
    letter-spacing: 0.07em;
  }


  /* MOBILE INHALT */

  .hera-coming-soon-content {
    width: 100%;
    margin: 0;
    padding: 88px 0 72px;
  }

  .hera-coming-soon-eyebrow {
    max-width: 290px;
    margin-bottom: 23px;
    font-size: 9px;
    line-height: 1.7;
    letter-spacing: 0.17em;
  }

  .hera-coming-soon h1 {
    max-width: 100%;
    font-size: clamp(48px, 15vw, 68px);
    line-height: 0.96;
    letter-spacing: -0.045em;
  }

  .hera-coming-soon-lead {
    margin-top: 27px;
    font-size: 18px;
    line-height: 1.55;
  }

  .hera-coming-soon-line {
    margin: 27px 0;
  }

  .hera-coming-soon-note {
    margin-bottom: 25px;
    font-size: 13px;
    line-height: 1.7;
  }

  .hera-coming-soon-button {
    width: 100%;
    justify-content: space-between;
    min-height: 54px;
  }


  /* MOBILE FOOTER */

  .hera-coming-soon-footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 17px;
    padding-top: 20px;
  }

  .hera-coming-soon-footer-links {
    justify-content: flex-start;
    gap: 7px 18px;
  }

}


/* =========================================================
   SEHR KLEINE SMARTPHONES
   ========================================================= */

@media (max-width: 380px) {

  .hera-coming-soon-inner {
    width: calc(100% - 30px);
  }

  .hera-coming-soon-logo {
    width: 43px;
    height: 43px;
  }

  .hera-coming-soon-brand-text strong {
    font-size: 13px;
  }

  .hera-coming-soon-brand-text small {
    max-width: 180px;
    font-size: 7px;
  }

  .hera-coming-soon-content {
    padding: 72px 0 60px;
  }

  .hera-coming-soon h1 {
    font-size: 46px;
  }

}


/* =========================================================
   KLEINE DESKTOP-BILDSCHIRMHÖHEN
   ========================================================= */

@media (min-width: 901px) and (max-height: 850px) {

  .hera-coming-soon-inner {
    padding-top: 28px;
    padding-bottom: 24px;
  }

  .hera-coming-soon-content {
    padding: 50px 0;
  }

  .hera-coming-soon h1 {
    font-size: clamp(58px, 6vw, 86px);
  }

  .hera-coming-soon-lead {
    margin-top: 26px;
  }

  .hera-coming-soon-line {
    margin: 25px 0;
  }

}


/* =========================================================
   WORDPRESS-KORREKTUREN
   ========================================================= */

.hera-coming-soon img {
  border: 0;
  box-shadow: none;
}

.hera-coming-soon a {
  box-shadow: none;
}

.hera-coming-soon p,
.hera-coming-soon h1 {
  overflow-wrap: normal;
  word-break: normal;
}/* =========================================
   HERA – LEEREN THEME-HEADER ENTFERNEN
   ========================================= */

.site-header,
#masthead,
.site-branding {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Abstand zwischen Theme und eigenem Inhalt entfernen */
#content,
.site-content,
#primary,
.site-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* erster Seiteninhalt ohne zusätzlichen oberen Abstand */
.entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}/* HERA – LEEREN WORDPRESS-SEITENKOPF ENTFERNEN */

body.page .entry-header,
body.page .page-header,
body.page header.entry-header,
body.page .site-main > article > header,
body.page article > .entry-header {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Seiteninhalt direkt oben beginnen lassen */
body.page .entry-content,
body.page .site-content,
body.page #content,
body.page #primary,
body.page main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}/* =========================================
   HERA – VARIA / HEYER GLOBAL TOP GAP FIX
   ========================================= */

html,
body,
#page,
.site,
.site-content,
.content-area,
#content,
#primary,
.site-main,
main,
article,
.entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Varia Theme Header-/Title-Abstände neutralisieren */
.site-header,
#masthead,
.entry-header,
.page-header,
.site-branding {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Gutenberg / WordPress Block-Abstände */
.wp-site-blocks,
.wp-block-post-content,
.wp-block-group:first-child,
.entry-content > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* HERA: remove theme credit and frontend edit strip in every language. */
body #colophon,
body #page .entry-footer,
body #page .post-edit-link {
  display: none !important;
}

/* Remove the theme spacing beneath the custom HERA footer. */
body.page #main.site-main { padding-bottom: 0 !important; }
body.page #main > article > .entry-content { margin-bottom: 0 !important; }

	height: 42px !important;
	border: 1.4px solid #D4AF37 !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-family: "Cormorant Garamond", serif !important;
	font-size: 18px !important;
	color: #111 !important;
}

.ha-logo-text strong {
	font-family: Inter, sans-serif !important;
	font-size: 17px !important;
	letter-spacing: .08em !important;
	color: #111 !important;
}

.ha-logo-text small {
	font-family: Inter, sans-serif !important;
	font-size: 10px !important;
	letter-spacing: .08em !important;
	color: #6B6258 !important;
}

.ha-menu {
	display: flex !important;
	align-items: center !important;
	gap: 22px !important;
}

.ha-menu a {
	font-family: Inter, sans-serif !important;
	font-size: 14px !important;
	color: #111 !important;
	text-decoration: none !important;
}

.ha-cta {
	border: 1px solid #D4AF37 !important;
	border-radius: 999px !important;
	padding: 8px 16px !important;
	color: #111 !important;
	background: transparent !important;
	text-decoration: none !important;
	font-size: 14px !important;
}

.ha-hero-grid,
.ha-about-grid,
.ha-contact-grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 42px !important;
	align-items: center !important;
}

.ha-eyebrow {
	font-family: Inter, sans-serif !important;
	font-size: 11px !important;
	letter-spacing: .18em !important;
	text-transform: uppercase !important;
	color: #D4AF37 !important;
	margin-bottom: 14px !important;
}

.ha-section h1 {
	font-family: "Cormorant Garamond", serif !important;
	font-size: clamp(42px,5vw,68px) !important;
	line-height: 1 !important;
	margin: 0 0 20px !important;
	color: #111 !important;
}

.ha-section h2 {
	font-family: "Cormorant Garamond", serif !important;
	font-size: clamp(30px,4vw,48px) !important;
	line-height: 1.05 !important;
	margin: 0 0 18px !important;
	color: #111 !important;
}

.ha-section h3 {
	font-family: "Cormorant Garamond", serif !important;
	font-size: 25px !important;
	line-height: 1.1 !important;
}

.ha-section p,
.ha-lead {
	font-family: Inter, sans-serif !important;
	font-size: 15.5px !important;
	line-height: 1.6 !important;
	color: #333 !important;
}

.ha-btn {
	display: inline-block !important;
	padding: 11px 20px !important;
	border-radius: 999px !important;
	font-size: 14px !important;
	text-decoration: none !important;
}

.ha-btn-dark {
	background: #111 !important;
	color: #fff !important;
}

.ha-btn-outline {
	border: 1px solid #111 !important;
	color: #111 !important;
	background: transparent !important;
}

.ha-service-grid {
	display: grid !important;
	grid-template-columns: repeat(5,1fr) !important;
	gap: 14px !important;
}

.ha-service-card {
	background: #fff !important;
	padding: 24px !important;
	border: 1px solid rgba(17,17,17,.08) !important;
	color: #111 !important;
}

.ha-service-card.ha-dark {
	background: #111 !important;
	color: #fff !important;
}

.ha-quote {
	background: #111 !important;
	color: #fff !important;
	padding: 72px 0 !important;
}

.ha-quote blockquote {
	font-family: "Cormorant Garamond", serif !important;
	font-size: clamp(30px,4vw,54px) !important;
	line-height: 1.05 !important;
	margin: 0 !important;
}

.ha-package-grid {
	display: grid !important;
	grid-template-columns: repeat(3,1fr) !important;
	gap: 18px !important;
}

.ha-package-card {
	background: #fff !important;
	padding: 30px !important;
}

.ha-package-card.ha-featured {
	background: #111 !important;
	color: #fff !important;
}

.ha-form input,
.ha-form select,
.ha-form textarea {
	display: block !important;
	width: 100% !important;
	padding: 13px 14px !important;
	margin-bottom: 10px !important;
	border: 1px solid rgba(17,17,17,.18) !important;
	background: #fff !important;
	font-size: 15px !important;
}

.ha-form textarea {
	min-height: 120px !important;
}

.ha-form button {
	background: #111 !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 12px 22px !important;
}

.ha-footer {
	background: #111 !important;
	color: #fff !important;
	padding: 36px 0 !important;
}

.ha-footer-grid {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 20px !important;
}

.ha-footer-logo,
.ha-footer img {
	height: 44px !important;
	width: auto !important;
	display: block !important;
	margin-bottom: 10px !important;
}

.ha-footer p {
	color: #E8E1D6 !important;
	font-size: 14px !important;
}

@media(max-width:900px) {
	.ha-hero-grid,
																																					  .ha-about-grid,
																																					  .ha-contact-grid {
		grid-template-columns: 1fr !important;
	}
	
	.ha-service-grid {
		grid-template-columns: 1fr 1fr !important;
	}
	
	.ha-menu {
		display: none !important;
	}
}

@media(max-width:600px) {
	.ha-container {
		padding: 0 18px !important;
	}
	
	.ha-section {
		padding: 48px 0 !important;
	}
	
	.ha-section h1 {
		font-size: 40px !important;
	}
	
	.ha-service-grid,
																																					  .ha-package-grid {
		grid-template-columns: 1fr !important;
	}
	
	.ha-logo-text small {
		display: none !important;
	}
	
	.ha-footer-grid {
		flex-direction: column !important;
		align-items: flex-start !important;
	}
}

.ha-about-grid img {
	width: 100% !important;
	max-width: 720px !important;
	height: auto !important;
}

.ha-footer-logo {
	width: 100% !important;
	max-width: 720px !important;
	height: auto !important;
}

/* HEADER FIX – Hera Accounts */
.ha-nav {
	min-height: 88px !important;
	display: flex !important;
	align-items: center !important;
	gap: 28px !important;
}

.ha-logo {
	flex: 1 1 auto !important;
	min-width: 320px !important;
}

.ha-logo-text {
	display: flex !important;
	flex-direction: column !important;
	gap: 4px !important;
	line-height: 1.2 !important;
}

.ha-logo-text strong {
	white-space: nowrap !important;
	font-size: 18px !important;
}

.ha-logo-text small {
	white-space: nowrap !important;
	font-size: 10px !important;
	line-height: 1.3 !important;
}

.ha-menu {
	display: flex !important;
	align-items: center !important;
	gap: 24px !important;
	flex: 0 0 auto !important;
}

.ha-menu a {
	white-space: nowrap !important;
	font-size: 14px !important;
	line-height: 1 !important;
}

.ha-cta {
	white-space: nowrap !important;
	flex: 0 0 auto !important;
}

/* Auf Tablets: Servicezeile ausblenden, damit nichts umbrechen kann */
@media(max-width:1050px) {
	.ha-logo-text small {
		display: none !important;
	}
	
	.ha-logo {
		min-width: auto !important;
	}
}

/* Auf Mobile: Menü ausblenden */
@media(max-width:800px) {
	.ha-menu {
		display: none !important;
	}
	
	.ha-nav {
		min-height: 72px !important;
	}
}

/* HEADER MENU FINAL FIX */
.ha-menu {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 22px !important;
	flex-wrap: nowrap !important;
}

.ha-menu a {
	display: inline-flex !important;
	align-items: center !important;
	white-space: nowrap !important;
	font-size: 15px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	color: #111111 !important;
	text-decoration: none !important;
}

.ha-cta {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	white-space: nowrap !important;
	font-size: 15px !important;
	line-height: 1 !important;
	padding: 12px 24px !important;
	min-height: 44px !important;
	color: #111111 !important;
}

/* Falls der Header zu eng wird: Menü etwas früher ausblenden */
@media(max-width:980px) {
	.ha-menu {
		display: none !important;
	}
}

.ha-menu a,
.ha-cta {
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	white-space: nowrap !important;
}

.ha-logo img {
	height: 120px !important;
}

.ha-nav {
	min-height: 110px !important;
}

/* Menü kleiner + sauber ausgerichtet */
.ha-menu a {
	font-size: 13.5px !important;
	letter-spacing: .02em !important;
}

.ha-cta {
	font-size: 13.5px !important;
	padding: 8px 18px !important;
}

.ha-logo-text strong {
	font-size: 16px !important;
}

.ha-logo-text small {
	font-size: 9px !important;
}

/* 2-ZEILEN HEADER LAYOUT */
.ha-header {
	background: #F2EFE9;
	border-bottom: 1px solid rgba(17,17,17,.08);
}

.ha-header-top {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 18px 0 8px;
}

.ha-header-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 0 14px;
}

/* Menü sauber zentrieren */
.ha-menu {
	display: flex;
	gap: 26px;
}

.ha-menu a {
	font-size: 14px;
	color: #111;
	text-decoration: none;
	white-space: nowrap;
}

/* CTA rechts */
.ha-cta {
	border: 1px solid #D4AF37;
	border-radius: 999px;
	padding: 8px 20px;
	font-size: 14px;
	text-decoration: none;
	color: #111;
}

/* Service-Zeile unter Logo */
.ha-logo-text strong {
	font-size: 17px;
	letter-spacing: .08em;
}

.ha-logo-text small {
	font-size: 10px;
	color: #6B6258;
}

/* Mobile */
@media(max-width:800px) {
	.ha-header-bottom {
		flex-direction: column;
		gap: 12px;
	}
}

.ha-header-top {
	padding: 26px 0 10px !important;
}

.ha-header-bottom {
	padding: 10px 0 18px !important;
}

/* HERO GRID */
.ha-hero-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
}

/* HERO BILD */
.ha-hero-image img {
	width: 100%;
	max-width: 520px;
	height: auto;
	display: block;
	border-radius: 6px;
}

/* HERO TEXT */
.ha-eyebrow {
	font-size: 12px;
	letter-spacing: .18em;
	color: #C8A97E;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.ha-hero h1 {
	font-family: "Cormorant Garamond", serif;
	font-size: 64px;
	line-height: 1.05;
	margin-bottom: 24px;
}

.ha-lead {
	font-size: 17px;
	line-height: 1.6;
	margin-bottom: 30px;
	max-width: 520px;
}

/* MOBILE */
@media(max-width:900px) {
	.ha-hero-grid {
		grid-template-columns: 1fr;
	}
	
	.ha-hero-image {
		order: 2;
	}
	
	.ha-hero-text {
		order: 1;
	}
}

.ha-hero-image img {
	width: 130%;
	max-width: none;
	margin-left: -80px;
}	
}

/* HERO Layout korrigieren */
.ha-hero-grid {
	grid-template-columns: 1.2fr 1fr !important;
}

/* Bild deutlich größer darstellen */
.ha-hero-image img {
	width: 100% !important;
	max-width: 820px !important;
	height: auto !important;
}

/* optional: leicht nach links ziehen für Premium-Look */
/* HERO Bild noch grösser machen */
.ha-hero-grid {
	grid-template-columns: 1.4fr 1fr !important;
}

.ha-hero-image img {
	width: 180% !important;
	max-width: none !important;
	margin-left: -60px !important;
}

/* HERO Text nach rechts verschieben */
.ha-hero-text {
	margin-left: 100px !important;
}

/* Premium Hero Typografie */
.ha-hero h1 {
	font-size: 48px !important;
	line-height: 1.1 !important;
}

.ha-lead {
	font-size: 16px !important;
}

.entry-title {
	display: none !important;
}

/* Logo Hero Title Block zentrieren */
.ha-logo-hero {
	text-align: center;
	margin: 40px auto 60px;
}

.ha-logo-hero img {
	height: 140px;
	width: auto;
}

.ha-logo-hero strong {
	display: block;
	font-size: 32px;
	letter-spacing: .12em;
	margin-top: 18px;
}

.ha-logo-hero small {
	display: block;
	font-size: 14px;
	letter-spacing: .08em;
	color: #6B6258;
	margin-top: 6px;
}

/* HERO Branding Block gross & zentriert */
.wp-block-image img {
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
	height: 180px !important;
	width: auto !important;
}

/* Titel darunter */
.wp-block-heading {
	text-align: center !important;
	font-size: 36px !important;
	letter-spacing: .12em !important;
}

/* Servicezeile darunter */
.wp-block-heading + p {
	text-align: center !important;
	font-size: 14px !important;
	letter-spacing: .08em !important;
	color: #6B6258 !important;
}

/* Container begrenzung entfernen */
.wp-block-group {
	max-width: none !important;
}

/* HEADER LOGO GROSS + ZENTRIERT */
.ha-header-top {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	padding: 35px 0 22px !important;
}

.ha-header .ha-logo {
	justify-content: center !important;
	align-items: center !important;
}

.ha-header .ha-logo img {
	height: 210px !important;
	width: auto !important;
	max-height: none !important;
	max-width: none !important;
}

.ha-header .ha-logo-text strong {
	font-size: 28px !important;
	letter-spacing: .12em !important;
}

.ha-header .ha-logo-text small {
	font-size: 13px !important;
	letter-spacing: .1em !important;
}

.ha-header-bottom {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 32px !important;
	padding: 16px 0 24px !important;
}

/* FOOTER LOGO GROSS */
.ha-footer .ha-footer-logo {
	height: 160px !important;
	width: auto !important;
	max-height: none !important;
}

.ha-footer-grid {
	align-items: center !important;
	gap: 60px !important;
}

/* FOOTER SIGNATURE LAYOUT */
.ha-footer {
	background: #111;
	color: #fff;
	padding: 80px 0 70px;
}

/* GRID */
.ha-footer-grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	align-items: center;
	gap: 80px;
}

/* LOGO BLOCK */
.ha-footer-brand {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

/* LOGO GRÖSSE */
.ha-footer-logo {
	height: 200px !important;
	width: auto;
	margin-bottom: 18px;
}

/* TAGLINE */
.ha-footer-tagline {
	font-size: 16px;
	letter-spacing: .08em;
	color: #E8E1D6;
}

/* KONTAKT BLOCK */
.ha-footer-contact {
	font-size: 15px;
	line-height: 1.8;
}

.ha-footer-contact strong {
	font-size: 18px;
	display: block;
	margin-bottom: 8px;
}

/* LINKS */
.ha-footer-links {
	margin-top: 20px;
	display: flex;
	gap: 20px;
}

.ha-footer-links a {
	color: #D4AF37;
	text-decoration: none;
	font-size: 14px;
}

/* MOBILE */
@media(max-width:900px) {
	.ha-footer-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	
	.ha-footer-brand {
		align-items: center;
		text-align: center;
	}
}

/* SERVICE CARD IMAGE */
.ha-service-img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	border-radius: 10px;
	margin-bottom: 18px;
}

/* SERVICE CARD OPTIMIERUNG */
.ha-service-card {
	padding: 26px;
	background: #fff;
	border-radius: 14px;
	transition: .25s ease;
}

.ha-service-card:hover {
	transform: translateY(-6px);
}

.ha-service-card span {
	font-size: 14px;
	color: #C6A85A;
	letter-spacing: .08em;
}

.ha-service-card h3 {
	font-size: 22px;
	margin-top: 6px;
	margin-bottom: 10px;
}

.ha-service-card p {
	font-size: 16px;
	line-height: 1.6;
}

/* DARK VARIANTE */
.ha-service-card.ha-dark {
	background: #111;
	color: #fff;
}

.ha-service-card.ha-dark span {
	color: #D4AF37;
}

/* SERVICE CARD IMAGE */
.ha-service-img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	border-radius: 10px;
	margin-bottom: 18px;
}

/* SERVICE CARD OPTIMIERUNG */
.ha-service-card {
	padding: 26px;
	background: #fff;
	border-radius: 14px;
	transition: .25s ease;
}

.ha-service-card:hover {
	transform: translateY(-6px);
}

.ha-service-card span {
	font-size: 14px;
	color: #C6A85A;
	letter-spacing: .08em;
}

.ha-service-card h3 {
	font-size: 22px;
	margin-top: 6px;
	margin-bottom: 10px;
}

.ha-service-card p {
	font-size: 16px;
	line-height: 1.6;
}

/* DARK VARIANTE */
.ha-service-card.ha-dark {
	background: #111;
	color: #fff;
}

.ha-service-card.ha-dark span {
	color: #D4AF37;
}

.ha-service-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
	gap: 32px;
	justify-content: center;
	max-width: 1100px;
	margin: auto;
}

.ha-service-img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.ha-service-card span {
	display: none !important;
}

/* MODELLE GRID */
.ha-modelle-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
	gap: 40px;
	max-width: 900px;
	margin: auto;
}

/* CARD STYLE */
.ha-modell-card {
	background: #fff;
	padding: 30px;
	border-radius: 16px;
	text-align: center;
	transition: .25s ease;
}

.ha-modell-card:hover {
	transform: translateY(-6px);
}

/* DARK CARD */
.ha-modell-card.ha-dark {
	background: #111;
	color: white;
}

/* IMAGE */
.ha-modell-img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	border-radius: 12px;
	margin-bottom: 20px;
}

/* TITLE */
.ha-modell-card h3 {
	font-size: 28px;
	margin-bottom: 10px;
}

/* TEXT */
.ha-modell-card p {
	font-size: 17px;
	line-height: 1.6;
	max-width: 260px;
	margin: auto;
}

.ha-modelle-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px;
	max-width: 1100px;
	margin: auto;
}

@media(max-width:900px) {
	.ha-modelle-grid {
		grid-template-columns: 1fr;
	}
	
	.ha-modell-card {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
}

/* STATEMENT BLOCK – HERA STYLE */
.ha-quote-section {
	padding: 120px 20px;
	background: #f7f5f2;
}

.ha-quote-box {
	max-width: 820px;
	margin: auto;
	font-family: "Cormorant Garamond", serif;
	font-size: 42px;
	line-height: 1.35;
	color: #1a1a1a;
	text-align: center;
	position: relative;
}

.ha-quote-box::before {
	content: "";
	width: 80px;
	height: 2px;
	background: #c6a16e;
	display: block;
	margin: 0 auto 30px;
}

.ha-quote-box::after {
	content: "";
	width: 80px;
	height: 2px;
	background: #c6a16e;
	display: block;
	margin: 30px auto 0;
}

/* FOOTER – SOFT PREMIUM VERSION */
.ha-footer-soft {
	background: #F2EFE9 !important;
	padding: 90px 0 70px !important;
	border-top: 1px solid rgba(17,17,17,.08) !important;
}

.ha-footer-soft-grid {
	display: grid !important;
	grid-template-columns: 1.2fr 1fr !important;
	gap: 80px !important;
	align-items: center !important;
}

.ha-footer-soft-logo {
	height: 170px !important;
	width: auto !important;
	display: block !important;
	margin-bottom: 20px !important;
}

.ha-footer-soft-brand p {
	font-size: 16px !important;
	letter-spacing: .08em !important;
	color: #333 !important;
}

.ha-footer-soft-contact {
	text-align: left !important;
}

.ha-footer-soft-contact h3 {
	font-size: 34px !important;
	margin-bottom: 22px !important;
	color: #111 !important;
}

.ha-footer-soft-contact p {
	font-size: 16px !important;
	color: #333 !important;
	margin: 6px 0 !important;
}

.ha-footer-soft-links {
	margin-top: 24px !important;
	display: flex !important;
	gap: 24px !important;
}

.ha-footer-soft-links a {
	color: #C6A85A !important;
	text-decoration: none !important;
	font-size: 15px !important;
}

@media(max-width:800px) {
	.ha-footer-soft-grid {
		grid-template-columns: 1fr !important;
		gap: 40px !important;
	}
	
	.ha-footer-soft-logo {
		height: 130px !important;
	}
}

/* NUR MENÜZEILE STICKY MACHEN */
.ha-header-bottom {
	position: sticky;
	top: 0;
	background: #F7F5F2;
	z-index: 999;
	padding: 12px 0;
	border-bottom: 1px solid rgba(0,0,0,0.06);
}

/* LOGO-ZEILE NICHT STICKY */
.ha-header-top {
	position: relative;
}

/* FINAL FIX: Nur Menü sticky, Logo scrollt weg */
.ha-header {
	position: relative !important;
	top: auto !important;
	z-index: auto !important;
	background: #F2EFE9 !important;
}

.ha-header-top {
	position: relative !important;
	background: #F2EFE9 !important;
}

.ha-header-bottom {
	position: sticky !important;
	top: 0 !important;
	z-index: 9999 !important;
	background: #F2EFE9 !important;
	border-top: 1px solid rgba(17,17,17,0.06) !important;
	border-bottom: 1px solid rgba(17,17,17,0.08) !important;
	box-shadow: none !important;
}

/* Gleiche Hintergrundfarbe erzwingen */
.ha-header-bottom,
.ha-header-bottom * {
	background-color: transparent !important;
}

.ha-header-bottom {
	background-color: #F2EFE9 !important;
}

.ha-modell-card.ha-dark {
	background: #1c1c1c !important;
}

/* DARK MODEL CARD – KOMPLETT LESBAR MACHEN */
.ha-modell-card.ha-dark h3 {
	color: #ffffff !important;
}

.ha-modell-card.ha-dark p {
	color: rgba(255,255,255,0.88) !important;
}

/* DARK SERVICE CARDS – TEXT LESBAR MACHEN */
.ha-service-card.ha-dark h3 {
	color: #ffffff !important;
}

.ha-service-card.ha-dark p {
	color: rgba(255,255,255,0.88) !important;
}

.ha-service-card.ha-dark span {
	color: rgba(255,255,255,0.55) !important;
}

/* MEHR ABSTAND ZWISCHEN TEXT UND SERVICE-KARTEN */
.ha-heading p {
	margin-bottom: 30px !important;
}

.ha-about-section p + a {
	margin-top: 40px !important;
	display: inline-block;
}

/* Abstand Button im About-Bereich erhöhen */
.ha-about-grid a.ha-btn {
	display: inline-block;
	margin-top: 36px !important;
}

/* KONTAKT PREMIUM */
.ha-contact-premium {
	padding: 100px 0 !important;
}

.ha-contact-card {
	background: #ffffff !important;
	border-radius: 22px !important;
	padding: 70px !important;
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 70px !important;
	align-items: center !important;
	box-shadow: 0 20px 60px rgba(0,0,0,0.04) !important;
}

.ha-contact-left h2 {
	font-size: 54px !important;
	line-height: 1.05 !important;
	margin-bottom: 24px !important;
}

.ha-contact-left p {
	font-size: 17px !important;
	line-height: 1.7 !important;
	color: #333 !important;
}

.ha-contact-info {
	margin-top: 35px !important;
	padding-top: 25px !important;
	border-top: 1px solid rgba(17,17,17,0.12) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: #333 !important;
}

.ha-contact-form {
	background: #F2EFE9 !important;
	padding: 35px !important;
	border-radius: 18px !important;
}

.ha-contact-form input,
.ha-contact-form select,
.ha-contact-form textarea {
	width: 100% !important;
	padding: 15px 16px !important;
	margin-bottom: 14px !important;
	border: 1px solid rgba(17,17,17,0.12) !important;
	border-radius: 10px !important;
	background: #ffffff !important;
	font-size: 15px !important;
	font-family: Inter, sans-serif !important;
}

.ha-contact-form textarea {
	min-height: 130px !important;
}

.ha-contact-form button {
	width: 100% !important;
	background: #111111 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 999px !important;
	padding: 15px 24px !important;
	font-size: 15px !important;
	cursor: pointer !important;
}

@media(max-width:900px) {
	.ha-contact-card {
		grid-template-columns: 1fr !important;
		padding: 40px 26px !important;
	}
	
	.ha-contact-left h2 {
		font-size: 40px !important;
	}
	
	.ha-contact-left p:first-of-type {
		white-space: nowrap;
	}
}

/* HEADER LOGO GRÖSSER MACHEN */
.ha-header-top img {
	height: 300px !important;
}

.ha-logo-text strong {
	font-size: 34px !important;
}

/* HEADER LOGO GRÖSSER – FINAL FIX */
.ha-logo img {
	height: 260px !important;
	max-height: none !important;
	width: auto !important;
}

.ha-logo-text small {
	font-size: 16px !important;
}

/* CONTAINER DARF GRÖSSER WERDEN */
.ha-header-top {
	height: auto !important;
}

.ha-logo {
	align-items: center !important;
}

/* HEADER LOGO SICHTBAR GRÖSSER MACHEN */
.ha-header .ha-header-top .ha-logo img {
	width: 1000px !important;
	height: auto !important;
	max-width: none !important;
	max-height: none !important;
}

.ha-header-top {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

/* ===== MOBILE FIX HERA ACCOUNTS ===== */
@media(max-width: 768px) {
	body {
		overflow-x: hidden !important;
	}
	
	.ha-container {
		max-width: 100% !important;
		padding: 0 22px !important;
	}
	
	/* Header kompakter */
	.ha-header {
		position: relative !important;
	}
	
	.ha-header-top {
		justify-content: center !important;
		padding: 22px 0 10px !important;
	}
	
	.ha-logo {
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
		gap: 10px !important;
	}
	
	.ha-header .ha-logo img {
		height: 110px !important;
		max-width: 90vw !important;
		object-fit: contain !important;
	}
	
	.ha-logo-text strong {
		font-size: 18px !important;
		letter-spacing: .12em !important;
	}
	
	.ha-logo-text small {
		display: none !important;
	}
	
	/* Menü untereinander sauber */
	.ha-header-bottom {
		flex-direction: column !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 14px !important;
		padding: 18px 0 24px !important;
	}
	
	.ha-header-bottom a {
		font-size: 14px !important;
		line-height: 1.2 !important;
		text-align: center !important;
	}
	
	.ha-cta {
		padding: 9px 18px !important;
		font-size: 13px !important;
	}
	
	/* Hero Mobile */
	.ha-hero-grid {
		display: block !important;
	}
	
	.ha-hero-image {
		margin: 0 0 30px !important;
	}
	
	.ha-hero-image img {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		border-radius: 14px !important;
	}
	
	.ha-hero-text {
		margin-left: 0 !important;
		text-align: left !important;
	}
	
	.ha-hero h1,
																																  .ha-section h1 {
		font-size: 42px !important;
		line-height: 1.05 !important;
	}
	
	.ha-lead {
		font-size: 15px !important;
		line-height: 1.6 !important;
	}
	
	/* Karten Mobile */
	.ha-package-grid,
																																  .ha-service-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 24px !important;
	}
	
	.ha-package-card,
																																  .ha-service-card {
		width: 100% !important;
	}
	
	.ha-package-img,
																																  .ha-service-img {
		height: 220px !important;
		width: 100% !important;
		object-fit: cover !important;
	}
}

/* ===== FINAL MOBILE FIX ===== */
@media (max-width: 768px) {
	html, body {
		width: 100% !important;
		overflow-x: hidden !important;
	}
	
	.ha-container {
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
		margin: 0 auto !important;
	}
	
	/* Header Logo nicht mehr riesig/abgeschnitten */
	.ha-header-top {
		padding: 24px 0 10px !important;
		justify-content: center !important;
	}
	
	.ha-header .ha-logo {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
		width: 100% !important;
	}
	
	.ha-header .ha-logo img {
		height: auto !important;
		width: 260px !important;
		max-width: 85vw !important;
		object-fit: contain !important;
	}
	
	.ha-logo-text strong {
		font-size: 22px !important;
		text-align: center !important;
	}
	
	.ha-logo-text small {
		display: none !important;
	}
	
	/* Menü sauber untereinander */
	.ha-header-bottom {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 14px !important;
		padding: 18px 0 28px !important;
	}
	
	.ha-header-bottom a {
		font-size: 14px !important;
		line-height: 1.2 !important;
	}
	
	.ha-cta {
		padding: 9px 20px !important;
	}
	
	/* Hero sauber */
	.ha-hero-grid {
		display: flex !important;
		flex-direction: column !important;
		gap: 28px !important;
	}
	
	.ha-hero-image {
		margin: 0 !important;
		width: 100% !important;
	}
	
	.ha-hero-image img {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		border-radius: 14px !important;
	}
	
	.ha-hero-text {
		margin-left: 0 !important;
		width: 100% !important;
	}
	
	.ha-hero h1,
																																  .ha-section h1 {
		font-size: 42px !important;
		line-height: 1.05 !important;
	}
	
	/* Karten */
	.ha-service-grid,
																																  .ha-package-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 28px !important;
	}
	
	.ha-service-card,
																																  .ha-package-card {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	.ha-service-img,
																																  .ha-package-img {
		width: 100% !important;
		height: 160px !important;
		object-fit: cover !important;
	}
}

/* MOBILE LOGO ENDGÜLTIG VERKLEINERN */
@media (max-width: 768px) {
	body .ha-header .ha-logo img,
																																  body .ha-header-top .ha-logo img,
																																  body header.ha-header img {
		width: 220px !important;
		height: auto !important;
		max-width: 80vw !important;
		max-height: 90px !important;
		object-fit: contain !important;
		display: block !important;
		margin: 0 auto !important;
	}
	
	body .ha-header-top {
		padding: 18px 0 8px !important;
	}
	
	body .ha-logo {
		width: 100% !important;
		justify-content: center !important;
		align-items: center !important;
		text-align: center !important;
	}
}

/* HEADER BASIS */
.hera-header-new {
	position: sticky;
	top: 0;
	z-index: 999;
	background: #F2EFE9;
	border-bottom: 1px solid rgba(0,0,0,0.06);
}

.hera-header-inner-new {
	max-width: 1180px;
	margin: 0 auto;
	padding: 18px 26px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* LOGO */
.hera-brand-new {
	display: flex;
	align-items: center;
	gap: 12px;
	text-decoration: none;
}

.hera-brand-new img {
	height: 66px;
}

.hera-brand-text-new strong {
	display: block;
	font-size: 18px;
	letter-spacing: .04em;
	color: #1c1c1c;
}

.hera-brand-text-new span {
	font-size: 12px;
	color: #7a746a;
}

/* NAVIGATION */
.hera-nav-new {
	display: flex;
	gap: 34px;
}

.hera-nav-new a {
	text-decoration: none;
	font-size: 15px;
	color: #4d4a45;
	position: relative;
	padding-bottom: 6px;
	transition: .25s;
}

/* GOLDENE LINIE AKTIVER LINK */
.hera-nav-new a.active::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #C6A46C;
}

/* HOVER EFFEKT */
.hera-nav-new a:hover {
	color: #1c1c1c;
}

.hera-nav-new a:hover::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #C6A46C;
}

/* CTA BUTTON */
.hera-cta-new {
	text-decoration: none;
	padding: 10px 22px;
	border-radius: 30px;
	border: 1px solid #C6A46C;
	color: #1c1c1c;
	font-size: 14px;
	transition: .25s;
}

.hera-cta-new:hover {
	background: #C6A46C;
	color: white;
}

/* ENTFERNT WORDPRESS TOP-ABSTAND */
body {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* HEADER DIREKT AN OBEREN RAND */
.hera-header-new {
	margin-top: 0 !important;
	padding-top: 6px;
	padding-bottom: 6px;
}

/* INNERER HEADER KOMPAKTER */
.hera-header-inner-new {
	padding-top: 8px;
	padding-bottom: 8px;
}

.site-header {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.wp-site-blocks {
	padding-top: 0 !important;
}

.hera-header-new {
	position: sticky;
	top: 0;
}

/* HEADER VOLLE BREITE + GANZ OBEN */
.hera-header-new {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100vw !important;
	z-index: 9999 !important;
	background: #F2EFE9 !important;
	border-bottom: 1px solid rgba(0,0,0,0.08) !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Inhalt im Header über ganze Breite verteilen */
.hera-header-inner-new {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 22px 64px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	box-sizing: border-box !important;
}

/* Logo links */
.hera-brand-new {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	text-decoration: none !important;
	flex: 0 0 auto !important;
}

.hera-brand-new img {
	height: 48px !important;
	width: auto !important;
}

/* Navigation rechts */
.hera-nav-new {
	display: flex !important;
	align-items: center !important;
	gap: 42px !important;
	margin-left: auto !important;
}

.hera-nav-new a {
	text-decoration: none !important;
	font-size: 15px !important;
	color: #1f1f1f !important;
	padding-bottom: 7px !important;
	position: relative !important;
}

.hera-nav-new a.active::after,
.hera-nav-new a:hover::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #C6A46C;
}

/* Button ganz rechts */
.hera-cta-new {
	margin-left: 42px !important;
	padding: 11px 24px !important;
	border: 1px solid #C6A46C !important;
	border-radius: 999px !important;
	color: #1f1f1f !important;
	text-decoration: none !important;
	font-size: 14px !important;
}

/* WordPress-Abstände entfernen */
.wp-site-blocks,
.site,
.site-content,
.entry-content,
.wp-block-group {
	margin-top: 0 !important;
}

/* HEADER FIX */
.hera-header-new {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	z-index: 9999 !important;
	background: #F2EFE9 !important;
	border-bottom: 1px solid rgba(0,0,0,0.08) !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

.hera-header-inner-new {
	width: 100% !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
	min-height: 88px !important;
	padding: 12px 48px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 40px !important;
	box-sizing: border-box !important;
}

/* LOGO */
.hera-brand-new {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	text-decoration: none !important;
	flex-shrink: 0 !important;
}

.hera-brand-new img {
	height: 48px !important;
	width: auto !important;
	display: block !important;
}

.hera-brand-text-new strong {
	display: block !important;
	font-size: 22px !important;
	line-height: 1.1 !important;
	color: #111 !important;
}

.hera-brand-text-new span {
	display: block !important;
	margin-top: 8px !important;
	font-size: 14px !important;
	color: #7a746a !important;
}

/* NAVIGATION */
.hera-nav-new {
	display: flex !important;
	align-items: center !important;
	gap: 34px !important;
	margin-left: auto !important;
	white-space: nowrap !important;
}

.hera-nav-new a {
	display: inline-block !important;
	text-decoration: none !important;
	font-size: 17px !important;
	color: #1f1f1f !important;
	line-height: 1 !important;
	padding: 8px 0 !important;
}

/* BUTTON */
.hera-cta-new {
	display: inline-block !important;
	flex-shrink: 0 !important;
	margin-left: 8px !important;
	padding: 13px 28px !important;
	border: 1px solid #C6A46C !important;
	border-radius: 999px !important;
	color: #1f1f1f !important;
	text-decoration: none !important;
	font-size: 15px !important;
	line-height: 1 !important;
}

/* Damit der Hero nicht unter dem fixen Header verschwindet */
body {
	padding-top: 88px !important;
}

/* HEADER GANZ OBEN + VOLLBREITE */
.hera-header-new {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: #F2EFE9;
	border-bottom: 1px solid rgba(0,0,0,.08);
	z-index: 9999;
}

/* HEADER INHALT GANZE BREITE */
.hera-header-inner-new {
	width: 100%;
	padding: 18px 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
}

/* LOGO */
.hera-brand-new {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-shrink: 0;
}

.hera-brand-new img {
	height: 52px;
}

/* NAVIGATION */
.hera-nav-new {
	display: flex;
	gap: 48px;
	margin-left: auto;
}

.hera-nav-new a {
	font-size: 17px;
	text-decoration: none;
	color: #1a1a1a;
	position: relative;
}

/* GOLDENE LINIE */
.hera-nav-new a.active::after,
.hera-nav-new a:hover::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 100%;
	height: 2px;
	background: #C6A46C;
}

/* BUTTON RECHTS */
.hera-cta-new {
	margin-left: 40px;
	padding: 12px 28px;
	border-radius: 999px;
	border: 1px solid #C6A46C;
	text-decoration: none;
	color: #1a1a1a;
	font-size: 15px;
}

/* HERO NICHT MEHR UNTER HEADER */
body {
	margin-top: 0 !important;
	padding-top: 96px !important;
}

/* WORDPRESS BLOCK THEME FIX */
.wp-site-blocks {
	padding-top: 0 !important;
}

header.wp-block-template-part {
	margin-top: 0 !important;
}

/* FIX: HEADER NICHT MEHR OBEN ABSCHNEIDEN */
.hera-header-new {
	top: 0 !important;
	overflow: visible !important;
}

/* Wenn du in WordPress eingeloggt bist */
body.admin-bar .hera-header-new {
	top: 32px !important;
}

@media screen and (max-width: 782px) {
	body.admin-bar .hera-header-new {
		top: 46px !important;
	}
}

/* Mehr Platz im Header */
.hera-header-inner-new {
	min-height: 96px !important;
	padding: 18px 48px 16px !important;
}

/* Inhalt weiter nach rechts strecken */
.hera-header-inner-new {
	max-width: none !important;
	width: 100% !important;
}

.hera-nav-new {
	margin-left: auto !important;
	gap: 48px !important;
}

.hera-cta-new {
	margin-left: 44px !important;
	margin-right: 32px !important;
}

/* HEADER WIRKLICH VOLLBREITE */
.hera-header-new {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	background: #F2EFE9;
	border-bottom: 1px solid rgba(0,0,0,.08);
	z-index: 9999;
}

/* INNERER HEADER GANZE BREITE */
.hera-header-inner-new {
	max-width: none !important;
	width: 100% !important;
	padding-left: clamp(24px, 6vw, 120px);
	padding-right: clamp(24px, 6vw, 120px);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* HEADER EDGE-TO-EDGE FORCE FIX */
.hera-header-new {
	position: fixed !important;
	top: 32px !important;
/* falls du eingeloggt bist */
	left: 50% !important;
	right: auto !important;
	width: 100vw !important;
	max-width: 100vw !important;
	transform: translateX(-50%) !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #F2EFE9 !important;
	border-bottom: 1px solid rgba(0,0,0,.08) !important;
	z-index: 99999 !important;
}

/* Falls du nicht eingeloggt bist / Live-Seite */
body:not(.admin-bar) .hera-header-new {
	top: 0 !important;
}

/* Inhalt im Header */
.hera-header-inner-new {
	width: 100% !important;
	max-width: none !important;
	padding-left: clamp(24px, 6vw, 120px) !important;
	padding-right: clamp(24px, 6vw, 120px) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
}

/* Menü nach rechts drücken */
.hera-nav-new {
	margin-left: auto !important;
}

.hera-cta-new {
	margin-left: 42px !important;
}

/* HEADER TYPOGRAFIE + ABSTÄNDE FINAL */
.hera-header-inner-new {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	padding-left: clamp(40px, 6vw, 140px) !important;
	padding-right: clamp(40px, 6vw, 140px) !important;
}

/* LOGO BLOCK */
.hera-brand-new img {
	height: 50px !important;
}

.hera-brand-text-new strong {
	font-family: "Playfair Display", serif !important;
	font-size: 22px !important;
	letter-spacing: .04em !important;
	color: #1A1A1A !important;
}

.hera-brand-text-new span {
	font-family: system-ui, sans-serif !important;
	font-size: 13px !important;
	letter-spacing: .06em !important;
	color: #8A8276 !important;
	margin-top: 4px !important;
}

/* NAVIGATION */
.hera-nav-new {
	gap: 46px !important;
}

.hera-nav-new a {
	font-family: system-ui, sans-serif !important;
	font-size: 17px !important;
	font-weight: 500 !important;
	color: #1A1A1A !important;
	letter-spacing: .01em !important;
	padding-bottom: 8px !important;
}

/* AKTIVER MENÜPUNKT */
.hera-nav-new a.active {
	color: #C6A46C !important;
}

.hera-nav-new a.active::after {
	bottom: -8px !important;
	height: 2px !important;
	background: #C6A46C !important;
}

/* CTA BUTTON */
.hera-cta-new {
	font-family: system-ui, sans-serif !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	padding: 14px 32px !important;
	border-radius: 999px !important;
	border: 1.5px solid #C6A46C !important;
	color: #1A1A1A !important;
	margin-left: 52px !important;
}

.hera-cta-new:hover {
	background: #C6A46C !important;
	color: white !important;
}

/* HEADER FINAL OVERRIDE */
/* Alle Links im Header neutralisieren */
.hera-header-new a,
.hera-header-new a:visited,
.hera-header-new a:hover,
.hera-header-new a:active {
	color: #1A1A1A !important;
	text-decoration: none !important;
}

/* Header Höhe und Abstände */
.hera-header-inner-new {
	min-height: 86px !important;
	padding: 18px clamp(40px, 6vw, 120px) !important;
	gap: 0 !important;
}

/* Logo */
.hera-brand-new {
	gap: 18px !important;
}

.hera-brand-new img {
	height: 54px !important;
}

.hera-brand-text-new strong {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 25px !important;
	font-weight: 700 !important;
	letter-spacing: .05em !important;
	color: #151515 !important;
}

.hera-brand-text-new span {
	font-size: 14px !important;
	letter-spacing: .03em !important;
	color: #7B746B !important;
	margin-top: 6px !important;
}

/* Menü */
.hera-nav-new {
	margin-left: auto !important;
	display: flex !important;
	align-items: center !important;
	gap: 76px !important;
}

.hera-nav-new a {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	color: #1A1A1A !important;
	line-height: 1 !important;
}

/* Aktiver Link */
.hera-nav-new a.active {
	color: #C6A46C !important;
}

.hera-nav-new a.active::after,
.hera-nav-new a:hover::after {
	background: #C6A46C !important;
}

/* Button */
.hera-cta-new {
	margin-left: 76px !important;
	padding: 15px 34px !important;
	border: 1.4px solid #C6A46C !important;
	border-radius: 999px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	color: #1A1A1A !important;
	background: transparent !important;
}

/* HEADER FARBEN FINAL – REFERENZ LOOK */
.hera-nav-new a {
	color: #6F685E !important;
/* Warmes Premium-Grau */
	font-weight: 400 !important;
	letter-spacing: .01em !important;
}

.hera-nav-new a:hover {
	color: #1F1F1F !important;
}

/* Aktiver Menüpunkt */
.hera-nav-new a.active {
	color: #C6A46C !important;
}

.hera-nav-new a.active::after {
	background: #C6A46C !important;
	height: 2px !important;
	bottom: -6px !important;
}

/* Logo Titel */
.hera-brand-text-new strong {
	color: #2A2622 !important;
}

/* Subline unter Logo */
.hera-brand-text-new span {
	color: #8C8478 !important;
}

/* CTA Button Outline */
.hera-cta-new {
	border: 1.5px solid #C6A46C !important;
	color: #4A443D !important;
}

.hera-cta-new:hover {
	background: #C6A46C !important;
	color: white !important;
}

/* HARD OVERRIDE HEADER LINKFARBEN */
body .hera-header-new .hera-nav-new a,
body .hera-header-new .hera-nav-new a:link,
body .hera-header-new .hera-nav-new a:visited {
	color: #6F685E !important;
}

body .hera-header-new .hera-nav-new a.active,
body .hera-header-new .hera-nav-new a[aria-current="page"] {
	color: #C6A46C !important;
}

body .hera-header-new .hera-nav-new a:hover {
	color: #2A2622 !important;
}

body .hera-header-new .hera-cta-new,
body .hera-header-new .hera-cta-new:link,
body .hera-header-new .hera-cta-new:visited {
	color: #4A443D !important;
	border-color: #C6A46C !important;
}

body .hera-header-new .hera-brand-text-new strong {
	color: #2A2622 !important;
}

body .hera-header-new .hera-brand-text-new span {
	color: #8C8478 !important;
}

/* HERO SECTION – REFERENZ DESIGN */
.ha-hero {
	position: relative;
	width: 100vw;
	margin-left: calc(50% - 50vw);
	min-height: 520px;
	background: linear-gradient(90deg,
    #F2EFE9 0%,
    #F2EFE9 52%,
    rgba(242,239,233,.92) 60%,
    rgba(242,239,233,.35) 72%,
    rgba(242,239,233,0) 82%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/img_0074.jpeg');
	background-size: cover;
	background-position: right center;
	background-repeat: no-repeat;
	border-bottom: 1px solid rgba(0,0,0,.08);
}

.ha-hero-inner {
	max-width: 1240px;
	margin: 0 auto;
	padding: 120px 80px 90px;
}

.ha-eyebrow {
	font-size: 12px;
	letter-spacing: .25em;
	color: #C6A46C;
	margin-bottom: 18px;
}

.ha-hero h1 {
	font-family: "Playfair Display", serif;
	font-size: clamp(44px,4vw,64px);
	line-height: 1.05;
	color: #161616;
	max-width: 520px;
	margin-bottom: 24px;
}

.ha-hero p {
	font-size: 17px;
	line-height: 1.7;
	color: #2E2B28;
	max-width: 500px;
}

.ha-hero-line {
	display: block;
	width: 52px;
	height: 2px;
	background: #C6A46C;
	margin-top: 36px;
}

.ha-hero-example-content {
	max-width: 1180px;
	margin: 0 auto;
	padding: 92px 56px 80px;
}

.ha-hero-example .ha-eyebrow {
	font-size: 12px;
	letter-spacing: .22em;
	color: #C6A46C;
	font-weight: 600;
	margin-bottom: 20px;
}

.ha-hero-example h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(40px, 4.7vw, 58px);
	line-height: 1.06;
	color: #161616;
	margin: 0 0 24px;
	max-width: 460px;
}

.ha-hero-example p {
	font-size: 16px;
	line-height: 1.7;
	color: #2f2d2a;
	max-width: 480px;
	margin: 0;
}

.ha-hero-line {
	display: block;
	width: 52px;
	height: 2px;
	background: #C6A46C;
	margin-top: 36px;
}

/* HERO EDGE-TO-EDGE FORCE FIX */
.ha-hero {
	width: 100vw !important;
	max-width: 100vw !important;
	position: relative !important;
	left: 50% !important;
	right: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	transform: translateX(-50%) !important;
	min-height: 440px !important;
	box-sizing: border-box !important;
}

/* Inhalt bleibt schön ausgerichtet */
.ha-hero-inner {
	width: 100% !important;
	max-width: none !important;
	padding-left: clamp(48px, 6vw, 90px) !important;
	padding-right: clamp(48px, 6vw, 90px) !important;
	box-sizing: border-box !important;
}

/* Bild wirklich bis rechts ziehen */
.ha-hero {
	background-size: contain !important;
	background-position: right center !important;
	background-repeat: no-repeat;
}

/* HERO UNTERE LINIE KORRIGIEREN */
.ha-hero {
	border-bottom: none !important;
}

/* neue saubere Linie über gesamte Breite */
.ha-hero::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 1px;
	background: rgba(0,0,0,0.08);
}

/* LEISTUNGEN SECTION */
.ha-services-section {
	width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 58px 0 70px !important;
}

.ha-services-container {
	width: 100% !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	padding: 0 48px !important;
	box-sizing: border-box !important;
}

.ha-services-heading {
	text-align: center !important;
	margin-bottom: 36px !important;
}

.ha-services-heading h2 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 34px !important;
	line-height: 1.2 !important;
	color: #171717 !important;
	margin: 0 0 10px !important;
}

.ha-services-heading p {
	font-size: 15px !important;
	color: #3F3B36 !important;
	margin: 0 !important;
}

.ha-services-heading span {
	display: block !important;
	width: 48px !important;
	height: 1.5px !important;
	background: #C6A46C !important;
	margin: 24px auto 0 !important;
}

/* GRID */
.ha-service-grid {
	display: grid !important;
	grid-template-columns: repeat(5, 1fr) !important;
	gap: 18px !important;
}

/* CARDS */
.ha-service-card {
	background: #FFFFFF !important;
	border: 1px solid rgba(0,0,0,0.08) !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	padding: 10px 10px 26px !important;
	min-height: 360px !important;
	box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
	box-sizing: border-box !important;
}

.ha-service-card img {
	width: 100% !important;
	height: 165px !important;
	object-fit: cover !important;
	border-radius: 10px !important;
	display: block !important;
	margin-bottom: 24px !important;
}

.ha-service-card h3 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 22px !important;
	line-height: 1.2 !important;
	color: #171717 !important;
	margin: 0 10px 12px !important;
}

.ha-card-line {
	display: block !important;
	width: 38px !important;
	height: 1.5px !important;
	background: #C6A46C !important;
	margin: 0 10px 18px !important;
}

.ha-service-card p {
	font-size: 14px !important;
	line-height: 1.75 !important;
	color: #33302C !important;
	margin: 0 10px !important;
}

/* DARK CARDS */
.ha-service-card.ha-dark {
	background: #151515 !important;
	border-color: #151515 !important;
}

.ha-service-card.ha-dark h3,
.ha-service-card.ha-dark p {
	color: #FFFFFF !important;
}

.ha-service-card.ha-dark p {
	color: rgba(255,255,255,0.86) !important;
}

/* MOBILE */
@media (max-width: 1050px) {
	.ha-service-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media (max-width: 640px) {
	.ha-services-container {
		padding: 0 22px !important;
	}
	
	.ha-service-grid {
		grid-template-columns: 1fr !important;
	}
	
	.ha-services-heading h2 {
		font-size: 28px !important;
	}
}

/* LEISTUNGEN FULL WIDTH FIX */
#leistungen.ha-services-section {
	width: 100vw !important;
	max-width: 100vw !important;
	position: relative !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	margin: 0 !important;
	padding: 70px 0 80px !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

/* Container breiter machen wie im Beispiel */
#leistungen .ha-services-container {
	width: 100% !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
	padding-left: clamp(32px, 5vw, 72px) !important;
	padding-right: clamp(32px, 5vw, 72px) !important;
	box-sizing: border-box !important;
}

/* Grid korrekt über die Breite verteilen */
#leistungen .ha-service-grid {
	width: 100% !important;
	display: grid !important;
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	gap: 18px !important;
}

/* Karten nicht schmal zusammendrücken */
#leistungen .ha-service-card {
	width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
}

/* Bildgrössen sauber halten */
#leistungen .ha-service-card img {
	width: 100% !important;
	height: 170px !important;
	object-fit: cover !important;
}

/* CTA SECTION */
.ha-cta-section {
	width: 100vw;
	max-width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background: #F2EFE9;
	padding: 90px 0;
}

/* CONTAINER */
.ha-cta-container {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 clamp(32px, 6vw, 80px);
}

/* GRID */
.ha-cta-grid {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	align-items: center;
	gap: 60px;
}

/* TEXT */
.ha-cta-text h2 {
	font-family: "Playfair Display", serif;
	font-size: clamp(32px, 3vw, 42px);
	line-height: 1.2;
	color: #1A1A1A;
	margin-bottom: 18px;
}

.ha-cta-text p {
	font-size: 16px;
	line-height: 1.7;
	color: #3F3B36;
	margin-bottom: 28px;
}

/* BUTTON */
.ha-btn-dark {
	display: inline-block;
	padding: 14px 30px;
	background: #111;
	color: white;
	border-radius: 999px;
	text-decoration: none;
	font-size: 15px;
	transition: .25s;
}

.ha-btn-dark:hover {
	background: #C6A46C;
}

/* IMAGE */
.ha-cta-image img {
	width: 100%;
	border-radius: 14px;
	display: block;
}

/* MOBILE */
@media (max-width: 900px) {
	.ha-cta-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}

/* CTA FULL WIDTH FORCE FIX */
.ha-cta-section {
	width: 100vw !important;
	max-width: 100vw !important;
	position: relative !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	margin: 0 !important;
	padding: 70px 0 80px !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

.ha-cta-container {
	width: 100% !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
	padding-left: clamp(32px, 5vw, 72px) !important;
	padding-right: clamp(32px, 5vw, 72px) !important;
	box-sizing: border-box !important;
}

.ha-cta-grid {
	width: 100% !important;
	display: grid !important;
	grid-template-columns: 1fr 1.25fr !important;
	align-items: center !important;
	gap: 0 !important;
	background: #F8F5EF !important;
	border-radius: 14px !important;
	overflow: hidden !important;
}

.ha-cta-text {
	padding: 56px 64px !important;
	box-sizing: border-box !important;
}

.ha-cta-image {
	height: 300px !important;
}

.ha-cta-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
	border-radius: 0 !important;
}

/* CTA SECTION EDGE-TO-EDGE + SOFT IMAGE FADE */
.ha-cta-section {
	width: 100vw;
	max-width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background: #F3F0EA;
	padding: 110px 0;
}

/* INNER CONTAINER */
.ha-cta-container {
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 clamp(40px, 6vw, 90px);
}

/* GRID */
.ha-cta-grid {
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	align-items: center;
	gap: 60px;
}

/* TEXT */
.ha-cta-text h2 {
	font-family: "Playfair Display", serif;
	font-size: clamp(38px, 3vw, 46px);
	line-height: 1.2;
	color: #1C1C1C;
	margin-bottom: 18px;
}

.ha-cta-text p {
	font-size: 16px;
	line-height: 1.8;
	color: #4B463F;
	margin-bottom: 28px;
}

/* BUTTON */
.ha-btn-dark {
	display: inline-block;
	padding: 15px 32px;
	background: #111;
	color: white;
	border-radius: 999px;
	font-size: 15px;
	text-decoration: none;
	transition: .25s ease;
}

.ha-btn-dark:hover {
	background: #C6A46C;
}

/* IMAGE CONTAINER */
.ha-cta-image {
	position: relative;
}

/* IMAGE */
.ha-cta-image img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 14px;
}

/* SOFT LEFT FADE OVERLAY */
.ha-cta-image::before {
	content: "";
	position: absolute;
	left: -40px;
	top: 0;
	width: 50%;
	height: 100%;
	background: linear-gradient(to right,
    #F3F0EA 0%,
    rgba(243,240,234,0.96) 25%,
    rgba(243,240,234,0.75) 50%,
    rgba(243,240,234,0.2) 75%,
    transparent 100%);
	pointer-events: none;
}

/* MOBILE */
@media (max-width: 900px) {
	.ha-cta-grid {
		grid-template-columns: 1fr;
		gap: 50px;
	}
	
	.ha-cta-image::before {
		display: none;
	}
}

/* CTA BILD KOMPLETT SICHTBAR */
.ha-cta-image {
	height: auto !important;
	max-width: 620px !important;
	width: 100% !important;
	justify-self: end !important;
	position: relative !important;
	overflow: hidden !important;
	border-radius: 14px !important;
}

.ha-cta-image img {
	width: 100% !important;
	height: auto !important;
	max-height: none !important;
	object-fit: contain !important;
	object-position: center center !important;
	display: block !important;
	border-radius: 14px !important;
}

/* Verlauf links auf dem Bild */
.ha-cta-image::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 42% !important;
	height: 100% !important;
	background: linear-gradient(to right,
    #F3F0EA 0%,
    rgba(243,240,234,0.95) 28%,
    rgba(243,240,234,0.65) 55%,
    rgba(243,240,234,0) 100%) !important;
	z-index: 2 !important;
	pointer-events: none !important;
}

/* CTA Layout wie Beispiel */
.ha-cta-grid {
	display: grid !important;
	grid-template-columns: 1fr 1.35fr !important;
	align-items: center !important;
	gap: 48px !important;
	background: #F3F0EA !important;
}

/* CTA FULL BLEED SECTION */
.ha-cta-section {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F3F0EA !important;
	padding: 120px 0 !important;
}

/* INNER CONTENT CONTAINER */
.ha-cta-container {
	max-width: 1320px !important;
	margin: 0 auto !important;
	padding-left: clamp(40px,6vw,90px) !important;
	padding-right: clamp(40px,6vw,90px) !important;
}

/* GRID */
.ha-cta-grid {
	display: grid !important;
	grid-template-columns: 1fr 1.2fr !important;
	align-items: center !important;
	gap: 60px !important;
}

/* IMAGE WRAPPER */
.ha-cta-image {
	width: 100% !important;
	max-width: none !important;
	justify-self: end !important;
	position: relative !important;
}

/* IMAGE = NICHT ZOOMEN */
.ha-cta-image img {
	width: 100% !important;
	height: auto !important;
	object-fit: contain !important;
	object-position: right center !important;
	display: block !important;
	border-radius: 16px !important;
}

/* SOFT FADE LINKS */
.ha-cta-image::before {
	content: "";
	position: absolute;
	left: -120px;
	top: 0;
	width: 55%;
	height: 100%;
	background: linear-gradient(to right,
#F3F0EA 0%,
rgba(243,240,234,0.92) 30%,
rgba(243,240,234,0.55) 55%,
rgba(243,240,234,0.0) 100%);
	pointer-events: none;
}

/* MOBILE */
@media (max-width: 900px) {
	.ha-cta-grid {
		grid-template-columns: 1fr !important;
	}
	
	.ha-cta-image::before {
		display: none;
	}
}

.wp-site-blocks {
	overflow-x: hidden;
}

/* CTA WIE IM BEISPIELBILD */
.ha-final-cta {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 54px clamp(28px, 5vw, 72px) 70px !important;
	box-sizing: border-box !important;
}

.ha-final-cta-box {
	width: 100% !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	min-height: 300px !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	background-image: linear-gradient(90deg,
      #F2EFE9 0%,
      #F2EFE9 34%,
      rgba(242,239,233,0.92) 45%,
      rgba(242,239,233,0.55) 56%,
      rgba(242,239,233,0.08) 68%,
      rgba(242,239,233,0) 78%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png') !important;
	background-size: cover !important;
	background-position: center right !important;
	background-repeat: no-repeat !important;
}

.ha-final-cta-content {
	padding: 58px 64px !important;
	max-width: 430px !important;
	box-sizing: border-box !important;
}

.ha-final-cta-content h2 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 32px !important;
	line-height: 1.18 !important;
	color: #171717 !important;
	margin: 0 0 18px !important;
}

.ha-final-cta-content p {
	font-size: 15px !important;
	line-height: 1.65 !important;
	color: #33302C !important;
	margin: 0 0 26px !important;
}

.ha-final-cta-btn {
	display: inline-block !important;
	padding: 13px 26px !important;
	background: #111 !important;
	color: #fff !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	font-size: 14px !important;
}

.ha-final-cta-btn:hover {
	background: #C6A46C !important;
	color: #fff !important;
}

/* CTA FEINJUSTIERUNG WIE BEISPIEL */
.ha-final-cta {
	padding: 48px clamp(38px, 5vw, 72px) 64px !important;
	background: #F2EFE9 !important;
}

.ha-final-cta-box {
	max-width: 1180px !important;
	min-height: 290px !important;
	border-radius: 14px !important;
	background-image: linear-gradient(90deg,
      #F2EFE9 0%,
      #F2EFE9 31%,
      rgba(242,239,233,0.96) 42%,
      rgba(242,239,233,0.68) 52%,
      rgba(242,239,233,0.18) 63%,
      rgba(242,239,233,0) 74%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png') !important;
	background-size: auto 100% !important;
	background-position: right center !important;
	background-repeat: no-repeat !important;
}

.ha-final-cta-content {
	padding: 52px 58px !important;
	max-width: 420px !important;
}

.ha-final-cta-content h2 {
	font-size: 30px !important;
	line-height: 1.15 !important;
	margin-bottom: 16px !important;
}

.ha-final-cta-content p {
	font-size: 14px !important;
	line-height: 1.55 !important;
	margin-bottom: 24px !important;
}

.ha-final-cta-btn {
	padding: 12px 25px !important;
	font-size: 13px !important;
}

/* CTA SECTION – FINAL REFERENZ STYLE */
.ha-final-cta {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	background: #F2EFE9;
	padding: 70px 0;
}

/* INNER BOX */
.ha-final-cta-box {
	max-width: 1180px;
	margin: 0 auto;
	border-radius: 14px;
	min-height: 320px;
	display: flex;
	align-items: center;
	padding-left: 80px;
	background-image: linear-gradient(90deg,
    #F2EFE9 0%,
    #F2EFE9 28%,
    rgba(242,239,233,0.96) 40%,
    rgba(242,239,233,0.72) 52%,
    rgba(242,239,233,0.25) 65%,
    rgba(242,239,233,0) 78%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 115%;
}

/* CONTENT */
.ha-final-cta-content {
	max-width: 560px;
}

/* HEADLINE */
.ha-final-cta-content h2 {
	font-family: "Playfair Display", serif;
	font-size: 38px;
	line-height: 1.18;
	color: #171717;
	margin-bottom: 20px;
}

/* TEXT */
.ha-final-cta-content p {
	font-size: 16px;
	line-height: 1.7;
	color: #3B3834;
	margin-bottom: 28px;
}

/* BUTTON */
.ha-final-cta-btn {
	display: inline-block;
	padding: 15px 32px;
	background: #111;
	color: white;
	border-radius: 999px;
	font-size: 15px;
	text-decoration: none;
	transition: .25s ease;
}

.ha-final-cta-btn:hover {
	background: #C6A46C;
}

/* CTA EXAKT WIE BEISPIEL */
.ha-final-cta {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 52px 0 70px !important;
	box-sizing: border-box !important;
}

.ha-final-cta-box {
	width: calc(100vw - 120px) !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	min-height: 300px !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	background-image: linear-gradient(90deg,
      #F2EFE9 0%,
      #F2EFE9 32%,
      rgba(242,239,233,0.96) 43%,
      rgba(242,239,233,0.72) 54%,
      rgba(242,239,233,0.28) 65%,
      rgba(242,239,233,0) 76%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png') !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-size: auto 100% !important;
}

.ha-final-cta-content {
	width: 44% !important;
	padding-left: 62px !important;
	box-sizing: border-box !important;
}

.ha-final-cta-content h2 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 31px !important;
	line-height: 1.18 !important;
	color: #171717 !important;
	margin: 0 0 16px !important;
}

.ha-final-cta-content p {
	font-size: 14px !important;
	line-height: 1.55 !important;
	color: #33302C !important;
	margin: 0 0 24px !important;
}

.ha-final-cta-btn {
	display: inline-block !important;
	padding: 12px 25px !important;
	background: #111 !important;
	color: #fff !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	font-size: 13px !important;
}

/* CTA FINAL — FUNCTIONING FULL VERSION */
section.ha-final-cta {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 60px 0 80px !important;
}

/* INNER CTA BOX */
.ha-final-cta-box {
	width: min(1180px, calc(100vw - 120px)) !important;
	margin: 0 auto !important;
	min-height: 300px !important;
	border-radius: 16px !important;
	display: flex !important;
	align-items: center !important;
	background: linear-gradient(90deg,
#F2EFE9 0%,
#F2EFE9 35%,
rgba(242,239,233,0.95) 45%,
rgba(242,239,233,0.65) 55%,
rgba(242,239,233,0.20) 65%,
rgba(242,239,233,0) 75%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png');
	background-position: right center !important;
	background-repeat: no-repeat !important;
/* WICHTIG: verhindert Zoom */
	background-size: auto 100% !important;
}

/* TEXTBLOCK POSITION */
.ha-final-cta-content {
	max-width: 560px !important;
	margin-left: 80px !important;
}

/* TYPOGRAPHY */
.ha-final-cta-content h2 {
	font-family: "Playfair Display", serif !important;
	font-size: 36px !important;
	line-height: 1.2 !important;
	margin-bottom: 18px !important;
	color: #171717 !important;
}

.ha-final-cta-content p {
	font-size: 16px !important;
	line-height: 1.7 !important;
	margin-bottom: 28px !important;
	color: #3B3834 !important;
}

/* BUTTON */
.ha-final-cta-btn {
	display: inline-block !important;
	padding: 14px 32px !important;
	background: #111 !important;
	color: #fff !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	font-size: 15px !important;
}

.ha-final-cta-btn:hover {
	background: #C6A46C !important;
}

.wp-site-blocks {
	overflow-x: hidden;
}

.wp-block-group {
	max-width: 100% !important;
}

/* NEUER CTA BLOCK - OHNE ALTE KONFLIKTE */
.hera-wide-cta-v2 {
	width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 50px 0 70px !important;
}

.hera-wide-cta-box-v2 {
	width: calc(100vw - 96px) !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	min-height: 300px !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	background-image: linear-gradient(90deg,
      #F2EFE9 0%,
      #F2EFE9 34%,
      rgba(242,239,233,0.96) 43%,
      rgba(242,239,233,0.72) 53%,
      rgba(242,239,233,0.28) 64%,
      rgba(242,239,233,0) 76%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png') !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-size: auto 100% !important;
}

.hera-wide-cta-text-v2 {
	width: 430px !important;
	margin-left: 64px !important;
}

.hera-wide-cta-text-v2 h2 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 31px !important;
	line-height: 1.18 !important;
	color: #171717 !important;
	margin: 0 0 16px !important;
}

.hera-wide-cta-text-v2 p {
	font-size: 14px !important;
	line-height: 1.55 !important;
	color: #33302C !important;
	margin: 0 0 24px !important;
}

.hera-wide-cta-text-v2 a {
	display: inline-block !important;
	background: #111 !important;
	color: #fff !important;
	padding: 12px 26px !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	font-size: 13px !important;
}

/* CTA V2 – WIE REFERENZBILD */
.hera-wide-cta-v2 {
	width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 48px 0 70px !important;
	overflow: hidden !important;
}

.hera-wide-cta-box-v2 {
	width: calc(100vw - 96px) !important;
	max-width: 1240px !important;
	margin: 0 auto !important;
	min-height: 300px !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	display: flex !important;
	align-items: center !important;
	background-image: linear-gradient(90deg,
      #F2EFE9 0%,
      #F2EFE9 30%,
      rgba(242,239,233,0.96) 42%,
      rgba(242,239,233,0.72) 52%,
      rgba(242,239,233,0.28) 62%,
      rgba(242,239,233,0) 72%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/1441de5f-21aa-4a46-b214-c01596564039.png') !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
	background-size: auto 100% !important;
}

.hera-wide-cta-text-v2 {
	width: 470px !important;
	margin-left: 58px !important;
	position: relative !important;
	z-index: 2 !important;
}

.hera-wide-cta-text-v2 h2 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 31px !important;
	line-height: 1.18 !important;
	color: #171717 !important;
	margin: 0 0 16px !important;
}

.hera-wide-cta-text-v2 p {
	font-size: 14px !important;
	line-height: 1.55 !important;
	color: #33302C !important;
	margin: 0 0 24px !important;
}

.hera-wide-cta-text-v2 a {
	display: inline-block !important;
	background: #111 !important;
	color: #fff !important;
	padding: 12px 26px !important;
	border-radius: 999px !important;
	text-decoration: none !important;
	font-size: 13px !important;
}

/* CTA SECTION EDGE TO EDGE */
.hera-wide-cta {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #F2EFE9;
	padding: 60px 0;
}

/* INNER BOX */
.hera-wide-cta-box {
	max-width: 1240px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1.25fr;
	align-items: center;
	border-radius: 16px;
	overflow: hidden;
	position: relative;
}

/* TEXT */
.hera-wide-cta-text {
	padding-left: 70px;
	max-width: 520px;
	z-index: 2;
}

.hera-wide-cta-text h2 {
	font-family: "Playfair Display", serif;
	font-size: 36px;
	line-height: 1.2;
	margin-bottom: 20px;
	color: #171717;
}

.hera-wide-cta-text p {
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 28px;
	color: #3B3834;
}

/* BUTTON */
.hera-wide-cta-btn {
	display: inline-block;
	padding: 14px 32px;
	background: #111;
	color: white;
	border-radius: 999px;
	text-decoration: none;
}

/* IMAGE */
.hera-wide-cta-image {
	position: relative;
}

.hera-wide-cta-image img {
	width: 100%;
	height: auto;
	border-radius: 16px;
	display: block;
}

/* SOFT LEFT GRADIENT */
.hera-wide-cta-image::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 45%;
	height: 100%;
	background: linear-gradient(to right,
#F2EFE9 0%,
rgba(242,239,233,0.95) 40%,
rgba(242,239,233,0.4) 70%,
rgba(242,239,233,0) 100%);
	pointer-events: none;
}

.hera-wide-cta-box {
	width: calc(100% - 64px) !important;
}

max-width: var(--wp--style--global--wide-size); 
	/* CTA WIRKLICH GLEICH BREIT WIE KACHELN */

.hera-wide-cta {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	background: #F2EFE9 !important;
	padding: 70px 0 90px !important;
	overflow: visible !important;
}

.hera-wide-cta-box {
	width: 82vw !important;
	max-width: 1240px !important;
	min-width: 960px !important;
	margin: 0 auto !important;
	min-height: 300px !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	display: grid !important;
	grid-template-columns: 0.85fr 1.15fr !important;
	align-items: center !important;
	background: #F2EFE9 !important;
}

.hera-wide-cta-text {
	padding-left: 56px !important;
	max-width: 470px !important;
	z-index: 3 !important;
}

.hera-wide-cta-image {
	position: relative !important;
	width: 100% !important;
	height: 300px !important;
	overflow: hidden !important;
	border-radius: 16px !important;
}

.hera-wide-cta-image img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
}

/* Verlauf über Bild */
.hera-wide-cta-image::before {
	content: "" !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	width: 42% !important;
	height: 100% !important;
	background: linear-gradient(to right,
    #F2EFE9 0%,
    rgba(242,239,233,0.95) 35%,
    rgba(242,239,233,0.55) 65%,
    rgba(242,239,233,0) 100%) !important;
	z-index: 2 !important;
}

/* CTA Bild korrekt rechts ausrichten + zurückzoomen */
.hera-wide-cta-image img {
	height: 100% !important;
	width: 100% !important;
	object-fit: contain !important;
	object-position: right center !important;
	transform: scale(0.90) !important;
}

/* CTA Bild final korrigieren */
.hera-wide-cta-image {
	position: relative !important;
	height: 300px !important;
	overflow: hidden !important;
	border-radius: 16px !important;
}

.hera-wide-cta-image img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	object-fit: cover !important;
	object-position: 45% center !important;
	transform: none !important;
	display: block !important;
}

/* Overlay-Verlauf wieder sichtbar machen */
.hera-wide-cta-image::before {
	content: "" !important;
	position: absolute !important;
	width: 48% !important;
	height: 100% !important;
	background: linear-gradient(to right,
    #F2EFE9 0%,
    rgba(242,239,233,0.96) 35%,
    rgba(242,239,233,0.62) 65%,
    rgba(242,239,233,0) 100%) !important;
	z-index: 5 !important;
	pointer-events: none !important;
}

/* FINAL CTA – Bild korrekt zurückzoomen + Overlay + gleiche Breite wie Kacheln */
.hera-wide-cta-image {
	position: relative;
	height: 320px;
	border-radius: 18px;
	overflow: hidden;
/* Bild als Background statt img-Scaling */
	background-image: linear-gradient(to right,
#F2EFE9 0%,
rgba(242,239,233,0.95) 28%,
rgba(242,239,233,0.6) 55%,
rgba(242,239,233,0) 75%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/d11942b1-60bf-4734-a24c-9dc19533a534.png');
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: right center;
}

/* CTA DESKTOP */
.hera-mobile-cta {
	width: 100vw;
	margin-left: calc(47% - 50vw);
	background: #F2EFE9;
	padding: 44px 0 58px;
}

.hera-mobile-cta-box {
	width: min(1180px, calc(100vw - 96px));
	margin: 0 auto;
	height: 300px;
	border-radius: 18px;
	overflow: hidden;
	display: flex;
	align-items: center;
	position: relative;
	background: #F2EFE9;
}

.hera-mobile-cta-text {
	width: 500px;
	padding-left: 75px;
	z-index: 3;
}

.hera-mobile-cta-text h2 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 28px;
	line-height: 1.18;
	margin: 0 0 16px;
	color: #171717;
}

.hera-mobile-cta-text p {
	font-size: 14px;
	line-height: 1.55;
	margin: 0 0 24px;
	color: #3B3834;
}

.hera-mobile-cta-text a {
	display: inline-block;
	background: #111;
	color: #fff;
	text-decoration: none;
	padding: 12px 26px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 500;
}

.hera-mobile-cta-image {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 68%;
	overflow: hidden;
	border-radius: 0 18px 18px 0;
}

.hera-mobile-cta-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center center;
	display: block;
}

.hera-mobile-cta-overlay {
	position: absolute;
	top: 0;
	left: 340px;
	right: 0;
	bottom: 0;
	background: linear-gradient(to right,
    #F2EFE9 0%,
    rgba(242,239,233,0.97) 18%,
    rgba(242,239,233,0.72) 38%,
    rgba(242,239,233,0.28) 60%,
    rgba(242,239,233,0) 82%);
	pointer-events: none;
	z-index: 2;
	border-radius: 0 18px 18px 0;
}

/* MOBILE VERSION */
@media (max-width: 768px) {
	.hera-mobile-cta {
		margin-left: calc(50% - 50vw);
		padding: 36px 20px 48px;
		box-sizing: border-box;
	}
	
	.hera-mobile-cta-box {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		border-radius: 18px;
	}
	
	.hera-mobile-cta-text {
		width: 100%;
		padding: 32px 26px 24px;
		box-sizing: border-box;
		order: 1;
	}
	
	.hera-mobile-cta-text h2 {
		font-size: 30px;
		line-height: 1.18;
	}
	
	.hera-mobile-cta-text p {
		font-size: 15px;
	}
	
	.hera-mobile-cta-image {
		position: relative;
		width: 100%;
		height: 230px;
		order: 2;
		border-radius: 18px;
		overflow: hidden;
	}
	
	.hera-mobile-cta-image img {
		object-fit: cover;
		object-position: center center;
		border-radius: 18px;
	}
	
	.hera-mobile-cta-overlay {
		display: none;
	}
}

/* MOBILE FIX – LEISTUNGEN */
@media (max-width: 768px) {
	#leistungen.ha-services-section {
		padding: 48px 0 56px !important;
		overflow-x: hidden !important;
	}
	
	#leistungen .ha-services-container {
		width: 100% !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		box-sizing: border-box !important;
	}
	
	#leistungen .ha-services-heading {
		margin-bottom: 30px !important;
		text-align: center !important;
	}
	
	#leistungen .ha-services-heading h2 {
		font-size: 28px !important;
		line-height: 1.2 !important;
	}
	
	#leistungen .ha-services-heading p {
		font-size: 15px !important;
		line-height: 1.6 !important;
		max-width: 320px !important;
		margin: 0 auto !important;
	}
	
	#leistungen .ha-service-grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 22px !important;
		width: 100% !important;
	}
	
	#leistungen .ha-service-card {
		width: 100% !important;
		min-height: auto !important;
		padding: 12px 12px 28px !important;
		border-radius: 18px !important;
		box-sizing: border-box !important;
	}
	
	#leistungen .ha-service-card img {
		height: 210px !important;
		border-radius: 14px !important;
		object-fit: cover !important;
		margin-bottom: 22px !important;
	}
	
	#leistungen .ha-service-card h3 {
		font-size: 24px !important;
		margin: 0 12px 12px !important;
	}
	
	#leistungen .ha-card-line {
		margin-left: 12px !important;
		margin-bottom: 18px !important;
	}
	
	#leistungen .ha-service-card p {
		font-size: 15px !important;
		line-height: 1.7 !important;
		margin: 0 12px !important;
	}
}

/* MOBILE FIX – HERO BLOCK */
@media (max-width: 768px) {
	.ha-hero {
		padding: 60px 0 40px !important;
	}
	
	.ha-hero-inner {
		width: 100% !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		box-sizing: border-box !important;
	}
	
	.ha-hero-content {
		max-width: 100% !important;
	}
	
	.ha-eyebrow {
		font-size: 12px !important;
		letter-spacing: 2px !important;
		margin-bottom: 14px !important;
	}
	
	.ha-hero h1 {
		font-size: 36px !important;
		line-height: 1.15 !important;
		margin-bottom: 18px !important;
	}
	
	.ha-hero p {
		font-size: 16px !important;
		line-height: 1.6 !important;
		max-width: 420px !important;
	}
	
	.ha-hero-line {
		margin-top: 22px !important;
		width: 52px !important;
	}
}

/* MOBILE HEADER FIX */
@media (max-width: 768px) {
	.hera-header-new {
		position: sticky;
		top: 0;
		z-index: 999;
		background: #F2EFE9;
		padding: 14px 0;
	}
	
	.hera-header-inner-new {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 12px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	/* Logo kleiner */
	.hera-brand-new img {
		height: 34px !important;
	}
	
	.hera-brand-text-new strong {
		font-size: 14px !important;
	}
	
	.hera-brand-text-new span {
		font-size: 11px !important;
	}
	
	/* Navigation kompakter */
	.hera-header-inner-new a:not(.hera-brand-new):not(.hera-cta-new) {
		font-size: 14px !important;
		padding: 4px 6px !important;
	}
	
	/* CTA Button */
	.hera-cta-new {
		font-size: 13px !important;
		padding: 8px 14px !important;
		border-radius: 999px !important;
	}
}

/* MOBILE NAV REDUZIEREN */
@media (max-width: 600px) {
	.hera-header-inner-new a[href="#leistungen"],
																							  .hera-header-inner-new a[href="#ueber-uns"] {
		display: none !important;
	}
}

/* MOBILE HEADER FIX */
@media (max-width: 768px) {
	.hera-header-inner-new {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 14px !important;
		padding: 22px 16px !important;
		text-align: center !important;
	}
	
	.hera-brand-new {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 10px !important;
		text-align: center !important;
		width: 100% !important;
	}
	
	.hera-brand-new img {
		width: 72px !important;
		height: auto !important;
		max-width: 72px !important;
	}
	
	.hera-brand-text-new {
		text-align: center !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		font-size: 26px !important;
		line-height: 1.15 !important;
		letter-spacing: 1px !important;
		white-space: normal !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		font-size: 16px !important;
		line-height: 1.4 !important;
		white-space: normal !important;
	}
	
	.hera-header-inner-new > a:not(.hera-brand-new):not(.hera-cta-new) {
		display: inline-block !important;
		font-size: 16px !important;
		margin: 0 8px !important;
	}
	
	.hera-cta-new {
		display: inline-block !important;
		margin-top: 6px !important;
		padding: 10px 18px !important;
		font-size: 15px !important;
	}
}

/* MOBILE HEADER FIX – FORCE VERSION */
@media screen and (max-width: 768px) {
	header.hera-header-new {
		padding: 18px 12px !important;
	}
	
	.hera-header-inner-new {
		display: block !important;
		text-align: center !important;
	}
	
	.hera-brand-new {
		display: block !important;
		width: 100% !important;
		text-align: center !important;
		margin-bottom: 10px !important;
	}
	
	.hera-brand-new img {
		display: block !important;
		margin: 0 auto 8px !important;
		width: 70px !important;
		height: auto !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		font-size: 24px !important;
		line-height: 1.2 !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		font-size: 15px !important;
	}
	
	.hera-header-inner-new a {
		display: inline-block !important;
		margin: 6px 8px !important;
		font-size: 16px !important;
	}
	
	.hera-cta-new {
		display: inline-block !important;
		margin-top: 8px !important;
	}
}

/* MOBILE FIX – ÜBER UNS BLOCK */
@media (max-width: 768px) {
	#ueber-uns {
		width: 100vw !important;
		margin-left: calc(50% - 50vw) !important;
		padding: 48px 0 !important;
	}
	
	#ueber-uns > div {
		width: calc(100vw - 32px) !important;
		height: auto !important;
		min-height: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		border-radius: 18px !important;
		overflow: hidden !important;
	}
	
	/* Bild oben */
	#ueber-uns > div > div:nth-child(1) {
		position: relative !important;
		width: 100% !important;
		height: 320px !important;
		left: auto !important;
		top: auto !important;
		border-radius: 18px 18px 0 0 !important;
	}
	
	#ueber-uns > div > div:nth-child(1) img {
		height: 100% !important;
		width: 100% !important;
		object-fit: cover !important;
		object-position: center top !important;
		border-radius: 18px 18px 0 0 !important;
	}
	
	/* Verlauf auf Mobile ausblenden */
	#ueber-uns > div > div:nth-child(2) {
		display: none !important;
	}
	
	/* Text unten */
	#ueber-uns > div > div:nth-child(3) {
		position: relative !important;
		width: auto !important;
		margin-left: 0 !important;
		padding: 32px 24px 36px !important;
		z-index: 3 !important;
	}
	
	#ueber-uns h2 {
		font-size: 30px !important;
		line-height: 1.18 !important;
	}
	
	#ueber-uns p {
		font-size: 15px !important;
	}
	
	#ueber-uns a {
		width: auto !important;
	}
}

/* MOBILE FOOTER FIX */
@media (max-width: 768px) {
	footer {
		padding: 46px 24px 28px !important;
	}
	
	footer > div {
		max-width: 100% !important;
	}
	
	footer div[style*="grid-template-columns"] {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 34px !important;
	}
	
	footer img {
		width: 220px !important;
		max-width: 100% !important;
	}
	
	footer h4 {
		margin-bottom: 14px !important;
	}
	
	footer a {
		font-size: 14px !important;
	}
	
	footer div[style*="justify-content:space-between"] {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 14px !important;
	}
	
	footer div[style*="justify-content:space-between"] a {
		display: inline-block !important;
		margin-right: 24px !important;
	}
}

/* HEADER LOGO FONT */
.hera-brand-text-new strong {
	font-family: 'Cinzel', serif !important;
	letter-spacing: .06em;
	font-weight: 600;
}

/* Untertitel im Header */
.hera-brand-text-new span {
	font-family: 'Cinzel', serif !important;
	letter-spacing: .12em;
	font-size: 12px;
}

.ha-hero-content {
	margin-left: 60px;
}

.ha-hero::after {
	background: linear-gradient(to right,
    #F2EFE9 0%,
    rgba(242,239,233,0.75) 20%,
    rgba(242,239,233,0.35) 45%,
    rgba(242,239,233,0.10) 65%,
    rgba(242,239,233,0) 85%) !important;
}

/* HERO BILD WENIGER NAH + WEICHER GRADIENT */
.ha-hero {
	background-image: linear-gradient(90deg,
      #F2EFE9 0%,
      rgba(242,239,233,0.55) 22%,
      rgba(242,239,233,0.22) 42%,
      rgba(242,239,233,0.05) 60%,
      rgba(242,239,233,0) 74%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/img_0074.jpeg') !important;
	background-size: 58% auto !important;
/* ← Bild weiter weg */
	background-position: right center !important;
	background-repeat: no-repeat !important;
}

/* MOBILE FIX – HERO */
@media (max-width: 768px) {
	.ha-hero {
		width: 100vw !important;
		margin-left: calc(50% - 50vw) !important;
		min-height: 620px !important;
		background-image: linear-gradient(180deg,
																							        #F2EFE9 0%,
																							        rgba(242,239,233,0.92) 32%,
																							        rgba(242,239,233,0.55) 58%,
																							        rgba(242,239,233,0.10) 78%,
																							        rgba(242,239,233,0) 100%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/img_0074.jpeg') !important;
		background-size: 100% auto !important;
		background-position: right bottom !important;
		background-repeat: no-repeat !important;
		padding-top: 0 !important;
	}
	
	.ha-hero-inner {
		width: 100% !important;
		max-width: none !important;
		padding: 70px 24px 320px !important;
		box-sizing: border-box !important;
	}
	
	.ha-hero-content {
		margin-left: 0 !important;
		padding-left: 0 !important;
		max-width: 100% !important;
	}
	
	.ha-hero .ha-eyebrow {
		font-size: 11px !important;
		letter-spacing: .18em !important;
		margin-bottom: 16px !important;
	}
	
	.ha-hero h1 {
		font-size: 38px !important;
		line-height: 1.08 !important;
		margin-bottom: 20px !important;
		max-width: 330px !important;
	}
	
	.ha-hero p {
		font-size: 15px !important;
		line-height: 1.65 !important;
		max-width: 330px !important;
	}
	
	.ha-hero-line {
		margin-top: 28px !important;
	}
}

/* MOBILE FIX – HERO KORRIGIERT */
@media (max-width: 768px) {
	body {
		overflow-x: hidden !important;
	}
	
	.ha-hero {
		width: 100vw !important;
		max-width: 100vw !important;
		position: relative !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		min-height: 680px !important;
		background-image: linear-gradient(180deg,
																							        #F2EFE9 0%,
																							        rgba(242,239,233,0.94) 28%,
																							        rgba(242,239,233,0.62) 56%,
																							        rgba(242,239,233,0.12) 78%,
																							        rgba(242,239,233,0) 100%), url('https://heraaccounts.ch/wp-content/uploads/2026/04/img_0074.jpeg') !important;
		background-size: 105% auto !important;
		background-position: center bottom !important;
		background-repeat: no-repeat !important;
	}
	
	.ha-hero-inner {
		width: 100% !important;
		max-width: none !important;
		padding: 150px 24px 330px !important;
		box-sizing: border-box !important;
	}
	
	.ha-hero-content {
		margin-left: 0 !important;
		padding-left: 0 !important;
		max-width: 100% !important;
	}
	
	.ha-hero h1 {
		font-size: 36px !important;
		line-height: 1.08 !important;
		max-width: 340px !important;
	}
	
	.ha-hero p {
		font-size: 15px !important;
		line-height: 1.65 !important;
		max-width: 340px !important;
	}
}

/* MOBILE FIX – ÜBER UNS SECTION */
@media (max-width: 768px) {
	#ueber-uns {
		width: 100vw !important;
		margin-left: calc(50% - 50vw) !important;
		padding: 48px 0 56px !important;
	}
	
	#ueber-uns > div {
		width: calc(100vw - 32px) !important;
		height: auto !important;
		min-height: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		border-radius: 18px !important;
		overflow: hidden !important;
		background: #F2EFE9 !important;
	}
	
	/* Bild oben */
	#ueber-uns > div > div:nth-child(1) {
		position: relative !important;
		width: 100% !important;
		height: 360px !important;
		left: auto !important;
		top: auto !important;
		border-radius: 18px 18px 0 0 !important;
	}
	
	#ueber-uns > div > div:nth-child(1) img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: 50% 8% !important;
		border-radius: 18px 18px 0 0 !important;
	}
	
	/* Verlauf auf Mobile entfernen */
	#ueber-uns > div > div:nth-child(2) {
		display: none !important;
	}
	
	/* Text unten */
	#ueber-uns > div > div:nth-child(3) {
		position: relative !important;
		width: auto !important;
		height: auto !important;
		margin-left: 0 !important;
		padding: 32px 24px 38px !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		gap: 24px !important;
		z-index: 3 !important;
	}
	
	#ueber-uns h2 {
		font-size: 30px !important;
		line-height: 1.18 !important;
		margin-bottom: 18px !important;
	}
	
	#ueber-uns p {
		font-size: 15px !important;
		line-height: 1.65 !important;
	}
	
	#ueber-uns a {
		width: 100% !important;
		max-width: 320px !important;
		height: 54px !important;
		padding: 0 28px !important;
	}
}

/* MOBILE FOOTER – 3 SPALTEN */
@media (max-width: 768px) {
	footer {
		padding: 48px 22px 28px !important;
	}
	
	footer > div {
		max-width: 100% !important;
	}
	
	footer div[style*="grid-template-columns:2.6fr"] {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr) !important;
		gap: 22px !important;
		align-items: start !important;
	}
	
	/* Logo über alle 3 Spalten */
	footer div[style*="padding-top:18px"] {
		grid-column: 1 / -1 !important;
		padding-top: 0 !important;
		margin-bottom: 10px !important;
	}
	
	footer img {
		width: 220px !important;
		max-width: 100% !important;
	}
	
	footer h4 {
		font-size: 12px !important;
		margin-bottom: 14px !important;
	}
	
	footer a,
																							  footer div {
		font-size: 12px !important;
	}
	
	footer svg {
		width: 13px !important;
		height: 13px !important;
		margin-right: 6px !important;
		flex-shrink: 0 !important;
	}
	
	footer div[id="kontakt"] div {
		align-items: flex-start !important;
		line-height: 1.45 !important;
	}
	
	footer div[style*="justify-content:space-between"] {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 12px !important;
	}
}

footer div[style*="padding-top:18px"] {
	display: flex !important;
	justify-content: center !important;
	margin-bottom: 22px !important;
}

/* RESET MOBILE HEADER (entfernt alte Mobile-Anpassungen) */
@media (max-width: 768px) {
	.hera-header-new {
		position: relative !important;
		top: auto !important;
		z-index: auto !important;
	}
	
	.hera-header-inner-new {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 18px 20px !important;
		text-align: left !important;
		min-height: auto !important;
	}
	
	.hera-brand-new {
		flex-direction: row !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 12px !important;
		width: auto !important;
		text-align: left !important;
	}
	
	.hera-brand-new img {
		width: 42px !important;
		max-width: 42px !important;
	}
	
	.hera-brand-text-new strong {
		font-size: 18px !important;
		letter-spacing: 1px !important;
	}
	
	.hera-brand-text-new span {
		font-size: 12px !important;
	}
	
	.hera-header-inner-new a {
		display: inline-block !important;
	}
	
	.hera-mobile-menu,
																							  .hera-mobile-button,
																							  .hera-mobile-toggle {
		display: none !important;
	}
	
	.hera-header-inner-new::after {
		content: none !important;
	}
}

/* MOBILE DROPDOWN MENU */
@media (max-width:768px) {
	#menu-toggle {
		display: none;
	}
	
	.menu-icon {
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		font-size: 28px;
		cursor: pointer;
	}
	
	.mobile-menu {
		display: none;
		position: absolute;
		right: 20px;
		top: 90px;
		width: 220px;
		background: #F2EFE9;
		border-radius: 16px;
		box-shadow: 0 12px 30px rgba(0,0,0,0.12);
		padding: 14px;
		text-align: center;
	}
	
	.mobile-menu a {
		display: block;
		padding: 12px;
		color: #171717;
		text-decoration: none;
		font-size: 16px;
	}
	
	.mobile-cta {
		margin-top: 6px;
		border: 1px solid #C9A66B;
		border-radius: 999px;
	}
	
	#menu-toggle:checked + .menu-icon + .mobile-menu {
		display: block;
	}
}

/* MOBILE HEADER FINAL */
@media (max-width: 768px) {
	.hera-header-new {
		position: relative !important;
		background: #F2EFE9 !important;
		z-index: 20 !important;
	}
	
	.hera-header-inner-new {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 18px 20px !important;
		min-height: 120px !important;
		gap: 14px !important;
	}
	
	.hera-brand-new {
		display: flex !important;
		align-items: center !important;
		gap: 14px !important;
		text-decoration: none !important;
		width: auto !important;
		max-width: calc(100% - 58px) !important;
	}
	
	.hera-brand-new img {
		width: 72px !important;
		max-width: 72px !important;
		height: auto !important;
		flex-shrink: 0 !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		font-size: 25px !important;
		line-height: 1.05 !important;
		letter-spacing: .8px !important;
		color: #171717 !important;
		white-space: nowrap !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		font-size: 13px !important;
		line-height: 1.25 !important;
		color: #8a837a !important;
		white-space: nowrap !important;
	}
	
	.hera-header-inner-new > a:not(.hera-brand-new) {
		display: none !important;
	}
	
	.hera-mobile-dropdown {
		display: block !important;
		position: relative !important;
		flex-shrink: 0 !important;
	}
	
	.hera-mobile-dropdown summary {
		list-style: none !important;
		cursor: pointer !important;
		font-size: 30px !important;
		line-height: 1 !important;
		color: #171717 !important;
		padding: 8px !important;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav {
		position: absolute !important;
		right: 0 !important;
		top: 48px !important;
		width: 220px !important;
		background: #F2EFE9 !important;
		border: 1px solid rgba(201,166,107,.45) !important;
		border-radius: 18px !important;
		padding: 14px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.14) !important;
		text-align: center !important;
		z-index: 999 !important;
	}
	
	.hera-mobile-dropdown:not([open]) nav {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav a {
		display: block !important;
		padding: 12px 10px !important;
		font-size: 16px !important;
		color: #171717 !important;
		text-decoration: none !important;
	}
	
	.hera-mobile-cta {
		margin-top: 8px !important;
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
	}
}

/* MOBILE HEADER KOMPLETT OVERRIDE */
@media (max-width: 768px) {
	.hera-header-new {
		position: relative !important;
		background: #F2EFE9 !important;
		padding: 0 !important;
	}
	
	.hera-header-inner-new {
		position: relative !important;
		display: grid !important;
		grid-template-columns: 1fr auto !important;
		align-items: center !important;
		gap: 12px !important;
		padding: 22px 18px !important;
		min-height: 120px !important;
		overflow: visible !important;
	}
	
	.hera-brand-new {
		display: flex !important;
		align-items: center !important;
		gap: 14px !important;
		width: auto !important;
		text-align: left !important;
	}
	
	.hera-brand-new img {
		width: 86px !important;
		max-width: 86px !important;
		height: auto !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		font-size: 26px !important;
		line-height: 1.05 !important;
		letter-spacing: .8px !important;
		white-space: nowrap !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		font-size: 12px !important;
		line-height: 1.25 !important;
		white-space: nowrap !important;
	}
	
	/* Alte Menülinks auf Mobile ausblenden */
	.hera-header-inner-new > a:not(.hera-brand-new):not(.hera-cta-new) {
		display: none !important;
	}
	
	/* Erstgespräch als goldener Button rechts */
	.hera-cta-new {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		border: 1.5px solid #C9A66B !important;
		border-radius: 999px !important;
		padding: 10px 18px !important;
		font-size: 14px !important;
		color: #171717 !important;
		text-decoration: none !important;
		white-space: nowrap !important;
		background: transparent !important;
	}
}

/* MOBILE HEADER FINAL FIX */
@media (max-width: 768px) {
	.hera-header-new {
		position: relative !important;
		background: #F2EFE9 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.hera-header-inner-new {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: auto !important;
		padding: 28px 18px 26px !important;
		margin: 0 !important;
		text-align: center !important;
	}
	
	.hera-brand-new {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;
		width: 100% !important;
		text-align: center !important;
		text-decoration: none !important;
	}
	
	.hera-brand-new img {
		width: 92px !important;
		max-width: 92px !important;
		height: auto !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		font-size: 30px !important;
		line-height: 1.05 !important;
		letter-spacing: .5px !important;
		white-space: normal !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		font-size: 13px !important;
		line-height: 1.25 !important;
		color: #8a837a !important;
	}
	
	.hera-header-inner-new > a:not(.hera-brand-new),
																							  .hera-header-inner-new > nav,
																							  .hera-header-inner-new > .hera-cta-new {
		display: none !important;
	}
	
	.hera-mobile-dropdown {
		display: block !important;
		position: absolute !important;
		right: 18px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		z-index: 9999 !important;
	}
	
	.hera-mobile-dropdown summary {
		width: 48px !important;
		height: 48px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		list-style: none !important;
		cursor: pointer !important;
		font-size: 30px !important;
		color: #171717 !important;
		background: transparent !important;
		pointer-events: auto !important;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav {
		position: absolute !important;
		top: 54px !important;
		right: 0 !important;
		width: 230px !important;
		background: #F2EFE9 !important;
		border: 1px solid rgba(201,166,107,.45) !important;
		border-radius: 18px !important;
		padding: 14px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.14) !important;
		z-index: 99999 !important;
	}
	
	.hera-mobile-dropdown:not([open]) nav {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav a {
		display: block !important;
		padding: 13px 10px !important;
		font-size: 16px !important;
		color: #171717 !important;
		text-decoration: none !important;
		text-align: center !important;
	}
	
	.hera-mobile-cta {
		margin-top: 8px !important;
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
	}
}

/* DESKTOP HEADER */
.hera-header-new {
	background: #F2EFE9 !important;
	border-bottom: 1px solid rgba(17,17,17,.08) !important;
}

.hera-header-inner-new {
	max-width: 1180px !important;
	margin: 0 auto !important;
	padding: 20px 36px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 28px !important;
}

.hera-brand-new {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	text-decoration: none !important;
}

.hera-brand-new img {
	width: 58px !important;
	height: auto !important;
}

.hera-brand-text-new strong {
	display: block !important;
	font-size: 26px !important;
	line-height: 1.05 !important;
	color: #171717 !important;
	white-space: nowrap !important;
}

.hera-brand-text-new span {
	display: block !important;
	font-size: 14px !important;
	color: #8a837a !important;
	white-space: nowrap !important;
}

.hera-desktop-menu {
	display: flex !important;
	gap: 28px !important;
}

.hera-desktop-menu a {
	color: #171717 !important;
	text-decoration: none !important;
	font-size: 16px !important;
}

.hera-cta-new {
	color: #171717 !important;
	text-decoration: none !important;
	border: 1px solid #C9A66B !important;
	border-radius: 999px !important;
	padding: 10px 20px !important;
}

.hera-mobile-dropdown {
	display: none !important;
}

/* MOBILE HEADER */
@media (max-width: 768px) {
	.hera-header-new {
		position: relative !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.hera-header-inner-new {
		padding: 14px 18px !important;
		min-height: 0 !important;
		height: auto !important;
		justify-content: center !important;
	}
	
	.hera-brand-new {
		flex-direction: column !important;
		gap: 5px !important;
		text-align: center !important;
		max-width: 82% !important;
	}
	
	.hera-brand-new img {
		width: 62px !important;
		max-width: 62px !important;
	}
	
	.hera-brand-text-new strong {
		font-size: 26px !important;
		line-height: 1.05 !important;
		white-space: nowrap !important;
	}
	
	.hera-brand-text-new span {
		font-size: 13px !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
	}
	
	.hera-desktop-menu,
																							  .hera-cta-new {
		display: none !important;
	}
	
	.hera-mobile-dropdown {
		display: block !important;
		position: absolute !important;
		right: 14px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		z-index: 9999 !important;
	}
	
	.hera-mobile-dropdown summary {
		list-style: none !important;
		width: 46px !important;
		height: 46px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		font-size: 32px !important;
		cursor: pointer !important;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav {
		position: absolute !important;
		top: 50px !important;
		right: 0 !important;
		width: 220px !important;
		background: #F2EFE9 !important;
		border: 1px solid rgba(201,166,107,.45) !important;
		border-radius: 16px !important;
		padding: 12px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.14) !important;
	}
	
	.hera-mobile-dropdown:not([open]) nav {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav a {
		display: block !important;
		padding: 12px 10px !important;
		text-align: center !important;
		color: #171717 !important;
		text-decoration: none !important;
		font-size: 16px !important;
	}
	
	.hera-mobile-cta {
		margin-top: 8px !important;
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
	}
}

/* HERA MOBILE HEADER CLEAN OVERRIDE */
@media (max-width: 768px) {
	.hera-header-new {
		background: #F2EFE9 !important;
		position: relative !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.hera-header-inner-new {
		position: relative !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 18px 64px 18px 18px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
	}
	
	.hera-brand-new {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 10px !important;
		width: auto !important;
		max-width: calc(100vw - 96px) !important;
		text-align: left !important;
	}
	
	.hera-brand-new img {
		width: 48px !important;
		max-width: 48px !important;
		height: auto !important;
		flex: 0 0 auto !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		font-size: 19px !important;
		line-height: 1.05 !important;
		letter-spacing: .5px !important;
		white-space: nowrap !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		font-size: 11px !important;
		line-height: 1.25 !important;
		white-space: nowrap !important;
	}
	
	.hera-desktop-menu,
																							  .hera-cta-new {
		display: none !important;
	}
	
	.hera-mobile-dropdown {
		display: block !important;
		position: absolute !important;
		right: 14px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		z-index: 99999 !important;
	}
	
	.hera-mobile-dropdown summary {
		width: 44px !important;
		height: 44px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		list-style: none !important;
		font-size: 28px !important;
		cursor: pointer !important;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav {
		position: absolute !important;
		top: 48px !important;
		right: 0 !important;
		width: 210px !important;
		background: #F2EFE9 !important;
		border: 1px solid rgba(201,166,107,.5) !important;
		border-radius: 16px !important;
		padding: 12px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.16) !important;
		z-index: 999999 !important;
	}
	
	.hera-mobile-dropdown:not([open]) nav {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav a {
		display: block !important;
		padding: 12px 10px !important;
		text-align: center !important;
		font-size: 16px !important;
		color: #171717 !important;
		text-decoration: none !important;
	}
	
	.hera-mobile-cta {
		margin-top: 8px !important;
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
	}
}

/* HERA MOBILE HARD RESET */
@media (max-width: 980px) {
	body .hera-header-new,
																							  body header.hera-header-new {
		position: relative !important;
		background: #F2EFE9 !important;
		padding: 0 !important;
		margin: 0 !important;
		min-height: 0 !important;
		height: auto !important;
	}
	
	body .hera-header-new .hera-header-inner-new {
		position: relative !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		min-height: 82px !important;
		padding: 12px 16px !important;
		margin: 0 !important;
		gap: 10px !important;
		text-align: left !important;
	}
	
	body .hera-header-new .hera-brand-new {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 10px !important;
		width: auto !important;
		max-width: calc(100% - 58px) !important;
		text-align: left !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	body .hera-header-new .hera-brand-new img {
		width: 48px !important;
		max-width: 48px !important;
		height: auto !important;
		margin: 0 !important;
	}
	
	body .hera-header-new .hera-brand-text-new strong {
		display: block !important;
		font-size: 20px !important;
		line-height: 1.05 !important;
		white-space: nowrap !important;
		margin: 0 !important;
	}
	
	body .hera-header-new .hera-brand-text-new span {
		display: block !important;
		font-size: 11px !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
		margin: 0 !important;
	}
	
	body .hera-header-new .hera-desktop-menu,
																							  body .hera-header-new .hera-cta-new,
																							  body .hera-header-new .hera-header-inner-new > a:not(.hera-brand-new),
																							  body .hera-header-new .mobile-menu,
																							  body .hera-header-new .menu-icon,
																							  body .hera-header-new #menu-toggle {
		display: none !important;
		visibility: hidden !important;
	}
	
	body .hera-header-new .hera-header-inner-new::after {
		content: none !important;
		display: none !important;
	}
	
	body .hera-header-new .hera-mobile-dropdown {
		display: block !important;
		visibility: visible !important;
		position: relative !important;
		margin-left: auto !important;
		z-index: 99999 !important;
	}
	
	body .hera-header-new .hera-mobile-dropdown summary {
		display: flex !important;
		width: 48px !important;
		height: 48px !important;
		align-items: center !important;
		justify-content: center !important;
		font-size: 30px !important;
		cursor: pointer !important;
		list-style: none !important;
	}
	
	body .hera-header-new .hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	body .hera-header-new .hera-mobile-dropdown nav {
		position: absolute !important;
		right: 0 !important;
		top: 52px !important;
		width: 220px !important;
		background: #F2EFE9 !important;
		border: 1px solid #C9A66B !important;
		border-radius: 16px !important;
		padding: 12px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.18) !important;
		z-index: 999999 !important;
	}
	
	body .hera-header-new .hera-mobile-dropdown:not([open]) nav {
		display: none !important;
	}
	
	body .hera-header-new .hera-mobile-dropdown nav a {
		display: block !important;
		visibility: visible !important;
		padding: 12px 10px !important;
		text-align: center !important;
		font-size: 16px !important;
		color: #171717 !important;
		text-decoration: none !important;
	}
	
	body .hera-header-new .hera-mobile-cta {
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
		margin-top: 8px !important;
	}
}

/* MOBILE: Untertitel kleiner + Header enger */
@media (max-width: 980px) {
	body .hera-header-new .hera-brand-text-new span {
		font-size: 9px !important;
		line-height: 1.05 !important;
		letter-spacing: .2px !important;
		white-space: nowrap !important;
	}
	
	body .hera-header-new .hera-brand-text-new strong {
		font-size: 18px !important;
		line-height: 1 !important;
		white-space: nowrap !important;
	}
	
	body .hera-header-new .hera-brand-new img {
		width: 42px !important;
		max-width: 42px !important;
	}
	
	body .hera-header-new .hera-brand-new {
		gap: 8px !important;
	}
	
	body .hera-header-new .hera-header-inner-new {
		min-height: 72px !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
}

@media (max-width: 480px) {
	body .hera-header-new .hera-brand-text-new strong {
		font-size: 16px !important;
	}
	
	body .hera-header-new .hera-brand-text-new span {
		font-size: 8px !important;
	}
}

/* MOBILE: Erstgespräch Button kleiner */
@media (max-width: 768px) {
	.hera-cta-new,
																							  .hera-mobile-cta {
		font-size: 13px !important;
		padding: 6px 14px !important;
		border-radius: 999px !important;
		line-height: 1.1 !important;
		display: inline-block !important;
	}
}

@media (max-width: 768px) {
	.hera-cta-new,
																						  .hera-mobile-cta {
		width: auto !important;
		max-width: max-content !important;
	}
}

/* MOBILE: echtes Dropdown-Menü */
@media (max-width: 980px) {
	.hera-desktop-menu,
																						  .hera-cta-new {
		display: none !important;
	}
	
	.hera-mobile-dropdown {
		display: block !important;
		position: absolute !important;
		right: 16px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		z-index: 99999 !important;
	}
	
	.hera-mobile-dropdown summary {
		width: 44px !important;
		height: 44px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		font-size: 30px !important;
		cursor: pointer !important;
		list-style: none !important;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav {
		display: none !important;
		position: absolute !important;
		right: 0 !important;
		top: 48px !important;
		width: 210px !important;
		background: #F2EFE9 !important;
		border: 1px solid #C9A66B !important;
		border-radius: 16px !important;
		padding: 12px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.16) !important;
	}
	
	.hera-mobile-dropdown[open] nav {
		display: block !important;
	}
	
	.hera-mobile-dropdown nav a {
		display: block !important;
		padding: 12px 10px !important;
		text-align: center !important;
		color: #171717 !important;
		text-decoration: none !important;
		font-size: 15px !important;
	}
	
	.hera-mobile-cta {
		margin-top: 8px !important;
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
	}
}

/* Dropdown darf über den Header hinaus sichtbar sein */
@media (max-width: 980px) {
	.hera-header-new,
																						  .hera-header-inner-new,
																						  header.hera-header-new,
																						  .wp-block-group,
																						  .wp-block-group__inner-container {
		overflow: visible !important;
	}
	
	.hera-mobile-dropdown {
		position: static !important;
		transform: none !important;
		margin-left: auto !important;
	}
	
	.hera-mobile-dropdown nav {
		position: fixed !important;
		top: 82px !important;
		right: 16px !important;
		width: 220px !important;
		max-height: none !important;
		overflow: visible !important;
		z-index: 999999 !important;
	}
}

/* MOBILE DROPDOWN ALS FIXED PANEL */
@media (max-width: 980px) {
	.hera-header-new,
																						  .hera-header-inner-new {
		overflow: visible !important;
	}
	
	.hera-desktop-menu,
																						  .hera-cta-new {
		display: none !important;
	}
	
	.hera-mobile-dropdown {
		display: block !important;
		margin-left: auto !important;
		position: relative !important;
		z-index: 999999 !important;
	}
	
	.hera-mobile-dropdown summary {
		width: 46px !important;
		height: 46px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		font-size: 30px !important;
		cursor: pointer !important;
		list-style: none !important;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-dropdown nav {
		display: none !important;
	}
	
	.hera-mobile-dropdown[open] nav {
		display: flex !important;
		flex-direction: column !important;
		position: fixed !important;
		top: 88px !important;
		left: 16px !important;
		right: 16px !important;
		width: auto !important;
		max-width: none !important;
		background: #F2EFE9 !important;
		border: 1px solid rgba(201,166,107,.55) !important;
		border-radius: 18px !important;
		padding: 14px !important;
		box-shadow: 0 18px 40px rgba(0,0,0,.18) !important;
		z-index: 999999 !important;
	}
	
	.hera-mobile-dropdown[open] nav a {
		display: block !important;
		width: 100% !important;
		padding: 13px 10px !important;
		text-align: center !important;
		color: #171717 !important;
		text-decoration: none !important;
		font-size: 16px !important;
		line-height: 1.2 !important;
		white-space: normal !important;
		box-sizing: border-box !important;
	}
	
	.hera-mobile-cta {
		margin-top: 8px !important;
		border: 1px solid #C9A66B !important;
		border-radius: 999px !important;
	}
}

/* MOBILE DROPDOWN: zwingend vertikal */
@media (max-width: 980px) {
	.hera-mobile-dropdown[open] nav,
																						  .hera-mobile-dropdown nav {
		display: block !important;
		flex-direction: initial !important;
		white-space: normal !important;
	}
	
	.hera-mobile-dropdown nav a,
																						  .hera-mobile-dropdown[open] nav a {
		display: block !important;
		width: 100% !important;
		float: none !important;
		clear: both !important;
		margin: 0 !important;
		padding: 13px 10px !important;
		text-align: center !important;
		box-sizing: border-box !important;
		white-space: normal !important;
	}
	
	.hera-mobile-dropdown nav a + a {
		border-top: 1px solid rgba(201,166,107,.22) !important;
	}
}

/* HEADER BASIS */
.hera-header-new {
	background: #F2EFE9;
	border-bottom: 1px solid rgba(17,17,17,.08);
}

.hera-header-inner-new {
	max-width: 1180px;
	margin: auto;
	padding: 22px 36px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	position: relative;
}

/* LOGO */
.hera-brand-new {
	display: flex;
	align-items: center;
	gap: 14px;
	text-decoration: none;
}

.hera-brand-new img {
	width: 56px;
	height: auto;
}

.hera-brand-text-new strong {
	display: block;
	font-size: 26px;
	line-height: 1.05;
	color: #171717;
}

.hera-brand-text-new span {
	display: block;
	font-size: 14px;
	color: #8a837a;
}

/* DESKTOP MENU */
.hera-desktop-menu {
	display: flex;
	gap: 28px;
}

.hera-desktop-menu a {
	text-decoration: none;
	color: #171717;
	font-size: 16px;
}

/* BUTTON */
.hera-cta-new {
	text-decoration: none;
	border: 1px solid #C9A66B;
	border-radius: 999px;
	padding: 10px 20px;
	color: #171717;
}

/* MOBILE MENU DEFAULT HIDDEN */
.hera-mobile-dropdown {
	display: none;
}

/* MOBILE VERSION */
@media(max-width:980px) {
	.hera-desktop-menu,
																						.hera-cta-new {
		display: none;
	}
	
	.hera-header-inner-new {
		padding: 14px 18px;
	}
	
	.hera-brand-new {
		gap: 10px;
	}
	
	.hera-brand-new img {
		width: 46px;
	}
	
	.hera-brand-text-new strong {
		font-size: 18px;
	}
	
	.hera-brand-text-new span {
		font-size: 10px;
	}
	
	/* HAMBURGER */
	.hera-mobile-dropdown {
		display: block;
		margin-left: auto;
	}
	
	.hera-mobile-dropdown summary {
		list-style: none;
		cursor: pointer;
		font-size: 30px;
		padding: 6px 12px;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none;
	}
	
	/* DROPDOWN PANEL */
	.hera-mobile-panel {
		display: none;
		position: absolute;
		top: 64px;
		right: 18px;
		width: 220px;
		background: #F2EFE9;
		border: 1px solid rgba(201,166,107,.5);
		border-radius: 16px;
		padding: 12px;
		box-shadow: 0 18px 40px rgba(0,0,0,.18);
		z-index: 9999;
	}
	
	/* OPEN STATE */
	.hera-mobile-dropdown[open] .hera-mobile-panel {
		display: block;
	}
	
	/* LINKS */
	.hera-mobile-panel a {
		display: block;
		padding: 12px 10px;
		text-align: center;
		text-decoration: none;
		color: #171717;
		font-size: 16px;
	}
	
	/* CTA MOBILE */
	.hera-mobile-cta {
		margin-top: 8px;
		border: 1px solid #C9A66B;
		border-radius: 999px;
	}
}

/* MOBILE: Dropdown weiter nach oben */
@media (max-width:980px) {
	.hera-mobile-panel {
		top: 44px !important;
		right: 12px !important;
	}
	
	.hera-header-inner-new {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
		min-height: 58px !important;
	}
	
	.hera-brand-new img {
		width: 42px !important;
	}
	
	.hera-brand-text-new strong {
		font-size: 17px !important;
		line-height: 1 !important;
	}
	
	.hera-brand-text-new span {
		font-size: 9px !important;
		line-height: 1 !important;
	}
	
	.hera-mobile-dropdown summary {
		font-size: 28px !important;
		padding: 4px 8px !important;
	}
}

/* HEADER: oberen Abstand entfernen (Mobile) */
@media (max-width: 980px) {
	header.hera-header-new {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	
	.hera-header-new {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	
	.hera-header-inner-new {
		padding-top: 4px !important;
		padding-bottom: 4px !important;
		min-height: 52px !important;
	}
	
	/* entfernt typisches Gutenberg Block Padding */
	.wp-block-group,
																						  .wp-block-group__inner-container {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
	
	/* falls Header im Cover-Block steckt */
	.wp-block-cover {
		padding-top: 0 !important;
	}
}

/* =====================================================
FIXED HEADER DESKTOP + MOBILE
===================================================== */
body {
	padding-top: 90px;
}

/* HEADER FIXED */
.hera-header-new {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999999;
	background: #F2EFE9;
	border-bottom: 1px solid rgba(17,17,17,.08);
}

/* INNER CONTAINER */
.hera-header-inner-new {
	max-width: 1180px;
	margin: auto;
	padding: 18px 36px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	position: relative;
}

/* LOGO */
.hera-brand-new {
	display: flex;
	align-items: center;
	gap: 14px;
	text-decoration: none;
}

.hera-brand-new img {
	width: 54px;
	height: auto;
}

.hera-brand-text-new strong {
	display: block;
	font-size: 26px;
	line-height: 1.05;
	color: #171717;
}

.hera-brand-text-new span {
	display: block;
	font-size: 14px;
	color: #8a837a;
}

/* DESKTOP MENU */
.hera-desktop-menu {
	display: flex;
	gap: 28px;
}

.hera-desktop-menu a {
	text-decoration: none;
	color: #171717;
	font-size: 16px;
}

/* DESKTOP BUTTON */
.hera-cta-new {
	text-decoration: none;
	border: 1px solid #C9A66B;
	border-radius: 999px;
	padding: 10px 20px;
	color: #171717;
}

/* MOBILE MENU HIDDEN DEFAULT */
.hera-mobile-dropdown {
	display: none;
}

/* =====================================================
MOBILE HEADER
===================================================== */
@media(max-width:980px) {
	body {
		padding-top: 62px;
	}
	
	.hera-header-inner-new {
		padding: 10px 16px;
	}
	
	.hera-brand-new img {
		width: 40px;
	}
	
	.hera-brand-text-new strong {
		font-size: 17px;
	}
	
	.hera-brand-text-new span {
		font-size: 9px;
	}
	
	/* DESKTOP ELEMENTS AUSBLENDEN */
	.hera-desktop-menu,
																						
																						.hera-cta-new {
		display: none;
	}
	
	/* MOBILE DROPDOWN AKTIVIEREN */
	.hera-mobile-dropdown {
		display: block;
		margin-left: auto;
	}
	
	/* HAMBURGER */
	.hera-mobile-dropdown summary {
		list-style: none;
		cursor: pointer;
		font-size: 28px;
		padding: 6px 10px;
	}
	
	.hera-mobile-dropdown summary::-webkit-details-marker {
		display: none;
	}
	
	/* DROPDOWN PANEL */
	.hera-mobile-panel {
		display: none;
	}
	
	/* OPEN STATE */
	.hera-mobile-dropdown[open] .hera-mobile-panel {
		display: block;
		position: fixed;
		top: 62px;
		left: 14px;
		right: 14px;
		background: #F2EFE9;
		border: 1px solid rgba(201,166,107,.5);
		border-radius: 16px;
		padding: 12px;
		box-shadow: 0 18px 40px rgba(0,0,0,.18);
	}
	
	/* MOBILE LINKS */
	.hera-mobile-panel a {
		display: block;
		padding: 12px 10px;
		text-align: center;
		text-decoration: none;
		color: #171717;
		font-size: 16px;
	}
	
	/* MOBILE CTA */
	.hera-mobile-cta {
		margin-top: 8px;
		border: 1px solid #C9A66B;
		border-radius: 999px;
	}
	
	.ha-knowledge-page {
		background: #F2EFE9;
		padding: 120px 24px 90px;
		color: #171717;
	}
	
	.ha-knowledge-hero {
		max-width: 920px;
		margin: 0 auto 80px;
		text-align: center;
	}
	
	.ha-eyebrow {
		font-size: 14px;
		letter-spacing: 6px;
		color: #C9A66B;
		margin-bottom: 18px;
	}
	
	.ha-knowledge-hero h1 {
		font-family: Georgia, 'Times New Roman', serif;
		font-size: clamp(46px, 7vw, 86px);
		line-height: .95;
		margin: 0 0 28px;
	}
	
	.ha-knowledge-hero p {
		font-size: 20px;
		line-height: 1.7;
		max-width: 720px;
		margin: 0 auto;
		color: #3B3834;
	}
	
	.ha-timeline {
		max-width: 980px;
		margin: 0 auto;
		position: relative;
	}
	
	.ha-timeline:before {
		content: "";
		position: absolute;
		left: 180px;
		top: 0;
		bottom: 0;
		width: 1px;
		background: rgba(201,166,107,.55);
	}
	
	.ha-timeline-item {
		display: grid;
		grid-template-columns: 150px 1fr;
		gap: 60px;
		margin-bottom: 46px;
		position: relative;
	}
	
	.ha-timeline-date {
		font-size: 13px;
		letter-spacing: 3px;
		color: #C9A66B;
		padding-top: 30px;
	}
	
	.ha-timeline-card {
		background: rgba(255,255,255,.45);
		border: 1px solid rgba(201,166,107,.35);
		border-radius: 28px;
		padding: 34px;
		box-shadow: 0 22px 50px rgba(0,0,0,.06);
	}
	
	.ha-timeline-card span {
		color: #C9A66B;
		font-size: 13px;
		letter-spacing: 3px;
		text-transform: uppercase;
	}
	
	.ha-timeline-card h2 {
		font-family: Georgia, 'Times New Roman', serif;
		font-size: 34px;
		line-height: 1.08;
		margin: 14px 0 16px;
	}
	
	.ha-timeline-card p {
		font-size: 17px;
		line-height: 1.6;
		color: #3B3834;
		margin-bottom: 22px;
	}
	
	.ha-timeline-card a {
		color: #171717;
		text-decoration: none;
		border-bottom: 1px solid #C9A66B;
		padding-bottom: 4px;
	}
	
	@media (max-width: 768px) {
	.ha-knowledge-page {
		padding: 90px 20px 70px;
	}
	
	.ha-timeline:before {
		left: 0;
	}
	
	.ha-timeline-item {
		grid-template-columns: 1fr;
		gap: 12px;
		padding-left: 24px;
	}
	
	.ha-timeline-date {
		padding-top: 0;
	}
	
	.ha-timeline-card {
		padding: 26px;
		border-radius: 22px;
	}
	
	.ha-timeline-card h2 {
		font-size: 28px;
	}
}

.ha-wissen-modern {
	background: #F2EFE9;
	padding: 130px 24px 100px;
	color: #171717;
}

.ha-wissen-intro {
	max-width: 1080px;
	margin: 0 auto 90px;
}

.ha-wissen-kicker {
	color: #C9A66B;
	letter-spacing: 7px;
	font-size: 13px;
	margin-bottom: 20px;
}

.ha-wissen-intro h1 {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: clamp(48px, 7vw, 92px);
	line-height: .95;
	max-width: 760px;
	margin: 0 0 28px;
}

.ha-wissen-intro p {
	max-width: 640px;
	font-size: 19px;
	line-height: 1.7;
	color: #3B3834;
}

.ha-wissen-layout {
	max-width: 1080px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 170px 1fr;
	gap: 60px;
}

.ha-wissen-timeline {
	position: sticky;
	top: 120px;
	align-self: start;
	border-left: 1px solid rgba(201,166,107,.55);
	padding-left: 24px;
	display: flex;
	flex-direction: column;
	gap: 26px;
}

.ha-wissen-timeline span {
	color: #8a837a;
	font-size: 15px;
}

.ha-wissen-timeline .active {
	color: #171717;
	font-size: 28px;
	font-family: Georgia, 'Times New Roman', serif;
}

.ha-wissen-posts {
	display: grid;
	gap: 28px;
}

.ha-wissen-card {
	background: rgba(255,255,255,.5);
	border: 1px solid rgba(201,166,107,.32);
	border-radius: 30px;
	padding: 34px;
	box-shadow: 0 24px 60px rgba(0,0,0,.06);
}

.ha-card-meta {
	display: flex;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 18px;
}

.ha-card-meta span {
	color: #C9A66B;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-size: 12px;
}

.ha-card-meta small {
	color: #8a837a;
	font-size: 13px;
}

.ha-wissen-card h2 {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 34px;
	line-height: 1.08;
	margin: 0 0 16px;
}

.ha-wissen-card p {
	color: #3B3834;
	font-size: 17px;
	line-height: 1.6;
	margin-bottom: 24px;
}

.ha-wissen-card a {
	color: #171717;
	text-decoration: none;
	border-bottom: 1px solid #C9A66B;
	padding-bottom: 4px;
}

@media (max-width: 768px) {
	.ha-wissen-modern {
		padding: 90px 20px 70px;
	}
	
	.ha-wissen-layout {
		grid-template-columns: 1fr;
		gap: 34px;
	}
	
	.ha-wissen-timeline {
		position: relative;
		top: auto;
		flex-direction: row;
		overflow-x: auto;
		border-left: none;
		border-bottom: 1px solid rgba(201,166,107,.45);
		padding-left: 0;
		padding-bottom: 16px;
	}
	
	.ha-wissen-timeline .active {
		font-size: 24px;
	}
	
	.ha-wissen-card {
		padding: 26px;
		border-radius: 24px;
	}
	
	.ha-wissen-card h2 {
		font-size: 28px;
	}
}

/* HEADER FIX NACH WISSEN-MENÜPUNKT */
.hera-header-inner-new {
	max-width: 1280px !important;
	padding: 18px 28px !important;
	gap: 20px !important;
}

.hera-brand-new {
	flex-shrink: 0 !important;
}

.hera-desktop-menu {
	display: flex !important;
	align-items: center !important;
	gap: 20px !important;
	flex-wrap: nowrap !important;
	white-space: nowrap !important;
}

.hera-desktop-menu a {
	font-size: 15px !important;
	white-space: nowrap !important;
	line-height: 1.2 !important;
}

.hera-cta-new {
	flex-shrink: 0 !important;
	white-space: nowrap !important;
	padding: 9px 18px !important;
}

/* Tablet/Mobile: früher auf Hamburger wechseln */
@media (max-width: 1100px) {
	.hera-desktop-menu,
																						  .hera-cta-new {
		display: none !important;
	}
	
	.hera-menu-icon {
		display: flex !important;
	}
}

/* HEADER CONTAINER */
.hera-header-new {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999999;
	background: #F2EFE9;
	border-bottom: 1px solid rgba(17,17,17,.08);
}

/* INNER LAYOUT */
.hera-header-inner-new {
	max-width: 1280px;
	margin: auto;
	padding: 18px 28px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 22px;
}

/* LOGO */
.hera-brand-new {
	display: flex;
	align-items: center;
	gap: 14px;
	text-decoration: none;
	flex-shrink: 0;
}

.hera-brand-new img {
	width: 54px;
}

.hera-brand-text-new strong {
	font-size: 26px;
	line-height: 1.05;
	color: #171717;
	white-space: nowrap;
}

.hera-brand-text-new span {
	font-size: 14px;
	color: #8a837a;
	white-space: nowrap;
}

/* DESKTOP MENU */
.hera-desktop-menu {
	display: flex;
	gap: 20px;
	white-space: nowrap;
}

.hera-desktop-menu a {
	text-decoration: none;
	color: #171717;
	font-size: 15px;
}

/* CTA */
.hera-cta-new {
	border: 1px solid #C9A66B;
	border-radius: 999px;
	padding: 9px 18px;
	text-decoration: none;
	color: #171717;
	white-space: nowrap;
}

/* MOBILE ICON STANDARD AUS */
.hera-menu-toggle,

.hera-menu-icon,

.hera-mobile-panel {
	display: none;
}

/* MOBILE VERSION */
@media(max-width:1100px) {
	.hera-desktop-menu,
																						
																						.hera-cta-new {
		display: none;
	}
	
	.hera-menu-icon {
		display: block;
		font-size: 28px;
		cursor: pointer;
		margin-left: auto;
	}
	
	.hera-menu-toggle {
		display: none;
	}
	
	/* MOBILE PANEL */
	.hera-menu-toggle:checked + .hera-menu-icon + .hera-mobile-panel {
		display: flex;
		flex-direction: column;
		position: fixed;
		top: 70px;
		left: 16px;
		right: 16px;
		background: #F2EFE9;
		border: 1px solid rgba(201,166,107,.5);
		border-radius: 16px;
		padding: 14px;
		box-shadow: 0 20px 40px rgba(0,0,0,.15);
	}
	
	.hera-mobile-panel a {
		padding: 12px;
		text-align: center;
		text-decoration: none;
		color: #171717;
	}
	
	.hera-mobile-cta {
		border: 1px solid #C9A66B;
		border-radius: 999px;
		margin-top: 8px;
	}
}

@media (max-width: 768px) {
	.ha-about-second > div {
		width: calc(100vw - 32px) !important;
		height: auto !important;
		min-height: 720px !important;
		display: block !important;
	}
	
	.ha-about-second > div > div:first-child {
		position: relative !important;
		width: 100% !important;
		height: 360px !important;
		border-radius: 18px 18px 0 0 !important;
	}
	
	.ha-about-second > div > div:first-child img {
		border-radius: 18px 18px 0 0 !important;
		object-position: center top !important;
	}
	
	.ha-about-second > div > div:nth-child(2) {
		display: none !important;
	}
	
	.ha-about-second > div > div:last-child {
		width: auto !important;
		height: auto !important;
		padding: 34px 26px 38px !important;
	}
	
	.ha-about-second h2 {
		font-size: 29px !important;
	}
}

/* Senkrechte Linie im Über-uns-Bereich entfernen */
.ha-about,
.ha-about-second,
.ha-about::before,
.ha-about::after,
.ha-about-second::before,
.ha-about-second::after {
	border-left: none !important;
	border-right: none !important;
	box-shadow: none !important;
}

.ha-about > div,
.ha-about-second > div {
	border-left: none !important;
	border-right: none !important;
}

.ha-about [style*="border-left"],
.ha-about [style*="border-right"],
.ha-about-second [style*="border-left"],
.ha-about-second [style*="border-right"] {
	border-left: none !important;
	border-right: none !important;
}

/* mögliche alte Timeline- oder Trennlinie entfernen */
.ha-about .timeline,
.ha-about-second .timeline,
.ha-about .vertical-line,
.ha-about-second .vertical-line {
	display: none !important;
}

/* Yasmina-Bild: echter transparenter Übergang */
.ha-about-image-left {
	position: absolute !important;
	width: 80% !important;
	height: 100% !important;
	overflow: hidden !important;
	border-radius: 18px 0 0 18px !important;
}

.ha-about-image-fade {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: 60% 8% !important;
	-webkit-mask-image: linear-gradient(to right,
    #000 0%,
    #000 38%,
    rgba(0,0,0,.99) 48%,
    rgba(0,0,0,.94) 58%,
    rgba(0,0,0,.82) 68%,
    rgba(0,0,0,.64) 76%,
    rgba(0,0,0,.42) 84%,
    rgba(0,0,0,.22) 91%,
    rgba(0,0,0,.08) 96%,
    transparent 100%) !important;
	mask-image: linear-gradient(to right,
    #000 0%,
    #000 38%,
    rgba(0,0,0,.99) 48%,
    rgba(0,0,0,.94) 58%,
    rgba(0,0,0,.82) 68%,
    rgba(0,0,0,.64) 76%,
    rgba(0,0,0,.42) 84%,
    rgba(0,0,0,.22) 91%,
    rgba(0,0,0,.08) 96%,
    transparent 100%) !important;
	-webkit-mask-repeat: no-repeat !important;
	mask-repeat: no-repeat !important;
	-webkit-mask-size: 100% 100% !important;
	mask-size: 100% 100% !important;
}	
}

/* Carlos Bild */
.ha-about-image-right {
	position: absolute !important;
	width: 100% !important;
	height: 100% !important;
	overflow: hidden !important;
	border-radius: 0 18px 18px 0 !important;
}

.ha-about-image-fade-right {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: 52% 15% !important;
	-webkit-mask-image: linear-gradient(to left,
        #000 0%,
        #000 54%,
        rgba(0,0,0,.98) 60%,
        rgba(0,0,0,.88) 67%,
        rgba(0,0,0,.65) 75%,
        rgba(0,0,0,.38) 83%,
        rgba(0,0,0,.15) 91%,
        transparent 100%) !important;
	mask-image: linear-gradient(to left,
        #000 0%,
        #000 54%,
        rgba(0,0,0,.98) 60%,
        rgba(0,0,0,.88) 67%,
        rgba(0,0,0,.65) 75%,
        rgba(0,0,0,.38) 83%,
        rgba(0,0,0,.15) 91%,
        transparent 100%) !important;
	-webkit-mask-repeat: no-repeat !important;
	mask-repeat: no-repeat !important;
	-webkit-mask-size: 100% 100% !important;
	mask-size: 100% 100% !important;
}

/* =====================================================
   HERA ACCOUNTS – Einheitliche Premium-Animationen
===================================================== */
.ha-about-primary,
.ha-about-second,
.hera-mobile-cta-box {
	transition: transform .45s cubic-bezier(.22,.61,.36,1), box-shadow .45s ease;
}

.ha-about-image-fade,
.ha-about-image-fade-right,
.hera-mobile-cta-image img {
	transform: scale(1);
	transition: transform 1.2s cubic-bezier(.22,.61,.36,1), filter .9s ease;
	filter: brightness(1) contrast(1);
}

.ha-about-primary h2,
.ha-about-second h2,
.hera-mobile-cta-text h2 {
	transition: transform .45s cubic-bezier(.22,.61,.36,1), color .35s ease;
}

.ha-about-primary a,
.ha-about-second a,
.hera-mobile-cta-text a {
	transition: transform .35s ease, background .35s ease, color .35s ease, box-shadow .35s ease;
}

/* =====================================================
   HOVER-EFFEKTE
===================================================== */
.ha-about-primary:hover,
.ha-about-second:hover,
.hera-mobile-cta-box:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 60px rgba(0,0,0,.06);
}

.ha-about-primary:hover .ha-about-image-fade,
.ha-about-second:hover .ha-about-image-fade-right,
.hera-mobile-cta-box:hover .hera-mobile-cta-image img {
	transform: scale(1.03);
	filter: brightness(1.02) contrast(1.02);
}

.ha-about-primary:hover h2,
.ha-about-second:hover h2,
.hera-mobile-cta-box:hover .hera-mobile-cta-text h2 {
	transform: translateX(5px);
}

.ha-about-primary:hover a,
.ha-about-second:hover a,
.hera-mobile-cta-box:hover .hera-mobile-cta-text a {
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(0,0,0,.15);
}

/* =====================================================
   MOBILE UND TOUCH-GERÄTE
===================================================== */
@media (hover:none) {
	.ha-about-primary,
																				    .ha-about-second,
																				    .hera-mobile-cta-box {
		transform: none;
		box-shadow: none;
	}
	
	.ha-about-image-fade,
																				    .ha-about-image-fade-right,
																				    .hera-mobile-cta-image img {
		transform: none;
		filter: none;
	}
	
	.ha-about-primary h2,
																				    .ha-about-second h2,
																				    .hera-mobile-cta-text h2,
																				    .ha-about-primary a,
																				    .ha-about-second a,
																				    .hera-mobile-cta-text a {
		transform: none;
	}
}

/* Bewegungsreduktion aus Betriebssystem respektieren */
@media (prefers-reduced-motion:reduce) {
	.ha-about-primary,
																				    .ha-about-second,
																				    .hera-mobile-cta-box,
																				    .ha-about-image-fade,
																				    .ha-about-image-fade-right,
																				    .hera-mobile-cta-image img,
																				    .ha-about-primary h2,
																				    .ha-about-second h2,
																				    .hera-mobile-cta-text h2,
																				    .ha-about-primary a,
																				    .ha-about-second a,
																				    .hera-mobile-cta-text a {
		transition: none !important;
	}
}

/* =====================================================
   HERA ACCOUNTS – ÜBER UNS MOBILE
===================================================== */
@media (max-width:767px) {
	/* Anker auf Mobile nicht nach oben verschieben */
	#ueber-uns {
		height: 1px !important;
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	
	/* Beide äusseren Sections */
	.ha-about-primary,
																				    .ha-about-second {
		width: 100% !important;
		margin-left: 0 !important;
		padding: 28px 18px !important;
		background: #F2EFE9 !important;
		box-sizing: border-box !important;
	}
	
	.ha-about-second {
		padding-top: 0 !important;
		padding-bottom: 44px !important;
	}
	
	/* Die eigentliche Karte:
																				       jeweils das erste direkte DIV innerhalb der Section */
	.ha-about-primary > div,
																				    .ha-about-second > div {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 auto !important;
		padding: 0 !important;
		border-radius: 18px !important;
		overflow: hidden !important;
		position: relative !important;
		background: #F2EFE9 !important;
	}
	
	/* =================================================
																				       BILDBEREICHE
																				    ================================================= */
	.ha-about-image-left,
																				    .ha-about-image-right {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		order: 1 !important;
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 5 / 4 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		border-radius: 18px !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		z-index: 1 !important;
	}
	
	/* Bilder */
	.ha-about-image-fade,
																				    .ha-about-image-fade-right {
		position: absolute !important;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 18px !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		filter: none !important;
		-webkit-mask-image: none !important;
		mask-image: none !important;
	}
	
	/* Yasmina: etwas höher ausrichten */
	.ha-about-image-fade {
		object-position: center 12% !important;
	}
	
	/* Carlos: Portrait sinnvoll zuschneiden */
	.ha-about-image-fade-right {
		object-position: center 18% !important;
	}
	
	/* =================================================
																				       TEXTBEREICHE
																				
																				       Der Text ist jeweils das zweite direkte DIV
																				       innerhalb der eigentlichen Karte.
																				    ================================================= */
	.ha-about-primary > div > div:nth-child(2),
																				    .ha-about-second > div > div:nth-child(2) {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		order: 2 !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: flex-start !important;
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		margin: 0 !important;
		padding: 30px 24px 34px !important;
		box-sizing: border-box !important;
		z-index: 2 !important;
		transform: none !important;
	}
	
	/* Text-Inhalt */
	.ha-about-primary > div > div:nth-child(2) > div,
																				    .ha-about-second > div > div:nth-child(2) > div {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	/* Kleine Oberzeile */
	.ha-about-primary > div > div:nth-child(2) > div > p:first-child,
																				    .ha-about-second > div > div:nth-child(2) > div > p:first-child {
		margin: 0 0 12px !important;
		font-size: 11px !important;
		line-height: 1.4 !important;
		letter-spacing: .12em !important;
	}
	
	/* Überschriften */
	.ha-about-primary h2,
																				    .ha-about-second h2 {
		margin: 0 0 18px !important;
		font-size: 32px !important;
		line-height: 1.08 !important;
		transform: none !important;
	}
	
	/* Fliesstext */
	.ha-about-primary h2 ~ p,
																				    .ha-about-second h2 ~ p {
		margin-top: 0 !important;
		margin-bottom: 16px !important;
		font-size: 16px !important;
		line-height: 1.65 !important;
	}
	
	/* Zweiter Absatz */
	.ha-about-primary h2 ~ p:last-child,
																				    .ha-about-second h2 ~ p:last-child {
		margin-bottom: 26px !important;
	}
	
	/* Buttons */
	.ha-about-primary a,
																				    .ha-about-second a {
		position: relative !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		align-self: flex-start !important;
		width: auto !important;
		min-height: 52px !important;
		height: auto !important;
		margin: 0 !important;
		padding: 15px 28px !important;
		transform: none !important;
	}
	
	/* Mobile Hover- und Zoom-Effekte deaktivieren */
	.ha-about-primary:hover,
																				    .ha-about-second:hover,
																				    .ha-about-primary:hover h2,
																				    .ha-about-second:hover h2,
																				    .ha-about-primary:hover a,
																				    .ha-about-second:hover a,
																				    .ha-about-primary:hover .ha-about-image-fade,
																				    .ha-about-second:hover .ha-about-image-fade-right {
		transform: none !important;
		filter: none !important;
	}
}

.ha-about-image-right {
	overflow: hidden !important;
	border-radius: 18px !important;
}

.ha-about-image-right img {
	border-radius: 18px !important;
	display: block !important;
}

@media (max-width:767px) {
	/* Carlos: fester, vollständig abgerundeter Bildrahmen */
	body .ha-about-second > div > .ha-about-image-right {
		position: relative !important;
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		aspect-ratio: 5 / 4 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		border-radius: 18px !important;
		clip-path: inset(0 round 18px) !important;
		box-sizing: border-box !important;
		transform: translateZ(0) !important;
	}
	
	/* Bild bleibt innerhalb des abgerundeten Rahmens */
	body .ha-about-second > div > .ha-about-image-right >
																				    .ha-about-image-fade-right {
		position: absolute !important;
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		object-fit: cover !important;
		object-position: center 18% !important;
		border-radius: 0 !important;
		clip-path: none !important;
	/*
																				        Person etwas weiter nach links:
																				        leicht vergrössern und innerhalb des Rahmens verschieben
																				        */
		transform: translateX(-3%) scale(1.06) !important;
		transform-origin: center center !important;
		filter: none !important;
	}
}

/* =====================================================
   HERA ACCOUNTS – DESKTOP NAVIGATION
===================================================== */
.hera-desktop-nav {
	display: flex;
	align-items: center;
	gap: 32px;
}

.hera-desktop-nav a {
	color: #171717;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	transition: opacity .25s ease;
}

.hera-desktop-nav a:hover {
	opacity: .55;
}

/* =====================================================
   HERA ACCOUNTS – HEADER RESET
===================================================== */
.hera-header-new {
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;
	z-index: 9999 !important;
	background: #F2EFE9 !important;
	overflow: visible !important;
}

.hera-header-inner-new {
	width: min(1180px, calc(100% - 48px)) !important;
	height: 88px !important;
	min-height: 0 !important;
	margin: 0 auto !important;
	padding: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 24px !important;
	position: relative !important;
	box-sizing: border-box !important;
	overflow: visible !important;
}

/* Desktop: mobiles Menü ausblenden */
.hera-mobile-menu {
	display: none;
}

/* =====================================================
   TABLET UND MOBILE
===================================================== */
@media (max-width:1024px) {
	.hera-header-new {
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.hera-header-inner-new {
		width: calc(100% - 32px) !important;
		height: 82px !important;
		min-height: 0 !important;
		margin: 0 auto !important;
		padding: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
	}
	
	/* Desktop-Navigation ausblenden */
	.hera-desktop-nav,
																				    .hera-cta-new {
		display: none !important;
	}
	
	/* Logo kompakter */
	.hera-brand-new {
		display: flex !important;
		align-items: center !important;
		gap: 12px !important;
		width: auto !important;
		max-width: calc(100% - 64px) !important;
		margin: 0 !important;
		padding: 0 !important;
		text-decoration: none !important;
	}
	
	.hera-brand-new img {
		display: block !important;
		width: 46px !important;
		height: 46px !important;
		margin: 0 !important;
		object-fit: contain !important;
		flex: 0 0 46px !important;
	}
	
	.hera-brand-text-new {
		display: flex !important;
		flex-direction: column !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1 !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		margin: 0 0 5px !important;
		font-size: 18px !important;
		line-height: 1 !important;
		white-space: nowrap !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		margin: 0 !important;
		font-size: 10px !important;
		line-height: 1.1 !important;
		white-space: nowrap !important;
	}
	
	/* =================================================
																				       NATIVES DETAILS-MENÜ
																				    ================================================= */
	.hera-mobile-menu {
		position: relative !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 46px !important;
		height: 46px !important;
		margin: 0 !important;
		padding: 0 !important;
		flex: 0 0 46px !important;
		z-index: 10001 !important;
	}
	
	/* Burger-Button */
	.hera-menu-button {
		position: relative !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 5px !important;
		width: 46px !important;
		height: 46px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 1px solid rgba(23,23,23,.14) !important;
		border-radius: 50% !important;
		background: #fff !important;
		box-shadow: 0 8px 24px rgba(0,0,0,.07) !important;
		cursor: pointer !important;
		list-style: none !important;
		box-sizing: border-box !important;
		z-index: 10003 !important;
	}
	
	/* Standard-Pfeil von details entfernen */
	.hera-menu-button::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-menu-button::marker {
		display: none !important;
		content: "" !important;
	}
	
	.hera-menu-button span {
		display: block !important;
		width: 19px !important;
		height: 2px !important;
		margin: 0 !important;
		padding: 0 !important;
		border-radius: 999px !important;
		background: #171717 !important;
		transition: transform .25s ease, opacity .2s ease !important;
	}
	
	/* Dropdown */
	.hera-mobile-panel {
		position: absolute !important;
		top: 58px !important;
		right: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		width: min(310px, calc(100vw - 32px)) !important;
		margin: 0 !important;
		padding: 14px !important;
		border: 1px solid rgba(23,23,23,.08) !important;
		border-radius: 18px !important;
		background: #fff !important;
		box-shadow: 0 24px 70px rgba(0,0,0,.16) !important;
		box-sizing: border-box !important;
		z-index: 10002 !important;
	}
	
	.hera-mobile-panel a {
		display: flex !important;
		align-items: center !important;
		min-height: 48px !important;
		padding: 11px 14px !important;
		border-radius: 11px !important;
		color: #171717 !important;
		text-decoration: none !important;
		font-size: 16px !important;
		line-height: 1.2 !important;
		font-weight: 500 !important;
		box-sizing: border-box !important;
	}
	
	.hera-mobile-panel a:active {
		background: #F2EFE9 !important;
	}
	
	.hera-mobile-panel .hera-mobile-menu-cta {
		justify-content: center !important;
		margin-top: 8px !important;
		border-radius: 999px !important;
		background: #111 !important;
		color: #fff !important;
	}
	
	/* Burger wird beim Öffnen zum X */
	.hera-mobile-menu[open] .hera-menu-button span:nth-child(1) {
		transform: translateY(7px) rotate(45deg) !important;
	}
	
	.hera-mobile-menu[open] .hera-menu-button span:nth-child(2) {
		opacity: 0 !important;
	}
	
	.hera-mobile-menu[open] .hera-menu-button span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg) !important;
	}
}

@media (max-width:1024px) {
	.hera-header-new {
		margin-top: 0 !important;
	}
	
	.hera-header-new:first-child {
		padding-top: 0 !important;
	}
}

/* =====================================================
   MOBILE HEADER – STABILE AUSRICHTUNG
===================================================== */
@media (max-width:1024px) {
	.hera-header-inner-new {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		width: calc(100% - 32px) !important;
		max-width: none !important;
		height: 82px !important;
		margin: 0 auto !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		overflow: visible !important;
	}
	
	.hera-brand-new {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		max-width: calc(100% - 62px) !important;
		margin: 0 !important;
	}
	
	.hera-mobile-menu {
		position: relative !important;
		display: block !important;
		flex: 0 0 46px !important;
		width: 46px !important;
		height: 46px !important;
		margin: 0 0 0 16px !important;
		padding: 0 !important;
		z-index: 10000 !important;
	}
	
	.hera-menu-button {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex-direction: column !important;
		gap: 5px !important;
		width: 46px !important;
		height: 46px !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}
	
	.hera-mobile-panel {
		position: absolute !important;
		top: 58px !important;
		right: 0 !important;
		left: auto !important;
		width: 280px !important;
		max-width: calc(100vw - 32px) !important;
		min-width: 240px !important;
		margin: 0 !important;
		padding: 16px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		box-sizing: border-box !important;
		z-index: 99999 !important;
	}
	
	.hera-mobile-panel a {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		width: 100% !important;
		white-space: nowrap !important;
	}
}

/* =====================================================
   MOBILE DROPDOWN – TEXT HORIZONTAL ERZWINGEN
===================================================== */
@media (max-width:1024px) {
	.hera-mobile-panel {
		position: absolute !important;
		top: 58px !important;
		right: 0 !important;
		left: auto !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		width: 280px !important;
		min-width: 280px !important;
		max-width: calc(100vw - 32px) !important;
		height: auto !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
	
	/* Alle Elemente im Dropdown zurücksetzen */
	.hera-mobile-panel,
																				    .hera-mobile-panel *,
																				    .hera-mobile-panel a,
																				    .hera-mobile-panel a * {
		direction: ltr !important;
		white-space: nowrap !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
		transform: none !important;
	}
	
	/* Einzelne Menülinks */
	.hera-mobile-panel > a {
		position: relative !important;
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		height: auto !important;
		min-height: 50px !important;
		margin: 0 !important;
		padding: 15px 16px !important;
		font-size: 16px !important;
		line-height: 20px !important;
		text-align: left !important;
		box-sizing: border-box !important;
	}
	
	/* CTA */
	.hera-mobile-panel > a.hera-mobile-menu-cta {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin-top: 10px !important;
		text-align: center !important;
	}
	
	/* Nur die Burgerlinien dürfen transformiert werden */
	.hera-mobile-menu[open]
																				    .hera-menu-button span:nth-child(1) {
		transform: translateY(7px) rotate(45deg) !important;
	}
	
	.hera-mobile-menu[open]
																				    .hera-menu-button span:nth-child(2) {
		opacity: 0 !important;
	}
	
	.hera-mobile-menu[open]
																				    .hera-menu-button span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg) !important;
	}
}

/* =====================================================
   HERA MOBILE NAVIGATION V2
   Neue Klassen ohne Konflikte
===================================================== */
.hera-nav-mobile-v2 {
	display: none;
}

@media (max-width:600px) {
	.hera-nav-panel-v2 {
		position: fixed !important;
		top: 90px !important;
		left: 16px !important;
		right: 16px !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		height: auto !important;
		margin: 0 !important;
		padding: 14px !important;
		display: block !important;
		background: #fff !important;
		border: 1px solid rgba(23,23,23,.08) !important;
		border-radius: 18px !important;
		box-shadow: 0 24px 70px rgba(0,0,0,.16) !important;
		box-sizing: border-box !important;
		z-index: 999999 !important;
	}
	
	.hera-nav-panel-v2 > a {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 14px 16px !important;
		font-size: 16px !important;
		line-height: 22px !important;
		text-align: left !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
		transform: none !important;
		box-sizing: border-box !important;
	}
	
	.hera-nav-panel-v2 > .hera-nav-cta-v2 {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin-top: 10px !important;
		text-align: center !important;
		white-space: nowrap !important;
	}
}

/* ===== HEADER ===== */
.hera-header-v3 {
	position: sticky;
	top: 0;
	z-index: 9999;
	background: #f2efe9;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.hera-header-inner-v3 {
	max-width: 1280px;
	margin: 0 auto;
	padding: 14px 24px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
}

/* ===== LOGO ===== */
.hera-brand-v3 {
	display: flex;
	align-items: center;
	gap: 14px;
	text-decoration: none;
	color: inherit;
}

.hera-brand-v3 img {
	width: 48px;
/* Logo-Grösse */
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
}

.hera-brand-copy-v3 {
	display: flex;
	flex-direction: column;
}

.hera-brand-copy-v3 strong {
	font-size: 18px;
	letter-spacing: 1px;
}

.hera-brand-copy-v3 small {
	font-size: 12px;
	color: #666;
}

/* ===== DESKTOP MENU ===== */
.hera-desktop-nav-v3 {
	display: flex;
	align-items: center;
	gap: 28px;
	flex: 1;
	justify-content: center;
}

.hera-desktop-nav-v3 a {
	text-decoration: none;
	color: #222;
	font-size: 15px;
	font-weight: 500;
}

.hera-desktop-nav-v3 a:hover {
	color: #d4af37;
}

/* ===== BUTTON ===== */
.hera-header-cta-v3 {
	padding: 12px 22px;
	border: 1px solid #d4af37;
	border-radius: 999px;
	text-decoration: none;
	color: #222;
	font-weight: 600;
}

/* ===== MOBILE ===== */
.hera-mobile-nav-v3 {
	display: none;
}

.hera-mobile-trigger-v3 {
	list-style: none;
	cursor: pointer;
}

.hera-mobile-trigger-v3::-webkit-details-marker {
	display: none;
}

.hera-mobile-trigger-v3 span {
	display: block;
	width: 24px;
	height: 2px;
	background: #222;
	margin: 5px 0;
}

.hera-mobile-panel-v3 {
	position: absolute;
	top: 78px;
	right: 20px;
	width: 240px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.hera-mobile-panel-v3 a {
	text-decoration: none;
	color: #222;
}

.hera-mobile-cta-v3 {
	padding: 12px;
	border: 1px solid #d4af37;
	border-radius: 999px;
	text-align: center;
}

/* ===== TABLET + MOBILE ===== */
@media (max-width: 980px) {
	.hera-desktop-nav-v3,
																  .hera-header-cta-v3 {
		display: none;
	}
	
	.hera-mobile-nav-v3 {
		display: block;
	}
	
	.hera-brand-copy-v3 small {
		display: none;
	}
	
	.hera-brand-copy-v3 strong {
		font-size: 16px;
	}
	
	.hera-brand-v3 img {
		width: 42px;
		height: 42px;
	}
}

/* =====================================================
   HEADER – DESKTOP-LINKS NICHT MEHR SENKRECHT
===================================================== */
.hera-desktop-menu {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 28px !important;
	margin-left: auto !important;
	flex: 0 0 auto !important;
	width: auto !important;
	min-width: max-content !important;
	white-space: nowrap !important;
}

.hera-desktop-menu a {
	display: inline-flex !important;
	align-items: center !important;
	flex: 0 0 auto !important;
	width: auto !important;
	min-width: max-content !important;
	margin: 0 !important;
	padding: 8px 0 !important;
	color: #171717 !important;
	text-decoration: none !important;
	font-size: 15px !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* Auf iPad rechtzeitig auf Burger wechseln */
@media (max-width: 1180px) {
	.hera-desktop-menu,
															  .hera-cta-new {
		display: none !important;
	}
	
	.hera-nav-mobile-v2 {
		display: block !important;
	}
}

.hera-header-inner-new > a:not(.hera-brand-new):not(.hera-cta-new) {
	font-size: 19px;
}

/* HERO-TEXTBLOCK WIRKLICH MITTIG POSITIONIEREN */
body .ha-hero .ha-hero-inner {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 24px !important;
	padding-right: 24px !important;
	box-sizing: border-box !important;
}

body .ha-hero .ha-hero-inner .ha-hero-content {
	width: min(620px, 100%) !important;
	max-width: 620px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: left !important;
	transform: none !important;
}

/* =====================================================
   HERO DESKTOP – GLEICHE BREITE WIE HEADER
===================================================== */
@media (min-width: 1025px) {
	.ha-hero {
		width: 100% !important;
		max-width: 1280px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		left: auto !important;
		transform: none !important;
		min-height: 440px !important;
		background-color: #F2EFE9 !important;
		border-radius: 0 !important;
		overflow: hidden !important;
	}
	
	.ha-hero-inner {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding-left: 56px !important;
		padding-right: 56px !important;
		box-sizing: border-box !important;
	}
	
	.ha-hero-content {
		width: 620px !important;
		max-width: 620px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 !important;
		text-align: left !important;
	}
	
	/* =====================================================
													   HERO IPAD
													===================================================== */
	@media (min-width: 769px) and (max-width: 1024px) {
	.ha-hero {
		width: calc(100% - 48px) !important;
		max-width: 960px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		left: auto !important;
		transform: none !important;
		min-height: 420px !important;
		background-color: #F2EFE9 !important;
		overflow: hidden !important;
	}
	
	.ha-hero-inner {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding-left: 40px !important;
		padding-right: 40px !important;
		box-sizing: border-box !important;
	}
	
	.ha-hero-content {
		width: 100% !important;
		max-width: 600px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 0 !important;
		text-align: left !important;
	}
	
	.ha-hero h1 {
		font-size: 46px !important;
		line-height: 1.08 !important;
	}
	
	.ha-hero p {
		font-size: 16px !important;
		line-height: 1.65 !important;
	}
}

	
}

/* =====================================================
   LEISTUNGEN INTRO – NEUE KONFLIKTFREIE VERSION
===================================================== */
.hera-services-intro {
	width: 100% !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

.hera-services-intro-inner {
	width: min(1180px, calc(100% - 96px)) !important;
	margin: 0 auto !important;
	padding: 90px 0 !important;
	box-sizing: border-box !important;
}

.hera-services-intro-content {
	width: 100% !important;
	max-width: 620px !important;
	margin: 0 auto !important;
	text-align: left !important;
}

.hera-services-intro-eyebrow {
	font-size: 12px !important;
	letter-spacing: .25em !important;
	text-transform: uppercase !important;
	color: #C6A46C !important;
	margin-bottom: 18px !important;
}

.hera-services-intro h1 {
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 48px !important;
	line-height: 1.08 !important;
	color: #171717 !important;
	margin: 0 0 28px !important;
}

.hera-services-intro p {
	max-width: 590px !important;
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1.7 !important;
	color: #33302C !important;
}

.hera-services-intro-line {
	display: block !important;
	width: 52px !important;
	height: 2px !important;
	margin-top: 34px !important;
	background: #C6A46C !important;
}

/* iPhone */
@media (max-width: 767px) {
	.hera-services-intro-inner {
		width: calc(100% - 40px) !important;
		padding: 58px 0 62px !important;
	}
	
	.hera-services-intro-content {
		max-width: 100% !important;
	}
	
	.hera-services-intro h1 {
		font-size: 36px !important;
	}
	
	.hera-services-intro p {
		font-size: 15px !important;
	}
}

/* =====================================================
   HERO DESKTOP – LINKS AUF HEADER-FLUCHT
===================================================== */
@media (min-width: 1025px) {
	.ha-hero-inner {
		width: min(1180px, calc(100vw - 96px)) !important;
		max-width: 1180px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		box-sizing: border-box !important;
	}
	
	.ha-hero-content {
		width: 620px !important;
		max-width: 620px !important;
		margin-left: 0 !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: left !important;
		transform: none !important;
	}
}

/* =====================================================
   HERA ACCOUNTS – INTRO BLOCK V4
   Desktop + iPad + iPhone
===================================================== */
.hera-intro-v4 {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

/* INNERER CONTAINER */
.hera-intro-inner-v4 {
	width: min(1180px, calc(100% - 96px)) !important;
	margin: 0 auto !important;
	padding: 96px 0 92px !important;
	box-sizing: border-box !important;
}

/* TEXTBLOCK */
.hera-intro-content-v4 {
	width: 100% !important;
	max-width: 760px !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
	box-sizing: border-box !important;
}

/* KLEINE OBERZEILE */
.hera-intro-eyebrow-v4 {
	margin: 0 0 18px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	letter-spacing: .2em !important;
	text-transform: uppercase !important;
	color: #C6A46C !important;
}

/* HAUPTÜBERSCHRIFT */
.hera-intro-v4 h1 {
	margin: 0 0 26px !important;
	padding: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 54px !important;
	font-weight: 600 !important;
	line-height: 1.08 !important;
	letter-spacing: -.015em !important;
	color: #171717 !important;
}

/* BESCHREIBUNG */
.hera-intro-v4 p {
	width: 100% !important;
	max-width: 700px !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	color: #3B3834 !important;
}

/* GOLDENE LINIE */
.hera-intro-line-v4 {
	display: block !important;
	width: 48px !important;
	height: 1.5px !important;
	margin-top: 32px !important;
	background: #C6A46C !important;
}

/* =====================================================
   IPAD / TABLET
===================================================== */
@media screen and (max-width: 1024px) {
	.hera-intro-inner-v4 {
		width: calc(100% - 64px) !important;
		padding: 76px 0 78px !important;
	}
	
	.hera-intro-content-v4 {
		max-width: 680px !important;
	}
	
	.hera-intro-eyebrow-v4 {
		font-size: 11px !important;
		margin-bottom: 16px !important;
	}
	
	.hera-intro-v4 h1 {
		font-size: 46px !important;
		line-height: 1.08 !important;
		margin-bottom: 24px !important;
	}
	
	.hera-intro-v4 p {
		max-width: 640px !important;
		font-size: 16px !important;
		line-height: 1.65 !important;
	}
	
	.hera-intro-line-v4 {
		margin-top: 30px !important;
	}
}

/* =====================================================
   IPHONE / MOBILE
===================================================== */
@media screen and (max-width: 767px) {
	.hera-intro-v4 {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}
	
	.hera-intro-inner-v4 {
		width: calc(100% - 40px) !important;
		margin: 0 auto !important;
		padding: 56px 0 60px !important;
	}
	
	.hera-intro-content-v4 {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.hera-intro-eyebrow-v4 {
		margin-bottom: 15px !important;
		font-size: 10px !important;
		letter-spacing: .18em !important;
	}
	
	.hera-intro-v4 h1 {
		margin: 0 0 20px !important;
		font-size: 38px !important;
		font-weight: 600 !important;
		line-height: 1.08 !important;
		letter-spacing: -.01em !important;
	}
	
	.hera-intro-v4 p {
		width: 100% !important;
		max-width: 100% !important;
		font-size: 15px !important;
		line-height: 1.65 !important;
	}
	
	.hera-intro-line-v4 {
		width: 44px !important;
		height: 1.5px !important;
		margin-top: 28px !important;
	}
}

/* =====================================================
   SEHR KLEINE IPHONES
===================================================== */
@media screen and (max-width: 390px) {
	.hera-intro-inner-v4 {
		width: calc(100% - 32px) !important;
		padding-top: 50px !important;
		padding-bottom: 54px !important;
	}
	
	.hera-intro-v4 h1 {
		font-size: 34px !important;
	}
	
	.hera-intro-v4 p {
		font-size: 14.5px !important;
	}
}

/* =====================================================
   HERA ACCOUNTS
   AI HERO – TEXT LINKS / BILD RECHTS
===================================================== */
.hera-ai-intro-v1 {
	width: 100% !important;
	margin: 0 !important;
	padding: 55px 0 70px !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

/* GESAMTER BLOCK */
.hera-ai-intro-inner-v1 {
	width: min(1180px, calc(100% - 96px)) !important;
	min-height: 480px !important;
	margin: 0 auto !important;
	display: grid !important;
	grid-template-columns: 46% 54% !important;
	position: relative !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

/* =====================================================
   TEXT LINKS
===================================================== */
.hera-ai-intro-text-v1 {
	position: relative !important;
	z-index: 3 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	padding: 55px 15px 55px 58px !important;
	box-sizing: border-box !important;
}

/* HERA ACCOUNTS */
.hera-ai-intro-kicker-v1 {
	margin: 0 0 18px !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	letter-spacing: .22em !important;
	text-transform: uppercase !important;
	color: #C6A46C !important;
}

/* HEADLINE */
.hera-ai-intro-text-v1 h1 {
	margin: 0 0 25px !important;
	padding: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 46px !important;
	font-weight: 600 !important;
	line-height: 1.07 !important;
	letter-spacing: -.015em !important;
	color: #171717 !important;
}

/* Menschliche Expertise etwas feiner */
.hera-ai-intro-text-v1 h1 span {
	font-weight: 500 !important;
}

/* BESCHREIBUNG */
.hera-ai-intro-text-v1 p {
	width: 100% !important;
	max-width: 470px !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	color: #3B3834 !important;
}

/* GOLDENE LINIE */
.hera-ai-intro-line-v1 {
	display: block !important;
	width: 48px !important;
	height: 1.5px !important;
	margin-top: 30px !important;
	background: #C6A46C !important;
}

/* =====================================================
   BILD RECHTS
===================================================== */
.hera-ai-intro-image-v1 {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 480px !important;
	overflow: hidden !important;
}

.hera-ai-intro-image-v1 img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
/* Motiv etwas nach rechts */
	object-position: 58% center !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 0 18px 18px 0 !important;
}

/* SOFTER ÜBERGANG ZUM TEXT */
.hera-ai-intro-image-v1::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 40% !important;
	background: linear-gradient(to right,
    #F2EFE9 0%,
    rgba(242,239,233,.96) 20%,
    rgba(242,239,233,.78) 42%,
    rgba(242,239,233,.40) 67%,
    rgba(242,239,233,0) 100%) !important;
	z-index: 2 !important;
	pointer-events: none !important;
}

/* =====================================================
   IPAD
===================================================== */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.hera-ai-intro-inner-v1 {
		width: calc(100% - 56px) !important;
		grid-template-columns: 48% 52% !important;
		min-height: 430px !important;
	}
	
	.hera-ai-intro-text-v1 {
		padding: 42px 10px 42px 40px !important;
	}
	
	.hera-ai-intro-text-v1 h1 {
		font-size: 38px !important;
	}
	
	.hera-ai-intro-text-v1 p {
		font-size: 14px !important;
	}
	
	.hera-ai-intro-image-v1 {
		min-height: 430px !important;
	}
}

/* =====================================================
   IPHONE
===================================================== */
@media screen and (max-width: 767px) {
	.hera-ai-intro-v1 {
		padding: 28px 18px 50px !important;
	}
	
	.hera-ai-intro-inner-v1 {
		width: 100% !important;
		min-height: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		border-radius: 18px !important;
	}
	
	/* TEXT OBEN */
	.hera-ai-intro-text-v1 {
		order: 1 !important;
		width: 100% !important;
		padding: 34px 24px 32px !important;
	}
	
	.hera-ai-intro-kicker-v1 {
		font-size: 10px !important;
		margin-bottom: 15px !important;
	}
	
	.hera-ai-intro-text-v1 h1 {
		font-size: 35px !important;
		line-height: 1.08 !important;
		margin-bottom: 20px !important;
	}
	
	.hera-ai-intro-text-v1 p {
		max-width: 100% !important;
		font-size: 15px !important;
		line-height: 1.65 !important;
	}
	
	.hera-ai-intro-line-v1 {
		margin-top: 25px !important;
	}
	
	/* BILD UNTEN */
	.hera-ai-intro-image-v1 {
		order: 2 !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: 5 / 4 !important;
		border-radius: 18px !important;
		overflow: hidden !important;
	}
	
	.hera-ai-intro-image-v1 img {
		position: absolute !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	/* Person / Monitor auf Mobile im Bild behalten */
		object-position: 68% center !important;
		border-radius: 18px !important;
	}
	
	/* Auf Mobile kein seitlicher Verlauf */
	.hera-ai-intro-image-v1::before {
		display: none !important;
	}
}

/* =====================================================
   HERA ACCOUNTS – AI HERO
   KOMPLETTE VERSION
   Desktop + iPad + Mobile
===================================================== */
/* =====================================================
   BASIS / SECTION
===================================================== */
.hera-ai-intro-v1 {
	width: 100% !important;
	margin: 0 !important;
	padding: 55px 0 70px !important;
	background: #F2EFE9 !important;
	box-sizing: border-box !important;
}

/* =====================================================
   HERO CONTAINER
===================================================== */
.hera-ai-intro-inner-v1 {
	width: min(1180px, calc(100% - 96px)) !important;
	min-height: 480px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	position: relative !important;
	display: grid !important;
	grid-template-columns: 46% 54% !important;
	align-items: stretch !important;
	background: #F2EFE9 !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

/* =====================================================
   TEXT LINKS
===================================================== */
.hera-ai-intro-text-v1 {
	position: relative !important;
	z-index: 5 !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 55px 0 55px 58px !important;
	box-sizing: border-box !important;
/*
     Text bewusst etwas ins Bild hinein
  */
	transform: translateX(70px) !important;
}

/* =====================================================
   KLEINE OBERZEILE
===================================================== */
.hera-ai-intro-kicker-v1 {
	margin: 0 0 18px !important;
	padding: 0 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
	font-weight: 500 !important;
	line-height: 1.2 !important;
	letter-spacing: .22em !important;
	text-transform: uppercase !important;
	color: #C6A46C !important;
}

/* =====================================================
   HEADLINE
===================================================== */
.hera-ai-intro-text-v1 h1 {
	width: 580px !important;
	max-width: 580px !important;
	margin: 0 0 25px !important;
	padding: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 46px !important;
	font-weight: 600 !important;
	line-height: 1.07 !important;
	letter-spacing: -.015em !important;
	color: #171717 !important;
	text-align: left !important;
}

/* Zweiter Teil etwas feiner */
.hera-ai-intro-text-v1 h1 span {
	font-weight: 500 !important;
}

/* =====================================================
   BESCHREIBUNG
===================================================== */
.hera-ai-intro-text-v1 p {
	width: 500px !important;
	max-width: 500px !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
	color: #3B3834 !important;
	text-align: left !important;
}

/* =====================================================
   GOLDENE LINIE
===================================================== */
.hera-ai-intro-line-v1 {
	display: block !important;
	width: 48px !important;
	height: 1.5px !important;
	margin-top: 30px !important;
	background: #C6A46C !important;
}

/* =====================================================
   BILD RECHTS
===================================================== */
.hera-ai-intro-image-v1 {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 480px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border-radius: 0 18px 18px 0 !important;
}

/* BILD */
.hera-ai-intro-image-v1 img {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: cover !important;
/*
     Person + Monitor schön sichtbar
  */
	object-position: 58% center !important;
	border-radius: 0 18px 18px 0 !important;
	transform: none !important;
}

/* =====================================================
   FADE DES BILDES
   Beginnt jetzt deutlich früher / weiter links
===================================================== */
.hera-ai-intro-image-v1::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 64% !important;
	background: linear-gradient(to right,

    #F2EFE9 0%,
    #F2EFE9 12%,

    rgba(242,239,233,.96) 22%,
    rgba(242,239,233,.82) 36%,
    rgba(242,239,233,.58) 52%,
    rgba(242,239,233,.32) 70%,
    rgba(242,239,233,.12) 88%,
    rgba(242,239,233,0) 100%) !important;
	z-index: 2 !important;
	pointer-events: none !important;
}

/* =====================================================
   GROSSE DESKTOPS
===================================================== */
@media screen and (min-width: 1280px) {
	.hera-ai-intro-inner-v1 {
		min-height: 500px !important;
	}
	
	.hera-ai-intro-image-v1 {
		min-height: 500px !important;
	}
}

/* =====================================================
   IPAD / TABLET
===================================================== */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.hera-ai-intro-v1 {
		padding: 40px 0 55px !important;
	}
	
	.hera-ai-intro-inner-v1 {
		width: calc(100% - 56px) !important;
		min-height: 430px !important;
		grid-template-columns: 48% 52% !important;
	}
	
	/* Text etwas weniger verschieben */
	.hera-ai-intro-text-v1 {
		padding: 42px 0 42px 38px !important;
		transform: translateX(35px) !important;
	}
	
	.hera-ai-intro-kicker-v1 {
		font-size: 10px !important;
		margin-bottom: 15px !important;
	}
	
	.hera-ai-intro-text-v1 h1 {
		width: 440px !important;
		max-width: 440px !important;
		font-size: 38px !important;
		line-height: 1.08 !important;
		margin-bottom: 21px !important;
	}
	
	.hera-ai-intro-text-v1 p {
		width: 390px !important;
		max-width: 390px !important;
		font-size: 14px !important;
		line-height: 1.65 !important;
	}
	
	.hera-ai-intro-line-v1 {
		margin-top: 26px !important;
	}
	
	.hera-ai-intro-image-v1 {
		min-height: 430px !important;
	}
	
	.hera-ai-intro-image-v1 img {
		object-position: 62% center !important;
	}
	
	/* Fade auf iPad ebenfalls früher */
	.hera-ai-intro-image-v1::before {
		width: 66% !important;
		background: linear-gradient(to right,
											
											      #F2EFE9 0%,
											      #F2EFE9 10%,
											
											      rgba(242,239,233,.96) 20%,
											      rgba(242,239,233,.82) 35%,
											      rgba(242,239,233,.58) 52%,
											      rgba(242,239,233,.30) 72%,
											      rgba(242,239,233,.10) 90%,
											      rgba(242,239,233,0) 100%) !important;
	}
}

/* =====================================================
   MOBILE / IPHONE
===================================================== */
@media screen and (max-width: 767px) {
	.hera-ai-intro-v1 {
		width: 100% !important;
		margin: 0 !important;
		padding: 28px 18px 48px !important;
		background: #F2EFE9 !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
	}
	
	/* Hero vertikal */
	.hera-ai-intro-inner-v1 {
		width: 100% !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		display: flex !important;
		flex-direction: column !important;
		border-radius: 18px !important;
		overflow: hidden !important;
	}
	
	/* =================================================
											     TEXT OBEN
											  ================================================= */
	.hera-ai-intro-text-v1 {
		position: relative !important;
		order: 1 !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 34px 24px 32px !important;
		transform: none !important;
		background: #F2EFE9 !important;
		box-sizing: border-box !important;
	}
	
	.hera-ai-intro-kicker-v1 {
		margin: 0 0 14px !important;
		font-size: 10px !important;
		line-height: 1.2 !important;
		letter-spacing: .18em !important;
	}
	
	.hera-ai-intro-text-v1 h1 {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 20px !important;
		font-size: 35px !important;
		font-weight: 600 !important;
		line-height: 1.08 !important;
		letter-spacing: -.01em !important;
	}
	
	.hera-ai-intro-text-v1 h1 span {
		font-weight: 500 !important;
	}
	
	.hera-ai-intro-text-v1 p {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		font-size: 15px !important;
		line-height: 1.65 !important;
	}
	
	.hera-ai-intro-line-v1 {
		width: 44px !important;
		margin-top: 25px !important;
	}
	
	/* =================================================
											     BILD UNTEN
											  ================================================= */
	.hera-ai-intro-image-v1 {
		position: relative !important;
		order: 2 !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: 5 / 4 !important;
		margin: 0 !important;
		border-radius: 18px !important;
		overflow: hidden !important;
	}
	
	.hera-ai-intro-image-v1 img {
		position: absolute !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
	/*
											       Auf Mobile Person + Monitor
											       im sichtbaren Bereich halten
											    */
		object-position: 70% center !important;
		border-radius: 18px !important;
	}
	
	/*
											     Mobile kein horizontaler Fade,
											     da Bild unter dem Text steht
											  */
	.hera-ai-intro-image-v1::before {
		display: none !important;
	}
}

/* =====================================================
   KLEINE IPHONES
===================================================== */
@media screen and (max-width: 390px) {
	.hera-ai-intro-v1 {
		padding-left: 14px !important;
		padding-right: 14px !important;
	}
	
	.hera-ai-intro-text-v1 {
		padding: 30px 20px 28px !important;
	}
	
	.hera-ai-intro-text-v1 h1 {
		font-size: 32px !important;
	}
	
	.hera-ai-intro-text-v1 p {
		font-size: 14.5px !important;
	}
}

/* =====================================================
   AI HERO – BILD + FADE DEUTLICH WEITER NACH LINKS
===================================================== */
@media screen and (min-width: 1025px) {
	/* Bildbereich ca. 200px nach links unter den Text ziehen */
	.hera-ai-intro-image-v1 {
		left: -200px !important;
		width: calc(100% + 200px) !important;
	}
	
	/* Verlauf beginnt praktisch sofort */
	.hera-ai-intro-image-v1::before {
		left: 0 !important;
		width: 72% !important;
		background: linear-gradient(to right,
											
											      #F2EFE9 0%,
											      rgba(242,239,233,.97) 4%,
											      rgba(242,239,233,.88) 12%,
											      rgba(242,239,233,.72) 24%,
											      rgba(242,239,233,.52) 38%,
											      rgba(242,239,233,.30) 54%,
											      rgba(242,239,233,.13) 72%,
											      rgba(242,239,233,.04) 88%,
											      rgba(242,239,233,0) 100%) !important;
	}
}

/* =====================================================
   IPAD
===================================================== */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.hera-ai-intro-image-v1 {
		left: -110px !important;
		width: calc(100% + 110px) !important;
	}
	
	.hera-ai-intro-image-v1::before {
		left: 0 !important;
		width: 72% !important;
		background: linear-gradient(to right,
											
											      #F2EFE9 0%,
											      rgba(242,239,233,.96) 5%,
											      rgba(242,239,233,.84) 16%,
											      rgba(242,239,233,.64) 32%,
											      rgba(242,239,233,.40) 50%,
											      rgba(242,239,233,.18) 70%,
											      rgba(242,239,233,0) 100%) !important;
	}
}

/* =====================================================
   MOBILE
   Bild bleibt wie bisher unter dem Text
===================================================== */
@media screen and (max-width: 767px) {
	.hera-ai-intro-image-v1 {
		left: auto !important;
		width: 100% !important;
	}
	
	.hera-ai-intro-image-v1::before {
		display: none !important;
	}
}

/* =====================================================
   AI HERO – BILD NOCH ETWAS WEITER NACH LINKS
===================================================== */
@media screen and (min-width: 1025px) {
	.hera-ai-intro-image-v1 {
		left: -200px !important;
		width: calc(100% + 250px) !important;
	}
}

/* IPAD */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.hera-ai-intro-image-v1 {
		left: -140px !important;
		width: calc(100% + 140px) !important;
	}
}

/* MOBILE unverändert */
@media screen and (max-width: 767px) {
	.hera-ai-intro-image-v1 {
		left: auto !important;
		width: 100% !important;
	}
}

/* =====================================================
   AI HERO – GESAMTEN BLOCK ETWAS NACH LINKS
===================================================== */
/* DESKTOP */
@media screen and (min-width: 1025px) {
	.hera-ai-intro-inner-v1 {
		left: -30px !important;
	}
}

/* IPAD */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	.hera-ai-intro-inner-v1 {
		left: -15px !important;
	}
}

/* MOBILE bleibt zentriert */
@media screen and (max-width: 767px) {
	.hera-ai-intro-inner-v1 {
		left: 0 !important;
	}
}

/* =========================================================
   HERA HEADER – COMPLETE CSS
   Desktop / iPad / Mobile
========================================================= */
:root {
}

/* =========================================================
   STACKING / Z-INDEX FIX
========================================================= */
/* Header liegt immer über dem Seiteninhalt */
.hera-header-new {
	width: 100%;
	background: var(--hera-bg);
	border-bottom: 1px solid var(--hera-line);
	position: relative;
	z-index: 9999;
}

/* Normale Inhalte bleiben unterhalb des Headers */
main,
section {
	position: relative;
	z-index: 1;
}

/* =========================================================
   HEADER INNER
========================================================= */
.hera-header-inner-new {
	width: min(1180px, calc(100% - 48px));
	min-height: 96px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 34px;
	position: relative;
	z-index: 10000;
}

/* =========================================================
   BRAND / LOGO
========================================================= */
.hera-brand-new {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-shrink: 0;
	text-decoration: none;
	color: var(--hera-text);
}

.hera-brand-new img {
	width: 56px;
	height: 56px;
	object-fit: contain;
	display: block;
}

.hera-brand-text-new {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.hera-brand-text-new strong {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 26px;
	line-height: 1;
	letter-spacing: .5px;
	font-weight: 600;
	color: var(--hera-text);
}

.hera-brand-text-new span {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	line-height: 1.3;
	color: var(--hera-muted);
}

/* =========================================================
   DESKTOP NAVIGATION
========================================================= */
.hera-nav-desktop-new {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	gap: 30px;
}

.hera-nav-desktop-new > a,
.hera-nav-main-new {
	color: var(--hera-text);
	text-decoration: none;
	font-size: 16px;
	line-height: 1;
	font-weight: 400;
	transition: color .25s ease, opacity .25s ease;
}

.hera-nav-desktop-new > a:hover,
.hera-nav-main-new:hover {
	color: var(--hera-gold);
}

/* =========================================================
   LÖSUNGEN DROPDOWN
========================================================= */
.hera-nav-dropdown-new {
	position: static;
}

.hera-nav-main-new {
	display: flex;
	align-items: center;
	gap: 7px;
	min-height: 96px;
}

.hera-nav-arrow-new {
	font-size: 15px;
	line-height: 1;
	transition: transform .25s ease;
}

.hera-nav-dropdown-new:hover .hera-nav-arrow-new {
	transform: rotate(180deg);
}

/* =========================================================
   MEGA MENU
========================================================= */
.hera-mega-menu-new {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: var(--hera-bg-light);
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
	box-shadow: 0 18px 35px rgba(35, 28, 22, 0.08);
	opacity: 0;
	visibility: hidden;
	transform: translateY(8px);
	pointer-events: none;
	transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
	z-index: 10001;
}

/* Menü öffnen */
.hera-nav-dropdown-new:hover .hera-mega-menu-new {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}

/* =========================================================
   MEGA MENU INNER
========================================================= */
.hera-mega-inner-new {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 42px;
	padding: 34px 24px 38px;
}

/* einzelne Spalte */
.hera-mega-column-new {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
}

/* Haupttitel */
.hera-mega-title-new {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 600;
	color: var(--hera-text);
	text-decoration: none;
	margin-bottom: 11px;
	transition: color .25s ease;
}

.hera-mega-title-new:hover {
	color: var(--hera-gold);
}

/* Goldlinie */
.hera-mega-line-new {
	display: block;
	width: 28px;
	height: 1px;
	background: var(--hera-gold);
	margin-bottom: 15px;
}

/* Produktlinks */
.hera-mega-column-new > a:not(.hera-mega-title-new) {
	display: inline-block;
	padding: 4px 0;
	color: #5d554d;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.45;
	transition: color .2s ease, transform .2s ease;
}

.hera-mega-column-new > a:not(.hera-mega-title-new):hover {
	color: var(--hera-gold);
	transform: translateX(3px);
}

/* =========================================================
   DESKTOP CTA
========================================================= */
.hera-cta-new {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	min-width: 126px;
	min-height: 38px;
	padding: 8px 19px;
	border: 1px solid var(--hera-gold);
	border-radius: 999px;
	background: transparent;
	color: var(--hera-text);
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	transition: background .25s ease, color .25s ease, border-color .25s ease;
}

.hera-cta-new:hover {
	background: var(--hera-gold);
	color: var(--hera-white);
}

/* =========================================================
   MOBILE MENU DEFAULT
========================================================= */
.hera-nav-mobile-v2 {
	display: none;
}

/* =========================================================
   IPAD / TABLET LANDSCAPE
========================================================= */
@media (max-width: 1100px) {
	.hera-header-inner-new {
		width: min(1040px, calc(100% - 36px));
		gap: 22px;
	}
	
	.hera-nav-desktop-new {
		gap: 20px;
	}
	
	.hera-nav-desktop-new > a,
											  .hera-nav-main-new {
		font-size: 15px;
	}
	
	.hera-brand-new {
		gap: 11px;
	}
	
	.hera-brand-new img {
		width: 50px;
		height: 50px;
	}
	
	.hera-brand-text-new strong {
		font-size: 22px;
	}
	
	.hera-brand-text-new span {
		font-size: 11px;
	}
	
	.hera-cta-new {
		min-width: 112px;
		padding-left: 15px;
		padding-right: 15px;
		font-size: 13px;
	}
	
	.hera-mega-inner-new {
		gap: 24px;
		padding-left: 18px;
		padding-right: 18px;
	}
	
	.hera-mega-title-new {
		font-size: 17px;
	}
	
	.hera-mega-column-new > a:not(.hera-mega-title-new) {
		font-size: 13px;
	}
}

/* =========================================================
   MOBILE / SMALL TABLET
========================================================= */
@media (max-width: 900px) {
	.hera-header-new {
		z-index: 9999;
	}
	
	.hera-header-inner-new {
		width: calc(100% - 28px);
		min-height: 82px;
		gap: 16px;
	}
	
	/* Desktop Elemente aus */
	.hera-nav-desktop-new,
											  .hera-cta-new {
		display: none;
	}
	
	/* =====================================================
											     LOGO MOBILE
											  ====================================================== */
	.hera-brand-new {
		gap: 10px;
		min-width: 0;
	}
	
	.hera-brand-new img {
		width: 46px;
		height: 46px;
		flex-shrink: 0;
	}
	
	.hera-brand-text-new {
		min-width: 0;
	}
	
	.hera-brand-text-new strong {
		font-size: 20px;
		white-space: nowrap;
	}
	
	.hera-brand-text-new span {
		font-size: 11px;
		white-space: nowrap;
	}
	
	/* =====================================================
											     MOBILE DETAILS CONTAINER
											  ====================================================== */
	.hera-nav-mobile-v2 {
		display: block;
		position: relative;
		margin-left: auto;
		z-index: 10002;
	}
	
	/* =====================================================
											     BURGER BUTTON
											  ====================================================== */
	.hera-nav-trigger-v2 {
		width: 42px;
		height: 42px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 5px;
		cursor: pointer;
		list-style: none;
		border: 1px solid var(--hera-line);
		border-radius: 50%;
		background: transparent;
	}
	
	.hera-nav-trigger-v2::-webkit-details-marker {
		display: none;
	}
	
	.hera-nav-trigger-v2::marker {
		display: none;
	}
	
	.hera-nav-trigger-v2 i {
		display: block;
		width: 18px;
		height: 1px;
		background: var(--hera-text);
		transition: transform .25s ease, opacity .25s ease;
	}
	
	/* Burger zu X */
	.hera-nav-mobile-v2[open]
											  .hera-nav-trigger-v2 i:nth-child(1) {
		transform: translateY(6px) rotate(45deg);
	}
	
	.hera-nav-mobile-v2[open]
											  .hera-nav-trigger-v2 i:nth-child(2) {
		opacity: 0;
	}
	
	.hera-nav-mobile-v2[open]
											  .hera-nav-trigger-v2 i:nth-child(3) {
		transform: translateY(-6px) rotate(-45deg);
	}
	
	/* =====================================================
											     MOBILE DROPDOWN
											  ====================================================== */
	.hera-mobile-menu-inner-v2 {
		position: absolute;
		top: calc(100% + 16px);
		right: 0;
		width: min(360px, calc(100vw - 28px));
		max-height: calc(100vh - 110px);
		overflow-y: auto;
		background: var(--hera-bg-light);
		border: 1px solid var(--hera-line);
		border-radius: 4px;
		box-shadow: 0 18px 38px rgba(35, 28, 22, 0.12);
		padding: 10px 18px 18px;
		z-index: 10003;
	}
	
	/* =====================================================
											     STANDARD MOBILE LINKS
											  ====================================================== */
	.hera-mobile-menu-inner-v2 > a {
		display: block;
		padding: 14px 0;
		border-bottom: 1px solid var(--hera-line);
		color: var(--hera-text);
		text-decoration: none;
		font-size: 15px;
		line-height: 1.3;
	}
	
	.hera-mobile-menu-inner-v2 > a:hover {
		color: var(--hera-gold);
	}
	
	/* =====================================================
											     MOBILE LÖSUNGEN
											  ====================================================== */
	.hera-mobile-solutions-v2 {
		border-bottom: 1px solid var(--hera-line);
	}
	
	.hera-mobile-solutions-v2 summary,
											  .hera-mobile-category-v2 summary {
		list-style: none;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
		padding: 14px 0;
		color: var(--hera-text);
	}
	
	.hera-mobile-solutions-v2 summary::-webkit-details-marker,
											  .hera-mobile-category-v2 summary::-webkit-details-marker {
		display: none;
	}
	
	.hera-mobile-solutions-v2 summary::marker,
											  .hera-mobile-category-v2 summary::marker {
		display: none;
	}
	
	.hera-mobile-solutions-v2 > summary {
		font-size: 15px;
	}
	
	/* =====================================================
											     MOBILE KATEGORIEN
											  ====================================================== */
	.hera-mobile-solutions-inner-v2 {
		padding: 0 0 6px;
	}
	
	.hera-mobile-category-v2 {
		padding-left: 12px;
		border-top: 1px solid rgba(222, 214, 204, 0.65);
	}
	
	.hera-mobile-category-v2 > summary {
		font-family: Georgia, "Times New Roman", serif;
		font-size: 15px;
		color: var(--hera-gold);
	}
	
	/* Plus Icon */
	.hera-mobile-solutions-v2 summary span,
											  .hera-mobile-category-v2 summary span {
		display: inline-block;
		flex-shrink: 0;
		font-size: 18px;
		line-height: 1;
		transition: transform .25s ease;
	}
	
	.hera-mobile-solutions-v2[open] > summary span,
											  .hera-mobile-category-v2[open] > summary span {
		transform: rotate(45deg);
	}
	
	/* Unterlinks */
	.hera-mobile-category-v2 div {
		padding: 0 0 11px 10px;
	}
	
	.hera-mobile-category-v2 div a {
		display: block;
		padding: 7px 0;
		color: #655c53;
		text-decoration: none;
		font-size: 13px;
		line-height: 1.35;
	}
	
	.hera-mobile-category-v2 div a:hover {
		color: var(--hera-gold);
	}
	
	/* =====================================================
											     MOBILE CTA
											  ====================================================== */
	.hera-mobile-menu-inner-v2
											  .hera-nav-cta-v2 {
		display: block;
		margin-top: 16px;
		padding: 11px 18px !important;
		border: 1px solid var(--hera-gold) !important;
		border-radius: 999px;
		background: transparent;
		color: var(--hera-text) !important;
		text-align: center;
		transition: background .25s ease, color .25s ease;
	}
	
	.hera-mobile-menu-inner-v2
											  .hera-nav-cta-v2:hover {
		background: var(--hera-gold);
		color: #ffffff !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 540px) {
	.hera-header-inner-new {
		width: calc(100% - 20px);
		min-height: 74px;
	}
	
	.hera-brand-new {
		gap: 8px;
	}
	
	.hera-brand-new img {
		width: 40px;
		height: 40px;
	}
	
	.hera-brand-text-new strong {
		font-size: 17px;
		letter-spacing: .3px;
	}
	
	.hera-brand-text-new span {
		font-size: 9.5px;
	}
	
	.hera-nav-trigger-v2 {
		width: 39px;
		height: 39px;
	}
	
	.hera-mobile-menu-inner-v2 {
		width: calc(100vw - 20px);
		right: 0;
	}
}

/* =========================================================
   VERY SMALL MOBILE
========================================================= */
@media (max-width: 380px) {
	.hera-brand-new img {
		width: 36px;
		height: 36px;
	}
	
	.hera-brand-text-new strong {
		font-size: 15px;
	}
	
	.hera-brand-text-new span {
		font-size: 8.5px;
	}
	
	.hera-nav-trigger-v2 {
		width: 37px;
		height: 37px;
	}
}

/* =========================================================
   HERA – FINAL MEGA MENU STACKING FIX
   GANZ AM ENDE DES CSS EINFÜGEN
========================================================= */
/* HEADER IMMER AUF OBERSTER EBENE */
.hera-header-new {
	position: relative !important;
	z-index: 2147483640 !important;
	overflow: visible !important;
	background: #f3efe8 !important;
}

/* HEADER INNER */
.hera-header-inner-new {
	position: relative !important;
	z-index: 2147483641 !important;
	overflow: visible !important;
}

/* NAVIGATION */
.hera-nav-desktop-new {
	position: relative;
	z-index: 2147483642 !important;
}

/* DROPDOWN WRAPPER */
.hera-nav-dropdown-new {
	position: static !important;
	z-index: 2147483643 !important;
}

/* =========================================================
   MEGA MENU
========================================================= */
.hera-mega-menu-new {
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
/* komplett undurchsichtiger Hintergrund */
	background: #faf8f4 !important;
	border-top: 1px solid #ded6cc !important;
	border-bottom: 1px solid #ded6cc !important;
	box-shadow: 0 18px 40px rgba(35, 28, 22, 0.12) !important;
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	pointer-events: none;
	z-index: 2147483646 !important;
	transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
}

/* MENÜ ÖFFNEN */
.hera-nav-dropdown-new:hover .hera-mega-menu-new {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	pointer-events: auto !important;
}

/* =========================================================
   MEGA MENU INHALT
========================================================= */
.hera-mega-inner-new {
	position: relative;
	z-index: 2147483647 !important;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 42px;
	padding: 34px 24px 38px;
/* Sicherheitshalber ebenfalls undurchsichtig */
	background: #faf8f4 !important;
}

/* =========================================================
   HERO MUSS UNTER DEM HEADER BLEIBEN
========================================================= */
/* Dein HERA Hero */
.ha-hero {
	position: relative !important;
	z-index: 0 !important;
}

/* Hero-Inhalt */
.ha-hero-inner,
.ha-hero-content {
	position: relative !important;
	z-index: 1 !important;
}

/* Falls auf der Startseite noch ältere Hero-Klassen existieren */
.hera-hero,
.hera-hero-new,
.hera-home-hero {
	position: relative !important;
	z-index: 0 !important;
}

/* =========================================================
   WORDPRESS CONTENT WRAPPER
========================================================= */
/*
   WordPress-Themes vergeben teilweise eigene z-index-Werte.
   Der eigentliche Seiteninhalt bleibt deshalb bewusst unten.
*/
main,
.site-main,
.wp-site-blocks,
.entry-content {
	position: relative;
	z-index: 0;
}

/* HEADER DARF VON WORDPRESS NICHT ABGESCHNITTEN WERDEN */
header,
.hera-header-new,
.hera-header-inner-new {
	overflow: visible !important;
}

/* =========================================================
   HERA DIGITAL – COMPLETE PAGE CSS
   Desktop / Tablet / Mobile
========================================================= */
:root {
}

/* =========================================================
   GLOBAL PAGE SETTINGS
========================================================= */
.hera-digital-hero,
.hera-digital-intro,
.hera-digital-products,
.hera-digital-process,
.hera-digital-cta {
	position: relative;
	z-index: 1;
}

.hera-digital-section-inner {
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto;
}

/* =========================================================
   REUSABLE TYPOGRAPHY
========================================================= */
.hera-section-eyebrow,
.hera-digital-eyebrow {
	display: inline-block;
	margin-bottom: 18px;
	font-size: 12px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--hera-gold);
}

.hera-digital-intro h2,
.hera-digital-products h2,
.hera-digital-process h2,
.hera-digital-cta h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 4vw, 58px);
	line-height: 1.08;
	font-weight: 600;
	letter-spacing: -.02em;
	color: var(--hera-text);
}

/* =========================================================
   HERO
========================================================= */
.hera-digital-hero {
	background: linear-gradient(90deg,
      rgba(243, 239, 232, 1) 0%,
      rgba(243, 239, 232, 0.98) 48%,
      rgba(250, 248, 244, 0.96) 100%);
	border-bottom: 1px solid var(--hera-line);
	overflow: hidden;
}

.hera-digital-hero-inner {
	width: min(1180px, calc(100% - 48px));
	min-height: 610px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	align-items: center;
	gap: 80px;
	padding: 90px 0;
}

/* =========================================================
   HERO CONTENT
========================================================= */
.hera-digital-hero-content {
	max-width: 650px;
}

.hera-digital-hero-content h1 {
	margin: 0 0 26px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(48px, 5.7vw, 76px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 600;
	color: var(--hera-text);
}

.hera-digital-lead {
	max-width: 610px;
	margin: 0;
	font-size: 18px;
	line-height: 1.75;
	color: var(--hera-muted);
}

/* =========================================================
   HERO BUTTONS
========================================================= */
.hera-digital-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 34px;
}

.hera-button-primary,
.hera-button-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 24px;
	border-radius: 999px;
	text-decoration: none;
	font-size: 14px;
	line-height: 1;
	transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
}

.hera-button-primary {
	background: var(--hera-text);
	border: 1px solid var(--hera-text);
	color: var(--hera-white);
}

.hera-button-primary:hover {
	background: var(--hera-gold);
	border-color: var(--hera-gold);
	transform: translateY(-2px);
}

.hera-button-secondary {
	background: transparent;
	border: 1px solid var(--hera-gold);
	color: var(--hera-text);
}

.hera-button-secondary:hover {
	background: var(--hera-gold);
	color: var(--hera-white);
	transform: translateY(-2px);
}

/* =========================================================
   HERO VISUAL
========================================================= */
.hera-digital-hero-visual {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 15px;
	max-width: 470px;
	margin-left: auto;
}

.hera-digital-hero-visual::before {
	content: "";
	position: absolute;
	width: 360px;
	height: 360px;
	right: -90px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(200, 155, 93, 0.25);
	border-radius: 50%;
	pointer-events: none;
}

.hera-digital-hero-visual::after {
	content: "";
	position: absolute;
	width: 250px;
	height: 250px;
	right: -35px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(200, 155, 93, 0.14);
	border-radius: 50%;
	pointer-events: none;
}

/* =========================================================
   HERO CARDS
========================================================= */
.hera-digital-visual-card {
	position: relative;
	z-index: 2;
	padding: 25px 28px;
	background: rgba(255, 253, 249, 0.88);
	border: 1px solid var(--hera-line);
	box-shadow: var(--hera-shadow);
	transition: transform .25s ease, box-shadow .25s ease;
}

.hera-digital-visual-card:nth-child(2) {
	margin-left: 42px;
}

.hera-digital-visual-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 22px 50px rgba(51, 42, 34, 0.10);
}

.hera-digital-card-label {
	display: block;
	margin-bottom: 10px;
	font-size: 10px;
	letter-spacing: .16em;
	color: var(--hera-gold);
	font-weight: 600;
}

.hera-digital-visual-card strong {
	display: block;
	margin-bottom: 7px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px;
	line-height: 1.2;
	color: var(--hera-text);
}

.hera-digital-visual-card p {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: var(--hera-muted);
}

/* =========================================================
   INTRO / POSITIONING
========================================================= */
.hera-digital-intro {
	padding: 115px 0;
	background: var(--hera-bg-light);
}

.hera-digital-intro .hera-digital-section-inner {
	max-width: 1120px;
}

.hera-section-intro {
	max-width: 820px;
	margin: 26px 0 0;
	font-size: 18px;
	line-height: 1.8;
	color: var(--hera-muted);
}

/* =========================================================
   COMPARISON GRID
========================================================= */
.hera-digital-comparison {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	margin-top: 58px;
}

.hera-comparison-card {
	position: relative;
	min-height: 330px;
	padding: 38px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
}

.hera-comparison-card-highlight {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-comparison-number {
	display: block;
	margin-bottom: 38px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	color: var(--hera-gold);
}

.hera-comparison-card h3 {
	margin: 0 0 22px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 27px;
	line-height: 1.2;
	font-weight: 600;
	color: var(--hera-text);
}

.hera-comparison-card ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hera-comparison-card li {
	position: relative;
	padding: 8px 0 8px 22px;
	font-size: 15px;
	line-height: 1.5;
	color: var(--hera-muted);
}

.hera-comparison-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 17px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

/* =========================================================
   PRODUCTS
========================================================= */
.hera-digital-products {
	padding: 115px 0 125px;
	background: var(--hera-bg);
}

.hera-product-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	margin-top: 58px;
}

/* =========================================================
   PRODUCT CARD
========================================================= */
.hera-product-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 480px;
	padding: 34px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.hera-product-card:hover {
	transform: translateY(-5px);
	border-color: var(--hera-gold-soft);
	box-shadow: var(--hera-shadow);
}

.hera-product-card-featured {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-product-number {
	display: block;
	margin-bottom: 34px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	color: var(--hera-gold);
}

.hera-product-label {
	position: absolute;
	right: 25px;
	top: 25px;
	padding: 6px 9px;
	border: 1px solid var(--hera-gold-soft);
	font-size: 9px;
	letter-spacing: .12em;
	color: var(--hera-gold);
	text-transform: uppercase;
}

.hera-product-card h3 {
	margin: 0 0 15px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 26px;
	line-height: 1.2;
	color: var(--hera-text);
}

.hera-product-card > p {
	margin: 0 0 22px;
	font-size: 15px;
	line-height: 1.7;
	color: var(--hera-muted);
}

.hera-product-card ul {
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
}

.hera-product-card li {
	position: relative;
	padding: 6px 0 6px 20px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--hera-muted);
}

.hera-product-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

.hera-product-card > a {
	display: inline-flex;
	margin-top: auto;
	color: var(--hera-text);
	text-decoration: none;
	font-size: 14px;
	transition: color .2s ease, transform .2s ease;
}

.hera-product-card > a:hover {
	color: var(--hera-gold);
	transform: translateX(3px);
}

/* =========================================================
   PROCESS
========================================================= */
.hera-digital-process {
	padding: 115px 0;
	background: var(--hera-bg-light);
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-process-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	margin-top: 58px;
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-process-step {
	min-height: 265px;
	padding: 36px;
	border-right: 1px solid var(--hera-line);
}

.hera-process-step:last-child {
	border-right: none;
}

.hera-process-step > span {
	display: block;
	margin-bottom: 45px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	color: var(--hera-gold);
}

.hera-process-step h3 {
	margin: 0 0 15px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	line-height: 1.25;
	color: var(--hera-text);
}

.hera-process-step p {
	margin: 0;
	font-size: 15px;
	line-height: 1.7;
	color: var(--hera-muted);
}

/* =========================================================
   CTA SECTION
========================================================= */
.hera-digital-cta {
	padding: 125px 0;
	background: #ebe4da;
	text-align: center;
}

.hera-digital-cta-inner {
	width: min(820px, calc(100% - 48px));
	margin: 0 auto;
}

.hera-digital-cta p {
	max-width: 660px;
	margin: 25px auto 32px;
	font-size: 17px;
	line-height: 1.75;
	color: var(--hera-muted);
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1100px) {
	.hera-digital-hero-inner {
		min-height: 560px;
		gap: 45px;
		padding: 75px 0;
	}
	
	.hera-digital-hero-content h1 {
		font-size: clamp(45px, 5vw, 62px);
	}
	
	.hera-digital-hero-visual::before {
		width: 300px;
		height: 300px;
		right: -75px;
	}
	
	.hera-digital-hero-visual::after {
		width: 210px;
		height: 210px;
	}
	
	.hera-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-product-card {
		min-height: 440px;
	}
}

/* =========================================================
   IPAD PORTRAIT / SMALL TABLET
========================================================= */
@media (max-width: 900px) {
	.hera-digital-section-inner {
		width: calc(100% - 36px);
	}
	
	/* HERO */
	.hera-digital-hero-inner {
		width: calc(100% - 36px);
		min-height: auto;
		grid-template-columns: 1fr;
		gap: 52px;
		padding: 75px 0 80px;
	}
	
	.hera-digital-hero-content {
		max-width: 720px;
	}
	
	.hera-digital-hero-content h1 {
		font-size: clamp(46px, 8vw, 64px);
	}
	
	.hera-digital-hero-visual {
		max-width: none;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 14px;
		margin: 0;
	}
	
	.hera-digital-visual-card,
											  .hera-digital-visual-card:nth-child(2) {
		margin-left: 0;
		padding: 22px;
		min-height: 190px;
	}
	
	.hera-digital-hero-visual::before,
											  .hera-digital-hero-visual::after {
		display: none;
	}
	
	/* SECTIONS */
	.hera-digital-intro,
											  .hera-digital-products,
											  .hera-digital-process {
		padding: 90px 0;
	}
	
	.hera-digital-cta {
		padding: 100px 0;
	}
	
	/* COMPARISON */
	.hera-digital-comparison {
		gap: 18px;
	}
	
	.hera-comparison-card {
		padding: 30px;
		min-height: 320px;
	}
	
	/* PRODUCTS */
	.hera-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
	}
	
	/* PROCESS */
	.hera-process-step {
		padding: 28px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-digital-section-inner {
		width: calc(100% - 28px);
	}
	
	/* =====================================================
											     TYPOGRAPHY
											  ====================================================== */
	.hera-section-eyebrow,
											  .hera-digital-eyebrow {
		margin-bottom: 14px;
		font-size: 10px;
		letter-spacing: .16em;
	}
	
	.hera-digital-intro h2,
											  .hera-digital-products h2,
											  .hera-digital-process h2,
											  .hera-digital-cta h2 {
		font-size: 38px;
		line-height: 1.08;
	}
	
	/* =====================================================
											     HERO MOBILE
											  ====================================================== */
	.hera-digital-hero-inner {
		width: calc(100% - 28px);
		padding: 58px 0 65px;
		gap: 42px;
	}
	
	.hera-digital-hero-content h1 {
		margin-bottom: 20px;
		font-size: 45px;
		line-height: 1.02;
	}
	
	.hera-digital-lead {
		font-size: 16px;
		line-height: 1.7;
	}
	
	.hera-digital-actions {
		flex-direction: column;
		align-items: stretch;
		margin-top: 28px;
	}
	
	.hera-button-primary,
											  .hera-button-secondary {
		width: 100%;
		min-height: 48px;
	}
	
	/* VISUAL */
	.hera-digital-hero-visual {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}
	
	.hera-digital-visual-card {
		min-height: 0;
		padding: 22px;
	}
	
	.hera-digital-visual-card strong {
		font-size: 19px;
	}
	
	/* =====================================================
											     INTRO MOBILE
											  ====================================================== */
	.hera-digital-intro {
		padding: 72px 0;
	}
	
	.hera-section-intro {
		margin-top: 20px;
		font-size: 16px;
		line-height: 1.72;
	}
	
	.hera-digital-comparison {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 38px;
	}
	
	.hera-comparison-card {
		min-height: 0;
		padding: 28px 24px;
	}
	
	.hera-comparison-number {
		margin-bottom: 26px;
	}
	
	.hera-comparison-card h3 {
		font-size: 23px;
	}
	
	/* =====================================================
											     PRODUCTS MOBILE
											  ====================================================== */
	.hera-digital-products {
		padding: 72px 0 78px;
	}
	
	.hera-product-grid {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 40px;
	}
	
	.hera-product-card {
		min-height: 0;
		padding: 28px 24px;
	}
	
	.hera-product-number {
		margin-bottom: 26px;
	}
	
	.hera-product-card h3 {
		font-size: 24px;
	}
	
	.hera-product-card > a {
		margin-top: 18px;
	}
	
	/* =====================================================
											     PROCESS MOBILE
											  ====================================================== */
	.hera-digital-process {
		padding: 72px 0;
	}
	
	.hera-process-grid {
		grid-template-columns: 1fr;
		margin-top: 40px;
	}
	
	.hera-process-step {
		min-height: 0;
		padding: 28px 24px;
		border-right: none;
		border-bottom: 1px solid var(--hera-line);
	}
	
	.hera-process-step:last-child {
		border-bottom: none;
	}
	
	.hera-process-step > span {
		margin-bottom: 26px;
	}
	
	.hera-process-step h3 {
		font-size: 23px;
	}
	
	/* =====================================================
											     CTA MOBILE
											  ====================================================== */
	.hera-digital-cta {
		padding: 78px 0;
	}
	
	.hera-digital-cta-inner {
		width: calc(100% - 28px);
	}
	
	.hera-digital-cta p {
		margin: 20px auto 28px;
		font-size: 16px;
		line-height: 1.7;
	}
}

/* =========================================================
   VERY SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-digital-hero-content h1 {
		font-size: 39px;
	}
	
	.hera-digital-intro h2,
											  .hera-digital-products h2,
											  .hera-digital-process h2,
											  .hera-digital-cta h2 {
		font-size: 34px;
	}
	
	.hera-digital-hero-inner,
											  .hera-digital-section-inner,
											  .hera-digital-cta-inner {
		width: calc(100% - 22px);
	}
	
	.hera-product-card,
											  .hera-comparison-card,
											  .hera-process-step,
											  .hera-digital-visual-card {
		padding-left: 21px;
		padding-right: 21px;
	}
}

/* =========================================================
   HERA DIGITAL HERO – CLEAN VERSION
========================================================= */
.hera-digital-hero {
	width: 100%;
	background: #f3efe8;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

.hera-digital-hero-inner {
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 0.82fr;
	gap: 90px;
	align-items: center;
	padding: 85px 0 95px;
}

/* =========================================================
   LINKS
========================================================= */
.hera-digital-hero-content {
	max-width: 560px;
}

.hera-digital-eyebrow {
	display: block;
	margin-bottom: 22px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #b88945;
}

.hera-digital-hero-content h1 {
	margin: 0 0 28px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 62px !important;
	line-height: 1.02 !important;
	letter-spacing: -.035em;
	font-weight: 600;
	color: #292725 !important;
}

.hera-digital-lead {
	max-width: 500px;
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: #615a53 !important;
}

/* =========================================================
   BUTTONS
========================================================= */
.hera-digital-actions {
	display: flex !important;
	align-items: center;
	gap: 12px;
	margin-top: 32px !important;
}

.hera-digital-actions .hera-button-primary,
.hera-digital-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	padding: 12px 22px !important;
	min-height: 44px;
	border-radius: 999px !important;
	font-size: 13px !important;
	text-decoration: none !important;
}

.hera-button-primary {
	background: #292725 !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-button-secondary {
	background: transparent !important;
	border: 1px solid #b88945 !important;
	color: #292725 !important;
}

/* =========================================================
   RECHTS
========================================================= */
.hera-digital-benefits {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	border-top: 1px solid #ded6cc;
}

/* dekorativer Kreis */
.hera-digital-benefits::before {
	content: "";
	position: absolute;
	width: 340px;
	height: 340px;
	right: -130px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.12);
	border-radius: 50%;
	pointer-events: none;
}

/* =========================================================
   EINZELNER BENEFIT
========================================================= */
.hera-digital-benefit {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 45px 1fr;
	gap: 18px;
	padding: 30px 0;
	border-bottom: 1px solid #ded6cc;
}

.hera-benefit-number {
	padding-top: 2px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	color: #b88945;
}

.hera-benefit-label {
	display: block;
	margin-bottom: 7px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	color: #b88945;
}

.hera-digital-benefit h3 {
	margin: 0 0 9px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 23px !important;
	line-height: 1.2 !important;
	font-weight: 600;
	color: #292725 !important;
}

.hera-digital-benefit p {
	max-width: 360px;
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	color: #615a53 !important;
}

/* =========================================================
   TABLET
========================================================= */
@media (max-width: 1000px) {
	.hera-digital-hero-inner {
		grid-template-columns: 1fr 0.85fr;
		gap: 55px;
		padding: 70px 0 80px;
	}
	
	.hera-digital-hero-content h1 {
		font-size: 52px !important;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-digital-hero-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 55px;
	}
	
	.hera-digital-hero-content {
		max-width: 650px;
	}
	
	.hera-digital-hero-content h1 {
		font-size: 56px !important;
	}
	
	.hera-digital-benefits {
		max-width: 650px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 650px) {
	.hera-digital-hero-inner {
		width: calc(100% - 28px);
		gap: 42px;
		padding: 52px 0 62px;
	}
	
	.hera-digital-hero-content h1 {
		font-size: 42px !important;
	}
	
	.hera-digital-lead {
		font-size: 15px !important;
	}
	
	.hera-digital-actions {
		flex-direction: column;
		align-items: stretch;
	}
	
	.hera-digital-actions .hera-button-primary,
											  .hera-digital-actions .hera-button-secondary {
		width: 100%;
	}
	
	.hera-digital-benefit {
		grid-template-columns: 34px 1fr;
		gap: 12px;
		padding: 24px 0;
	}
	
	.hera-digital-benefit h3 {
		font-size: 21px !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-digital-hero-inner {
		width: calc(100% - 22px);
	}
	
	.hera-digital-hero-content h1 {
		font-size: 37px !important;
	}
}

.hera-digital-benefit h3 {
	margin: 0 0 9px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px !important;
	line-height: 1.18 !important;
	font-weight: 600;
	color: #292725 !important;
	max-width: 100%;
	overflow: visible !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

.hera-digital-benefit {
	position: relative;
	z-index: 1;
	display: grid;
/* Nummer etwas schmaler = mehr Platz für Text */
	grid-template-columns: 32px minmax(0, 1fr);
	gap: 18px;
	padding: 30px 0;
	border-bottom: 1px solid #ded6cc;
	overflow: visible;
}

.hera-digital-benefit > div {
	min-width: 0;
	width: 100%;
}

/* =========================================================
   HERA MEDICAL – COMPLETE PAGE CSS
   Desktop / Tablet / Mobile
========================================================= */
:root {
}

/* =========================================================
   ALLGEMEINE SEITENBREITE
========================================================= */
.hera-medical-section-inner {
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto;
}

/* =========================================================
   WIEDERVERWENDBARE TYPOGRAFIE
========================================================= */
.hera-section-eyebrow,
.hera-medical-eyebrow {
	display: inline-block;
	margin-bottom: 18px;
	font-size: 10px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--hera-gold);
}

.hera-medical-intro h2,
.hera-medical-products h2,
.hera-medical-situations h2,
.hera-medical-cta h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 4vw, 58px);
	line-height: 1.08;
	font-weight: 600;
	letter-spacing: -.025em;
	color: var(--hera-text);
}

/* =========================================================
   HERO
========================================================= */
.hera-medical-hero {
	width: 100%;
	background: var(--hera-bg);
	border-bottom: 1px solid var(--hera-line);
	overflow: hidden;
}

.hera-medical-hero-inner {
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(380px, 0.82fr);
	align-items: center;
	gap: 90px;
	padding: 85px 0 95px;
}

/* =========================================================
   HERO LINKS
========================================================= */
.hera-medical-hero-content {
	max-width: 580px;
}

.hera-medical-eyebrow {
	display: block;
	margin-bottom: 22px;
}

.hera-medical-hero-content h1 {
	margin: 0 0 28px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(50px, 4.8vw, 68px) !important;
	line-height: 1.03 !important;
	letter-spacing: -.035em;
	font-weight: 600;
	color: var(--hera-text) !important;
}

.hera-medical-lead {
	max-width: 520px;
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: var(--hera-muted) !important;
}

/* =========================================================
   HERO BUTTONS
========================================================= */
.hera-medical-actions {
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 32px !important;
}

.hera-medical-actions .hera-button-primary,
.hera-medical-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 12px 22px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
}

.hera-medical-actions .hera-button-primary {
	background: var(--hera-text) !important;
	border: 1px solid var(--hera-text) !important;
	color: var(--hera-white) !important;
}

.hera-medical-actions .hera-button-primary:hover {
	background: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	transform: translateY(-2px);
}

.hera-medical-actions .hera-button-secondary {
	background: transparent !important;
	border: 1px solid var(--hera-gold) !important;
	color: var(--hera-text) !important;
}

.hera-medical-actions .hera-button-secondary:hover {
	background: var(--hera-gold) !important;
	color: var(--hera-white) !important;
	transform: translateY(-2px);
}

/* =========================================================
   HERO RECHTS – FOKUSPUNKTE
========================================================= */
.hera-medical-focus {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	border-top: 1px solid var(--hera-line);
}

/* dezenter Kreis */
.hera-medical-focus::before {
	content: "";
	position: absolute;
	width: 345px;
	height: 345px;
	right: -130px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.12);
	border-radius: 50%;
	pointer-events: none;
}

.hera-medical-focus-item {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 18px;
	padding: 29px 0;
	border-bottom: 1px solid var(--hera-line);
}

.hera-medical-focus-number {
	padding-top: 2px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	color: var(--hera-gold);
}

.hera-medical-focus-label {
	display: block;
	margin-bottom: 7px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	color: var(--hera-gold);
}

.hera-medical-focus-item h3 {
	margin: 0 0 8px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 22px !important;
	line-height: 1.2 !important;
	font-weight: 600;
	color: var(--hera-text) !important;
}

.hera-medical-focus-item p {
	max-width: 360px;
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	color: var(--hera-muted) !important;
}

/* =========================================================
   INTRO / POSITIONIERUNG
========================================================= */
.hera-medical-intro {
	padding: 115px 0;
	background: var(--hera-bg-light);
}

.hera-section-intro {
	max-width: 800px;
	margin: 26px 0 0;
	font-size: 17px;
	line-height: 1.8;
	color: var(--hera-muted);
}

/* =========================================================
   VERGLEICH
========================================================= */
.hera-medical-comparison {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
	margin-top: 55px;
}

.hera-medical-comparison-card {
	min-height: 330px;
	padding: 36px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
}

.hera-medical-comparison-highlight {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-medical-comparison-card > span {
	display: block;
	margin-bottom: 28px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .15em;
	color: var(--hera-gold);
}

.hera-medical-comparison-card h3 {
	margin: 0 0 22px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 27px;
	line-height: 1.2;
	font-weight: 600;
	color: var(--hera-text);
}

.hera-medical-comparison-card ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hera-medical-comparison-card li {
	position: relative;
	padding: 8px 0 8px 22px;
	font-size: 15px;
	line-height: 1.5;
	color: var(--hera-muted);
}

.hera-medical-comparison-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 17px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

/* =========================================================
   PRODUKTE
========================================================= */
.hera-medical-products {
	padding: 115px 0 125px;
	background: var(--hera-bg);
}

.hera-medical-product-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	margin-top: 58px;
}

/* =========================================================
   PRODUKTKARTE
========================================================= */
.hera-medical-product-card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 465px;
	padding: 34px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.hera-medical-product-card:hover {
	transform: translateY(-5px);
	border-color: var(--hera-gold-soft);
	box-shadow: var(--hera-shadow);
}

.hera-medical-product-featured {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-medical-product-number {
	display: block;
	margin-bottom: 32px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	color: var(--hera-gold);
}

.hera-medical-product-label {
	position: absolute;
	right: 24px;
	top: 24px;
	padding: 6px 9px;
	border: 1px solid var(--hera-gold-soft);
	font-size: 8px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--hera-gold);
}

.hera-medical-product-card h3 {
	margin: 0 0 15px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.2;
	color: var(--hera-text);
}

.hera-medical-product-card > p {
	margin: 0 0 22px;
	font-size: 14px;
	line-height: 1.7;
	color: var(--hera-muted);
}

.hera-medical-product-card ul {
	list-style: none;
	margin: 0 0 28px;
	padding: 0;
}

.hera-medical-product-card li {
	position: relative;
	padding: 6px 0 6px 20px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--hera-muted);
}

.hera-medical-product-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

.hera-medical-product-card > a {
	display: inline-flex;
	margin-top: auto;
	color: var(--hera-text);
	text-decoration: none;
	font-size: 14px;
	transition: color .2s ease, transform .2s ease;
}

.hera-medical-product-card > a:hover {
	color: var(--hera-gold);
	transform: translateX(3px);
}

/* =========================================================
   SITUATIONEN
========================================================= */
.hera-medical-situations {
	padding: 115px 0;
	background: var(--hera-bg-light);
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-medical-situation-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	margin-top: 58px;
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-medical-situation {
	min-height: 290px;
	padding: 30px 24px;
	border-right: 1px solid var(--hera-line);
}

.hera-medical-situation:last-child {
	border-right: none;
}

.hera-medical-situation > span {
	display: block;
	margin-bottom: 40px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	color: var(--hera-gold);
}

.hera-medical-situation h3 {
	margin: 0 0 14px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 22px;
	line-height: 1.2;
	color: var(--hera-text);
}

.hera-medical-situation p {
	margin: 0;
	font-size: 14px;
	line-height: 1.7;
	color: var(--hera-muted);
}

/* =========================================================
   CTA
========================================================= */
.hera-medical-cta {
	padding: 125px 0;
	background: #ebe4da;
	text-align: center;
}

.hera-medical-cta-inner {
	width: min(820px, calc(100% - 48px));
	margin: 0 auto;
}

.hera-medical-cta p {
	max-width: 650px;
	margin: 24px auto 32px;
	font-size: 16px;
	line-height: 1.75;
	color: var(--hera-muted);
}

.hera-medical-cta .hera-button-primary {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 12px 24px !important;
	border: 1px solid var(--hera-text) !important;
	border-radius: 999px !important;
	background: var(--hera-text) !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 13px !important;
	transition: background .25s ease, border-color .25s ease, transform .25s ease;
}

.hera-medical-cta .hera-button-primary:hover {
	background: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	transform: translateY(-2px);
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1100px) {
	.hera-medical-hero-inner {
		grid-template-columns: minmax(0, 0.95fr) minmax(350px, 0.82fr);
		gap: 55px;
		padding: 72px 0 80px;
	}
	
	.hera-medical-hero-content h1 {
		font-size: 56px !important;
	}
	
	.hera-medical-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-medical-situation-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	
	.hera-medical-situation:nth-child(3) {
		border-right: none;
	}
	
	.hera-medical-situation:nth-child(n+4) {
		border-top: 1px solid var(--hera-line);
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-medical-section-inner {
		width: calc(100% - 36px);
	}
	
	.hera-medical-hero-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 50px;
		padding: 68px 0 76px;
	}
	
	.hera-medical-hero-content {
		max-width: 650px;
	}
	
	.hera-medical-hero-content h1 {
		font-size: 56px !important;
	}
	
	.hera-medical-focus {
		max-width: 650px;
	}
	
	.hera-medical-intro,
								  .hera-medical-products,
								  .hera-medical-situations {
		padding: 90px 0;
	}
	
	.hera-medical-cta {
		padding: 100px 0;
	}
	
	.hera-medical-comparison {
		gap: 18px;
	}
	
	.hera-medical-comparison-card {
		padding: 30px;
	}
	
	.hera-medical-product-grid {
		gap: 18px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-medical-section-inner {
		width: calc(100% - 28px);
	}
	
	/* TYPO */
	.hera-section-eyebrow,
								  .hera-medical-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-medical-intro h2,
								  .hera-medical-products h2,
								  .hera-medical-situations h2,
								  .hera-medical-cta h2 {
		font-size: 38px;
		line-height: 1.08;
	}
	
	/* HERO */
	.hera-medical-hero-inner {
		width: calc(100% - 28px);
		gap: 40px;
		padding: 52px 0 62px;
	}
	
	.hera-medical-hero-content h1 {
		margin-bottom: 22px !important;
		font-size: 42px !important;
		line-height: 1.04 !important;
	}
	
	.hera-medical-lead {
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-medical-actions {
		flex-direction: column;
		align-items: stretch;
		margin-top: 27px !important;
	}
	
	.hera-medical-actions .hera-button-primary,
								  .hera-medical-actions .hera-button-secondary {
		width: 100%;
	}
	
	/* HERO RIGHT */
	.hera-medical-focus-item {
		grid-template-columns: 32px minmax(0, 1fr);
		gap: 12px;
		padding: 24px 0;
	}
	
	.hera-medical-focus-item h3 {
		font-size: 21px !important;
	}
	
	.hera-medical-focus::before {
		width: 220px;
		height: 220px;
		right: -110px;
	}
	
	/* INTRO */
	.hera-medical-intro {
		padding: 72px 0;
	}
	
	.hera-section-intro {
		margin-top: 20px;
		font-size: 15px;
		line-height: 1.72;
	}
	
	.hera-medical-comparison {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 38px;
	}
	
	.hera-medical-comparison-card {
		min-height: 0;
		padding: 28px 24px;
	}
	
	/* PRODUCTS */
	.hera-medical-products {
		padding: 72px 0 78px;
	}
	
	.hera-medical-product-grid {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 40px;
	}
	
	.hera-medical-product-card {
		min-height: 0;
		padding: 28px 24px;
	}
	
	.hera-medical-product-number {
		margin-bottom: 25px;
	}
	
	.hera-medical-product-card h3 {
		font-size: 24px;
	}
	
	.hera-medical-product-card > a {
		margin-top: 18px;
	}
	
	/* SITUATIONEN */
	.hera-medical-situations {
		padding: 72px 0;
	}
	
	.hera-medical-situation-grid {
		grid-template-columns: 1fr;
		margin-top: 40px;
	}
	
	.hera-medical-situation,
								  .hera-medical-situation:nth-child(3),
								  .hera-medical-situation:nth-child(n+4) {
		min-height: 0;
		padding: 27px 24px;
		border-right: none;
		border-top: none;
		border-bottom: 1px solid var(--hera-line);
	}
	
	.hera-medical-situation:last-child {
		border-bottom: none;
	}
	
	.hera-medical-situation > span {
		margin-bottom: 24px;
	}
	
	.hera-medical-situation h3 {
		font-size: 22px;
	}
	
	/* CTA */
	.hera-medical-cta {
		padding: 78px 0;
	}
	
	.hera-medical-cta-inner {
		width: calc(100% - 28px);
	}
	
	.hera-medical-cta p {
		margin: 20px auto 28px;
		font-size: 15px;
		line-height: 1.7;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-medical-hero-inner,
								  .hera-medical-section-inner,
								  .hera-medical-cta-inner {
		width: calc(100% - 22p/* =========================================================
								   HERA MEDICAL HERO – ANGEPASST AN HERA DIGITAL
								========================================================= */
								
								.hera-medical-hero {
								  width: 100%;
								  background: #f3efe8;
								  border-bottom: 1px solid #ded6cc;
								  overflow: hidden;
								}
								
								
								/* =========================================================
								   HAUPT-LAYOUT
								========================================================= */
								
								.hera-medical-hero-inner {
								  width: min(1180px, calc(100% - 48px));
								  margin: 0 auto;
								
								  display: grid;
								
								  /* identische Wirkung wie HERA Digital */
								  grid-template-columns: 0.95fr 0.9fr;
								
								  gap: 75px;
								
								  align-items: center;
								
								  padding: 85px 0 95px;
								}
								
								
								/* =========================================================
								   LINKER BEREICH
								========================================================= */
								
								.hera-medical-hero-content {
								  width: 100%;
								  max-width: 530px;
								}
								
								
								.hera-medical-eyebrow {
								  display: block;
								
								  margin: 0 0 22px;
								
								  font-size: 10px;
								  line-height: 1;
								
								  font-weight: 600;
								
								  letter-spacing: 0.18em;
								  text-transform: uppercase;
								
								  color: #b88945;
								}
								
								
								/* =========================================================
								   HEADLINE
								========================================================= */
								
								.hera-medical-hero-content h1 {
								  margin: 0 0 28px !important;
								
								  max-width: 530px;
								
								  font-family: Georgia, "Times New Roman", serif;
								
								  /*
								     Wichtig:
								     deutlich kleiner als bisher
								  */
								  font-size: 58px !important;
								  line-height: 1.02 !important;
								
								  letter-spacing: -0.035em;
								
								  font-weight: 600;
								
								  color: #292725 !important;
								}
								
								
								/* =========================================================
								   LEAD TEXT
								========================================================= */
								
								.hera-medical-lead {
								  width: 100%;
								  max-width: 490px;
								
								  margin: 0 !important;
								
								  font-size: 16px !important;
								  line-height: 1.8 !important;
								
								  color: #615a53 !important;
								}
								
								
								/* =========================================================
								   BUTTONS
								========================================================= */
								
								.hera-medical-actions {
								  display: flex !important;
								  align-items: center;
								
								  flex-wrap: wrap;
								
								  gap: 12px;
								
								  margin-top: 32px !important;
								}
								
								
								/* WordPress überschreibt Links teilweise */
								.hera-medical-actions .hera-button-primary,
								.hera-medical-actions .hera-button-secondary {
								  display: inline-flex !important;
								
								  align-items: center;
								  justify-content: center;
								
								  min-height: 44px;
								
								  padding: 11px 21px !important;
								
								  border-radius: 999px !important;
								
								  font-size: 13px !important;
								  line-height: 1 !important;
								
								  text-decoration: none !important;
								
								  transition:
								    background 0.25s ease,
								    color 0.25s ease,
								    border-color 0.25s ease,
								    transform 0.25s ease;
								}
								
								
								/* Dunkler Button */
								.hera-medical-actions .hera-button-primary {
								  background: #292725 !important;
								
								  border: 1px solid #292725 !important;
								
								  color: #ffffff !important;
								}
								
								
								.hera-medical-actions .hera-button-primary:hover {
								  background: #b88945 !important;
								
								  border-color: #b88945 !important;
								
								  color: #ffffff !important;
								
								  transform: translateY(-2px);
								}
								
								
								/* Gold Outline */
								.hera-medical-actions .hera-button-secondary {
								  background: transparent !important;
								
								  border: 1px solid #b88945 !important;
								
								  color: #292725 !important;
								}
								
								
								.hera-medical-actions .hera-button-secondary:hover {
								  background: #b88945 !important;
								
								  color: #ffffff !important;
								
								  transform: translateY(-2px);
								}
								
								
								/* =========================================================
								   RECHTER BEREICH
								========================================================= */
								
								.hera-medical-focus {
								  position: relative;
								
								  width: 100%;
								  max-width: 430px;
								
								  margin-left: auto;
								
								  display: flex;
								  flex-direction: column;
								
								  border-top: 1px solid #ded6cc;
								}
								
								
								/* =========================================================
								   DEKORATIVER KREIS
								========================================================= */
								
								.hera-medical-focus::before {
								  content: "";
								
								  position: absolute;
								
								  width: 340px;
								  height: 340px;
								
								  right: -120px;
								  top: 50%;
								
								  transform: translateY(-50%);
								
								  border: 1px solid rgba(184, 137, 69, 0.12);
								
								  border-radius: 50%;
								
								  pointer-events: none;
								
								  z-index: 0;
								}
								
								
								/* =========================================================
								   FOKUSPUNKTE
								========================================================= */
								
								.hera-medical-focus-item {
								  position: relative;
								  z-index: 1;
								
								  display: grid;
								
								  /*
								    kleinere Nummernspalte =
								    mehr Platz für Text
								  */
								  grid-template-columns: 32px minmax(0, 1fr);
								
								  gap: 18px;
								
								  padding: 30px 0;
								
								  border-bottom: 1px solid #ded6cc;
								}
								
								
								.hera-medical-focus-item > div {
								  width: 100%;
								  min-width: 0;
								}
								
								
								/* Nummer */
								.hera-medical-focus-number {
								  padding-top: 2px;
								
								  font-family: Georgia, "Times New Roman", serif;
								
								  font-size: 12px;
								
								  color: #b88945;
								}
								
								
								/* Label */
								.hera-medical-focus-label {
								  display: block;
								
								  margin-bottom: 7px;
								
								  font-size: 9px;
								  line-height: 1;
								
								  font-weight: 600;
								
								  letter-spacing: 0.15em;
								
								  text-transform: uppercase;
								
								  color: #b88945;
								}
								
								
								/* Überschrift */
								.hera-medical-focus-item h3 {
								  margin: 0 0 9px !important;
								
								  font-family: Georgia, "Times New Roman", serif;
								
								  font-size: 21px !important;
								  line-height: 1.18 !important;
								
								  font-weight: 600;
								
								  color: #292725 !important;
								
								  max-width: 100%;
								
								  word-break: normal !important;
								  overflow-wrap: normal !important;
								}
								
								
								/* Text */
								.hera-medical-focus-item p {
								  max-width: 360px;
								
								  margin: 0 !important;
								
								  font-size: 13px !important;
								  line-height: 1.65 !important;
								
								  color: #615a53 !important;
								}
								
								
								/* =========================================================
								   IPAD LANDSCAPE
								========================================================= */
								
								@media (max-width: 1050px) {
								
								  .hera-medical-hero-inner {
								    width: calc(100% - 40px);
								
								    grid-template-columns:
								      minmax(0, 0.95fr)
								      minmax(350px, 0.9fr);
								
								    gap: 55px;
								
								    padding: 72px 0 80px;
								  }
								
								
								  .hera-medical-hero-content {
								    max-width: 470px;
								  }
								
								
								  .hera-medical-hero-content h1 {
								    max-width: 470px;
								
								    font-size: 52px !important;
								  }
								
								
								  .hera-medical-lead {
								    max-width: 450px;
								  }
								
								
								  .hera-medical-focus {
								    max-width: 400px;
								  }
								
								}
								
								
								/* =========================================================
								   IPAD PORTRAIT
								========================================================= */
								
								@media (max-width: 850px) {
								
								  .hera-medical-hero-inner {
								    width: calc(100% - 36px);
								
								    grid-template-columns: 1fr;
								
								    gap: 52px;
								
								    padding: 68px 0 76px;
								  }
								
								
								  .hera-medical-hero-content {
								    max-width: 650px;
								  }
								
								
								  .hera-medical-hero-content h1 {
								    max-width: 650px;
								
								    font-size: 56px !important;
								  }
								
								
								  .hera-medical-lead {
								    max-width: 580px;
								  }
								
								
								  .hera-medical-focus {
								    width: 100%;
								    max-width: 650px;
								
								    margin-left: 0;
								  }
								
								
								  .hera-medical-focus::before {
								    width: 290px;
								    height: 290px;
								  }
								
								}
								
								
								/* =========================================================
								   MOBILE
								========================================================= */
								
								@media (max-width: 650px) {
								
								  .hera-medical-hero-inner {
								    width: calc(100% - 28px);
								
								    gap: 40px;
								
								    padding: 52px 0 62px;
								  }
								
								
								  .hera-medical-eyebrow {
								    margin-bottom: 16px;
								
								    font-size: 9px;
								  }
								
								
								  .hera-medical-hero-content h1 {
								    max-width: 100%;
								
								    margin-bottom: 22px !important;
								
								    font-size: 42px !important;
								    line-height: 1.04 !important;
								  }
								
								
								  .hera-medical-lead {
								    max-width: 100%;
								
								    font-size: 15px !important;
								    line-height: 1.7 !important;
								  }
								
								
								  /* Buttons untereinander */
								  .hera-medical-actions {
								    flex-direction: column;
								
								    align-items: stretch;
								
								    gap: 10px;
								
								    margin-top: 27px !important;
								  }
								
								
								  .hera-medical-actions .hera-button-primary,
								  .hera-medical-actions .hera-button-secondary {
								    width: 100%;
								  }
								
								
								  /* rechte Inhalte */
								  .hera-medical-focus-item {
								    grid-template-columns: 30px minmax(0, 1fr);
								
								    gap: 12px;
								
								    padding: 24px 0;
								  }
								
								
								  .hera-medical-focus-item h3 {
								    font-size: 20px !important;
								  }
								
								
								  .hera-medical-focus-item p {
								    font-size: 13px !important;
								  }
								
								
								  .hera-medical-focus::before {
								    width: 220px;
								    height: 220px;
								
								    right: -110px;
								  }
								
								}
								
								
								/* =========================================================
								   SMALL MOBILE
								========================================================= */
								
								@media (max-width: 420px) {
								
								  .hera-medical-hero-inner {
								    width: calc(100% - 22px);
								  }
								
								
								  .hera-medical-hero-content h1 {
								    font-size: 37px !important;
								  }
								
								}x);
	}
	
	.hera-medical-hero-content h1 {
		font-size: 37px !important;
	}
	
	.hera-medical-intro h2,
								  .hera-medical-products h2,
								  .hera-medical-situations h2,
								  .hera-medical-cta h2 {
		font-size: 34px;
	}
	
	.hera-medical-comparison-card,
								  .hera-medical-product-card,
								  .hera-medical-situation {
		padding-left: 21px;
		padding-right: 21px;
	}
}

/* =========================================================
   HERA MEDICAL HERO – ANGEPASST AN HERA DIGITAL
========================================================= */
.hera-medical-hero {
	width: 100%;
	background: #f3efe8;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

/* =========================================================
   HAUPT-LAYOUT
========================================================= */
.hera-medical-hero-inner {
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto;
	display: grid;
/* identische Wirkung wie HERA Digital */
	grid-template-columns: 0.95fr 0.9fr;
	gap: 75px;
	align-items: center;
	padding: 85px 0 95px;
}

/* =========================================================
   LINKER BEREICH
========================================================= */
.hera-medical-hero-content {
	width: 100%;
	max-width: 530px;
}

.hera-medical-eyebrow {
	display: block;
	margin: 0 0 22px;
	font-size: 10px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: #b88945;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-medical-hero-content h1 {
	margin: 0 0 28px !important;
	max-width: 530px;
	font-family: Georgia, "Times New Roman", serif;
/*
     Wichtig:
     deutlich kleiner als bisher
  */
	font-size: 58px !important;
	line-height: 1.02 !important;
	letter-spacing: -.035em;
	font-weight: 600;
	color: #292725 !important;
}

/* =========================================================
   LEAD TEXT
========================================================= */
.hera-medical-lead {
	width: 100%;
	max-width: 490px;
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: #615a53 !important;
}

/* =========================================================
   BUTTONS
========================================================= */
.hera-medical-actions {
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 32px !important;
}

/* WordPress überschreibt Links teilweise */
.hera-medical-actions .hera-button-primary,
.hera-medical-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 11px 21px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
}

/* Dunkler Button */
.hera-medical-actions .hera-button-primary {
	background: #292725 !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-medical-actions .hera-button-primary:hover {
	background: #b88945 !important;
	border-color: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* Gold Outline */
.hera-medical-actions .hera-button-secondary {
	background: transparent !important;
	border: 1px solid #b88945 !important;
	color: #292725 !important;
}

.hera-medical-actions .hera-button-secondary:hover {
	background: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   RECHTER BEREICH
========================================================= */
.hera-medical-focus {
	position: relative;
	width: 100%;
	max-width: 430px;
	margin-left: auto;
	display: flex;
	flex-direction: column;
	border-top: 1px solid #ded6cc;
}

/* =========================================================
   DEKORATIVER KREIS
========================================================= */
.hera-medical-focus::before {
	content: "";
	position: absolute;
	width: 340px;
	height: 340px;
	right: -120px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.12);
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
}

/* =========================================================
   FOKUSPUNKTE
========================================================= */
.hera-medical-focus-item {
	position: relative;
	z-index: 1;
	display: grid;
/*
    kleinere Nummernspalte =
    mehr Platz für Text
  */
	grid-template-columns: 32px minmax(0, 1fr);
	gap: 18px;
	padding: 30px 0;
	border-bottom: 1px solid #ded6cc;
}

.hera-medical-focus-item > div {
	width: 100%;
	min-width: 0;
}

/* Nummer */
.hera-medical-focus-number {
	padding-top: 2px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	color: #b88945;
}

/* Label */
.hera-medical-focus-label {
	display: block;
	margin-bottom: 7px;
	font-size: 9px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #b88945;
}

/* Überschrift */
.hera-medical-focus-item h3 {
	margin: 0 0 9px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px !important;
	line-height: 1.18 !important;
	font-weight: 600;
	color: #292725 !important;
	max-width: 100%;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* Text */
.hera-medical-focus-item p {
	max-width: 360px;
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	color: #615a53 !important;
}

/* =========================================================
   IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-medical-hero-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(0, 0.95fr) minmax(350px, 0.9fr);
		gap: 55px;
		padding: 72px 0 80px;
	}
	
	.hera-medical-hero-content {
		max-width: 470px;
	}
	
	.hera-medical-hero-content h1 {
		max-width: 470px;
		font-size: 52px !important;
	}
	
	.hera-medical-lead {
		max-width: 450px;
	}
	
	.hera-medical-focus {
		max-width: 400px;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-medical-hero-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 52px;
		padding: 68px 0 76px;
	}
	
	.hera-medical-hero-content {
		max-width: 650px;
	}
	
	.hera-medical-hero-content h1 {
		max-width: 650px;
		font-size: 56px !important;
	}
	
	.hera-medical-lead {
		max-width: 580px;
	}
	
	.hera-medical-focus {
		width: 100%;
		max-width: 650px;
		margin-left: 0;
	}
	
	.hera-medical-focus::before {
		width: 290px;
		height: 290px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 650px) {
	.hera-medical-hero-inner {
		width: calc(100% - 28px);
		gap: 40px;
		padding: 52px 0 62px;
	}
	
	.hera-medical-eyebrow {
		margin-bottom: 16px;
		font-size: 9px;
	}
	
	.hera-medical-hero-content h1 {
		max-width: 100%;
		margin-bottom: 22px !important;
		font-size: 42px !important;
		line-height: 1.04 !important;
	}
	
	.hera-medical-lead {
		max-width: 100%;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	/* Buttons untereinander */
	.hera-medical-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
		margin-top: 27px !important;
	}
	
	.hera-medical-actions .hera-button-primary,
								  .hera-medical-actions .hera-button-secondary {
		width: 100%;
	}
	
	/* rechte Inhalte */
	.hera-medical-focus-item {
		grid-template-columns: 30px minmax(0, 1fr);
		gap: 12px;
		padding: 24px 0;
	}
	
	.hera-medical-focus-item h3 {
		font-size: 20px !important;
	}
	
	.hera-medical-focus-item p {
		font-size: 13px !important;
	}
	
	.hera-medical-focus::before {
		width: 220px;
		height: 220px;
		right: -110px;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-medical-hero-inner {
		width: calc(100% - 22px);
	}
	
	.hera-medical-hero-content h1 {
		font-size: 37px !important;
	}
}

/* =========================================================
   HERA MEDICAL CTA BUTTON FIX
========================================================= */
.hera-medical-cta .hera-button-primary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 46px !important;
	padding: 12px 24px !important;
	background: #292725 !important;
	border: 1px solid #292725 !important;
	border-radius: 999px !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
}

/* Auch verschachtelte WordPress-Linkstyles überschreiben */
.hera-medical-cta .hera-button-primary:link,
.hera-medical-cta .hera-button-primary:visited {
	background: #292725 !important;
	border-color: #292725 !important;
	color: #ffffff !important;
}

/* Hover */
.hera-medical-cta .hera-button-primary:hover {
	background: #b88945 !important;
	border-color: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   HERA ADVISORY – FINAL COMPLETE CSS
   Robust für WordPress / Desktop / iPad / Mobile
========================================================= */
:root {
}

/* =========================================================
   BOX SIZING / WORDPRESS SAFETY
========================================================= */
.hera-advisory-hero *,
.hera-advisory-intro *,
.hera-advisory-products *,
.hera-advisory-decisions *,
.hera-advisory-cta * {
	box-sizing: border-box;
}

.hera-advisory-hero,
.hera-advisory-intro,
.hera-advisory-products,
.hera-advisory-decisions,
.hera-advisory-cta {
	width: 100%;
	max-width: 100%;
	position: relative;
	overflow: hidden;
}

/* =========================================================
   GEMEINSAME CONTENT-BREITE
========================================================= */
.hera-advisory-hero-inner,
.hera-advisory-section-inner,
.hera-advisory-cta-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}

/* =========================================================
   GEMEINSAME EYEBROW
========================================================= */
.hera-section-eyebrow,
.hera-advisory-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: var(--hera-gold);
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   GEMEINSAME SECTION HEADLINES
========================================================= */
.hera-advisory-intro h2,
.hera-advisory-products h2,
.hera-advisory-decisions h2,
.hera-advisory-cta h2 {
	width: 100%;
	max-width: 780px;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 5vw, 58px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.025em;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   HERO
========================================================= */
.hera-advisory-hero {
	background: var(--hera-bg);
	border-bottom: 1px solid var(--hera-line);
}

.hera-advisory-hero-inner {
	display: grid;
/*
     Beide Seiten bleiben flexibel.
     Keine feste Pixel-Spalte mehr.
  */
	grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
	align-items: center;
	gap: clamp(42px, 7vw, 85px);
	padding: 82px 0 92px;
}

/* =========================================================
   HERO LINKS
========================================================= */
.hera-advisory-hero-content {
	width: 100%;
	max-width: 590px;
	min-width: 0;
}

.hera-advisory-eyebrow {
	margin-bottom: 22px;
}

/* =========================================================
   HERO HEADLINE
========================================================= */
.hera-advisory-hero-content h1 {
	width: 100%;
	max-width: 590px;
	margin: 0 0 27px !important;
	font-family: Georgia, "Times New Roman", serif;
/*
     Etwas kleiner als bisher, damit die lange
     Advisory-Headline sauber bleibt.
  */
	font-size: clamp(43px, 5vw, 56px) !important;
	line-height: 1.03 !important;
	font-weight: 600;
	letter-spacing: -.035em;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   HERO LEAD
========================================================= */
.hera-advisory-lead {
	width: 100%;
	max-width: 535px;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   HERO BUTTONS
========================================================= */
.hera-advisory-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-top: 32px !important;
}

.hera-advisory-actions .hera-button-primary,
.hera-advisory-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 11px 21px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease !important;
}

/* SCHWARZER BUTTON */
.hera-advisory-actions .hera-button-primary,
.hera-advisory-actions .hera-button-primary:link,
.hera-advisory-actions .hera-button-primary:visited {
	background-color: #292725 !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-advisory-actions .hera-button-primary:hover,
.hera-advisory-actions .hera-button-primary:focus {
	background-color: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* GOLD OUTLINE BUTTON */
.hera-advisory-actions .hera-button-secondary,
.hera-advisory-actions .hera-button-secondary:link,
.hera-advisory-actions .hera-button-secondary:visited {
	background-color: transparent !important;
	border: 1px solid var(--hera-gold) !important;
	color: #292725 !important;
}

.hera-advisory-actions .hera-button-secondary:hover,
.hera-advisory-actions .hera-button-secondary:focus {
	background-color: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   HERO RECHTS
========================================================= */
.hera-advisory-focus {
	position: relative;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	display: flex;
	flex-direction: column;
	border-top: 1px solid var(--hera-line);
}

/* Dekorativer Kreis */
.hera-advisory-focus::before {
	content: "";
	position: absolute;
	width: min(340px, 85%);
	aspect-ratio: 1 / 1;
	right: -110px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.12);
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
}

/* =========================================================
   HERO FOCUS ITEM
========================================================= */
.hera-advisory-focus-item {
	position: relative;
	z-index: 1;
	width: 100% !important;
	min-width: 0 !important;
	display: grid !important;
	grid-template-columns: 34px minmax(0, 1fr) !important;
	column-gap: 17px !important;
	padding: 28px 0 !important;
	border-bottom: 1px solid var(--hera-line);
}

.hera-advisory-focus-item > div {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

.hera-advisory-focus-number {
	display: block;
	padding-top: 2px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	line-height: 1.2;
}

.hera-advisory-focus-label {
	display: block !important;
	width: 100% !important;
	margin: 0 0 7px !important;
	color: var(--hera-gold) !important;
	font-size: 9px !important;
	line-height: 1.2 !important;
	font-weight: 600 !important;
	letter-spacing: .15em;
	text-transform: uppercase;
	word-break: normal !important;
	white-space: normal !important;
}

/* =========================================================
   HERO RIGHT TITLES
========================================================= */
.hera-advisory-focus-item h3 {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 8px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(19px, 2.2vw, 22px) !important;
	line-height: 1.18 !important;
	font-weight: 600 !important;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   HERO RIGHT TEXT
========================================================= */
.hera-advisory-focus-item p {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   INTRO
========================================================= */
.hera-advisory-intro {
	padding: 110px 0;
	background: var(--hera-bg-light);
}

.hera-advisory-intro .hera-section-intro {
	width: 100%;
	max-width: 790px;
	margin: 25px 0 0;
	color: var(--hera-muted);
	font-size: 17px;
	line-height: 1.8;
}

/* =========================================================
   INTRO COMPARISON
========================================================= */
.hera-advisory-comparison {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin-top: 52px;
}

.hera-advisory-comparison-card {
	width: 100%;
	min-width: 0;
	padding: 34px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
}

.hera-advisory-comparison-highlight {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-advisory-comparison-card > span {
	display: block;
	margin: 0 0 26px;
	color: var(--hera-gold);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.hera-advisory-comparison-card h3 {
	margin: 0 0 20px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(23px, 3vw, 27px) !important;
	line-height: 1.2 !important;
	color: var(--hera-text) !important;
}

.hera-advisory-comparison-card ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hera-advisory-comparison-card li {
	position: relative;
	padding: 7px 0 7px 21px;
	color: var(--hera-muted);
	font-size: 14px;
	line-height: 1.55;
}

.hera-advisory-comparison-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 16px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

/* =========================================================
   PRODUKTE
========================================================= */
.hera-advisory-products {
	padding: 110px 0 120px;
	background: var(--hera-bg);
}

/*
   AUTO-FIT ist hier entscheidend.
   WordPress darf selbst bestimmen, wie viele Karten passen.
*/
.hera-advisory-product-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
	gap: 20px;
	margin-top: 55px;
}

/* =========================================================
   PRODUCT CARD
========================================================= */
.hera-advisory-product-card {
	position: relative;
	width: 100%;
	min-width: 0;
	min-height: 450px;
	display: flex;
	flex-direction: column;
	padding: 32px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.hera-advisory-product-card:hover {
	transform: translateY(-4px);
	border-color: var(--hera-gold-soft);
	box-shadow: var(--hera-shadow);
}

.hera-advisory-product-featured {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-advisory-product-number {
	display: block;
	margin: 0 0 30px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
}

/* Badge */
.hera-advisory-product-label {
	position: absolute;
	top: 23px;
	right: 23px;
	max-width: 45%;
	padding: 5px 8px;
	border: 1px solid var(--hera-gold-soft);
	color: var(--hera-gold);
	font-size: 8px;
	line-height: 1.2;
	letter-spacing: .12em;
	text-transform: uppercase;
	white-space: normal;
}

/* =========================================================
   PRODUCT TITLE
========================================================= */
.hera-advisory-product-card h3 {
	width: 100%;
	max-width: 100%;
	margin: 0 0 15px !important;
	font-family: Georgia, "Times New Roman", serif;
/*
     Wichtiger Fix gegen Überlappung
  */
	font-size: clamp(21px, 2.6vw, 25px) !important;
	line-height: 1.18 !important;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
}

.hera-advisory-product-card > p {
	width: 100%;
	margin: 0 0 20px !important;
	color: var(--hera-muted) !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
}

.hera-advisory-product-card ul {
	width: 100%;
	list-style: none;
	margin: 0 0 26px;
	padding: 0;
}

.hera-advisory-product-card li {
	position: relative;
	padding: 6px 0 6px 19px;
	color: var(--hera-muted);
	font-size: 14px;
	line-height: 1.5;
}

.hera-advisory-product-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

.hera-advisory-product-card > a {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	margin-top: auto;
	color: var(--hera-text) !important;
	font-size: 14px;
	text-decoration: none !important;
	transition: color .2s ease, transform .2s ease;
}

.hera-advisory-product-card > a:hover {
	color: var(--hera-gold) !important;
	transform: translateX(3px);
}

/* =========================================================
   DECISIONS
========================================================= */
.hera-advisory-decisions {
	padding: 110px 0;
	background: var(--hera-bg-light);
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

/*
   Keine festen fünf Spalten mehr.
   So kann nichts abgeschnitten werden.
*/
.hera-advisory-decision-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr));
	gap: 0;
	margin-top: 55px;
	border-top: 1px solid var(--hera-line);
	border-left: 1px solid var(--hera-line);
}

/* =========================================================
   DECISION ITEM
========================================================= */
.hera-advisory-decision {
	width: 100%;
	min-width: 0;
	min-height: 280px;
	padding: 28px 24px;
	border-right: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-advisory-decision > span {
	display: block;
	margin: 0 0 35px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
}

.hera-advisory-decision h3 {
	width: 100%;
	max-width: 100%;
	margin: 0 0 13px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(20px, 2.3vw, 23px) !important;
	line-height: 1.2 !important;
	color: var(--hera-text) !important;
/*
     Verhindert "StrukturierenSteuern"
  */
	word-break: normal !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
}

.hera-advisory-decision p {
	width: 100%;
	max-width: 100%;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 14px !important;
	line-height: 1.68 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   CTA
========================================================= */
.hera-advisory-cta {
	padding: 120px 0;
	background: #ebe4da;
	text-align: center;
}

.hera-advisory-cta-inner {
	max-width: 820px;
}

.hera-advisory-cta h2 {
	max-width: 780px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.hera-advisory-cta p {
	width: 100%;
	max-width: 650px;
	margin: 24px auto 31px !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
}

/* =========================================================
   CTA SCHWARZER BUTTON
========================================================= */
.hera-advisory-cta .hera-button-primary,
.hera-advisory-cta .hera-button-primary:link,
.hera-advisory-cta .hera-button-primary:visited {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 12px 24px !important;
	background-color: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	border-radius: 999px !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	box-shadow: none !important;
	white-space: nowrap !important;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease !important;
}

.hera-advisory-cta .hera-button-primary:hover,
.hera-advisory-cta .hera-button-primary:focus {
	background-color: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-advisory-hero-inner,
								  .hera-advisory-section-inner,
								  .hera-advisory-cta-inner {
		width: calc(100% - 40px);
	}
	
	.hera-advisory-hero-inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 0.82fr);
		gap: 42px;
		padding: 72px 0 80px;
	}
	
	.hera-advisory-hero-content h1 {
		font-size: clamp(42px, 5.4vw, 50px) !important;
	}
	
	.hera-advisory-focus-item {
		grid-template-columns: 30px minmax(0, 1fr) !important;
		gap: 13px !important;
	}
	
	.hera-advisory-products {
		padding: 90px 0 100px;
	}
	
	.hera-advisory-decisions {
		padding: 90px 0;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-advisory-hero-inner,
								  .hera-advisory-section-inner,
								  .hera-advisory-cta-inner {
		width: calc(100% - 36px);
	}
	
	/* HERO wird einspaltig */
	.hera-advisory-hero-inner {
		grid-template-columns: 1fr;
		gap: 48px;
		padding: 66px 0 74px;
	}
	
	.hera-advisory-hero-content {
		max-width: 670px;
	}
	
	.hera-advisory-hero-content h1 {
		max-width: 670px;
		font-size: 52px !important;
	}
	
	.hera-advisory-lead {
		max-width: 600px;
	}
	
	.hera-advisory-focus {
		max-width: 670px !important;
	}
	
	.hera-advisory-focus::before {
		width: 280px;
		right: -100px;
	}
	
	.hera-advisory-intro {
		padding: 85px 0;
	}
	
	.hera-advisory-comparison {
		gap: 16px;
	}
	
	.hera-advisory-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-advisory-decision-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-advisory-cta {
		padding: 95px 0;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-advisory-hero-inner,
								  .hera-advisory-section-inner,
								  .hera-advisory-cta-inner {
		width: calc(100% - 28px);
	}
	
	/* =====================================================
								     TYPO
								  ====================================================== */
	.hera-section-eyebrow,
								  .hera-advisory-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-advisory-intro h2,
								  .hera-advisory-products h2,
								  .hera-advisory-decisions h2,
								  .hera-advisory-cta h2 {
		font-size: 37px !important;
		line-height: 1.08 !important;
	}
	
	/* =====================================================
								     HERO
								  ====================================================== */
	.hera-advisory-hero-inner {
		gap: 38px;
		padding: 50px 0 60px;
	}
	
	.hera-advisory-hero-content h1 {
		margin-bottom: 21px !important;
		font-size: 40px !important;
		line-height: 1.04 !important;
	}
	
	.hera-advisory-lead {
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-advisory-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin-top: 27px !important;
	}
	
	.hera-advisory-actions .hera-button-primary,
								  .hera-advisory-actions .hera-button-secondary {
		width: 100% !important;
	}
	
	.hera-advisory-focus {
		max-width: 100% !important;
	}
	
	.hera-advisory-focus-item {
		grid-template-columns: 29px minmax(0, 1fr) !important;
		gap: 11px !important;
		padding: 23px 0 !important;
	}
	
	.hera-advisory-focus-item h3 {
		font-size: 20px !important;
	}
	
	.hera-advisory-focus::before {
		width: 210px;
		right: -105px;
	}
	
	/* =====================================================
								     INTRO
								  ====================================================== */
	.hera-advisory-intro {
		padding: 70px 0;
	}
	
	.hera-advisory-intro .hera-section-intro {
		margin-top: 19px;
		font-size: 15px;
		line-height: 1.72;
	}
	
	.hera-advisory-comparison {
		grid-template-columns: 1fr;
		gap: 13px;
		margin-top: 36px;
	}
	
	.hera-advisory-comparison-card {
		min-height: 0;
		padding: 26px 23px;
	}
	
	/* =====================================================
								     PRODUCTS
								  ====================================================== */
	.hera-advisory-products {
		padding: 70px 0 76px;
	}
	
	.hera-advisory-product-grid {
		grid-template-columns: 1fr;
		gap: 13px;
		margin-top: 38px;
	}
	
	.hera-advisory-product-card {
		min-height: 0;
		padding: 27px 23px;
	}
	
	.hera-advisory-product-number {
		margin-bottom: 24px;
	}
	
	.hera-advisory-product-card h3 {
		font-size: 23px !important;
	}
	
	.hera-advisory-product-card > a {
		margin-top: 18px;
	}
	
	/* =====================================================
								     DECISIONS
								  ====================================================== */
	.hera-advisory-decisions {
		padding: 70px 0;
	}
	
	.hera-advisory-decision-grid {
		grid-template-columns: 1fr;
		margin-top: 38px;
		border-left: none;
	}
	
	.hera-advisory-decision {
		min-height: 0;
		padding: 25px 22px;
		border-left: 1px solid var(--hera-line);
	}
	
	.hera-advisory-decision > span {
		margin-bottom: 22px;
	}
	
	.hera-advisory-decision h3 {
		font-size: 22px !important;
	}
	
	/* =====================================================
								     CTA
								  ====================================================== */
	.hera-advisory-cta {
		padding: 75px 0;
	}
	
	.hera-advisory-cta p {
		margin: 19px auto 27px !important;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-advisory-cta .hera-button-primary {
		width: 100% !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-advisory-hero-inner,
								  .hera-advisory-section-inner,
								  .hera-advisory-cta-inner {
		width: calc(100% - 22px);
	}
	
	.hera-advisory-hero-content h1 {
		font-size: 35px !important;
	}
	
	.hera-advisory-intro h2,
								  .hera-advisory-products h2,
								  .hera-advisory-decisions h2,
								  .hera-advisory-cta h2 {
		font-size: 33px !important;
	}
	
	.hera-advisory-product-card,
								  .hera-advisory-comparison-card,
								  .hera-advisory-decision {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* =========================================================
   HERA ADVISORY – HERO FINAL FIX
========================================================= */
.hera-advisory-hero {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: #f3efe8;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

/* =========================================================
   HERO INNER
========================================================= */
.hera-advisory-hero-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin: 0 auto;
	display: grid;
/*
     Klare Trennung:
     links = 53 %
     rechts = 39 %
     Rest = Abstand
  */
	grid-template-columns: minmax(0, 53%) minmax(0, 39%);
	justify-content: space-between;
	align-items: center;
	column-gap: 8%;
	padding: 82px 0 92px;
}

/* =========================================================
   LINKER BEREICH
========================================================= */
.hera-advisory-hero-content {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	position: relative;
	z-index: 2;
}

/* Eyebrow */
.hera-advisory-eyebrow {
	display: block;
	margin: 0 0 23px;
	color: #b88945;
	font-size: 10px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-advisory-hero-content h1 {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 28px !important;
	font-family: Georgia, "Times New Roman", serif;
/*
     Etwas kleiner als aktuell.
     Dadurch bleibt "unternehmerische"
     vollständig in der linken Spalte.
  */
	font-size: clamp(44px, 4.25vw, 55px) !important;
	line-height: 1.04 !important;
	font-weight: 600;
	letter-spacing: -.035em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
	overflow: visible !important;
}

/* =========================================================
   LEAD
========================================================= */
.hera-advisory-lead {
	width: 100%;
	max-width: 510px;
	margin: 0 !important;
	color: #615a53 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   BUTTONS
========================================================= */
.hera-advisory-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-top: 33px !important;
}

.hera-advisory-actions .hera-button-primary,
.hera-advisory-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 45px !important;
	margin: 0 !important;
	padding: 11px 21px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	box-shadow: none !important;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease !important;
}

/* Primary */
.hera-advisory-actions .hera-button-primary,
.hera-advisory-actions .hera-button-primary:link,
.hera-advisory-actions .hera-button-primary:visited {
	background: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-advisory-actions .hera-button-primary:hover,
.hera-advisory-actions .hera-button-primary:focus {
	background: #b88945 !important;
	border-color: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* Secondary */
.hera-advisory-actions .hera-button-secondary,
.hera-advisory-actions .hera-button-secondary:link,
.hera-advisory-actions .hera-button-secondary:visited {
	background: transparent !important;
	background-image: none !important;
	border: 1px solid #b88945 !important;
	color: #292725 !important;
}

.hera-advisory-actions .hera-button-secondary:hover,
.hera-advisory-actions .hera-button-secondary:focus {
	background: #b88945 !important;
	border-color: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   RECHTER BEREICH
========================================================= */
.hera-advisory-focus {
	position: relative;
	z-index: 1;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	display: flex;
	flex-direction: column;
	border-top: 1px solid #ded6cc;
}

/* Kreis */
.hera-advisory-focus::before {
	content: "";
	position: absolute;
	width: 330px;
	height: 330px;
	right: -105px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.12);
	border-radius: 50%;
	pointer-events: none;
	z-index: -1;
}

/* =========================================================
   FOCUS ITEMS
========================================================= */
.hera-advisory-focus-item {
	position: relative;
	width: 100% !important;
	min-width: 0 !important;
	display: grid !important;
	grid-template-columns: 32px minmax(0, 1fr) !important;
	column-gap: 17px !important;
	padding: 27px 0 !important;
	border-bottom: 1px solid #ded6cc;
}

/* Textbereich */
.hera-advisory-focus-item > div {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

/* Nummer */
.hera-advisory-focus-number {
	display: block;
	padding-top: 3px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	line-height: 1;
	color: #b88945;
}

/* Label */
.hera-advisory-focus-label {
	display: block !important;
	width: 100% !important;
	margin: 0 0 7px !important;
	color: #b88945 !important;
	font-size: 9px !important;
	line-height: 1.2 !important;
	font-weight: 600 !important;
	letter-spacing: .15em;
	text-transform: uppercase;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* Überschrift */
.hera-advisory-focus-item h3 {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 8px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px !important;
	line-height: 1.18 !important;
	font-weight: 600 !important;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* Text */
.hera-advisory-focus-item p {
	display: block !important;
	width: 100% !important;
	max-width: 350px !important;
	margin: 0 !important;
	color: #615a53 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   DESKTOP – ETWAS SCHMALER
========================================================= */
@media (max-width: 1100px) {
	.hera-advisory-hero-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(0, 54%) minmax(0, 38%);
		column-gap: 8%;
		padding: 72px 0 80px;
	}
	
	.hera-advisory-hero-content h1 {
		font-size: clamp(42px, 4.7vw, 49px) !important;
	}
	
	.hera-advisory-lead {
		max-width: 460px;
	}
	
	.hera-advisory-focus-item h3 {
		font-size: 20px !important;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-advisory-hero-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 50px;
		padding: 68px 0 76px;
	}
	
	.hera-advisory-hero-content {
		max-width: 650px;
	}
	
	.hera-advisory-hero-content h1 {
		max-width: 650px !important;
		font-size: 52px !important;
	}
	
	.hera-advisory-lead {
		max-width: 580px;
	}
	
	.hera-advisory-focus {
		width: 100% !important;
		max-width: 650px !important;
	}
	
	.hera-advisory-focus-item p {
		max-width: 500px !important;
	}
	
	.hera-advisory-focus::before {
		width: 280px;
		height: 280px;
		right: -90px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-advisory-hero-inner {
		width: calc(100% - 28px);
		gap: 38px;
		padding: 50px 0 60px;
	}
	
	.hera-advisory-eyebrow {
		margin-bottom: 16px;
		font-size: 9px;
	}
	
	.hera-advisory-hero-content h1 {
		margin-bottom: 21px !important;
		font-size: 39px !important;
		line-height: 1.04 !important;
	}
	
	.hera-advisory-lead {
		max-width: 100%;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	/* Buttons */
	.hera-advisory-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin-top: 27px !important;
	}
	
	.hera-advisory-actions .hera-button-primary,
								  .hera-advisory-actions .hera-button-secondary {
		width: 100% !important;
	}
	
	/* Fokus */
	.hera-advisory-focus {
		max-width: 100% !important;
	}
	
	.hera-advisory-focus-item {
		grid-template-columns: 29px minmax(0, 1fr) !important;
		column-gap: 11px !important;
		padding: 23px 0 !important;
	}
	
	.hera-advisory-focus-item h3 {
		font-size: 20px !important;
	}
	
	.hera-advisory-focus-item p {
		max-width: 100% !important;
	}
	
	.hera-advisory-focus::before {
		width: 210px;
		height: 210px;
		right: -100px;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-advisory-hero-inner {
		width: calc(100% - 22px);
	}
	
	.hera-advisory-hero-content h1 {
		font-size: 35px !important;
	}
}

/* =========================================================
   HERA SUCCESSION – COMPLETE CSS
   Desktop / Tablet / Mobile
========================================================= */
:root {
}

/* =========================================================
   BOX SIZING / WORDPRESS SAFETY
========================================================= */
.hera-succession-hero *,
.hera-succession-intro *,
.hera-succession-products *,
.hera-succession-situations *,
.hera-succession-cta * {
	box-sizing: border-box;
}

.hera-succession-hero,
.hera-succession-intro,
.hera-succession-products,
.hera-succession-situations,
.hera-succession-cta {
	width: 100%;
	max-width: 100%;
	position: relative;
	overflow: hidden;
}

/* =========================================================
   CONTENT WIDTH
========================================================= */
.hera-succession-hero-inner,
.hera-succession-section-inner,
.hera-succession-cta-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}

/* =========================================================
   EYEBROWS
========================================================= */
.hera-section-eyebrow,
.hera-succession-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: var(--hera-gold);
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   SHARED SECTION HEADLINES
========================================================= */
.hera-succession-intro h2,
.hera-succession-products h2,
.hera-succession-situations h2,
.hera-succession-cta h2 {
	width: 100%;
	max-width: 800px;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 5vw, 58px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.025em;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   HERO
========================================================= */
.hera-succession-hero {
	background: var(--hera-bg);
	border-bottom: 1px solid var(--hera-line);
}

.hera-succession-hero-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr);
	align-items: center;
	gap: clamp(42px, 7vw, 85px);
	padding: 82px 0 92px;
}

/* =========================================================
   HERO LEFT
========================================================= */
.hera-succession-hero-content {
	width: 100%;
	max-width: 590px;
	min-width: 0;
}

.hera-succession-eyebrow {
	margin-bottom: 22px;
}

/* =========================================================
   HERO HEADLINE
========================================================= */
.hera-succession-hero-content h1 {
	width: 100%;
	max-width: 590px;
	margin: 0 0 28px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 5vw, 58px) !important;
	line-height: 1.03 !important;
	font-weight: 600;
	letter-spacing: -.035em;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   HERO LEAD
========================================================= */
.hera-succession-lead {
	width: 100%;
	max-width: 540px;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   HERO BUTTONS
========================================================= */
.hera-succession-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-top: 32px !important;
}

.hera-succession-actions .hera-button-primary,
.hera-succession-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 45px !important;
	margin: 0 !important;
	padding: 11px 21px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	box-shadow: none !important;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease !important;
}

/* PRIMARY */
.hera-succession-actions .hera-button-primary,
.hera-succession-actions .hera-button-primary:link,
.hera-succession-actions .hera-button-primary:visited {
	background-color: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-succession-actions .hera-button-primary:hover,
.hera-succession-actions .hera-button-primary:focus {
	background-color: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* SECONDARY */
.hera-succession-actions .hera-button-secondary,
.hera-succession-actions .hera-button-secondary:link,
.hera-succession-actions .hera-button-secondary:visited {
	background-color: transparent !important;
	background-image: none !important;
	border: 1px solid var(--hera-gold) !important;
	color: var(--hera-text) !important;
}

.hera-succession-actions .hera-button-secondary:hover,
.hera-succession-actions .hera-button-secondary:focus {
	background-color: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   HERO RIGHT
========================================================= */
.hera-succession-focus {
	position: relative;
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	margin: 0 !important;
	display: flex;
	flex-direction: column;
	border-top: 1px solid var(--hera-line);
}

/* decorative circle */
.hera-succession-focus::before {
	content: "";
	position: absolute;
	width: min(340px, 85%);
	aspect-ratio: 1 / 1;
	right: -105px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.12);
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
}

/* =========================================================
   HERO FOCUS ITEM
========================================================= */
.hera-succession-focus-item {
	position: relative;
	z-index: 1;
	width: 100% !important;
	min-width: 0 !important;
	display: grid !important;
	grid-template-columns: 34px minmax(0, 1fr) !important;
	gap: 17px !important;
	padding: 28px 0 !important;
	border-bottom: 1px solid var(--hera-line);
}

.hera-succession-focus-item > div {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

.hera-succession-focus-number {
	display: block;
	padding-top: 2px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	line-height: 1.2;
}

.hera-succession-focus-label {
	display: block !important;
	width: 100% !important;
	margin: 0 0 7px !important;
	color: var(--hera-gold) !important;
	font-size: 9px !important;
	line-height: 1.2 !important;
	font-weight: 600 !important;
	letter-spacing: .15em;
	text-transform: uppercase;
	word-break: normal !important;
	white-space: normal !important;
}

/* =========================================================
   HERO FOCUS TITLE
========================================================= */
.hera-succession-focus-item h3 {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 0 8px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(19px, 2.2vw, 22px) !important;
	line-height: 1.18 !important;
	font-weight: 600 !important;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   HERO FOCUS TEXT
========================================================= */
.hera-succession-focus-item p {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
}

/* =========================================================
   INTRO
========================================================= */
.hera-succession-intro {
	padding: 110px 0;
	background: var(--hera-bg-light);
}

.hera-succession-intro .hera-section-intro {
	width: 100%;
	max-width: 800px;
	margin: 25px 0 0;
	color: var(--hera-muted);
	font-size: 17px;
	line-height: 1.8;
}

/* =========================================================
   COMPARISON
========================================================= */
.hera-succession-comparison {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin-top: 52px;
}

.hera-succession-comparison-card {
	width: 100%;
	min-width: 0;
	padding: 34px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
}

.hera-succession-comparison-highlight {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-succession-comparison-card > span {
	display: block;
	margin: 0 0 26px;
	color: var(--hera-gold);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.hera-succession-comparison-card h3 {
	margin: 0 0 20px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(23px, 3vw, 27px) !important;
	line-height: 1.2 !important;
	color: var(--hera-text) !important;
}

.hera-succession-comparison-card ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hera-succession-comparison-card li {
	position: relative;
	padding: 7px 0 7px 21px;
	color: var(--hera-muted);
	font-size: 14px;
	line-height: 1.55;
}

.hera-succession-comparison-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 16px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

/* =========================================================
   PRODUCTS
========================================================= */
.hera-succession-products {
	padding: 110px 0 120px;
	background: var(--hera-bg);
}

.hera-succession-product-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
	gap: 20px;
	margin-top: 55px;
}

/* =========================================================
   PRODUCT CARD
========================================================= */
.hera-succession-product-card {
	position: relative;
	width: 100%;
	min-width: 0;
	min-height: 450px;
	display: flex;
	flex-direction: column;
	padding: 32px;
	background: var(--hera-card);
	border: 1px solid var(--hera-line);
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.hera-succession-product-card:hover {
	transform: translateY(-4px);
	border-color: var(--hera-gold-soft);
	box-shadow: var(--hera-shadow);
}

.hera-succession-product-featured {
	background: #eee7dd;
	border-color: var(--hera-gold-soft);
}

.hera-succession-product-number {
	display: block;
	margin: 0 0 30px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
}

.hera-succession-product-label {
	position: absolute;
	top: 23px;
	right: 23px;
	max-width: 45%;
	padding: 5px 8px;
	border: 1px solid var(--hera-gold-soft);
	color: var(--hera-gold);
	font-size: 8px;
	line-height: 1.2;
	letter-spacing: .12em;
	text-transform: uppercase;
	white-space: normal;
}

/* =========================================================
   PRODUCT TITLE
========================================================= */
.hera-succession-product-card h3 {
	width: 100%;
	max-width: 100%;
	margin: 0 0 15px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(21px, 2.6vw, 25px) !important;
	line-height: 1.18 !important;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
}

.hera-succession-product-card > p {
	width: 100%;
	margin: 0 0 20px !important;
	color: var(--hera-muted) !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
}

.hera-succession-product-card ul {
	width: 100%;
	list-style: none;
	margin: 0 0 26px;
	padding: 0;
}

.hera-succession-product-card li {
	position: relative;
	padding: 6px 0 6px 19px;
	color: var(--hera-muted);
	font-size: 14px;
	line-height: 1.5;
}

.hera-succession-product-card li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 15px;
	width: 7px;
	height: 1px;
	background: var(--hera-gold);
}

.hera-succession-product-card > a {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	margin-top: auto;
	color: var(--hera-text) !important;
	font-size: 14px;
	text-decoration: none !important;
	transition: color .2s ease, transform .2s ease;
}

.hera-succession-product-card > a:hover {
	color: var(--hera-gold) !important;
	transform: translateX(3px);
}

/* =========================================================
   SITUATIONS
========================================================= */
.hera-succession-situations {
	padding: 110px 0;
	background: var(--hera-bg-light);
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-succession-situation-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(190px, 100%), 1fr));
	gap: 0;
	margin-top: 55px;
	border-top: 1px solid var(--hera-line);
	border-left: 1px solid var(--hera-line);
}

/* =========================================================
   SITUATION ITEM
========================================================= */
.hera-succession-situation {
	width: 100%;
	min-width: 0;
	min-height: 280px;
	padding: 28px 24px;
	border-right: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-succession-situation > span {
	display: block;
	margin: 0 0 35px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
}

.hera-succession-situation h3 {
	width: 100%;
	max-width: 100%;
	margin: 0 0 13px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(20px, 2.3vw, 23px) !important;
	line-height: 1.2 !important;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	white-space: normal !important;
}

.hera-succession-situation p {
	width: 100%;
	max-width: 100%;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 14px !important;
	line-height: 1.68 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   CTA
========================================================= */
.hera-succession-cta {
	padding: 120px 0;
	background: #ebe4da;
	text-align: center;
}

.hera-succession-cta-inner {
	max-width: 820px;
}

.hera-succession-cta h2 {
	max-width: 780px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.hera-succession-cta p {
	width: 100%;
	max-width: 650px;
	margin: 24px auto 31px !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
}

/* =========================================================
   CTA BUTTON
========================================================= */
.hera-succession-cta .hera-button-primary,
.hera-succession-cta .hera-button-primary:link,
.hera-succession-cta .hera-button-primary:visited {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 12px 24px !important;
	background-color: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	border-radius: 999px !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	box-shadow: none !important;
	white-space: nowrap !important;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease !important;
}

.hera-succession-cta .hera-button-primary:hover,
.hera-succession-cta .hera-button-primary:focus {
	background-color: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-succession-hero-inner,
								  .hera-succession-section-inner,
								  .hera-succession-cta-inner {
		width: calc(100% - 40px);
	}
	
	.hera-succession-hero-inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 0.82fr);
		gap: 42px;
		padding: 72px 0 80px;
	}
	
	.hera-succession-hero-content h1 {
		font-size: clamp(42px, 5.4vw, 52px) !important;
	}
	
	.hera-succession-focus-item {
		grid-template-columns: 30px minmax(0, 1fr) !important;
		gap: 13px !important;
	}
	
	.hera-succession-products {
		padding: 90px 0 100px;
	}
	
	.hera-succession-situations {
		padding: 90px 0;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-succession-hero-inner,
								  .hera-succession-section-inner,
								  .hera-succession-cta-inner {
		width: calc(100% - 36px);
	}
	
	.hera-succession-hero-inner {
		grid-template-columns: 1fr;
		gap: 48px;
		padding: 66px 0 74px;
	}
	
	.hera-succession-hero-content {
		max-width: 670px;
	}
	
	.hera-succession-hero-content h1 {
		max-width: 670px;
		font-size: 52px !important;
	}
	
	.hera-succession-lead {
		max-width: 600px;
	}
	
	.hera-succession-focus {
		max-width: 670px !important;
	}
	
	.hera-succession-focus::before {
		width: 280px;
		right: -100px;
	}
	
	.hera-succession-intro {
		padding: 85px 0;
	}
	
	.hera-succession-comparison {
		gap: 16px;
	}
	
	.hera-succession-product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-succession-situation-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-succession-cta {
		padding: 95px 0;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-succession-hero-inner,
								  .hera-succession-section-inner,
								  .hera-succession-cta-inner {
		width: calc(100% - 28px);
	}
	
	/* TYPO */
	.hera-section-eyebrow,
								  .hera-succession-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-succession-intro h2,
								  .hera-succession-products h2,
								  .hera-succession-situations h2,
								  .hera-succession-cta h2 {
		font-size: 37px !important;
		line-height: 1.08 !important;
	}
	
	/* HERO */
	.hera-succession-hero-inner {
		gap: 38px;
		padding: 50px 0 60px;
	}
	
	.hera-succession-hero-content h1 {
		margin-bottom: 21px !important;
		font-size: 40px !important;
		line-height: 1.04 !important;
	}
	
	.hera-succession-lead {
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-succession-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin-top: 27px !important;
	}
	
	.hera-succession-actions .hera-button-primary,
								  .hera-succession-actions .hera-button-secondary {
		width: 100% !important;
	}
	
	.hera-succession-focus {
		max-width: 100% !important;
	}
	
	.hera-succession-focus-item {
		grid-template-columns: 29px minmax(0, 1fr) !important;
		gap: 11px !important;
		padding: 23px 0 !important;
	}
	
	.hera-succession-focus-item h3 {
		font-size: 20px !important;
	}
	
	.hera-succession-focus::before {
		width: 210px;
		right: -105px;
	}
	
	/* INTRO */
	.hera-succession-intro {
		padding: 70px 0;
	}
	
	.hera-succession-intro .hera-section-intro {
		margin-top: 19px;
		font-size: 15px;
		line-height: 1.72;
	}
	
	.hera-succession-comparison {
		grid-template-columns: 1fr;
		gap: 13px;
		margin-top: 36px;
	}
	
	.hera-succession-comparison-card {
		min-height: 0;
		padding: 26px 23px;
	}
	
	/* PRODUCTS */
	.hera-succession-products {
		padding: 70px 0 76px;
	}
	
	.hera-succession-product-grid {
		grid-template-columns: 1fr;
		gap: 13px;
		margin-top: 38px;
	}
	
	.hera-succession-product-card {
		min-height: 0;
		padding: 27px 23px;
	}
	
	.hera-succession-product-number {
		margin-bottom: 24px;
	}
	
	.hera-succession-product-card h3 {
		font-size: 23px !important;
	}
	
	.hera-succession-product-card > a {
		margin-top: 18px;
	}
	
	/* SITUATIONS */
	.hera-succession-situations {
		padding: 70px 0;
	}
	
	.hera-succession-situation-grid {
		grid-template-columns: 1fr;
		margin-top: 38px;
		border-left: none;
	}
	
	.hera-succession-situation {
		min-height: 0;
		padding: 25px 22px;
		border-left: 1px solid var(--hera-line);
	}
	
	.hera-succession-situation > span {
		margin-bottom: 22px;
	}
	
	.hera-succession-situation h3 {
		font-size: 22px !important;
	}
	
	/* CTA */
	.hera-succession-cta {
		padding: 75px 0;
	}
	
	.hera-succession-cta p {
		margin: 19px auto 27px !important;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-succession-cta .hera-button-primary {
		width: 100% !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-succession-hero-inner,
								  .hera-succession-section-inner,
								  .hera-succession-cta-inner {
		width: calc(100% - 22px);
	}
	
	.hera-succession-hero-content h1 {
		font-size: 35px !important;
	}
	
	.hera-succession-intro h2,
								  .hera-succession-products h2,
								  .hera-succession-situations h2,
								  .hera-succession-cta h2 {
		font-size: 33px !important;
	}
	
	.hera-succession-product-card,
								  .hera-succession-comparison-card,
								  .hera-succession-situation {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* =========================================================
   HERA ABOUT – COMPLETE CSS
   Desktop / Tablet / Mobile
========================================================= */
:root {
}

/* =========================================================
   BOX SIZING / WORDPRESS SAFETY
========================================================= */
.hera-about-hero *,
.hera-about-story *,
.hera-about-team *,
.hera-about-values *,
.hera-about-cta * {
	box-sizing: border-box;
}

.hera-about-hero,
.hera-about-story,
.hera-about-team,
.hera-about-values,
.hera-about-cta {
	width: 100%;
	max-width: 100%;
	position: relative;
	overflow: hidden;
}

/* =========================================================
   CONTENT WIDTH
========================================================= */
.hera-about-hero-inner,
.hera-about-section-inner,
.hera-about-cta-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}

/* =========================================================
   EYEBROWS
========================================================= */
.hera-section-eyebrow,
.hera-about-eyebrow,
.hera-about-person-role {
	display: block;
	margin: 0 0 18px;
	color: var(--hera-gold);
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   SHARED SECTION HEADLINES
========================================================= */
.hera-about-story h2,
.hera-about-team > .hera-about-section-inner > h2,
.hera-about-values h2,
.hera-about-cta h2 {
	width: 100%;
	max-width: 820px;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 5vw, 58px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.025em;
	color: var(--hera-text) !important;
}

/* =========================================================
   BLOCK 1 – HERO
========================================================= */
.hera-about-hero {
	background: var(--hera-bg);
	border-bottom: 1px solid var(--hera-line);
}

.hera-about-hero-inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
	align-items: center;
	gap: clamp(45px, 7vw, 85px);
	padding: 82px 0 92px;
}

/* LEFT */
.hera-about-hero-content {
	width: 100%;
	max-width: 590px;
	min-width: 0;
}

.hera-about-eyebrow {
	margin-bottom: 22px;
}

.hera-about-hero-content h1 {
	width: 100%;
	max-width: 590px;
	margin: 0 0 28px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 5vw, 58px) !important;
	line-height: 1.03 !important;
	font-weight: 600;
	letter-spacing: -.035em;
	color: var(--hera-text) !important;
}

.hera-about-lead {
	width: 100%;
	max-width: 540px;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
}

/* BUTTONS */
.hera-about-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-top: 32px !important;
}

.hera-about-actions .hera-button-primary,
.hera-about-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 45px !important;
	margin: 0 !important;
	padding: 11px 21px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	box-shadow: none !important;
}

/* PRIMARY */
.hera-about-actions .hera-button-primary,
.hera-about-actions .hera-button-primary:link,
.hera-about-actions .hera-button-primary:visited {
	background: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-about-actions .hera-button-primary:hover,
.hera-about-actions .hera-button-primary:focus {
	background: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
}

/* SECONDARY */
.hera-about-actions .hera-button-secondary,
.hera-about-actions .hera-button-secondary:link,
.hera-about-actions .hera-button-secondary:visited {
	background: transparent !important;
	border: 1px solid var(--hera-gold) !important;
	color: var(--hera-text) !important;
}

.hera-about-actions .hera-button-secondary:hover,
.hera-about-actions .hera-button-secondary:focus {
	background: var(--hera-gold) !important;
	color: #ffffff !important;
}

/* =========================================================
   HERO VISUAL
========================================================= */
.hera-about-hero-visual {
	position: relative;
	width: 100%;
	min-height: 500px;
}

.hera-about-hero-visual::before {
	content: "";
	position: absolute;
	width: 330px;
	height: 330px;
	right: -110px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.14);
	border-radius: 50%;
}

/* MAIN IMAGE */
.hera-about-hero-image {
	position: absolute;
	overflow: hidden;
	background: #e9e1d6;
	border: 1px solid var(--hera-line);
	box-shadow: var(--hera-shadow);
}

.hera-about-hero-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.hera-about-hero-image-main {
	width: 70%;
	height: 440px;
	left: 0;
	top: 20px;
	z-index: 1;
}

.hera-about-hero-image-secondary {
	width: 42%;
	height: 270px;
	right: 0;
	bottom: 0;
	z-index: 2;
	border: 8px solid var(--hera-bg);
}

/* =========================================================
   BLOCK 2 – STORY
========================================================= */
.hera-about-story {
	padding: 110px 0;
	background: var(--hera-bg-light);
}

.hera-about-story-grid {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: 70px;
	margin-top: 55px;
}

.hera-about-story-intro {
	max-width: 520px;
}

.hera-about-story-intro p {
	margin: 0 0 20px !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
}

.hera-about-story-intro p:last-child {
	margin-bottom: 0 !important;
}

/* RIGHT POINTS */
.hera-about-story-points {
	border-top: 1px solid var(--hera-line);
}

.hera-about-story-point {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 18px;
	padding: 27px 0;
	border-bottom: 1px solid var(--hera-line);
}

.hera-about-story-point > span {
	padding-top: 3px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
}

.hera-about-story-point h3 {
	margin: 0 0 8px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 22px !important;
	line-height: 1.2 !important;
	color: var(--hera-text) !important;
}

.hera-about-story-point p {
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
}

/* =========================================================
   BLOCK 3 – TEAM
========================================================= */
.hera-about-team {
	padding: 110px 0 120px;
	background: var(--hera-bg);
}

.hera-about-team > .hera-about-section-inner > h2 {
	margin-bottom: 60px !important;
}

/* PERSON */
.hera-about-person {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: 70px;
	align-items: center;
	padding: 55px 0;
	border-top: 1px solid var(--hera-line);
}

.hera-about-person:last-child {
	border-bottom: 1px solid var(--hera-line);
}

.hera-about-person-reverse {
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
}

/* IMAGE */
.hera-about-person-image {
	width: 100%;
	height: 520px;
	position: relative;
	overflow: hidden;
	background: #e9e1d6;
}

.hera-about-person-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

/* soften image edge */
.hera-about-person-image-left::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 28%;
	background: linear-gradient(90deg,
      rgba(243,239,232,0) 0%,
      rgba(243,239,232,0.45) 55%,
      rgba(243,239,232,1) 100%);
}

.hera-about-person-image-right::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 28%;
	background: linear-gradient(90deg,
      rgba(243,239,232,1) 0%,
      rgba(243,239,232,0.45) 45%,
      rgba(243,239,232,0) 100%);
}

/* CONTENT */
.hera-about-person-content {
	width: 100%;
	max-width: 540px;
}

.hera-about-person-role {
	margin-bottom: 14px;
}

.hera-about-person-content h3 {
	margin: 0 0 18px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 44px !important;
	line-height: 1.05 !important;
	font-weight: 600;
	color: var(--hera-text) !important;
}

.hera-about-person-lead {
	margin: 0 0 20px !important;
	color: var(--hera-text) !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px !important;
	line-height: 1.45 !important;
}

.hera-about-person-content > p:not(.hera-about-person-lead) {
	margin: 0 0 17px !important;
	color: var(--hera-muted) !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
}

/* EXPERTISE TAGS */
.hera-about-expertise {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 25px;
}

.hera-about-expertise span {
	display: inline-flex;
	align-items: center;
	min-height: 32px;
	padding: 7px 12px;
	border: 1px solid var(--hera-line);
	border-radius: 999px;
	background: rgba(255, 253, 249, 0.55);
	color: var(--hera-muted);
	font-size: 11px;
	line-height: 1.2;
}

/* =========================================================
   BLOCK 4 – VALUES
========================================================= */
.hera-about-values {
	padding: 110px 0;
	background: var(--hera-bg-light);
	border-top: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-about-values-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 55px;
	border-top: 1px solid var(--hera-line);
	border-left: 1px solid var(--hera-line);
}

.hera-about-value {
	min-width: 0;
	min-height: 280px;
	padding: 29px 25px;
	border-right: 1px solid var(--hera-line);
	border-bottom: 1px solid var(--hera-line);
}

.hera-about-value > span {
	display: block;
	margin-bottom: 38px;
	color: var(--hera-gold);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
}

.hera-about-value h3 {
	margin: 0 0 14px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 23px !important;
	line-height: 1.2 !important;
	color: var(--hera-text) !important;
}

.hera-about-value p {
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
}

/* =========================================================
   BLOCK 5 – CTA
========================================================= */
.hera-about-cta {
	padding: 120px 0;
	background: #ebe4da;
	text-align: center;
}

.hera-about-cta-inner {
	max-width: 820px;
}

.hera-about-cta h2 {
	margin-left: auto !important;
	margin-right: auto !important;
}

.hera-about-cta p {
	width: 100%;
	max-width: 650px;
	margin: 24px auto 31px !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
}

/* CTA BUTTON */
.hera-about-cta .hera-button-primary,
.hera-about-cta .hera-button-primary:link,
.hera-about-cta .hera-button-primary:visited {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 46px !important;
	margin: 0 !important;
	padding: 12px 24px !important;
	background: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	border-radius: 999px !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	box-shadow: none !important;
	white-space: nowrap !important;
}

.hera-about-cta .hera-button-primary:hover,
.hera-about-cta .hera-button-primary:focus {
	background: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-about-hero-inner,
								  .hera-about-section-inner,
								  .hera-about-cta-inner {
		width: calc(100% - 40px);
	}
	
	.hera-about-hero-inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 0.82fr);
		gap: 45px;
		padding: 72px 0 80px;
	}
	
	.hera-about-hero-content h1 {
		font-size: 50px !important;
	}
	
	.hera-about-hero-visual {
		min-height: 450px;
	}
	
	.hera-about-hero-image-main {
		height: 400px;
	}
	
	.hera-about-hero-image-secondary {
		height: 240px;
	}
	
	.hera-about-story-grid,
								  .hera-about-person,
								  .hera-about-person-reverse {
		gap: 45px;
	}
	
	.hera-about-person-image {
		height: 470px;
	}
	
	.hera-about-values-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-about-hero-inner,
								  .hera-about-section-inner,
								  .hera-about-cta-inner {
		width: calc(100% - 36px);
	}
	
	/* HERO */
	.hera-about-hero-inner {
		grid-template-columns: 1fr;
		gap: 48px;
		padding: 66px 0 74px;
	}
	
	.hera-about-hero-content {
		max-width: 650px;
	}
	
	.hera-about-hero-content h1 {
		max-width: 650px;
		font-size: 52px !important;
	}
	
	.hera-about-lead {
		max-width: 600px;
	}
	
	.hera-about-hero-visual {
		max-width: 670px;
		min-height: 520px;
	}
	
	/* STORY */
	.hera-about-story {
		padding: 85px 0;
	}
	
	.hera-about-story-grid {
		grid-template-columns: 1fr;
		gap: 42px;
	}
	
	.hera-about-story-intro {
		max-width: 680px;
	}
	
	/* TEAM */
	.hera-about-team {
		padding: 85px 0 95px;
	}
	
	.hera-about-person,
								  .hera-about-person-reverse {
		grid-template-columns: 1fr;
		gap: 35px;
	}
	
	.hera-about-person-reverse .hera-about-person-content {
		order: 2;
	}
	
	.hera-about-person-reverse .hera-about-person-image {
		order: 1;
	}
	
	.hera-about-person-content {
		max-width: 650px;
	}
	
	.hera-about-person-image {
		height: 520px;
	}
	
	.hera-about-person-image-left::after,
								  .hera-about-person-image-right::after {
		display: none;
	}
	
	/* VALUES */
	.hera-about-values {
		padding: 85px 0;
	}
	
	.hera-about-cta {
		padding: 95px 0;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-about-hero-inner,
								  .hera-about-section-inner,
								  .hera-about-cta-inner {
		width: calc(100% - 28px);
	}
	
	.hera-section-eyebrow,
								  .hera-about-eyebrow,
								  .hera-about-person-role {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-about-story h2,
								  .hera-about-team > .hera-about-section-inner > h2,
								  .hera-about-values h2,
								  .hera-about-cta h2 {
		font-size: 37px !important;
		line-height: 1.08 !important;
	}
	
	/* HERO */
	.hera-about-hero-inner {
		gap: 38px;
		padding: 50px 0 60px;
	}
	
	.hera-about-hero-content h1 {
		font-size: 40px !important;
		line-height: 1.04 !important;
	}
	
	.hera-about-lead {
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-about-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin-top: 27px !important;
	}
	
	.hera-about-actions .hera-button-primary,
								  .hera-about-actions .hera-button-secondary {
		width: 100% !important;
	}
	
	.hera-about-hero-visual {
		min-height: 390px;
	}
	
	.hera-about-hero-image-main {
		width: 76%;
		height: 330px;
	}
	
	.hera-about-hero-image-secondary {
		width: 44%;
		height: 200px;
		border-width: 6px;
	}
	
	/* STORY */
	.hera-about-story {
		padding: 70px 0;
	}
	
	.hera-about-story-grid {
		margin-top: 38px;
	}
	
	.hera-about-story-intro p {
		font-size: 15px !important;
		line-height: 1.72 !important;
	}
	
	.hera-about-story-point {
		grid-template-columns: 29px minmax(0, 1fr);
		gap: 12px;
		padding: 23px 0;
	}
	
	.hera-about-story-point h3 {
		font-size: 20px !important;
	}
	
	/* TEAM */
	.hera-about-team {
		padding: 70px 0 78px;
	}
	
	.hera-about-team > .hera-about-section-inner > h2 {
		margin-bottom: 40px !important;
	}
	
	.hera-about-person {
		padding: 38px 0;
	}
	
	.hera-about-person-image {
		height: 400px;
	}
	
	.hera-about-person-content h3 {
		font-size: 36px !important;
	}
	
	.hera-about-person-lead {
		font-size: 19px !important;
	}
	
	.hera-about-person-content > p:not(.hera-about-person-lead) {
		font-size: 14px !important;
		line-height: 1.72 !important;
	}
	
	.hera-about-expertise {
		gap: 7px;
	}
	
	.hera-about-expertise span {
		font-size: 10px;
	}
	
	/* VALUES */
	.hera-about-values {
		padding: 70px 0;
	}
	
	.hera-about-values-grid {
		grid-template-columns: 1fr;
		margin-top: 38px;
	}
	
	.hera-about-value {
		min-height: 0;
		padding: 25px 22px;
	}
	
	.hera-about-value > span {
		margin-bottom: 22px;
	}
	
	.hera-about-value h3 {
		font-size: 22px !important;
	}
	
	/* CTA */
	.hera-about-cta {
		padding: 75px 0;
	}
	
	.hera-about-cta p {
		margin: 19px auto 27px !important;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-about-cta .hera-button-primary {
		width: 100% !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-about-hero-inner,
								  .hera-about-section-inner,
								  .hera-about-cta-inner {
		width: calc(100% - 22px);
	}
	
	.hera-about-hero-content h1 {
		font-size: 35px !important;
	}
	
	.hera-about-story h2,
								  .hera-about-team > .hera-about-section-inner > h2,
								  .hera-about-values h2,
								  .hera-about-cta h2 {
		font-size: 33px !important;
	}
	
	.hera-about-hero-visual {
		min-height: 350px;
	}
	
	.hera-about-hero-image-main {
		height: 300px;
	}
	
	.hera-about-hero-image-secondary {
		height: 175px;
	}
	
	.hera-about-person-image {
		height: 350px;
	}
}

/* =========================================================
   TEAM INTRO
========================================================= */
.hera-about-team-intro {
	width: 100%;
	max-width: 760px;
	margin: -35px 0 55px !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
}

/* =========================================================
   LANGUAGES
========================================================= */
.hera-about-languages {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 60px;
	align-items: start;
	margin-top: 55px;
	padding: 48px 0 10px;
	border-top: 1px solid var(--hera-line);
}

.hera-about-languages-heading h3 {
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 34px !important;
	line-height: 1.15 !important;
	font-weight: 600;
	color: var(--hera-text) !important;
}

.hera-about-languages-content p {
	max-width: 560px;
	margin: 0 0 24px !important;
	color: var(--hera-muted) !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
}

.hera-about-language-list {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.hera-about-language-list span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 14px;
	border: 1px solid var(--hera-gold-soft);
	border-radius: 999px;
	background: rgba(255, 253, 249, 0.55);
	color: var(--hera-text);
	font-size: 12px;
	line-height: 1.2;
}

/* =========================================================
   TABLET
========================================================= */
@media (max-width: 850px) {
	.hera-about-team-intro {
		margin-top: -25px !important;
		margin-bottom: 45px !important;
	}
	
	.hera-about-languages {
		grid-template-columns: 1fr;
		gap: 25px;
		margin-top: 45px;
		padding-top: 38px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-about-team-intro {
		margin: -22px 0 35px !important;
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	.hera-about-languages {
		gap: 20px;
		margin-top: 38px;
		padding-top: 32px;
	}
	
	.hera-about-languages-heading h3 {
		font-size: 28px !important;
	}
	
	.hera-about-languages-content p {
		font-size: 14px !important;
		line-height: 1.7 !important;
	}
	
	.hera-about-language-list {
		gap: 7px;
	}
	
	.hera-about-language-list span {
		padding: 7px 11px;
		font-size: 11px;
	}
}

/* =========================================================
   HERA HOME HERO – COMPLETE CSS
   Desktop / Tablet / Mobile
========================================================= */
:root {
}

/* =========================================================
   HERO SECTION
========================================================= */
.hera-home-hero {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: var(--hera-bg);
	border-bottom: 1px solid var(--hera-line);
	overflow: hidden;
}

.hera-home-hero * {
	box-sizing: border-box;
}

/* =========================================================
   HERO INNER
========================================================= */
.hera-home-hero-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin: 0 auto;
	min-height: 620px;
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
	align-items: center;
	gap: 60px;
	padding: 72px 0 82px;
}

/* =========================================================
   LEFT CONTENT
========================================================= */
.hera-home-hero-content {
	width: 100%;
	max-width: 520px;
	position: relative;
	z-index: 3;
}

/* Eyebrow */
.hera-home-eyebrow {
	display: block;
	margin: 0 0 20px;
	color: var(--hera-gold);
	font-size: 10px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   MAIN HEADLINE
========================================================= */
.hera-home-hero-content h1 {
	width: 100%;
	margin: 0 0 26px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(50px, 5.4vw, 68px) !important;
	line-height: 1.01 !important;
	font-weight: 600;
	letter-spacing: -.04em;
	color: var(--hera-text) !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   LEAD
========================================================= */
.hera-home-lead {
	width: 100%;
	max-width: 500px;
	margin: 0 !important;
	color: var(--hera-muted) !important;
	font-size: 16px !important;
	line-height: 1.75 !important;
}

/* =========================================================
   BUTTONS
========================================================= */
.hera-home-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-top: 32px !important;
}

.hera-home-actions .hera-button-primary,
.hera-home-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 45px !important;
	padding: 11px 21px !important;
	margin: 0 !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	box-shadow: none !important;
	transition: background-color .25s ease, color .25s ease, border-color .25s ease, transform .25s ease !important;
}

/* PRIMARY BUTTON */
.hera-home-actions .hera-button-primary,
.hera-home-actions .hera-button-primary:link,
.hera-home-actions .hera-button-primary:visited {
	background: #292725 !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-home-actions .hera-button-primary:hover,
.hera-home-actions .hera-button-primary:focus {
	background: var(--hera-gold) !important;
	border-color: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* SECONDARY BUTTON */
.hera-home-actions .hera-button-secondary,
.hera-home-actions .hera-button-secondary:link,
.hera-home-actions .hera-button-secondary:visited {
	background: transparent !important;
	border: 1px solid var(--hera-gold) !important;
	color: var(--hera-text) !important;
}

.hera-home-actions .hera-button-secondary:hover,
.hera-home-actions .hera-button-secondary:focus {
	background: var(--hera-gold) !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   RIGHT VISUAL
========================================================= */
.hera-home-hero-visual {
	position: relative;
	width: 100%;
	min-width: 0;
	height: 470px;
	overflow: hidden;
	border-radius: 18px;
	background: #e9e1d6;
}

/* =========================================================
   IMAGE
========================================================= */
.hera-home-hero-visual img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
/*
     Bild leicht nach rechts verschieben,
     damit Motiv nicht zu mittig sitzt.
  */
	object-position: 58% center;
}

/* =========================================================
   SOFT FADE LEFT
========================================================= */
.hera-home-hero-visual::before {
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
/*
     Weicher Übergang vom Beige ins Bild.
     Fade beginnt relativ weit links.
  */
	background: linear-gradient(90deg,
      #f3efe8 0%,
      rgba(243, 239, 232, 0.97) 5%,
      rgba(243, 239, 232, 0.82) 13%,
      rgba(243, 239, 232, 0.48) 22%,
      rgba(243, 239, 232, 0.14) 31%,
      rgba(243, 239, 232, 0) 40%);
}

/* subtle bottom overlay */
.hera-home-hero-visual::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 38%;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg,
      rgba(20, 18, 16, 0) 0%,
      rgba(20, 18, 16, 0.16) 100%);
}

/* =========================================================
   IMAGE OVERLAY TEXT
========================================================= */
.hera-home-hero-overlay {
	position: absolute;
	left: 42px;
	bottom: 36px;
	z-index: 2;
	max-width: 300px;
	color: #ffffff;
}

.hera-home-hero-overlay span {
	display: block;
	margin-bottom: 8px;
	font-size: 9px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.82);
}

.hera-home-hero-overlay strong {
	display: block;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 23px;
	line-height: 1.2;
	font-weight: 600;
	color: #ffffff;
}

/* =========================================================
   DECORATIVE DETAIL
========================================================= */
.hera-home-hero-content::after {
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	margin-top: 32px;
	background: var(--hera-gold);
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-home-hero-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
		gap: 42px;
		min-height: 560px;
		padding: 65px 0 72px;
	}
	
	.hera-home-hero-content h1 {
		font-size: clamp(46px, 5.3vw, 58px) !important;
	}
	
	.hera-home-hero-visual {
		height: 430px;
	}
	
	.hera-home-hero-overlay {
		left: 34px;
		bottom: 30px;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-home-hero-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 46px;
		min-height: 0;
		padding: 64px 0 72px;
	}
	
	.hera-home-hero-content {
		max-width: 650px;
	}
	
	.hera-home-hero-content h1 {
		max-width: 650px;
		font-size: 54px !important;
	}
	
	.hera-home-lead {
		max-width: 580px;
	}
	
	.hera-home-hero-visual {
		width: 100%;
		height: 470px;
	}
	
	/* auf Tablet weniger starker Fade */
	.hera-home-hero-visual::before {
		background: linear-gradient(90deg,
								        rgba(243, 239, 232, 0.72) 0%,
								        rgba(243, 239, 232, 0.28) 16%,
								        rgba(243, 239, 232, 0) 34%);
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-home-hero-inner {
		width: calc(100% - 28px);
		gap: 38px;
		padding: 50px 0 60px;
	}
	
	.hera-home-eyebrow {
		margin-bottom: 16px;
		font-size: 9px;
	}
	
	.hera-home-hero-content h1 {
		margin-bottom: 21px !important;
		font-size: 40px !important;
		line-height: 1.04 !important;
	}
	
	.hera-home-lead {
		font-size: 15px !important;
		line-height: 1.7 !important;
	}
	
	/* BUTTONS */
	.hera-home-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin-top: 27px !important;
	}
	
	.hera-home-actions .hera-button-primary,
								  .hera-home-actions .hera-button-secondary {
		width: 100% !important;
	}
	
	/* IMAGE */
	.hera-home-hero-visual {
		height: 360px;
		border-radius: 14px;
	}
	
	.hera-home-hero-visual img {
		object-position: 62% center;
	}
	
	/* Fade auf Mobile eher unten statt links */
	.hera-home-hero-visual::before {
		background: linear-gradient(180deg,
								        rgba(243, 239, 232, 0) 45%,
								        rgba(243, 239, 232, 0.12) 60%,
								        rgba(243, 239, 232, 0.55) 100%);
	}
	
	.hera-home-hero-overlay {
		left: 22px;
		right: 22px;
		bottom: 22px;
		max-width: none;
	}
	
	.hera-home-hero-overlay strong {
		font-size: 20px;
	}
	
	.hera-home-hero-content::after {
		margin-top: 26px;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-home-hero-inner {
		width: calc(100% - 22px);
	}
	
	.hera-home-hero-content h1 {
		font-size: 35px !important;
	}
	
	.hera-home-hero-visual {
		height: 320px;
	}
	
	.hera-home-hero-overlay {
		left: 18px;
		right: 18px;
		bottom: 18px;
	}
	
	.hera-home-hero-overlay strong {
		font-size: 18px;
	}
}

/* =========================================================
   HERA HOME – BLOCK 2 / UNSERE LÖSUNGEN
========================================================= */
.hera-home-solutions {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: #faf8f4;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

.hera-home-solutions * {
	box-sizing: border-box;
}

/* =========================================================
   INNER
========================================================= */
.hera-home-solutions-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin: 0 auto;
	padding: 110px 0 120px;
}

/* =========================================================
   EYEBROW
========================================================= */
.hera-home-solutions .hera-section-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: #b88945;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-home-solutions h2 {
	width: 100%;
	max-width: 820px;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(40px, 5vw, 58px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.028em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   INTRO TEXT
========================================================= */
.hera-home-solutions-intro {
	width: 100%;
	max-width: 790px;
	margin: 25px 0 0 !important;
	color: #665e56 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
}

/* =========================================================
   GRID
========================================================= */
.hera-home-solutions-grid {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	margin-top: 58px;
}

/* =========================================================
   CARD
========================================================= */
.hera-home-solution-card {
	position: relative;
	width: 100%;
	min-width: 0;
	min-height: 500px;
	display: flex;
	flex-direction: column;
	padding: 34px;
	background: #fffdf9;
	border: 1px solid #ded6cc;
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.hera-home-solution-card:hover {
	transform: translateY(-4px);
	border-color: #d7b98d;
	box-shadow: 0 16px 40px rgba(45, 38, 32, 0.06);
}

/* =========================================================
   FEATURED CARD – HERA MEDICAL
========================================================= */
.hera-home-solution-featured {
	background: #eee7dd;
	border-color: #d7b98d;
}

/* =========================================================
   NUMBER
========================================================= */
.hera-home-solution-number {
	display: block;
	margin-bottom: 30px;
	color: #b88945;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 13px;
	line-height: 1;
}

/* =========================================================
   LABEL
========================================================= */
.hera-home-solution-label {
	display: block;
	margin-bottom: 12px;
	color: #b88945;
	font-size: 9px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
}

/* =========================================================
   CARD TITLE
========================================================= */
.hera-home-solution-card h3 {
	width: 100%;
	max-width: 100%;
	margin: 0 0 17px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(25px, 3vw, 32px) !important;
	line-height: 1.12 !important;
	font-weight: 600;
	letter-spacing: -.02em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   DESCRIPTION
========================================================= */
.hera-home-solution-card > p {
	width: 100%;
	max-width: 470px;
	margin: 0 0 25px !important;
	color: #665e56 !important;
	font-size: 14px !important;
	line-height: 1.72 !important;
}

/* =========================================================
   PRODUCT TAGS
========================================================= */
.hera-home-solution-products {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 30px;
}

.hera-home-solution-products span {
	display: inline-flex;
	align-items: center;
	min-height: 31px;
	padding: 7px 11px;
	border: 1px solid #ded6cc;
	border-radius: 999px;
	background: rgba(255, 253, 249, 0.55);
	color: #665e56;
	font-size: 10px;
	line-height: 1.2;
}

/* Featured-Tags etwas wärmer */
.hera-home-solution-featured
.hera-home-solution-products span {
	background: rgba(255, 253, 249, 0.35);
	border-color: #d7b98d;
}

/* =========================================================
   LINK
========================================================= */
.hera-home-solution-link,
.hera-home-solution-link:link,
.hera-home-solution-link:visited {
	display: inline-flex !important;
	align-items: center;
	width: fit-content;
	margin-top: auto;
	color: #292725 !important;
	font-size: 14px !important;
	line-height: 1.2;
	font-weight: 400;
	text-decoration: none !important;
	transition: color .2s ease, transform .2s ease;
}

.hera-home-solution-link:hover {
	color: #b88945 !important;
	transform: translateX(3px);
}

/* =========================================================
   SUBTLE DECORATIVE DETAIL
========================================================= */
.hera-home-solution-card::after {
	content: "";
	position: absolute;
	top: 34px;
	right: 34px;
	width: 24px;
	height: 1px;
	background: #b88945;
	opacity: .55;
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-home-solutions-inner {
		width: calc(100% - 40px);
		padding: 90px 0 100px;
	}
	
	.hera-home-solutions h2 {
		font-size: clamp(38px, 5vw, 52px) !important;
	}
	
	.hera-home-solutions-grid {
		gap: 17px;
		margin-top: 50px;
	}
	
	.hera-home-solution-card {
		min-height: 480px;
		padding: 30px;
	}
	
	.hera-home-solution-card::after {
		top: 30px;
		right: 30px;
	}
	
	.hera-home-solution-card h3 {
		font-size: 27px !important;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-home-solutions-inner {
		width: calc(100% - 36px);
		padding: 85px 0 92px;
	}
	
	.hera-home-solutions-intro {
		max-width: 680px;
	}
	
	.hera-home-solutions-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	
	.hera-home-solution-card {
		min-height: 0;
		padding: 32px;
	}
	
	.hera-home-solution-card > p {
		max-width: 620px;
	}
	
	.hera-home-solution-products {
		max-width: 650px;
	}
	
	.hera-home-solution-link {
		margin-top: 18px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-home-solutions-inner {
		width: calc(100% - 28px);
		padding: 70px 0 76px;
	}
	
	.hera-home-solutions .hera-section-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-home-solutions h2 {
		font-size: 37px !important;
		line-height: 1.08 !important;
	}
	
	.hera-home-solutions-intro {
		margin-top: 19px !important;
		font-size: 15px !important;
		line-height: 1.72 !important;
	}
	
	.hera-home-solutions-grid {
		gap: 13px;
		margin-top: 38px;
	}
	
	.hera-home-solution-card {
		padding: 27px 23px;
	}
	
	.hera-home-solution-card::after {
		top: 27px;
		right: 23px;
		width: 20px;
	}
	
	.hera-home-solution-number {
		margin-bottom: 25px;
	}
	
	.hera-home-solution-label {
		font-size: 8.5px;
	}
	
	.hera-home-solution-card h3 {
		font-size: 25px !important;
		line-height: 1.14 !important;
	}
	
	.hera-home-solution-card > p {
		font-size: 14px !important;
		line-height: 1.68 !important;
		margin-bottom: 22px !important;
	}
	
	.hera-home-solution-products {
		gap: 7px;
		margin-bottom: 24px;
	}
	
	.hera-home-solution-products span {
		min-height: 29px;
		padding: 6px 10px;
		font-size: 9.5px;
	}
	
	.hera-home-solution-link {
		margin-top: 12px;
		font-size: 13px !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-home-solutions-inner {
		width: calc(100% - 22px);
	}
	
	.hera-home-solutions h2 {
		font-size: 33px !important;
	}
	
	.hera-home-solution-card {
		padding: 24px 20px;
	}
	
	.hera-home-solution-card::after {
		top: 24px;
		right: 20px;
	}
	
	.hera-home-solution-card h3 {
		font-size: 23px !important;
	}
}

/* =========================================================
   HERA HOME – BLOCK 3 / HERA DIGITAL
========================================================= */
.hera-home-digital {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: #f3efe8;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

.hera-home-digital * {
	box-sizing: border-box;
}

/* =========================================================
   INNER
========================================================= */
.hera-home-digital-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	align-items: center;
	gap: clamp(50px, 7vw, 85px);
	padding: 105px 0 115px;
}

/* =========================================================
   IMAGE AREA
========================================================= */
.hera-home-digital-visual {
	position: relative;
	width: 100%;
	min-width: 0;
	height: 540px;
	overflow: hidden;
	border-radius: 18px;
	background: #e9e1d6;
}

/* IMAGE */
.hera-home-digital-visual img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: 58% center;
}

/* =========================================================
   SOFT FADE
========================================================= */
.hera-home-digital-visual::before {
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(90deg,
      rgba(243, 239, 232, 0) 54%,
      rgba(243, 239, 232, 0.18) 68%,
      rgba(243, 239, 232, 0.55) 83%,
      rgba(243, 239, 232, 0.92) 96%,
      #f3efe8 100%);
}

/* subtle bottom shading */
.hera-home-digital-visual::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 28%;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg,
      rgba(20, 18, 16, 0) 0%,
      rgba(20, 18, 16, 0.12) 100%);
}

/* =========================================================
   IMAGE LABEL
========================================================= */
.hera-home-digital-image-label {
	position: absolute;
	left: 28px;
	bottom: 26px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 7px 11px;
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.14);
	color: #ffffff;
	font-size: 9px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
}

/* =========================================================
   CONTENT
========================================================= */
.hera-home-digital-content {
	width: 100%;
	max-width: 540px;
	min-width: 0;
}

/* EYEBROW */
.hera-home-digital .hera-section-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: #b88945;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-home-digital-content h2 {
	width: 100%;
	max-width: 540px;
	margin: 0 0 25px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 4.5vw, 54px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.028em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   LEAD
========================================================= */
.hera-home-digital-lead {
	width: 100%;
	max-width: 510px;
	margin: 0 !important;
	color: #665e56 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
}

/* =========================================================
   POINTS
========================================================= */
.hera-home-digital-points {
	width: 100%;
	margin-top: 35px;
	border-top: 1px solid #ded6cc;
}

.hera-home-digital-point {
	width: 100%;
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	gap: 16px;
	padding: 22px 0;
	border-bottom: 1px solid #ded6cc;
}

.hera-home-digital-point > span {
	padding-top: 2px;
	color: #b88945;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	line-height: 1.2;
}

.hera-home-digital-point > div {
	width: 100%;
	min-width: 0;
}

/* POINT TITLE */
.hera-home-digital-point h3 {
	width: 100%;
	margin: 0 0 7px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px !important;
	line-height: 1.2 !important;
	font-weight: 600;
	color: #292725 !important;
}

/* POINT TEXT */
.hera-home-digital-point p {
	width: 100%;
	max-width: 420px;
	margin: 0 !important;
	color: #665e56 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
}

/* =========================================================
   LINK
========================================================= */
.hera-home-digital-link,
.hera-home-digital-link:link,
.hera-home-digital-link:visited {
	display: inline-flex !important;
	align-items: center;
	width: fit-content;
	margin-top: 30px;
	color: #292725 !important;
	font-size: 14px !important;
	line-height: 1.2;
	font-weight: 400;
	text-decoration: none !important;
	transition: color .2s ease, transform .2s ease;
}

.hera-home-digital-link:hover {
	color: #b88945 !important;
	transform: translateX(3px);
}

/* =========================================================
   DECORATIVE DETAIL
========================================================= */
.hera-home-digital-content::after {
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	margin-top: 30px;
	background: #b88945;
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-home-digital-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
		gap: 45px;
		padding: 90px 0 100px;
	}
	
	.hera-home-digital-visual {
		height: 500px;
	}
	
	.hera-home-digital-content h2 {
		font-size: clamp(36px, 4.5vw, 48px) !important;
	}
	
	.hera-home-digital-point h3 {
		font-size: 20px !important;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-home-digital-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 48px;
		padding: 85px 0 92px;
	}
	
	.hera-home-digital-visual {
		width: 100%;
		height: 500px;
	}
	
	.hera-home-digital-visual::before {
		background: linear-gradient(180deg,
								        rgba(243, 239, 232, 0) 55%,
								        rgba(243, 239, 232, 0.18) 70%,
								        rgba(243, 239, 232, 0.62) 88%,
								        rgba(243, 239, 232, 0.9) 100%);
	}
	
	.hera-home-digital-content {
		max-width: 670px;
	}
	
	.hera-home-digital-content h2 {
		max-width: 650px;
		font-size: 48px !important;
	}
	
	.hera-home-digital-lead {
		max-width: 600px;
	}
	
	.hera-home-digital-point p {
		max-width: 560px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-home-digital-inner {
		width: calc(100% - 28px);
		gap: 38px;
		padding: 70px 0 76px;
	}
	
	/* IMAGE */
	.hera-home-digital-visual {
		height: 370px;
		border-radius: 14px;
	}
	
	.hera-home-digital-visual img {
		object-position: 62% center;
	}
	
	.hera-home-digital-image-label {
		left: 20px;
		bottom: 18px;
		font-size: 8px;
	}
	
	/* TYPO */
	.hera-home-digital .hera-section-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-home-digital-content h2 {
		margin-bottom: 20px !important;
		font-size: 36px !important;
		line-height: 1.08 !important;
	}
	
	.hera-home-digital-lead {
		font-size: 15px !important;
		line-height: 1.72 !important;
	}
	
	/* POINTS */
	.hera-home-digital-points {
		margin-top: 30px;
	}
	
	.hera-home-digital-point {
		grid-template-columns: 28px minmax(0, 1fr);
		gap: 11px;
		padding: 20px 0;
	}
	
	.hera-home-digital-point h3 {
		font-size: 19px !important;
	}
	
	.hera-home-digital-point p {
		max-width: 100%;
		font-size: 13px !important;
	}
	
	.hera-home-digital-link {
		margin-top: 26px;
		font-size: 13px !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-home-digital-inner {
		width: calc(100% - 22px);
	}
	
	.hera-home-digital-visual {
		height: 320px;
	}
	
	.hera-home-digital-content h2 {
		font-size: 32px !important;
	}
	
	.hera-home-digital-point h3 {
		font-size: 18px !important;
	}
}

/* =========================================================
   HERA HOME – BLOCK 4 / HERA MEDICAL
   Desktop / Tablet / Mobile
========================================================= */
.hera-home-medical {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: #faf8f4;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

.hera-home-medical * {
	box-sizing: border-box;
}

/* =========================================================
   INNER
========================================================= */
.hera-home-medical-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	align-items: center;
	gap: clamp(50px, 7vw, 85px);
	padding: 105px 0 115px;
}

/* =========================================================
   CONTENT – LEFT
========================================================= */
.hera-home-medical-content {
	width: 100%;
	max-width: 540px;
	min-width: 0;
}

/* EYEBROW */
.hera-home-medical .hera-section-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: #b88945;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-home-medical-content h2 {
	width: 100%;
	max-width: 550px;
	margin: 0 0 25px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 4.5vw, 54px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.028em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   LEAD
========================================================= */
.hera-home-medical-lead {
	width: 100%;
	max-width: 510px;
	margin: 0 !important;
	color: #665e56 !important;
	font-size: 16px !important;
	line-height: 1.8 !important;
}

/* =========================================================
   POINTS
========================================================= */
.hera-home-medical-points {
	width: 100%;
	margin-top: 35px;
	border-top: 1px solid #ded6cc;
}

.hera-home-medical-point {
	width: 100%;
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	gap: 16px;
	padding: 22px 0;
	border-bottom: 1px solid #ded6cc;
}

.hera-home-medical-point > span {
	padding-top: 2px;
	color: #b88945;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 12px;
	line-height: 1.2;
}

.hera-home-medical-point > div {
	width: 100%;
	min-width: 0;
}

/* POINT TITLE */
.hera-home-medical-point h3 {
	width: 100%;
	margin: 0 0 7px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 21px !important;
	line-height: 1.2 !important;
	font-weight: 600;
	color: #292725 !important;
}

/* POINT TEXT */
.hera-home-medical-point p {
	width: 100%;
	max-width: 420px;
	margin: 0 !important;
	color: #665e56 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
}

/* =========================================================
   LINK
========================================================= */
.hera-home-medical-link,
.hera-home-medical-link:link,
.hera-home-medical-link:visited {
	display: inline-flex !important;
	align-items: center;
	width: fit-content;
	margin-top: 30px;
	color: #292725 !important;
	font-size: 14px !important;
	line-height: 1.2;
	font-weight: 400;
	text-decoration: none !important;
	transition: color .2s ease, transform .2s ease;
}

.hera-home-medical-link:hover,
.hera-home-medical-link:focus {
	color: #b88945 !important;
	transform: translateX(3px);
}

/* =========================================================
   DECORATIVE DETAIL UNDER CONTENT
========================================================= */
.hera-home-medical-content::after {
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	margin-top: 30px;
	background: #b88945;
}

/* =========================================================
   IMAGE AREA – RIGHT
========================================================= */
.hera-home-medical-visual {
	position: relative;
	width: 100%;
	min-width: 0;
	height: 540px;
	overflow: hidden;
	border-radius: 18px;
	background: #e9e1d6;
}

/* IMAGE */
.hera-home-medical-visual img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
/*
     Kann bei Bedarf später noch angepasst werden,
     falls Carlos im Bild zu weit links/rechts sitzt.
  */
	object-position: 52% 18%;
}

/* =========================================================
   SOFT FADE – LEFT SIDE OF IMAGE
   Übergang vom Text zum Bild
========================================================= */
.hera-home-medical-visual::before {
	content: "";
	position: absolute;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(90deg,
      #faf8f4 0%,
      rgba(250, 248, 244, 0.92) 4%,
      rgba(250, 248, 244, 0.58) 13%,
      rgba(250, 248, 244, 0.20) 24%,
      rgba(250, 248, 244, 0) 36%);
}

/* subtle bottom shading */
.hera-home-medical-visual::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 28%;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg,
      rgba(20, 18, 16, 0) 0%,
      rgba(20, 18, 16, 0.12) 100%);
}

/* =========================================================
   IMAGE LABEL
========================================================= */
.hera-home-medical-image-label {
	position: absolute;
	right: 28px;
	bottom: 26px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 7px 11px;
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.14);
	color: #ffffff;
	font-size: 9px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-home-medical-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
		gap: 45px;
		padding: 90px 0 100px;
	}
	
	.hera-home-medical-content h2 {
		font-size: clamp(36px, 4.5vw, 48px) !important;
	}
	
	.hera-home-medical-visual {
		height: 500px;
	}
	
	.hera-home-medical-point h3 {
		font-size: 20px !important;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-home-medical-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 48px;
		padding: 85px 0 92px;
	}
	
	/*
								     Auf Tablet Bild zuerst,
								     danach Inhalt.
								  */
	.hera-home-medical-visual {
		grid-row: 1;
		width: 100%;
		height: 500px;
	}
	
	.hera-home-medical-content {
		grid-row: 2;
		max-width: 670px;
	}
	
	.hera-home-medical-content h2 {
		max-width: 650px;
		font-size: 48px !important;
	}
	
	.hera-home-medical-lead {
		max-width: 600px;
	}
	
	.hera-home-medical-point p {
		max-width: 560px;
	}
	
	/* Fade auf Tablet nach unten */
	.hera-home-medical-visual::before {
		background: linear-gradient(180deg,
								        rgba(250, 248, 244, 0) 54%,
								        rgba(250, 248, 244, 0.15) 70%,
								        rgba(250, 248, 244, 0.55) 88%,
								        rgba(250, 248, 244, 0.88) 100%);
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-home-medical-inner {
		width: calc(100% - 28px);
		gap: 38px;
		padding: 70px 0 76px;
	}
	
	/* IMAGE */
	.hera-home-medical-visual {
		height: 370px;
		border-radius: 14px;
	}
	
	.hera-home-medical-visual img {
		object-position: 52% 15%;
	}
	
	.hera-home-medical-image-label {
		right: auto;
		left: 20px;
		bottom: 18px;
		font-size: 8px;
	}
	
	/* TYPOGRAPHY */
	.hera-home-medical .hera-section-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-home-medical-content h2 {
		margin-bottom: 20px !important;
		font-size: 36px !important;
		line-height: 1.08 !important;
	}
	
	.hera-home-medical-lead {
		font-size: 15px !important;
		line-height: 1.72 !important;
	}
	
	/* POINTS */
	.hera-home-medical-points {
		margin-top: 30px;
	}
	
	.hera-home-medical-point {
		grid-template-columns: 28px minmax(0, 1fr);
		gap: 11px;
		padding: 20px 0;
	}
	
	.hera-home-medical-point h3 {
		font-size: 19px !important;
	}
	
	.hera-home-medical-point p {
		max-width: 100%;
		font-size: 13px !important;
		line-height: 1.65 !important;
	}
	
	.hera-home-medical-link {
		margin-top: 26px;
		font-size: 13px !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-home-medical-inner {
		width: calc(100% - 22px);
	}
	
	.hera-home-medical-visual {
		height: 320px;
	}
	
	.hera-home-medical-content h2 {
		font-size: 32px !important;
	}
	
	.hera-home-medical-point h3 {
		font-size: 18px !important;
	}
}

/* =========================================================
   HERA HOME – BLOCK 5 / CTA
   Desktop / Tablet / Mobile
========================================================= */
.hera-home-cta {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: #f3efe8;
	overflow: hidden;
}

.hera-home-cta * {
	box-sizing: border-box;
}

/* =========================================================
   CTA BOX
========================================================= */
.hera-home-cta-box {
	width: calc(100% - 48px);
	max-width: 1180px;
	min-height: 520px;
	margin: 105px auto 115px;
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
	align-items: stretch;
	overflow: hidden;
	border: 1px solid #ded6cc;
	border-radius: 18px;
	background: #ebe4da;
}

/* =========================================================
   CONTENT
========================================================= */
.hera-home-cta-content {
	position: relative;
	z-index: 4;
	width: 100%;
	max-width: 560px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 62px 30px 62px 58px;
}

/* EYEBROW */
.hera-home-cta .hera-section-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: #b88945;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-home-cta-content h2 {
	width: 100%;
	max-width: 560px;
	margin: 0 0 24px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(40px, 4.7vw, 56px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.03em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   TEXT
========================================================= */
.hera-home-cta-content > p {
	width: 100%;
	max-width: 510px;
	margin: 0 !important;
	color: #665e56 !important;
	font-size: 16px !important;
	line-height: 1.78 !important;
}

/* =========================================================
   BUTTONS
========================================================= */
.hera-home-cta-actions {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-top: 32px !important;
}

.hera-home-cta-actions .hera-button-primary,
.hera-home-cta-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-height: 45px !important;
	margin: 0 !important;
	padding: 11px 21px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	line-height: 1 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	box-shadow: none !important;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease !important;
}

/* PRIMARY */
.hera-home-cta-actions .hera-button-primary,
.hera-home-cta-actions .hera-button-primary:link,
.hera-home-cta-actions .hera-button-primary:visited {
	background: #292725 !important;
	background-image: none !important;
	border: 1px solid #292725 !important;
	color: #ffffff !important;
}

.hera-home-cta-actions .hera-button-primary:hover,
.hera-home-cta-actions .hera-button-primary:focus {
	background: #b88945 !important;
	border-color: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* SECONDARY */
.hera-home-cta-actions .hera-button-secondary,
.hera-home-cta-actions .hera-button-secondary:link,
.hera-home-cta-actions .hera-button-secondary:visited {
	background: transparent !important;
	background-image: none !important;
	border: 1px solid #b88945 !important;
	color: #292725 !important;
}

.hera-home-cta-actions .hera-button-secondary:hover,
.hera-home-cta-actions .hera-button-secondary:focus {
	background: #b88945 !important;
	border-color: #b88945 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
}

/* =========================================================
   IMAGE
========================================================= */
.hera-home-cta-image {
	position: relative;
	z-index: 1;
	width: 100%;
	min-width: 0;
	height: 100%;
	min-height: 520px;
	overflow: hidden;
}

.hera-home-cta-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}

/* =========================================================
   SOFT FADE OVERLAY
========================================================= */
.hera-home-cta-overlay {
	position: absolute;
	z-index: 2;
	pointer-events: none;
	background: linear-gradient(90deg,
      #ebe4da 0%,
      rgba(235, 228, 218, 1) 37%,
      rgba(235, 228, 218, 0.94) 43%,
      rgba(235, 228, 218, 0.70) 50%,
      rgba(235, 228, 218, 0.32) 58%,
      rgba(235, 228, 218, 0.08) 67%,
      rgba(235, 228, 218, 0) 76%);
}

/* =========================================================
   GOLD DETAIL
========================================================= */
.hera-home-cta-content::after {
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	margin-top: 32px;
	background: #b88945;
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-home-cta-box {
		width: calc(100% - 40px);
		min-height: 490px;
		margin: 90px auto 100px;
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	}
	
	.hera-home-cta-content {
		padding: 52px 24px 52px 46px;
	}
	
	.hera-home-cta-content h2 {
		font-size: clamp(38px, 4.8vw, 50px) !important;
	}
	
	.hera-home-cta-image {
		min-height: 490px;
	}
	
	.hera-home-cta-overlay {
		background: linear-gradient(90deg,
								        #ebe4da 0%,
								        rgba(235, 228, 218, 1) 36%,
								        rgba(235, 228, 218, 0.88) 45%,
								        rgba(235, 228, 218, 0.52) 55%,
								        rgba(235, 228, 218, 0.12) 68%,
								        rgba(235, 228, 218, 0) 78%);
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-home-cta-box {
		width: calc(100% - 36px);
		min-height: 0;
		margin: 85px auto 92px;
		grid-template-columns: 1fr;
	}
	
	/* Bild oben */
	.hera-home-cta-image {
		grid-row: 1;
		height: 430px;
		min-height: 430px;
	}
	
	/* Text unten */
	.hera-home-cta-content {
		grid-row: 2;
		max-width: none;
		padding: 48px;
	}
	
	.hera-home-cta-content h2 {
		max-width: 650px;
		font-size: 48px !important;
	}
	
	.hera-home-cta-content > p {
		max-width: 610px;
	}
	
	/*
								     Overlay auf Tablet:
								     weicher Übergang vom Bild nach unten
								  */
	.hera-home-cta-overlay {
		background: linear-gradient(180deg,
								        rgba(235, 228, 218, 0) 0%,
								        rgba(235, 228, 218, 0) 38%,
								        rgba(235, 228, 218, 0.20) 48%,
								        rgba(235, 228, 218, 0.70) 60%,
								        rgba(235, 228, 218, 1) 72%,
								        #ebe4da 100%);
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-home-cta-box {
		width: calc(100% - 28px);
		margin: 70px auto 76px;
		border-radius: 14px;
	}
	
	/* IMAGE */
	.hera-home-cta-image {
		height: 340px;
		min-height: 340px;
	}
	
	/* CONTENT */
	.hera-home-cta-content {
		padding: 34px 23px 38px;
	}
	
	.hera-home-cta .hera-section-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-home-cta-content h2 {
		margin-bottom: 20px !important;
		font-size: 36px !important;
		line-height: 1.08 !important;
	}
	
	.hera-home-cta-content > p {
		font-size: 15px !important;
		line-height: 1.72 !important;
	}
	
	/* BUTTONS */
	.hera-home-cta-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 10px !important;
		margin-top: 27px !important;
	}
	
	.hera-home-cta-actions .hera-button-primary,
								  .hera-home-cta-actions .hera-button-secondary {
		width: 100% !important;
	}
	
	.hera-home-cta-content::after {
		margin-top: 27px;
	}
	
	.hera-home-cta-overlay {
		background: linear-gradient(180deg,
								        rgba(235, 228, 218, 0) 0%,
								        rgba(235, 228, 218, 0) 34%,
								        rgba(235, 228, 218, 0.18) 45%,
								        rgba(235, 228, 218, 0.68) 57%,
								        rgba(235, 228, 218, 0.96) 68%,
								        #ebe4da 78%);
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-home-cta-box {
		width: calc(100% - 22px);
	}
	
	.hera-home-cta-image {
		height: 300px;
		min-height: 300px;
	}
	
	.hera-home-cta-content {
		padding: 30px 20px 34px;
	}
	
	.hera-home-cta-content h2 {
		font-size: 32px !important;
	}
}

/* =========================================================
   HERA HOME – ABOUT TEASER
   Desktop / Tablet / Mobile
========================================================= */
.hera-home-about {
	width: 100%;
	max-width: 100%;
	position: relative;
	background: #faf8f4;
	border-bottom: 1px solid #ded6cc;
	overflow: hidden;
}

.hera-home-about * {
	box-sizing: border-box;
}

/* =========================================================
   INNER
========================================================= */
.hera-home-about-inner {
	width: calc(100% - 48px);
	max-width: 1180px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	align-items: center;
	gap: clamp(50px, 7vw, 85px);
	padding: 105px 0 115px;
}

/* =========================================================
   CONTENT
========================================================= */
.hera-home-about-content {
	width: 100%;
	max-width: 560px;
	min-width: 0;
}

/* Eyebrow */
.hera-home-about .hera-section-eyebrow {
	display: block;
	margin: 0 0 18px;
	color: #b88945;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
}

/* =========================================================
   HEADLINE
========================================================= */
.hera-home-about-content h2 {
	width: 100%;
	max-width: 560px;
	margin: 0 0 24px !important;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(38px, 4.5vw, 54px) !important;
	line-height: 1.06 !important;
	font-weight: 600;
	letter-spacing: -.028em;
	color: #292725 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =========================================================
   LEAD
========================================================= */
.hera-home-about-lead {
	width: 100%;
	max-width: 520px;
	margin: 0 0 18px !important;
	font-family: Georgia, "Times New Roman", serif;
	color: #292725 !important;
	font-size: 20px !important;
	line-height: 1.5 !important;
}

/* =========================================================
   BODY TEXT
========================================================= */
.hera-home-about-content > p:not(.hera-home-about-lead) {
	width: 100%;
	max-width: 520px;
	margin: 0 0 17px !important;
	color: #665e56 !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
}

/* =========================================================
   COMPETENCY TAGS
========================================================= */
.hera-home-about-competencies {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 24px;
}

.hera-home-about-competencies span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 31px;
	padding: 7px 11px;
	border: 1px solid #ded6cc;
	border-radius: 999px;
	background: rgba(255, 253, 249, 0.6);
	color: #665e56;
	font-size: 10px;
	line-height: 1.2;
}

/* =========================================================
   LANGUAGES
========================================================= */
.hera-home-about-languages {
	width: 100%;
	margin-top: 30px;
	padding-top: 22px;
	border-top: 1px solid #ded6cc;
}

.hera-home-about-languages-label {
	display: block;
	margin-bottom: 10px;
	color: #b88945;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.hera-home-about-languages > div {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.hera-home-about-languages > div span {
	display: inline-flex;
	align-items: center;
	padding: 7px 11px;
	border: 1px solid #d7b98d;
	border-radius: 999px;
	background: rgba(255, 253, 249, 0.5);
	color: #292725;
	font-size: 10px;
	line-height: 1.2;
}

/* =========================================================
   LINK
========================================================= */
.hera-home-about-link,
.hera-home-about-link:link,
.hera-home-about-link:visited {
	display: inline-flex !important;
	align-items: center;
	width: fit-content;
	margin-top: 30px;
	color: #292725 !important;
	font-size: 14px !important;
	line-height: 1.2;
	font-weight: 400;
	text-decoration: none !important;
	transition: color .2s ease, transform .2s ease;
}

.hera-home-about-link:hover,
.hera-home-about-link:focus {
	color: #b88945 !important;
	transform: translateX(3px);
}

/* =========================================================
   VISUAL
========================================================= */
.hera-home-about-visual {
	position: relative;
	width: 100%;
	min-height: 560px;
}

/* decorative circle */
.hera-home-about-visual::before {
	content: "";
	position: absolute;
	width: 330px;
	height: 330px;
	right: -90px;
	top: 50%;
	transform: translateY(-50%);
	border: 1px solid rgba(184, 137, 69, 0.14);
	border-radius: 50%;
	pointer-events: none;
}

/* =========================================================
   IMAGE BASE
========================================================= */
.hera-home-about-image {
	position: absolute;
	overflow: hidden;
	background: #e9e1d6;
	border: 1px solid #ded6cc;
	box-shadow: 0 16px 40px rgba(45, 38, 32, 0.06);
}

.hera-home-about-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

/* =========================================================
   YASMINA IMAGE
========================================================= */
.hera-home-about-image-yasmina {
	width: 68%;
	height: 500px;
	left: 0;
	top: 0;
	z-index: 1;
}

.hera-home-about-image-yasmina img {
	object-position: 60% 8%;
}

/* =========================================================
   CARLOS IMAGE
========================================================= */
.hera-home-about-image-carlos {
	width: 47%;
	height: 330px;
	right: 0;
	bottom: 0;
	z-index: 2;
	border: 8px solid #faf8f4;
}

.hera-home-about-image-carlos img {
	object-position: 52% 15%;
}

/* =========================================================
   IMAGE NAME OVERLAY
========================================================= */
.hera-home-about-name {
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 18px;
	z-index: 3;
	padding: 14px 15px;
	background: rgba(35, 31, 28, 0.62);
}

.hera-home-about-name span {
	display: block;
	margin-bottom: 5px;
	color: rgba(255, 255, 255, 0.75);
	font-size: 7px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.hera-home-about-name strong {
	display: block;
	font-family: Georgia, "Times New Roman", serif;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.1;
	font-weight: 600;
}

/* =========================================================
   SUBTLE FADE ON LARGE IMAGE
========================================================= */
.hera-home-about-image-yasmina::after {
	content: "";
	position: absolute;
	pointer-events: none;
	background: linear-gradient(90deg,
      rgba(250, 248, 244, 0) 55%,
      rgba(250, 248, 244, 0.10) 68%,
      rgba(250, 248, 244, 0.38) 82%,
      rgba(250, 248, 244, 0.75) 100%);
}

/* =========================================================
   TABLET / IPAD LANDSCAPE
========================================================= */
@media (max-width: 1050px) {
	.hera-home-about-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1fr);
		gap: 45px;
		padding: 90px 0 100px;
	}
	
	.hera-home-about-content h2 {
		font-size: clamp(36px, 4.5vw, 48px) !important;
	}
	
	.hera-home-about-visual {
		min-height: 510px;
	}
	
	.hera-home-about-image-yasmina {
		height: 455px;
	}
	
	.hera-home-about-image-carlos {
		height: 295px;
	}
}

/* =========================================================
   IPAD PORTRAIT
========================================================= */
@media (max-width: 850px) {
	.hera-home-about-inner {
		width: calc(100% - 36px);
		grid-template-columns: 1fr;
		gap: 50px;
		padding: 85px 0 92px;
	}
	
	.hera-home-about-content {
		max-width: 670px;
	}
	
	.hera-home-about-content h2 {
		max-width: 650px;
		font-size: 48px !important;
	}
	
	.hera-home-about-lead,
								  .hera-home-about-content > p:not(.hera-home-about-lead) {
		max-width: 600px;
	}
	
	/* Visual first */
	.hera-home-about-visual {
		grid-row: 1;
		max-width: 670px;
		min-height: 560px;
	}
	
	.hera-home-about-content {
		grid-row: 2;
	}
	
	.hera-home-about-image-yasmina {
		width: 70%;
		height: 500px;
	}
	
	.hera-home-about-image-carlos {
		width: 45%;
		height: 320px;
	}
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 680px) {
	.hera-home-about-inner {
		width: calc(100% - 28px);
		gap: 38px;
		padding: 70px 0 76px;
	}
	
	/* =====================================================
								     TYPO
								  ====================================================== */
	.hera-home-about .hera-section-eyebrow {
		margin-bottom: 14px;
		font-size: 9px;
	}
	
	.hera-home-about-content h2 {
		margin-bottom: 20px !important;
		font-size: 36px !important;
		line-height: 1.08 !important;
	}
	
	.hera-home-about-lead {
		font-size: 18px !important;
		line-height: 1.5 !important;
	}
	
	.hera-home-about-content > p:not(.hera-home-about-lead) {
		font-size: 14px !important;
		line-height: 1.72 !important;
	}
	
	/* =====================================================
								     VISUAL
								  ====================================================== */
	.hera-home-about-visual {
		min-height: 420px;
	}
	
	.hera-home-about-visual::before {
		width: 220px;
		height: 220px;
		right: -90px;
	}
	
	.hera-home-about-image-yasmina {
		width: 76%;
		height: 360px;
	}
	
	.hera-home-about-image-carlos {
		width: 47%;
		height: 230px;
		border-width: 6px;
	}
	
	.hera-home-about-name {
		left: 12px;
		right: 12px;
		bottom: 11px;
		padding: 10px 11px;
	}
	
	.hera-home-about-name span {
		font-size: 6px;
	}
	
	.hera-home-about-name strong {
		font-size: 17px;
	}
	
	/* =====================================================
								     TAGS
								  ====================================================== */
	.hera-home-about-competencies {
		gap: 7px;
		margin-top: 21px;
	}
	
	.hera-home-about-competencies span,
								  .hera-home-about-languages > div span {
		font-size: 9.5px;
		padding: 6px 10px;
	}
	
	.hera-home-about-languages {
		margin-top: 25px;
		padding-top: 19px;
	}
	
	.hera-home-about-link {
		margin-top: 26px;
		font-size: 13px !important;
	}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media (max-width: 420px) {
	.hera-home-about-inner {
		width: calc(100% - 22px);
	}
	
	.hera-home-about-content h2 {
		font-size: 32px !important;
	}
	
	.hera-home-about-visual {
		min-height: 370px;
	}
	
	.hera-home-about-image-yasmina {
		height: 320px;
	}
	
	.hera-home-about-image-carlos {
		height: 200px;
	}
	
	.hera-home-about-name {
		left: 9px;
		right: 9px;
		bottom: 9px;
	}
}

.hera-home-medical-visual img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
/* Bildausschnitt nach rechts verschieben */
	object-position: 85% center;
}

/* =====================================================
   HERA CONTACT
   TYPOGRAFISCH AN RESTLICHE WEBSITE ANGEPASST
===================================================== */
.hera-contact {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #f2efe9;
	padding: 95px 60px 90px;
	box-sizing: border-box;
	color: #171717;
}

/* INNER WIDTH
--------------------------------------- */
.hera-contact-inner {
	max-width: 1380px;
	margin: 0 auto;
}

/* GRID
--------------------------------------- */
.hera-contact-grid {
	display: grid;
	grid-template-columns: 0.88fr 1.12fr;
	gap: 95px;
	align-items: center;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-contact-content {
	max-width: 540px;
}

/* EYEBROW
--------------------------------------- */
.hera-contact-eyebrow {
	display: block;
	margin-bottom: 24px;
	font-family: inherit;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #aa8052;
}

/* HEADING
--------------------------------------- */
.hera-contact h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(43px, 4vw, 58px);
	line-height: 1.02;
	letter-spacing: -.03em;
	font-weight: 400;
	color: #151515;
}

/* INTRO TEXT
--------------------------------------- */
.hera-contact-lead {
	max-width: 500px;
	margin: 30px 0 0;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.75;
	font-weight: 400;
	color: #665f57;
}

/* =====================================================
   CONTACT DETAILS
===================================================== */
.hera-contact-details {
	margin-top: 44px;
	max-width: 455px;
}

/* ONE ITEM
--------------------------------------- */
.hera-contact-detail {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 13px 0;
	text-decoration: none;
	color: #161616;
}

/* ICON
--------------------------------------- */
.hera-contact-icon {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #d0ab78;
	border-radius: 50%;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #a77943;
}

/* DETAIL TEXT
--------------------------------------- */
.hera-contact-detail > div {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.hera-contact-detail small {
	font-family: inherit;
	font-size: 9px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #93877b;
}

.hera-contact-detail strong {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 400;
	color: #171717;
}

/* HOVER
--------------------------------------- */
a.hera-contact-detail {
	transition: transform .2s ease;
}

a.hera-contact-detail:hover {
	transform: translateX(4px);
}

/* =====================================================
   FORM CARD
===================================================== */
.hera-contact-form-wrap {
	width: 100%;
	max-width: 670px;
	justify-self: end;
	box-sizing: border-box;
	padding: 42px 46px 38px;
	background: rgba(255,255,255,0.94);
	border-radius: 3px;
	box-shadow: 0 18px 50px rgba(32, 28, 24, 0.07);
}

/* =====================================================
   FORM
===================================================== */
.hera-contact-form {
	width: 100%;
}

/* ROW
--------------------------------------- */
.hera-form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
}

/* FIELD
--------------------------------------- */
.hera-form-field {
	margin-bottom: 24px;
}

/* LABEL
--------------------------------------- */
.hera-form-field label {
	display: block;
	margin-bottom: 9px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: #171717;
}

.hera-form-field label span {
	margin-left: 3px;
	font-family: inherit;
	font-size: 12px;
	font-weight: 400;
	color: #938d86;
}

/* INPUTS
--------------------------------------- */
.hera-form-field input,
.hera-form-field textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 9px 0 11px;
	border: 0;
	border-bottom: 1px solid #d6d0c9;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	outline: none;
	font-family: inherit;
	font-size: 13px;
	line-height: 1.5;
	color: #34302c;
	appearance: none;
	-webkit-appearance: none;
	transition: border-color .2s ease;
}

/* PLACEHOLDER
--------------------------------------- */
.hera-form-field input::placeholder,
.hera-form-field textarea::placeholder {
	color: #9e9891;
	opacity: 1;
}

/* TEXTAREA
--------------------------------------- */
.hera-form-field textarea {
	min-height: 82px;
	resize: vertical;
}

/* FOCUS
--------------------------------------- */
.hera-form-field input:focus,
.hera-form-field textarea:focus {
	border-bottom-color: #aa8052;
}

/* =====================================================
   SUBMIT BUTTON
===================================================== */
.hera-contact-submit {
	width: 100%;
	margin-top: 4px;
	padding: 15px 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	box-sizing: border-box;
	border: 0;
	border-radius: 2px;
	background: #111;
	color: #fff;
	font-family: inherit;
	font-size: 12px;
	line-height: 1;
	font-weight: 500;
	cursor: pointer;
	transition: background .2s ease, transform .2s ease;
}

.hera-contact-submit-arrow {
	position: absolute;
	right: 22px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 15px;
	color: #d2a86c;
}

.hera-contact-submit:hover {
	background: #25221f;
	transform: translateY(-1px);
}

/* =====================================================
   PRIVACY TEXT
===================================================== */
.hera-contact-privacy {
	margin: 14px 0 0;
	font-family: inherit;
	font-size: 9px;
	line-height: 1.55;
	color: #978f87;
}

.hera-contact-privacy a {
	color: #786957;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-contact {
		padding: 80px 38px;
	}
	
	.hera-contact-grid {
		grid-template-columns: 0.9fr 1.1fr;
		gap: 55px;
	}
	
	.hera-contact h2 {
		font-size: 48px;
	}
	
	.hera-contact-form-wrap {
		padding: 36px 34px 34px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-contact {
		padding: 68px 22px 70px;
	}
	
	.hera-contact-grid {
		display: block;
	}
	
	.hera-contact-content {
		max-width: none;
	}
	
	.hera-contact-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-contact h2 {
		font-size: 44px;
		line-height: 1.03;
	}
	
	.hera-contact-lead {
		margin-top: 23px;
		font-size: 14px;
		line-height: 1.7;
	}
	
	.hera-contact-details {
		margin-top: 32px;
	}
	
	.hera-contact-detail {
		padding: 10px 0;
	}
	
	.hera-contact-form-wrap {
		max-width: none;
		margin-top: 48px;
		padding: 30px 24px 28px;
	}
	
	.hera-form-row {
		grid-template-columns: 1fr;
		gap: 0;
	}
	
	.hera-form-field {
		margin-bottom: 22px;
	}
	
	.hera-form-field label {
		font-size: 14px;
	}
	
	.hera-contact-submit {
		padding: 15px 17px;
	}
}

/* =====================================================
   VERY SMALL MOBILE
===================================================== */
@media (max-width: 420px) {
	.hera-contact h2 {
		font-size: 40px;
	}
	
	.hera-contact-form-wrap {
		padding: 27px 20px 25px;
	}
}

/* =====================================================
   HERA FOOTER
===================================================== */
.hera-footer {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #111;
	padding: 58px 60px 26px;
	box-sizing: border-box;
	color: #fff;
}

.hera-footer-inner {
	max-width: 1380px;
	margin: 0 auto;
}

/* GRID
--------------------------------------- */
.hera-footer-grid {
	display: grid;
	grid-template-columns: 2.2fr 1fr 1.2fr 1.3fr;
	gap: 70px;
	align-items: start;
}

/* =====================================================
   LOGO
===================================================== */
.hera-footer-brand {
	padding-top: 2px;
}

.hera-footer-brand img {
	display: block;
	width: 220px;
	max-width: 100%;
	height: auto;
}

/* =====================================================
   COLUMNS
===================================================== */
.hera-footer-column {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.hera-footer-column h4 {
	margin: 0 0 19px;
	font-family: inherit;
	font-size: 10px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #fff;
}

.hera-footer-column a,
.hera-footer-column span {
	display: block;
	margin-bottom: 9px;
	font-family: inherit;
	font-size: 12px;
	line-height: 1.5;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.68);
	text-decoration: none;
	transition: color .2s ease;
}

.hera-footer-column a:hover {
	color: #d3ac74;
}

/* =====================================================
   DIVIDER
===================================================== */
.hera-footer-divider {
	height: 1px;
	margin: 45px 0 20px;
	background: rgba(255,255,255,0.12);
}

/* =====================================================
   BOTTOM
===================================================== */
.hera-footer-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 25px;
	flex-wrap: wrap;
	font-family: inherit;
	font-size: 10px;
	line-height: 1.5;
	color: rgba(255,255,255,0.48);
}

.hera-footer-legal {
	display: flex;
	gap: 28px;
}

.hera-footer-legal a {
	color: rgba(255,255,255,0.48);
	text-decoration: none;
	transition: color .2s ease;
}

.hera-footer-legal a:hover {
	color: #fff;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-footer {
		padding: 52px 38px 25px;
	}
	
	.hera-footer-grid {
		grid-template-columns: 1.7fr 1fr 1fr;
		gap: 45px;
	}
	
	.hera-footer-brand {
		grid-column: 1 / -1;
		margin-bottom: 5px;
	}
	
	.hera-footer-brand img {
		width: 200px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-footer {
		padding: 48px 22px 24px;
	}
	
	.hera-footer-grid {
		grid-template-columns: 1fr 1fr;
		gap: 38px 28px;
	}
	
	.hera-footer-brand {
		grid-column: 1 / -1;
	}
	
	.hera-footer-brand img {
		width: 185px;
	}
	
	.hera-footer-divider {
		margin-top: 40px;
	}
	
	.hera-footer-bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
}

/* =====================================================
   SMALL MOBILE
===================================================== */
@media (max-width: 460px) {
	.hera-footer-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	
	.hera-footer-brand {
		grid-column: auto;
	}
	
	.hera-footer-legal {
		gap: 22px;
	}
}

.hera-contact-grid {
	display: grid !important;
	grid-template-columns: 0.9fr 1.1fr !important;
	gap: 90px !important;
	align-items: center !important;
}

.hera-contact-grid > .wp-block-column {
	min-width: 0;
}

.hera-contact-form-wrap {
	width: 100% !important;
	max-width: 670px;
	justify-self: end;
}

@media (max-width: 767px) {
	.hera-contact-grid {
		grid-template-columns: 1fr !important;
		gap: 48px !important;
	}
	
	.hera-contact-form-wrap {
		max-width: none;
	}
}

/* =====================================================
   HERA CONTACT – FINAL
   WORDPRESS / GUTENBERG VERSION
===================================================== */
/* =====================================================
   OUTER CONTACT SECTION
===================================================== */
.hera-contact {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 90px 60px 85px !important;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171717;
}

/* =====================================================
   TWO COLUMN CONTAINER
===================================================== */
.hera-contact > .hera-contact-grid {
	width: 100% !important;
	max-width: 1260px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: grid !important;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
	gap: 50px !important;
	align-items: center !important;
}

/* RESET WORDPRESS COLUMN BEHAVIOUR */
.hera-contact-grid > .wp-block-column {
	width: auto !important;
	min-width: 0 !important;
	flex: none !important;
	margin: 0 !important;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-contact-content {
	width: 100%;
	max-width: 520px;
	margin: 0;
}

/* EYEBROW */
.hera-contact-eyebrow {
	display: block;
	margin-bottom: 24px;
	font-family: inherit;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #aa8052;
}

/* HEADING */
.hera-contact-content h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(43px, 4vw, 58px);
	line-height: 1.02;
	letter-spacing: -.03em;
	font-weight: 400;
	color: #151515;
}

/* INTRO TEXT */
.hera-contact-lead {
	max-width: 490px;
	margin: 30px 0 0;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.75;
	font-weight: 400;
	color: #665f57;
}

/* =====================================================
   CONTACT DETAILS
===================================================== */
.hera-contact-details {
	max-width: 455px;
	margin-top: 44px;
}

/* CONTACT ITEM */
.hera-contact-detail {
	display: flex;
	align-items: center;
	gap: 15px;
	padding: 13px 0;
	text-decoration: none;
	color: #161616;
}

/* ICON */
.hera-contact-icon {
	width: 34px;
	height: 34px;
	flex: 0 0 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border: 1px solid #d0ab78;
	border-radius: 50%;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1;
	color: #a77943;
}

/* CONTACT TEXT */
.hera-contact-detail > div {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.hera-contact-detail small {
	font-family: inherit;
	font-size: 9px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #93877b;
}

.hera-contact-detail strong {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 14px;
	line-height: 1.35;
	font-weight: 400;
	color: #171717;
}

/* HOVER */
a.hera-contact-detail {
	transition: transform .2s ease;
}

a.hera-contact-detail:hover {
	transform: translateX(4px);
}

/* =====================================================
   RIGHT FORM CARD
===================================================== */
.hera-contact-form-wrap {
	width: 100% !important;
	max-width: 620px !important;
	justify-self: start !important;
	margin: 0 !important;
	padding: 42px 46px 38px !important;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.96);
	border-radius: 3px;
	box-shadow: 0 18px 50px rgba(32, 28, 24, 0.07);
}

/* REMOVE WORDPRESS INTERNAL MARGINS */
.hera-contact-form-wrap > :first-child {
	margin-top: 0 !important;
}

.hera-contact-form-wrap > :last-child {
	margin-bottom: 0 !important;
}

/* =====================================================
   WORDPRESS / JETPACK FORM
===================================================== */
.hera-contact-form-wrap form {
	width: 100%;
	margin: 0 !important;
}

/* FIELD SPACING */
.hera-contact-form-wrap .wp-block-jetpack-field,
.hera-contact-form-wrap .grunion-field-wrap {
	margin-bottom: 23px !important;
}

/* LABEL */
.hera-contact-form-wrap label {
	display: block;
	margin-bottom: 9px !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 14px !important;
	line-height: 1.3 !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: #171717 !important;
}

/* REQUIRED / OPTIONAL TEXT */
.hera-contact-form-wrap label span {
	font-family: inherit;
	font-size: 11px;
	font-weight: 400;
	color: #938d86;
}

/* =====================================================
   INPUTS
===================================================== */
.hera-contact-form-wrap input[type="text"],
.hera-contact-form-wrap input[type="email"],
.hera-contact-form-wrap input[type="tel"],
.hera-contact-form-wrap input[type="url"],
.hera-contact-form-wrap textarea {
	display: block;
	width: 100% !important;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 10px 0 11px !important;
	border: 0 !important;
	border-bottom: 1px solid #d6d0c9 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	outline: none !important;
	font-family: inherit !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	color: #34302c !important;
	appearance: none;
	-webkit-appearance: none;
}

/* PLACEHOLDER */
.hera-contact-form-wrap input::placeholder,
.hera-contact-form-wrap textarea::placeholder {
	color: #9e9891 !important;
	opacity: 1;
}

/* FOCUS */
.hera-contact-form-wrap input:focus,
.hera-contact-form-wrap textarea:focus {
	border-bottom-color: #aa8052 !important;
}

/* TEXTAREA */
.hera-contact-form-wrap textarea {
	min-height: 145px;
	resize: vertical;
}

/* =====================================================
   PRIVACY TEXT
===================================================== */
.hera-contact-form-wrap p {
	font-family: inherit;
}

.hera-form-privacy,
.hera-contact-form-wrap .hera-form-privacy {
	margin-top: 16px !important;
	margin-bottom: 0 !important;
	font-family: inherit;
	font-size: 10px !important;
	line-height: 1.6 !important;
	color: #918980 !important;
}

.hera-form-privacy a {
	color: #756756;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* =====================================================
   SUBMIT BUTTON
===================================================== */
.hera-contact-form-wrap button[type="submit"],
.hera-contact-form-wrap input[type="submit"],
.hera-contact-form-wrap .wp-block-button__link {
	width: 100% !important;
	min-height: 48px;
	margin-top: 6px !important;
	padding: 15px 20px !important;
	box-sizing: border-box;
	border: 0 !important;
	border-radius: 2px !important;
	background: #111 !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 12px !important;
	line-height: 1 !important;
	font-weight: 500 !important;
	text-align: center;
	cursor: pointer;
	transition: background .2s ease, transform .2s ease;
}

.hera-contact-form-wrap button[type="submit"]:hover,
.hera-contact-form-wrap input[type="submit"]:hover,
.hera-contact-form-wrap .wp-block-button__link:hover {
	background: #292622 !important;
	transform: translateY(-1px);
}

/* =====================================================
   SUCCESS / THANK-YOU MESSAGE
===================================================== */
.hera-contact-form-wrap .contact-form-submission,
.hera-contact-form-wrap .wp-block-jetpack-contact-form-success,
.hera-contact-form-wrap .contact-form__success,
.hera-contact-form-wrap .grunion-response {
	padding: 25px 26px !important;
	border: 0 !important;
	border-left: 2px solid #b58b55 !important;
	background: #f7f4ef !important;
	color: #171717 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-contact {
		padding: 78px 38px 76px !important;
	}
	
	.hera-contact > .hera-contact-grid {
		max-width: 100% !important;
		grid-template-columns: minmax(0, 0.93fr) minmax(0, 1.07fr) !important;
		gap: 38px !important;
	}
	
	.hera-contact-content {
		max-width: 470px;
	}
	
	.hera-contact-content h2 {
		font-size: 48px;
	}
	
	.hera-contact-lead {
		font-size: 14px;
	}
	
	.hera-contact-form-wrap {
		max-width: 590px !important;
		padding: 36px 34px 32px !important;
	}
	
	.hera-contact-form-wrap textarea {
		min-height: 125px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-contact {
		padding: 66px 22px 68px !important;
	}
	
	.hera-contact > .hera-contact-grid {
		max-width: none !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 44px !important;
	}
	
	.hera-contact-grid > .wp-block-column {
		width: 100% !important;
	}
	
	.hera-contact-content {
		width: 100%;
		max-width: none;
	}
	
	.hera-contact-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-contact-content h2 {
		font-size: 44px;
		line-height: 1.03;
	}
	
	.hera-contact-lead {
		max-width: none;
		margin-top: 23px;
		font-size: 14px;
		line-height: 1.7;
	}
	
	.hera-contact-details {
		max-width: none;
		margin-top: 32px;
	}
	
	.hera-contact-detail {
		padding: 10px 0;
	}
	
	.hera-contact-form-wrap {
		width: 100% !important;
		max-width: none !important;
		justify-self: stretch !important;
		margin: 0 !important;
		padding: 30px 24px 28px !important;
	}
	
	.hera-contact-form-wrap textarea {
		min-height: 115px;
	}
}

/* =====================================================
   SMALL MOBILE
===================================================== */
@media (max-width: 420px) {
	.hera-contact {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}
	
	.hera-contact-content h2 {
		font-size: 40px;
	}
	
	.hera-contact-form-wrap {
		padding: 27px 20px 25px !important;
	}
}

/* =========================================================
   HERA HEADER – MOBILE FIX
   iPhone / Smartphones
========================================================= */
@media (max-width: 767px) {
	/* -------------------------------------------------------
				     HEADER
				  ------------------------------------------------------- */
	.hera-header-new {
		width: 100% !important;
		position: relative !important;
		z-index: 9999 !important;
	}
	
	.hera-header-inner-new {
		width: 100% !important;
		min-height: 74px !important;
		padding: 12px 20px !important;
		box-sizing: border-box !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		position: relative !important;
	}
	
	/* =======================================================
				     LOGO
				  ======================================================= */
	.hera-brand-new {
		display: flex !important;
		align-items: center !important;
		width: auto !important;
		max-width: calc(100% - 70px) !important;
		margin: 0 !important;
		text-decoration: none !important;
	}
	
	.hera-brand-new img {
		display: block !important;
		width: 42px !important;
		height: 42px !important;
		object-fit: contain !important;
		flex: 0 0 42px !important;
		margin: 0 12px 0 0 !important;
	}
	
	.hera-brand-text-new {
		display: flex !important;
		flex-direction: column !important;
		min-width: 0 !important;
	}
	
	.hera-brand-text-new strong {
		display: block !important;
		margin: 0 !important;
		font-family: Georgia, "Times New Roman", serif !important;
		font-size: 19px !important;
		line-height: 1.05 !important;
		font-weight: 600 !important;
		letter-spacing: 0 !important;
		white-space: nowrap !important;
		color: #1c1a18 !important;
	}
	
	.hera-brand-text-new span {
		display: block !important;
		margin-top: 4px !important;
		font-size: 9px !important;
		line-height: 1.2 !important;
		white-space: nowrap !important;
		color: #8c847b !important;
	}
	
	/* =======================================================
				     IMPORTANT:
				     HIDE COMPLETE DESKTOP NAVIGATION
				  ======================================================= */
	.hera-nav-dropdown-new {
		display: none !important;
	}
	
	.hera-mega-menu-new {
		display: none !important;
	}
	
	.hera-mega-inner-new {
		display: none !important;
	}
	
	.hera-mega-column-new {
		display: none !important;
	}
	
	/*
				   Direct children of the header are the desktop
				   standard navigation links.
				  */
	.hera-header-inner-new > a:not(.hera-brand-new):not(.hera-cta-new) {
		display: none !important;
	}
	
	.hera-header-inner-new > .hera-cta-new {
		display: none !important;
	}
	
	/* =======================================================
				     MOBILE MENU
				  ======================================================= */
	.hera-nav-mobile-v2 {
		display: block !important;
		position: static !important;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	/* REMOVE DEFAULT DETAILS MARKER */
	.hera-nav-mobile-v2 > summary {
		list-style: none !important;
	}
	
	.hera-nav-mobile-v2 > summary::-webkit-details-marker {
		display: none !important;
	}
	
	/* =======================================================
				     BURGER BUTTON
				  ======================================================= */
	.hera-nav-trigger-v2 {
		width: 44px !important;
		height: 44px !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 5px !important;
		padding: 0 !important;
		margin: 0 !important;
		cursor: pointer !important;
		border: 0 !important;
		background: transparent !important;
		list-style: none !important;
	}
	
	.hera-nav-trigger-v2 i {
		display: block !important;
		width: 23px !important;
		height: 1.5px !important;
		margin: 0 !important;
		background: #181715 !important;
		border: 0 !important;
		transition: transform .25s ease, opacity .25s ease !important;
	}
	
	/* BURGER → X */
	.hera-nav-mobile-v2[open] > .hera-nav-trigger-v2 i:nth-child(1) {
		transform: translateY(6.5px) rotate(45deg) !important;
	}
	
	.hera-nav-mobile-v2[open] > .hera-nav-trigger-v2 i:nth-child(2) {
		opacity: 0 !important;
	}
	
	.hera-nav-mobile-v2[open] > .hera-nav-trigger-v2 i:nth-child(3) {
		transform: translateY(-6.5px) rotate(-45deg) !important;
	}
	
	/* =======================================================
				     OPEN MOBILE PANEL
				  ======================================================= */
	.hera-mobile-menu-inner-v2 {
		position: absolute !important;
		top: 100% !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		max-width: none !important;
		box-sizing: border-box !important;
		padding: 24px 22px 30px !important;
		background: #f2efe9 !important;
		border-top: 1px solid rgba(20,20,20,0.08) !important;
		box-shadow: 0 18px 35px rgba(20,20,20,0.08) !important;
		z-index: 99999 !important;
	}
	
	/* =======================================================
				     MAIN MOBILE LINKS
				  ======================================================= */
	.hera-mobile-menu-inner-v2 > a {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
		padding: 16px 0 !important;
		margin: 0 !important;
		border-bottom: 1px solid rgba(20,20,20,0.10) !important;
		text-decoration: none !important;
		font-family: inherit !important;
		font-size: 16px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		color: #1b1917 !important;
	}
	
	/* =======================================================
				     LÖSUNGEN ACCORDION
				  ======================================================= */
	.hera-mobile-solutions-v2 {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border-bottom: 1px solid rgba(20,20,20,0.10) !important;
	}
	
	.hera-mobile-solutions-v2 > summary {
		width: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		box-sizing: border-box !important;
		padding: 16px 0 !important;
		cursor: pointer !important;
		list-style: none !important;
		font-family: inherit !important;
		font-size: 16px !important;
		line-height: 1.3 !important;
		font-weight: 400 !important;
		color: #1b1917 !important;
	}
	
	.hera-mobile-solutions-v2 > summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-solutions-v2 > summary span {
		font-size: 20px !important;
		font-weight: 300 !important;
		transition: transform .25s ease !important;
	}
	
	.hera-mobile-solutions-v2[open] > summary span {
		transform: rotate(45deg) !important;
	}
	
	/* =======================================================
				     SOLUTIONS INNER
				  ======================================================= */
	.hera-mobile-solutions-inner-v2 {
		display: block !important;
		width: 100% !important;
		padding: 0 0 8px 14px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}
	
	/* =======================================================
				     CATEGORY ACCORDIONS
				     Digital / Advisory / Succession / Medical
				  ======================================================= */
	.hera-mobile-category-v2 {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border-top: 1px solid rgba(20,20,20,0.07) !important;
	}
	
	.hera-mobile-category-v2 > summary {
		width: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		box-sizing: border-box !important;
		padding: 14px 2px !important;
		cursor: pointer !important;
		list-style: none !important;
		font-family: Georgia, "Times New Roman", serif !important;
		font-size: 15px !important;
		line-height: 1.25 !important;
		font-weight: 400 !important;
		color: #1a1816 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
	
	.hera-mobile-category-v2 > summary::-webkit-details-marker {
		display: none !important;
	}
	
	.hera-mobile-category-v2 > summary span {
		flex-shrink: 0 !important;
		margin-left: 20px !important;
		font-family: Arial, sans-serif !important;
		font-size: 18px !important;
		font-weight: 300 !important;
		transition: transform .25s ease !important;
	}
	
	.hera-mobile-category-v2[open] > summary span {
		transform: rotate(45deg) !important;
	}
	
	/* =======================================================
				     CATEGORY SUBMENU
				  ======================================================= */
	.hera-mobile-category-v2 > div {
		display: block !important;
		width: 100% !important;
		padding: 0 0 13px 12px !important;
		box-sizing: border-box !important;
	}
	
	.hera-mobile-category-v2 > div > a {
		display: block !important;
		width: 100% !important;
		box-sizing: border-box !important;
		padding: 8px 0 !important;
		margin: 0 !important;
		text-decoration: none !important;
		font-family: inherit !important;
		font-size: 13px !important;
		line-height: 1.35 !important;
		font-weight: 400 !important;
		color: #605a54 !important;
		white-space: normal !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
	}
	
	/* CATEGORY OVERVIEW */
	.hera-mobile-category-overview {
		color: #9b7448 !important;
		font-weight: 500 !important;
	}
	
	/* =======================================================
				     CTA
				  ======================================================= */
	.hera-mobile-menu-inner-v2 > .hera-nav-cta-v2 {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		box-sizing: border-box !important;
		margin-top: 20px !important;
		padding: 15px 20px !important;
		border: 0 !important;
		background: #111 !important;
		color: #fff !important;
		text-decoration: none !important;
		font-size: 13px !important;
		font-weight: 500 !important;
	}
}

/* =====================================================
   HERA ABOUT HERO – FINAL LANDSCAPE VERSION
===================================================== */
/* =====================================================
   OUTER SECTION
===================================================== */
.hera-about-hero {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	background: #f2efe9;
	box-sizing: border-box;
}

/* =====================================================
   INNER CONTAINER
===================================================== */
.hera-about-hero-inner {
	width: min(92vw, 1500px);
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(460px, 0.9fr) minmax(650px, 1.1fr);
	align-items: stretch;
	min-height: 650px;
	box-sizing: border-box;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-about-hero-content {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	padding: 90px 70px 90px 40px;
	box-sizing: border-box;
}

/* EYEBROW */
.hera-about-eyebrow {
	display: block;
	margin-bottom: 24px;
	font-family: inherit;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

/* =====================================================
   HEADING
===================================================== */
.hera-about-hero-content h1 {
	margin: 0;
	width: 100%;
	max-width: 620px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(48px, 4vw, 68px);
	line-height: 1.03;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #151515;
	word-break: normal;
	overflow-wrap: normal;
	hyphens: none;
}

/* =====================================================
   LEAD TEXT
===================================================== */
.hera-about-lead {
	width: 100%;
	max-width: 570px;
	margin: 30px 0 0;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.75;
	font-weight: 400;
	color: #5f5952;
}

/* =====================================================
   BUTTON AREA
===================================================== */
.hera-about-actions {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 38px;
}

.hera-about-actions a {
	text-decoration: none;
}

/* =====================================================
   PRIMARY BUTTON
===================================================== */
.hera-about-actions .hera-button-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 155px;
	padding: 16px 26px;
	box-sizing: border-box;
	border: 1px solid #111;
	border-radius: 999px;
	background: #111;
	color: #fff;
	font-family: inherit;
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	transition: background .2s ease, transform .2s ease;
}

.hera-about-actions .hera-button-primary:hover {
	background: #292622;
	transform: translateY(-1px);
}

/* =====================================================
   SECONDARY BUTTON
===================================================== */
.hera-about-actions .hera-button-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 155px;
	padding: 15px 26px;
	box-sizing: border-box;
	border: 1px solid #b8905b;
	border-radius: 999px;
	background: transparent;
	color: #25211d;
	font-family: inherit;
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	transition: background .2s ease, transform .2s ease;
}

.hera-about-actions .hera-button-secondary:hover {
	background: rgba(181, 139, 85, 0.08);
	transform: translateY(-1px);
}

/* =====================================================
   RIGHT VISUAL AREA
===================================================== */
.hera-about-hero-visual {
	position: relative;
	width: 100%;
	min-width: 0;
	min-height: 650px;
	overflow: hidden;
	box-sizing: border-box;
}

/* =====================================================
   IMAGE WRAPPER
===================================================== */
.hera-about-hero-image-main {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* =====================================================
   LANDSCAPE IMAGE
===================================================== */
.hera-about-hero-image-main img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 52% center;
	transform: none !important;
}

/* =====================================================
   SOFT IMAGE TRANSITION
===================================================== */
.hera-about-hero-visual::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 14%;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(to right,
      #f2efe9 0%,
      rgba(242,239,233,0.75) 28%,
      rgba(242,239,233,0.28) 65%,
      rgba(242,239,233,0) 100%);
}

/* =====================================================
   LARGE DESKTOP
===================================================== */
@media (min-width: 1400px) {
	.hera-about-hero-inner {
		width: min(90vw, 1560px);
		grid-template-columns: minmax(500px, 0.92fr) minmax(700px, 1.08fr);
		min-height: 680px;
	}
	
	.hera-about-hero-content {
		padding: 95px 75px 95px 45px;
	}
	
	.hera-about-hero-visual {
		min-height: 680px;
	}
	
	.hera-about-hero-content h1 {
		max-width: 650px;
		font-size: clamp(54px, 4vw, 72px);
	}
	
	.hera-about-lead {
		max-width: 590px;
	}
	
	.hera-about-hero-image-main img {
		object-position: 52% center;
	}
}

/* =====================================================
   TABLET / IPAD LANDSCAPE
===================================================== */
@media (max-width: 1180px) {
	.hera-about-hero-inner {
		width: calc(100% - 50px);
		grid-template-columns: minmax(390px, 0.95fr) minmax(0, 1.05fr);
		min-height: 580px;
	}
	
	.hera-about-hero-content {
		padding: 70px 45px 70px 20px;
	}
	
	.hera-about-hero-content h1 {
		max-width: 500px;
		font-size: 50px;
	}
	
	.hera-about-lead {
		max-width: 470px;
		font-size: 14px;
	}
	
	.hera-about-hero-visual {
		min-height: 580px;
	}
	
	.hera-about-hero-image-main img {
		object-position: 53% center;
	}
	
	.hera-about-hero-visual::before {
		width: 12%;
	}
}

/* =====================================================
   TABLET / IPAD PORTRAIT
===================================================== */
@media (max-width: 900px) {
	.hera-about-hero-inner {
		width: calc(100% - 40px);
		grid-template-columns: minmax(330px, 0.95fr) minmax(0, 1.05fr);
		min-height: 540px;
	}
	
	.hera-about-hero-content {
		padding: 60px 32px 60px 10px;
	}
	
	.hera-about-hero-content h1 {
		font-size: 44px;
		line-height: 1.03;
	}
	
	.hera-about-lead {
		margin-top: 24px;
		font-size: 13px;
		line-height: 1.7;
	}
	
	.hera-about-actions {
		gap: 10px;
		margin-top: 30px;
	}
	
	.hera-about-actions .hera-button-primary,
			  .hera-about-actions .hera-button-secondary {
		min-width: 135px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 12px;
	}
	
	.hera-about-hero-visual {
		min-height: 540px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-about-hero-inner {
		width: 100%;
		display: flex;
		flex-direction: column;
		min-height: 0;
	}
	
	/* TEXT */
	.hera-about-hero-content {
		width: 100%;
		padding: 64px 22px 46px;
		box-sizing: border-box;
	}
	
	.hera-about-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-about-hero-content h1 {
		width: 100%;
		max-width: none;
		font-size: 43px;
		line-height: 1.04;
		letter-spacing: -.03em;
	}
	
	.hera-about-lead {
		width: 100%;
		max-width: none;
		margin-top: 24px;
		font-size: 14px;
		line-height: 1.7;
	}
	
	/* BUTTONS */
	.hera-about-actions {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		margin-top: 30px;
	}
	
	.hera-about-actions .hera-button-primary,
			  .hera-about-actions .hera-button-secondary {
		width: 100%;
		min-width: 0;
		min-height: 48px;
	}
	
	/* IMAGE */
	.hera-about-hero-visual {
		position: relative;
		width: 100%;
		min-height: 0;
		aspect-ratio: 16 / 10;
		overflow: hidden;
	}
	
	.hera-about-hero-image-main {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
	.hera-about-hero-image-main img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 53% center;
	}
	
	/* REMOVE FADE ON MOBILE */
	.hera-about-hero-visual::before {
		display: none;
	}
}

/* =====================================================
   SMALL MOBILE
===================================================== */
@media (max-width: 420px) {
	.hera-about-hero-content {
		padding: 58px 18px 42px;
	}
	
	.hera-about-hero-content h1 {
		font-size: 39px;
	}
	
	.hera-about-lead {
		font-size: 13.5px;
	}
	
	.hera-about-hero-visual {
		aspect-ratio: 4 / 3;
	}
	
	.hera-about-hero-image-main img {
		object-position: 53% center;
	}
}

/* =====================================================
   HERA ABOUT HERO – MOBILE IMAGE FIX
===================================================== */
@media (max-width: 767px) {
	/* HERO UNTEREINANDER */
	.hera-about-hero-inner {
		width: 100% !important;
		max-width: none !important;
		display: flex !important;
		flex-direction: column !important;
		margin: 0 !important;
		min-height: 0 !important;
	}
	
	/* TEXTBEREICH */
	.hera-about-hero-content {
		width: 100% !important;
		padding: 64px 22px 46px !important;
		box-sizing: border-box !important;
	}
	
	.hera-about-eyebrow {
		margin-bottom: 18px !important;
		font-size: 10px !important;
	}
	
	.hera-about-hero-content h1 {
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		font-size: 43px !important;
		line-height: 1.04 !important;
		letter-spacing: -.03em !important;
		word-break: normal !important;
		overflow-wrap: normal !important;
	}
	
	.hera-about-lead {
		width: 100% !important;
		max-width: none !important;
		margin-top: 24px !important;
		font-size: 14px !important;
		line-height: 1.7 !important;
	}
	
	/* BUTTONS */
	.hera-about-actions {
		width: 100% !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 12px !important;
		margin-top: 30px !important;
	}
	
	.hera-about-actions .hera-button-primary,
			  .hera-about-actions .hera-button-secondary {
		width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}
	
	/* =====================================================
			     BILDBEREICH
			  ===================================================== */
	.hera-about-hero-visual {
		display: block !important;
		position: relative !important;
		width: 100% !important;
		height: 430px !important;
		min-height: 430px !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
	
	/* BILD-WRAPPER NICHT MEHR ABSOLUT */
	.hera-about-hero-image-main {
		display: block !important;
		position: relative !important;
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
	
	/* BILD */
	.hera-about-hero-image-main img {
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		object-fit: cover !important;
	/*
			       Bildausschnitt:
			       50% = Mitte
			       55–60% = etwas weiter rechts
			    */
		object-position: 55% center !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
	}
	
	/* DESKTOP-FADE AUF MOBILE ENTFERNEN */
	.hera-about-hero-visual::before,
			  .hera-about-hero-visual::after {
		display: none !important;
		content: none !important;
	}
}

/* =====================================================
   SMALL MOBILE
===================================================== */
@media (max-width: 420px) {
	.hera-about-hero-content {
		padding: 58px 18px 40px !important;
	}
	
	.hera-about-hero-content h1 {
		font-size: 39px !important;
	}
	
	.hera-about-hero-visual {
		height: 390px !important;
		min-height: 390px !important;
	}
	
	.hera-about-hero-image-main img {
		object-position: 55% center !important;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 2 IMAGE
===================================================== */
.hera-succession-image-block {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #f2efe9;
	padding: 36px 48px 72px;
	box-sizing: border-box;
}

.hera-succession-image-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

.hera-succession-image-wrap {
	width: 100%;
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06);
}

.hera-succession-image-wrap img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
	transform: none;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-image-block {
		padding: 30px 32px 58px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-image-block {
		padding: 22px 18px 46px;
	}
	
	.hera-succession-image-wrap {
		border-radius: 3px;
	}
	
	.hera-succession-image-wrap img {
		width: 100%;
		height: auto;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 3
===================================================== */
.hera-succession-planning {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #f2efe9;
	padding: 88px 48px 92px;
	box-sizing: border-box;
}

.hera-succession-planning-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 80px;
	align-items: start;
}

/* =====================================================
   LEFT
===================================================== */
.hera-succession-planning-content {
	max-width: 560px;
}

.hera-succession-planning-content h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(44px, 4vw, 62px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-succession-planning-content p {
	max-width: 540px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625c55;
}

/* =====================================================
   RIGHT CARDS
===================================================== */
.hera-succession-planning-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.hera-succession-planning-card {
	min-height: 270px;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.45);
	border: 1px solid rgba(80,70,60,0.10);
	border-radius: 3px;
}

.hera-succession-planning-card-highlight {
	background: #ebe3d7;
	border-color: transparent;
}

.hera-succession-planning-label {
	display: block;
	margin-bottom: 12px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #a67b47;
}

.hera-succession-planning-card h3 {
	margin: 0 0 22px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

.hera-succession-planning-card ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hera-succession-planning-card li {
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 1.45;
	color: #4d4842;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-planning {
		padding: 72px 32px 76px;
	}
	
	.hera-succession-planning-inner {
		gap: 50px;
	}
	
	.hera-succession-planning-content h2 {
		font-size: 48px;
	}
	
	.hera-succession-planning-card {
		padding: 26px 24px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-planning {
		padding: 58px 18px 62px;
	}
	
	.hera-succession-planning-inner {
		display: block;
	}
	
	.hera-succession-planning-content {
		max-width: none;
	}
	
	.hera-succession-planning-content h2 {
		font-size: 42px;
	}
	
	.hera-succession-planning-content p {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-succession-planning-cards {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 40px;
	}
	
	.hera-succession-planning-card {
		min-height: 0;
		padding: 26px 24px;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 4
===================================================== */
.hera-succession-services {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #111;
	padding: 96px 48px 100px;
	box-sizing: border-box;
	color: #fff;
}

.hera-succession-services-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */
.hera-succession-services-header {
	max-width: 760px;
	margin-bottom: 58px;
}

.hera-succession-services .hera-section-eyebrow {
	color: #c59a63;
}

.hera-succession-services-header h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #fff;
}

.hera-succession-services-header p {
	max-width: 650px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: rgba(255,255,255,0.64);
}

/* =====================================================
   GRID
===================================================== */
.hera-succession-services-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

/* =====================================================
   CARD
===================================================== */
.hera-succession-service-card {
	min-height: 330px;
	display: flex;
	flex-direction: column;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	border: 1px solid rgba(255,255,255,0.10);
	background: #181818;
	border-radius: 3px;
	transition: transform .25s ease, border-color .25s ease, background .25s ease;
}

.hera-succession-service-card:hover {
	transform: translateY(-4px);
	border-color: rgba(197,154,99,0.35);
	background: #1d1d1d;
}

/* FEATURED CARD */
.hera-succession-service-card-featured {
	background: #e9dfd1;
	border-color: transparent;
	color: #171512;
}

.hera-succession-service-card-featured:hover {
	background: #e4d8c8;
}

/* NUMBER */
.hera-succession-service-number {
	display: block;
	margin-bottom: 32px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .14em;
	color: #c59a63;
}

.hera-succession-service-card-featured
.hera-succession-service-number {
	color: #9d7343;
}

/* TITLE */
.hera-succession-service-card h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #fff;
}

.hera-succession-service-card-featured h3 {
	color: #171512;
}

/* TEXT */
.hera-succession-service-card p {
	margin: 18px 0 28px;
	font-size: 13px;
	line-height: 1.7;
	color: rgba(255,255,255,0.60);
}

.hera-succession-service-card-featured p {
	color: #5d574f;
}

/* LINK */
.hera-succession-service-card a {
	margin-top: auto;
	align-self: flex-start;
	padding-bottom: 4px;
	border-bottom: 1px solid rgba(197,154,99,0.55);
	text-decoration: none;
	font-size: 12px;
	color: #d3ad7b;
	transition: color .2s ease, border-color .2s ease;
}

.hera-succession-service-card a:hover {
	color: #fff;
	border-color: #fff;
}

.hera-succession-service-card-featured a {
	color: #8d683d;
	border-color: rgba(141,104,61,0.45);
}

.hera-succession-service-card-featured a:hover {
	color: #171512;
	border-color: #171512;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-services {
		padding: 78px 32px 82px;
	}
	
	.hera-succession-services-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-succession-service-card {
		min-height: 300px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-services {
		padding: 62px 18px 66px;
	}
	
	.hera-succession-services-header {
		margin-bottom: 38px;
	}
	
	.hera-succession-services-header h2 {
		font-size: 42px;
	}
	
	.hera-succession-services-header p {
		font-size: 14px;
	}
	
	.hera-succession-services-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	
	.hera-succession-service-card {
		min-height: 0;
		padding: 26px 24px;
	}
	
	.hera-succession-service-number {
		margin-bottom: 22px;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 5
   STRUKTUR SCHAFFT SICHERHEIT
===================================================== */
.hera-succession-security {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 100px 48px 105px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-succession-security-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 100px;
	align-items: center;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-succession-security-content {
	max-width: 570px;
}

.hera-succession-security-content h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

/* LEAD */
.hera-succession-security-lead {
	max-width: 550px;
	margin: 28px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #554f48;
}

/* SECOND PARAGRAPH */
.hera-succession-security-content
p:not(.hera-succession-security-lead) {
	max-width: 550px;
	margin: 18px 0 0;
	font-size: 14px;
	line-height: 1.75;
	color: #70685f;
}

/* =====================================================
   LINK
===================================================== */
.hera-succession-security-link {
	display: inline-block;
	margin-top: 32px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(164, 122, 72, 0.55);
	text-decoration: none;
	font-size: 13px;
	color: #936b3e;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-succession-security-link:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(3px);
}

/* =====================================================
   RIGHT STEPS
===================================================== */
.hera-succession-security-steps {
	width: 100%;
	border-top: 1px solid rgba(40, 35, 30, 0.13);
}

/* INDIVIDUAL STEP */
.hera-succession-security-step {
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr);
	gap: 22px;
	padding: 30px 0;
	border-bottom: 1px solid rgba(40, 35, 30, 0.13);
}

/* NUMBER */
.hera-succession-security-number {
	padding-top: 3px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #ae8350;
}

/* LABEL */
.hera-succession-security-label {
	display: block;
	margin-bottom: 8px;
	font-size: 9px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

/* TITLE */
.hera-succession-security-step h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-succession-security-step p {
	max-width: 520px;
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #6c655d;
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-security {
		padding: 78px 32px 82px;
	}
	
	.hera-succession-security-inner {
		grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
		gap: 55px;
	}
	
	.hera-succession-security-content h2 {
		font-size: 50px;
	}
	
	.hera-succession-security-step {
		grid-template-columns: 42px minmax(0, 1fr);
		gap: 16px;
		padding: 26px 0;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-security {
		padding: 62px 18px 68px;
	}
	
	.hera-succession-security-inner {
		display: block;
	}
	
	.hera-succession-security-content {
		max-width: none;
	}
	
	.hera-succession-security-content h2 {
		font-size: 42px;
	}
	
	.hera-succession-security-lead {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-succession-security-content
		  p:not(.hera-succession-security-lead) {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-succession-security-link {
		margin-top: 28px;
	}
	
	/* STEPS BELOW TEXT */
	.hera-succession-security-steps {
		margin-top: 48px;
	}
	
	.hera-succession-security-step {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 12px;
		padding: 25px 0;
	}
	
	.hera-succession-security-step h3 {
		font-size: 23px;
	}
	
	.hera-succession-security-step p {
		font-size: 13px;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 1 HERO
===================================================== */
.hera-succession-hero {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 105px 48px 95px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-succession-hero-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: 105px;
	align-items: center;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-succession-hero-content {
	max-width: 620px;
}

/* EYEBROW */
.hera-succession-hero .hera-section-eyebrow {
	display: block;
	margin-bottom: 24px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

/* HEADING */
.hera-succession-hero-content h1 {
	margin: 0;
	max-width: 650px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(52px, 4.7vw, 76px);
	line-height: .99;
	letter-spacing: -.04em;
	font-weight: 400;
	color: #171512;
}

/* LEAD */
.hera-succession-hero-lead {
	max-width: 580px;
	margin: 30px 0 0;
	font-size: 16px;
	line-height: 1.75;
	font-weight: 400;
	color: #5f5952;
}

/* =====================================================
   BUTTONS
===================================================== */
.hera-succession-hero-actions {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 38px;
}

.hera-succession-hero-actions a {
	text-decoration: none;
}

/* PRIMARY */
.hera-succession-hero-actions .hera-button-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 170px;
	padding: 15px 26px;
	box-sizing: border-box;
	border: 1px solid #111;
	border-radius: 999px;
	background: #111;
	color: #fff;
	font-size: 13px;
	line-height: 1;
	font-weight: 500;
	transition: background .2s ease, transform .2s ease;
}

.hera-succession-hero-actions .hera-button-primary:hover {
	background: #2a2723;
	transform: translateY(-1px);
}

/* SECONDARY */
.hera-succession-hero-actions .hera-button-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 145px;
	padding: 14px 25px;
	box-sizing: border-box;
	border: 1px solid #b8905b;
	border-radius: 999px;
	background: transparent;
	color: #25211d;
	font-size: 13px;
	line-height: 1;
	font-weight: 400;
	transition: background .2s ease, transform .2s ease;
}

.hera-succession-hero-actions .hera-button-secondary:hover {
	background: rgba(181, 139, 85, 0.08);
	transform: translateY(-1px);
}

/* =====================================================
   RIGHT PRINCIPLES
===================================================== */
.hera-succession-hero-principles {
	width: 100%;
	border-top: 1px solid rgba(40, 35, 30, 0.13);
}

/* ONE PRINCIPLE */
.hera-succession-principle {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 22px;
	padding: 29px 0;
	border-bottom: 1px solid rgba(40, 35, 30, 0.13);
}

/* NUMBER */
.hera-succession-principle-number {
	padding-top: 4px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #aa8050;
}

/* TITLE */
.hera-succession-principle h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-succession-principle p {
	max-width: 500px;
	margin: 9px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #696159;
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-hero {
		padding: 82px 32px 76px;
	}
	
	.hera-succession-hero-inner {
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
		gap: 58px;
	}
	
	.hera-succession-hero-content h1 {
		font-size: 56px;
	}
	
	.hera-succession-hero-lead {
		font-size: 15px;
	}
	
	.hera-succession-principle {
		grid-template-columns: 44px minmax(0, 1fr);
		gap: 16px;
		padding: 25px 0;
	}
	
	.hera-succession-principle h3 {
		font-size: 23px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-hero {
		padding: 64px 18px 60px;
	}
	
	.hera-succession-hero-inner {
		display: block;
	}
	
	.hera-succession-hero-content {
		max-width: none;
	}
	
	.hera-succession-hero .hera-section-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-succession-hero-content h1 {
		max-width: none;
		font-size: 46px;
		line-height: 1.01;
	}
	
	.hera-succession-hero-lead {
		max-width: none;
		margin-top: 24px;
		font-size: 14px;
		line-height: 1.7;
	}
	
	/* BUTTONS */
	.hera-succession-hero-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 11px;
		margin-top: 30px;
	}
	
	.hera-succession-hero-actions .hera-button-primary,
		  .hera-succession-hero-actions .hera-button-secondary {
		width: 100%;
		min-width: 0;
		min-height: 48px;
	}
	
	/* PRINCIPLES BELOW */
	.hera-succession-hero-principles {
		margin-top: 48px;
	}
	
	.hera-succession-principle {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 12px;
		padding: 23px 0;
	}
	
	.hera-succession-principle h3 {
		font-size: 22px;
	}
	
	.hera-succession-principle p {
		font-size: 13px;
	}
}

/* =====================================================
   SMALL MOBILE
===================================================== */
@media (max-width: 420px) {
	.hera-succession-hero {
		padding-left: 18px;
		padding-right: 18px;
	}
	
	.hera-succession-hero-content h1 {
		font-size: 41px;
	}
}

/* =====================================================
   HERA SUCCESSION – NACHFOLGE MIT WEITBLICK
   MOCKUP VERSION
===================================================== */
.hera-succession-services {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #ddd3c5;
	padding: 96px 48px 100px;
	box-sizing: border-box;
	color: #171512;
}

.hera-succession-services-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */
.hera-succession-services-header {
	max-width: 760px;
	margin-bottom: 58px;
}

.hera-succession-services .hera-section-eyebrow {
	color: #987044;
}

.hera-succession-services-header h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-succession-services-header p {
	max-width: 650px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625b53;
}

/* =====================================================
   GRID
===================================================== */
.hera-succession-services-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

/* =====================================================
   CARDS
===================================================== */
.hera-succession-service-card {
	min-height: 330px;
	display: flex;
	flex-direction: column;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.38);
	border: 1px solid rgba(70, 60, 50, 0.10);
	border-radius: 3px;
	transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.hera-succession-service-card:hover {
	transform: translateY(-4px);
	background: rgba(255, 255, 255, 0.55);
	box-shadow: 0 14px 35px rgba(55, 45, 35, 0.07);
}

/* =====================================================
   FEATURED CARD
===================================================== */
.hera-succession-service-card-featured {
	background: #f2efe9;
	border-color: rgba(70, 60, 50, 0.08);
}

.hera-succession-service-card-featured:hover {
	background: #f7f4ef;
}

/* =====================================================
   NUMBER
===================================================== */
.hera-succession-service-number {
	display: block;
	margin-bottom: 32px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .14em;
	color: #9e7446;
}

/* =====================================================
   TITLE
===================================================== */
.hera-succession-service-card h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* =====================================================
   TEXT
===================================================== */
.hera-succession-service-card p {
	margin: 18px 0 28px;
	font-size: 13px;
	line-height: 1.7;
	color: #625b53;
}

/* =====================================================
   LINK
===================================================== */
.hera-succession-service-card a {
	margin-top: auto;
	align-self: flex-start;
	padding-bottom: 4px;
	border-bottom: 1px solid rgba(145, 104, 61, 0.45);
	text-decoration: none;
	font-size: 12px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-succession-service-card a:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(2px);
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-services {
		padding: 78px 32px 82px;
	}
	
	.hera-succession-services-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-succession-service-card {
		min-height: 300px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-services {
		padding: 62px 18px 66px;
	}
	
	.hera-succession-services-header {
		margin-bottom: 38px;
	}
	
	.hera-succession-services-header h2 {
		font-size: 42px;
	}
	
	.hera-succession-services-header p {
		font-size: 14px;
	}
	
	.hera-succession-services-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	
	.hera-succession-service-card {
		min-height: 0;
		padding: 26px 24px;
	}
	
	.hera-succession-service-number {
		margin-bottom: 22px;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 2
   WIDER + FLACHER + RUNDERE ECKEN
   GANZ ANS ENDE DES CSS SETZEN
===================================================== */
.hera-succession-image-inner {
	width: min(97vw, 1740px) !important;
	max-width: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.hera-succession-image-wrap {
	width: 100% !important;
	height: 500px !important;
	overflow: hidden !important;
	border-radius: 16px !important;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06) !important;
}

.hera-succession-image-wrap img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center center !important;
	transform: none !important;
}

/* =====================================================
   LARGE DESKTOP
===================================================== */
@media (min-width: 1500px) {
	.hera-succession-image-inner {
		width: min(96vw, 1820px) !important;
	}
	
	.hera-succession-image-wrap {
		height: 520px !important;
	}
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-image-inner {
		width: calc(100% - 32px) !important;
	}
	
	.hera-succession-image-wrap {
		height: 400px !important;
		border-radius: 14px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-image-inner {
		width: calc(100% - 24px) !important;
	}
	
	.hera-succession-image-wrap {
		height: 260px !important;
		border-radius: 12px !important;
	}
	
	.hera-succession-image-wrap img {
		object-position: center center !important;
	}
}

/* =====================================================
   HERA SUCCESSION – BLOCK 2
   ETWAS WENIGER BREIT
===================================================== */
.hera-succession-image-inner {
	width: min(92vw, 1580px) !important;
	max-width: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.hera-succession-image-wrap {
	width: 100% !important;
	height: 500px !important;
	overflow: hidden !important;
	border-radius: 16px !important;
}

.hera-succession-image-wrap img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center !important;
}

/* LARGE DESKTOP */
@media (min-width: 1500px) {
	.hera-succession-image-inner {
		width: min(90vw, 1660px) !important;
	}
}

/* TABLET */
@media (max-width: 1100px) {
	.hera-succession-image-inner {
		width: calc(100% - 42px) !important;
	}
	
	.hera-succession-image-wrap {
		height: 400px !important;
		border-radius: 14px !important;
	}
}

/* MOBILE */
@media (max-width: 767px) {
	.hera-succession-image-inner {
		width: calc(100% - 28px) !important;
	}
	
	.hera-succession-image-wrap {
		height: 260px !important;
		border-radius: 12px !important;
	}
}

/* =====================================================
   HERA SUCCESSION – SPACING FIX
   GANZ ANS ENDE DES CSS SETZEN
===================================================== */
/* HERO UNTEN WENIGER LUFT */
.hera-succession-hero {
	padding-bottom: 45px !important;
}

/* BILDBLOCK OBEN UND UNTEN KOMPAKTER */
.hera-succession-image-block {
	padding-top: 12px !important;
	padding-bottom: 42px !important;
}

/* BLOCK 3 OBEN NÄHER AN DAS BILD */
.hera-succession-planning {
	padding-top: 52px !important;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-succession-hero {
		padding-bottom: 38px !important;
	}
	
	.hera-succession-image-block {
		padding-top: 10px !important;
		padding-bottom: 34px !important;
	}
	
	.hera-succession-planning {
		padding-top: 46px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-succession-hero {
		padding-bottom: 28px !important;
	}
	
	.hera-succession-image-block {
		padding-top: 8px !important;
		padding-bottom: 28px !important;
	}
	
	.hera-succession-planning {
		padding-top: 40px !important;
	}
}

/* =====================================================
   HERA ADVISORY – BLOCK 1 HERO
===================================================== */
.hera-advisory-hero {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 100px 48px 82px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* INNER */
.hera-advisory-hero-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: 105px;
	align-items: center;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-advisory-hero-content {
	max-width: 640px;
}

/* EYEBROW */
.hera-advisory-hero .hera-section-eyebrow {
	display: block;
	margin-bottom: 24px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

/* HEADING */
.hera-advisory-hero-content h1 {
	margin: 0;
	max-width: 680px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(52px, 4.7vw, 74px);
	line-height: .99;
	letter-spacing: -.04em;
	font-weight: 400;
	color: #171512;
}

/* LEAD */
.hera-advisory-hero-lead {
	max-width: 590px;
	margin: 30px 0 0;
	font-size: 16px;
	line-height: 1.75;
	color: #5f5952;
}

/* =====================================================
   BUTTONS
===================================================== */
.hera-advisory-hero-actions {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 38px;
}

.hera-advisory-hero-actions a {
	text-decoration: none;
}

/* PRIMARY */
.hera-advisory-hero-actions .hera-button-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 170px;
	padding: 15px 26px;
	box-sizing: border-box;
	border: 1px solid #111;
	border-radius: 999px;
	background: #111;
	color: #fff;
	font-size: 13px;
	line-height: 1;
	font-weight: 500;
	transition: background .2s ease, transform .2s ease;
}

.hera-advisory-hero-actions .hera-button-primary:hover {
	background: #292622;
	transform: translateY(-1px);
}

/* SECONDARY */
.hera-advisory-hero-actions .hera-button-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 145px;
	padding: 14px 25px;
	box-sizing: border-box;
	border: 1px solid #b8905b;
	border-radius: 999px;
	background: transparent;
	color: #25211d;
	font-size: 13px;
	line-height: 1;
	font-weight: 400;
	transition: background .2s ease, transform .2s ease;
}

.hera-advisory-hero-actions .hera-button-secondary:hover {
	background: rgba(181, 139, 85, 0.08);
	transform: translateY(-1px);
}

/* =====================================================
   RIGHT PRINCIPLES
===================================================== */
.hera-advisory-hero-principles {
	width: 100%;
	border-top: 1px solid rgba(40,35,30,0.13);
}

/* ONE PRINCIPLE */
.hera-advisory-principle {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 22px;
	padding: 29px 0;
	border-bottom: 1px solid rgba(40,35,30,0.13);
}

/* NUMBER */
.hera-advisory-principle-number {
	padding-top: 4px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #aa8050;
}

/* TITLE */
.hera-advisory-principle h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-advisory-principle p {
	max-width: 500px;
	margin: 9px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #696159;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-advisory-hero {
		padding: 82px 32px 72px;
	}
	
	.hera-advisory-hero-inner {
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
		gap: 58px;
	}
	
	.hera-advisory-hero-content h1 {
		font-size: 56px;
	}
	
	.hera-advisory-hero-lead {
		font-size: 15px;
	}
	
	.hera-advisory-principle {
		grid-template-columns: 44px minmax(0, 1fr);
		gap: 16px;
		padding: 25px 0;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-advisory-hero {
		padding: 64px 18px 52px;
	}
	
	.hera-advisory-hero-inner {
		display: block;
	}
	
	.hera-advisory-hero-content {
		max-width: none;
	}
	
	.hera-advisory-hero .hera-section-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-advisory-hero-content h1 {
		max-width: none;
		font-size: 44px;
		line-height: 1.01;
	}
	
	.hera-advisory-hero-lead {
		max-width: none;
		margin-top: 24px;
		font-size: 14px;
		line-height: 1.7;
	}
	
	.hera-advisory-hero-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 11px;
		margin-top: 30px;
	}
	
	.hera-advisory-hero-actions .hera-button-primary,
		  .hera-advisory-hero-actions .hera-button-secondary {
		width: 100%;
		min-width: 0;
		min-height: 48px;
	}
	
	.hera-advisory-hero-principles {
		margin-top: 46px;
	}
	
	.hera-advisory-principle {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 12px;
		padding: 23px 0;
	}
	
	.hera-advisory-principle h3 {
		font-size: 22px;
	}
}

/* =====================================================
   HERA ADVISORY – BLOCK 2 IMAGE
===================================================== */
.hera-advisory-image-block {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 12px 0 42px;
	box-sizing: border-box;
	background: #f2efe9;
}

/* =====================================================
   INNER
===================================================== */
.hera-advisory-image-inner {
	width: min(92vw, 1580px);
	max-width: none;
	margin: 0 auto;
}

/* =====================================================
   IMAGE WRAPPER
===================================================== */
.hera-advisory-image-wrap {
	width: 100%;
	height: 500px;
	overflow: hidden;
	border-radius: 16px;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06);
}

/* =====================================================
   IMAGE
===================================================== */
.hera-advisory-image-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center center;
	transform: none;
}

/* =====================================================
   LARGE DESKTOP
===================================================== */
@media (min-width: 1500px) {
	.hera-advisory-image-inner {
		width: min(90vw, 1660px);
	}
	
	.hera-advisory-image-wrap {
		height: 520px;
	}
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-advisory-image-block {
		padding: 10px 0 34px;
	}
	
	.hera-advisory-image-inner {
		width: calc(100% - 42px);
	}
	
	.hera-advisory-image-wrap {
		height: 400px;
		border-radius: 14px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-advisory-image-block {
		padding: 8px 0 28px;
	}
	
	.hera-advisory-image-inner {
		width: calc(100% - 28px);
	}
	
	.hera-advisory-image-wrap {
		height: 260px;
		border-radius: 12px;
	}
	
	.hera-advisory-image-wrap img {
		object-position: center center;
	}
}

/* =====================================================
   HERA ADVISORY – BLOCK 3
   KLARE GRUNDLAGE
===================================================== */
.hera-advisory-foundation {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background: #f2efe9;
	padding: 62px 48px 92px;
	box-sizing: border-box;
}

.hera-advisory-foundation-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 80px;
	align-items: start;
}

/* =====================================================
   LEFT
===================================================== */
.hera-advisory-foundation-content {
	max-width: 580px;
}

.hera-advisory-foundation-content h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(44px, 4vw, 62px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-advisory-foundation-content p {
	max-width: 550px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625c55;
}

/* =====================================================
   RIGHT CARDS
===================================================== */
.hera-advisory-foundation-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.hera-advisory-foundation-card {
	min-height: 275px;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.46);
	border: 1px solid rgba(80,70,60,0.10);
	border-radius: 3px;
}

.hera-advisory-foundation-card-highlight {
	background: #ebe3d7;
	border-color: transparent;
}

/* LABEL */
.hera-advisory-foundation-label {
	display: block;
	margin-bottom: 12px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #a67b47;
}

/* TITLE */
.hera-advisory-foundation-card h3 {
	margin: 0 0 22px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* LIST */
.hera-advisory-foundation-card ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hera-advisory-foundation-card li {
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 1.45;
	color: #4d4842;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-advisory-foundation {
		padding: 54px 32px 76px;
	}
	
	.hera-advisory-foundation-inner {
		gap: 50px;
	}
	
	.hera-advisory-foundation-content h2 {
		font-size: 48px;
	}
	
	.hera-advisory-foundation-card {
		padding: 26px 24px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-advisory-foundation {
		padding: 44px 18px 62px;
	}
	
	.hera-advisory-foundation-inner {
		display: block;
	}
	
	.hera-advisory-foundation-content {
		max-width: none;
	}
	
	.hera-advisory-foundation-content h2 {
		font-size: 42px;
	}
	
	.hera-advisory-foundation-content p {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-advisory-foundation-cards {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 40px;
	}
	
	.hera-advisory-foundation-card {
		min-height: 0;
		padding: 26px 24px;
	}
}

/* =====================================================
   HERA ADVISORY – BLOCK 4
   BERATUNG MIT UNTERNEHMERISCHEM BLICK
===================================================== */
.hera-advisory-services {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 92px 48px 98px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-advisory-services-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */
.hera-advisory-services-header {
	max-width: 760px;
	margin-bottom: 52px;
}

.hera-advisory-services .hera-section-eyebrow {
	color: #9d7447;
}

.hera-advisory-services-header h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-advisory-services-header p {
	max-width: 650px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625b53;
}

/* =====================================================
   GRID
===================================================== */
.hera-advisory-services-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

/* =====================================================
   CARD
===================================================== */
.hera-advisory-service-card {
	min-height: 355px;
	display: flex;
	flex-direction: column;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.38);
	border: 1px solid rgba(70,60,50,0.10);
	border-radius: 3px;
	transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.hera-advisory-service-card:hover {
	transform: translateY(-4px);
	background: rgba(255,255,255,0.54);
	box-shadow: 0 14px 35px rgba(55,45,35,0.07);
}

/* =====================================================
   FEATURED CARD
===================================================== */
.hera-advisory-service-card-featured {
	background: #ebe3d7;
	border-color: transparent;
}

.hera-advisory-service-card-featured:hover {
	background: #e6dccd;
}

/* =====================================================
   NUMBER
===================================================== */
.hera-advisory-service-number {
	display: block;
	margin-bottom: 28px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .14em;
	color: #9e7446;
}

/* =====================================================
   TITLE
===================================================== */
.hera-advisory-service-card h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* =====================================================
   TEXT
===================================================== */
.hera-advisory-service-card p {
	margin: 17px 0 20px;
	font-size: 13px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   LIST
===================================================== */
.hera-advisory-service-card ul {
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
}

.hera-advisory-service-card li {
	margin-bottom: 7px;
	font-size: 12px;
	line-height: 1.45;
	color: #4f4943;
}

/* =====================================================
   LINK
===================================================== */
.hera-advisory-service-card a {
	margin-top: auto;
	align-self: flex-start;
	padding-bottom: 4px;
	border-bottom: 1px solid rgba(145,104,61,0.45);
	text-decoration: none;
	font-size: 12px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-advisory-service-card a:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(2px);
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-advisory-services {
		padding: 76px 32px 80px;
	}
	
	.hera-advisory-services-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-advisory-service-card {
		min-height: 330px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-advisory-services {
		padding: 60px 18px 66px;
	}
	
	.hera-advisory-services-header {
		margin-bottom: 38px;
	}
	
	.hera-advisory-services-header h2 {
		font-size: 42px;
	}
	
	.hera-advisory-services-header p {
		font-size: 14px;
	}
	
	.hera-advisory-services-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	
	.hera-advisory-service-card {
		min-height: 0;
		padding: 26px 24px;
	}
	
	.hera-advisory-service-number {
		margin-bottom: 22px;
	}
}

/* =====================================================
   HERA ADVISORY – BLOCK 5
   ZAHLEN SIND DER ANFANG
===================================================== */
.hera-advisory-outcome {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 96px 48px 100px;
	box-sizing: border-box;
	background: #ddd3c5;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-advisory-outcome-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 95px;
	align-items: center;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-advisory-outcome-content {
	max-width: 580px;
}

.hera-advisory-outcome .hera-section-eyebrow {
	color: #936a3e;
}

.hera-advisory-outcome-content h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

/* LEAD */
.hera-advisory-outcome-lead {
	max-width: 550px;
	margin: 28px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #554f48;
}

/* SECOND PARAGRAPH */
.hera-advisory-outcome-content
p:not(.hera-advisory-outcome-lead) {
	max-width: 550px;
	margin: 18px 0 0;
	font-size: 14px;
	line-height: 1.75;
	color: #665f57;
}

/* =====================================================
   LINK
===================================================== */
.hera-advisory-outcome-link {
	display: inline-block;
	margin-top: 32px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(145, 104, 61, 0.50);
	text-decoration: none;
	font-size: 13px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-advisory-outcome-link:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(3px);
}

/* =====================================================
   RIGHT STEPS
===================================================== */
.hera-advisory-outcome-steps {
	width: 100%;
	border-top: 1px solid rgba(40, 35, 30, 0.13);
}

.hera-advisory-outcome-step {
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr);
	gap: 22px;
	padding: 30px 0;
	border-bottom: 1px solid rgba(40, 35, 30, 0.13);
}

/* NUMBER */
.hera-advisory-outcome-number {
	padding-top: 3px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #9e7446;
}

/* LABEL */
.hera-advisory-outcome-label {
	display: block;
	margin-bottom: 8px;
	font-size: 9px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #987044;
}

/* TITLE */
.hera-advisory-outcome-step h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-advisory-outcome-step p {
	max-width: 520px;
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-advisory-outcome {
		padding: 76px 32px 80px;
	}
	
	.hera-advisory-outcome-inner {
		gap: 55px;
	}
	
	.hera-advisory-outcome-content h2 {
		font-size: 50px;
	}
	
	.hera-advisory-outcome-step {
		grid-template-columns: 42px minmax(0, 1fr);
		gap: 16px;
		padding: 26px 0;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-advisory-outcome {
		padding: 60px 18px 66px;
	}
	
	.hera-advisory-outcome-inner {
		display: block;
	}
	
	.hera-advisory-outcome-content {
		max-width: none;
	}
	
	.hera-advisory-outcome-content h2 {
		font-size: 42px;
	}
	
	.hera-advisory-outcome-lead,
		  .hera-advisory-outcome-content
		  p:not(.hera-advisory-outcome-lead) {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-advisory-outcome-steps {
		margin-top: 48px;
	}
	
	.hera-advisory-outcome-step {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 12px;
		padding: 25px 0;
	}
	
	.hera-advisory-outcome-step h3 {
		font-size: 23px;
	}
}

/* =====================================================
   HERA MEDICAL – BLOCK 2 IMAGE
===================================================== */
.hera-medical-image-block {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 12px 0 42px !important;
	box-sizing: border-box !important;
	background: #f2efe9 !important;
}

/* =====================================================
   INNER
===================================================== */
.hera-medical-image-inner {
	width: min(92vw, 1580px) !important;
	max-width: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* =====================================================
   IMAGE WRAPPER
===================================================== */
.hera-medical-image-wrap {
	width: 100% !important;
	height: 500px !important;
	overflow: hidden !important;
	border-radius: 16px !important;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06) !important;
}

/* =====================================================
   IMAGE
===================================================== */
.hera-medical-image-wrap img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	object-fit: cover !important;
/*
     Etwas nach rechts ausgerichtet,
     damit Yasmina schön im Fokus bleibt.
  */
	object-position: 56% center !important;
	transform: none !important;
}

/* =====================================================
   LARGE DESKTOP
===================================================== */
@media (min-width: 1500px) {
	.hera-medical-image-inner {
		width: min(90vw, 1660px) !important;
	}
	
	.hera-medical-image-wrap {
		height: 520px !important;
	}
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-medical-image-block {
		padding: 10px 0 34px !important;
	}
	
	.hera-medical-image-inner {
		width: calc(100% - 42px) !important;
	}
	
	.hera-medical-image-wrap {
		height: 400px !important;
		border-radius: 14px !important;
	}
	
	.hera-medical-image-wrap img {
		object-position: 57% center !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-medical-image-block {
		padding: 8px 0 28px !important;
	}
	
	.hera-medical-image-inner {
		width: calc(100% - 28px) !important;
	}
	
	.hera-medical-image-wrap {
		height: 280px !important;
		border-radius: 12px !important;
	}
	
	.hera-medical-image-wrap img {
		object-position: 60% center !important;
	}
}

/* =====================================================
   HERA MEDICAL – BLOCK 3
   EINE PRAXIS IST KEIN GEWÖHNLICHES UNTERNEHMEN
===================================================== */
.hera-medical-foundation {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 58px 48px 92px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-medical-foundation-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 80px;
	align-items: start;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-medical-foundation-content {
	max-width: 590px;
}

.hera-medical-foundation .hera-section-eyebrow {
	display: block;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

.hera-medical-foundation-content h2 {
	margin: 0;
	max-width: 650px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(44px, 4vw, 62px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-medical-foundation-content p {
	max-width: 560px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625c55;
}

/* =====================================================
   RIGHT CARDS
===================================================== */
.hera-medical-foundation-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

/* CARD */
.hera-medical-foundation-card {
	min-height: 275px;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.46);
	border: 1px solid rgba(80,70,60,0.10);
	border-radius: 3px;
}

/* HIGHLIGHT */
.hera-medical-foundation-card-highlight {
	background: #ebe3d7;
	border-color: transparent;
}

/* LABEL */
.hera-medical-foundation-label {
	display: block;
	margin-bottom: 12px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #a67b47;
}

/* TITLE */
.hera-medical-foundation-card h3 {
	margin: 0 0 22px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* LIST */
.hera-medical-foundation-card ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hera-medical-foundation-card li {
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 1.45;
	color: #4d4842;
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-medical-foundation {
		padding: 50px 32px 76px;
	}
	
	.hera-medical-foundation-inner {
		gap: 50px;
	}
	
	.hera-medical-foundation-content h2 {
		font-size: 48px;
	}
	
	.hera-medical-foundation-card {
		padding: 26px 24px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-medical-foundation {
		padding: 42px 18px 62px;
	}
	
	.hera-medical-foundation-inner {
		display: block;
	}
	
	.hera-medical-foundation-content {
		max-width: none;
	}
	
	.hera-medical-foundation .hera-section-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-medical-foundation-content h2 {
		max-width: none;
		font-size: 42px;
	}
	
	.hera-medical-foundation-content p {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-medical-foundation-cards {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 40px;
	}
	
	.hera-medical-foundation-card {
		min-height: 0;
		padding: 26px 24px;
	}
}

/* =====================================================
   HERA MEDICAL – BLOCK 4
   FÜR JEDE PHASE IHRER PRAXIS
===================================================== */
.hera-medical-services {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 92px 48px 98px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-medical-services-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */
.hera-medical-services-header {
	max-width: 760px;
	margin-bottom: 52px;
}

.hera-medical-services .hera-section-eyebrow {
	color: #9d7447;
}

.hera-medical-services-header h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-medical-services-header p {
	max-width: 660px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625b53;
}

/* =====================================================
   GRID
===================================================== */
.hera-medical-services-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

/* =====================================================
   CARD
===================================================== */
.hera-medical-service-card {
	min-height: 355px;
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.38);
	border: 1px solid rgba(70,60,50,0.10);
	border-radius: 3px;
	transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.hera-medical-service-card:hover {
	transform: translateY(-4px);
	background: rgba(255,255,255,0.54);
	box-shadow: 0 14px 35px rgba(55,45,35,0.07);
}

/* =====================================================
   FEATURED CARD
===================================================== */
.hera-medical-service-card-featured {
	background: #ebe3d7;
	border-color: transparent;
}

.hera-medical-service-card-featured:hover {
	background: #e6dccd;
}

/* =====================================================
   NUMBER
===================================================== */
.hera-medical-service-number {
	display: block;
	margin-bottom: 28px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .14em;
	color: #9e7446;
}

/* =====================================================
   TAG
===================================================== */
.hera-medical-service-tag {
	position: absolute;
	top: 30px;
	right: 28px;
	font-size: 8px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #997044;
}

/* =====================================================
   TITLE
===================================================== */
.hera-medical-service-card h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* =====================================================
   TEXT
===================================================== */
.hera-medical-service-card p {
	margin: 17px 0 20px;
	font-size: 13px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   LIST
===================================================== */
.hera-medical-service-card ul {
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
}

.hera-medical-service-card li {
	margin-bottom: 7px;
	font-size: 12px;
	line-height: 1.45;
	color: #4f4943;
}

/* =====================================================
   LINK
===================================================== */
.hera-medical-service-card a {
	margin-top: auto;
	align-self: flex-start;
	padding-bottom: 4px;
	border-bottom: 1px solid rgba(145,104,61,0.45);
	text-decoration: none;
	font-size: 12px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-medical-service-card a:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(2px);
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-medical-services {
		padding: 76px 32px 80px;
	}
	
	.hera-medical-services-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-medical-service-card {
		min-height: 330px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-medical-services {
		padding: 60px 18px 66px;
	}
	
	.hera-medical-services-header {
		margin-bottom: 38px;
	}
	
	.hera-medical-services-header h2 {
		font-size: 42px;
	}
	
	.hera-medical-services-header p {
		font-size: 14px;
	}
	
	.hera-medical-services-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	
	.hera-medical-service-card {
		min-height: 0;
		padding: 26px 24px;
	}
	
	.hera-medical-service-number {
		margin-bottom: 22px;
	}
	
	.hera-medical-service-tag {
		top: 26px;
		right: 24px;
	}
}

/* =====================================================
   HERA MEDICAL – BLOCK 5
   IHRE PRAXIS VERÄNDERT SICH
===================================================== */
.hera-medical-evolution {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 96px 48px 100px;
	box-sizing: border-box;
	background: #ddd3c5;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-medical-evolution-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */
.hera-medical-evolution-header {
	max-width: 780px;
	margin-bottom: 58px;
}

.hera-medical-evolution .hera-section-eyebrow {
	display: block;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #936a3e;
}

.hera-medical-evolution-header h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-medical-evolution-header p {
	max-width: 650px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625b53;
}

/* =====================================================
   GRID
===================================================== */
.hera-medical-evolution-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	border-top: 1px solid rgba(50, 40, 30, 0.14);
	border-bottom: 1px solid rgba(50, 40, 30, 0.14);
}

/* =====================================================
   STEP
===================================================== */
.hera-medical-evolution-step {
	position: relative;
	min-height: 260px;
	padding: 28px 25px 30px;
	box-sizing: border-box;
	border-right: 1px solid rgba(50, 40, 30, 0.12);
}

.hera-medical-evolution-step:last-child {
	border-right: 0;
}

/* NUMBER */
.hera-medical-evolution-number {
	display: block;
	margin-bottom: 28px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .14em;
	color: #9e7446;
}

/* TITLE */
.hera-medical-evolution-step h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 23px;
	line-height: 1.12;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-medical-evolution-step p {
	margin: 18px 0 0;
	font-size: 12.5px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   CTA
===================================================== */
.hera-medical-evolution-cta {
	margin-top: 38px;
}

.hera-medical-evolution-link {
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(145,104,61,0.50);
	text-decoration: none;
	font-size: 13px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-medical-evolution-link:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(3px);
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-medical-evolution {
		padding: 76px 32px 80px;
	}
	
	.hera-medical-evolution-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		border-bottom: 0;
	}
	
	.hera-medical-evolution-step {
		min-height: 230px;
		border-bottom: 1px solid rgba(50, 40, 30, 0.12);
	}
	
	.hera-medical-evolution-step:nth-child(2n) {
		border-right: 0;
	}
	
	.hera-medical-evolution-step:last-child {
		border-right: 1px solid rgba(50, 40, 30, 0.12);
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-medical-evolution {
		padding: 60px 18px 66px;
	}
	
	.hera-medical-evolution-header {
		margin-bottom: 38px;
	}
	
	.hera-medical-evolution-header h2 {
		font-size: 42px;
	}
	
	.hera-medical-evolution-header p {
		font-size: 14px;
	}
	
	.hera-medical-evolution-grid {
		display: block;
		border-bottom: 1px solid rgba(50, 40, 30, 0.14);
	}
	
	.hera-medical-evolution-step {
		min-height: 0;
		padding: 25px 4px;
		border-right: 0 !important;
		border-bottom: 1px solid rgba(50, 40, 30, 0.12);
	}
	
	.hera-medical-evolution-step:last-child {
		border-bottom: 0;
	}
	
	.hera-medical-evolution-number {
		margin-bottom: 16px;
	}
	
	.hera-medical-evolution-step h3 {
		font-size: 23px;
	}
	
	.hera-medical-evolution-cta {
		margin-top: 30px;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 1 HERO
===================================================== */
.hera-digital-hero {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 100px 48px 82px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* INNER */
.hera-digital-hero-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	gap: 105px;
	align-items: center;
}

/* =====================================================
   LEFT
===================================================== */
.hera-digital-hero-content {
	max-width: 650px;
}

.hera-digital-hero .hera-section-eyebrow {
	display: block;
	margin-bottom: 24px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

.hera-digital-hero-content h1 {
	margin: 0;
	max-width: 700px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(52px, 4.7vw, 74px);
	line-height: .99;
	letter-spacing: -.04em;
	font-weight: 400;
	color: #171512;
}

.hera-digital-hero-lead {
	max-width: 590px;
	margin: 30px 0 0;
	font-size: 16px;
	line-height: 1.75;
	color: #5f5952;
}

/* =====================================================
   BUTTONS
===================================================== */
.hera-digital-hero-actions {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 38px;
}

.hera-digital-hero-actions a {
	text-decoration: none;
}

.hera-digital-hero-actions .hera-button-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 170px;
	padding: 15px 26px;
	border: 1px solid #111;
	border-radius: 999px;
	background: #111;
	color: #fff;
	font-size: 13px;
	transition: background .2s ease, transform .2s ease;
}

.hera-digital-hero-actions .hera-button-primary:hover {
	background: #292622;
	transform: translateY(-1px);
}

.hera-digital-hero-actions .hera-button-secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 145px;
	padding: 14px 25px;
	border: 1px solid #b8905b;
	border-radius: 999px;
	background: transparent;
	color: #25211d;
	font-size: 13px;
	transition: background .2s ease, transform .2s ease;
}

.hera-digital-hero-actions .hera-button-secondary:hover {
	background: rgba(181,139,85,0.08);
	transform: translateY(-1px);
}

/* =====================================================
   RIGHT PRINCIPLES
===================================================== */
.hera-digital-hero-principles {
	width: 100%;
	border-top: 1px solid rgba(40,35,30,0.13);
}

.hera-digital-principle {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 22px;
	padding: 29px 0;
	border-bottom: 1px solid rgba(40,35,30,0.13);
}

.hera-digital-principle-number {
	padding-top: 4px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #aa8050;
}

.hera-digital-principle h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

.hera-digital-principle p {
	max-width: 500px;
	margin: 9px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #696159;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-hero {
		padding: 82px 32px 72px;
	}
	
	.hera-digital-hero-inner {
		gap: 58px;
	}
	
	.hera-digital-hero-content h1 {
		font-size: 56px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-hero {
		padding: 64px 18px 52px;
	}
	
	.hera-digital-hero-inner {
		display: block;
	}
	
	.hera-digital-hero-content {
		max-width: none;
	}
	
	.hera-digital-hero-content h1 {
		max-width: none;
		font-size: 44px;
		line-height: 1.01;
	}
	
	.hera-digital-hero-lead {
		max-width: none;
		margin-top: 24px;
		font-size: 14px;
		line-height: 1.7;
	}
	
	.hera-digital-hero-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 11px;
		margin-top: 30px;
	}
	
	.hera-digital-hero-actions .hera-button-primary,
		  .hera-digital-hero-actions .hera-button-secondary {
		width: 100%;
		min-width: 0;
		min-height: 48px;
	}
	
	.hera-digital-hero-principles {
		margin-top: 46px;
	}
	
	.hera-digital-principle {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 12px;
		padding: 23px 0;
	}
	
	.hera-digital-principle h3 {
		font-size: 22px;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 2 IMAGE
===================================================== */
.hera-digital-image-block {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 12px 0 42px;
	box-sizing: border-box;
	background: #f2efe9;
}

/* =====================================================
   INNER
===================================================== */
.hera-digital-image-inner {
	width: min(92vw, 1580px);
	max-width: none;
	margin-left: auto;
	margin-right: auto;
}

/* =====================================================
   IMAGE WRAPPER
===================================================== */
.hera-digital-image-wrap {
	width: 100%;
	height: 500px;
	overflow: hidden;
	border-radius: 16px;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06);
}

/* =====================================================
   IMAGE
===================================================== */
.hera-digital-image-wrap img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	margin: 0;
	object-fit: cover;
	object-position: center center;
	transform: none;
}

/* =====================================================
   LARGE DESKTOP
===================================================== */
@media (min-width: 1500px) {
	.hera-digital-image-inner {
		width: min(90vw, 1660px);
	}
	
	.hera-digital-image-wrap {
		height: 520px;
	}
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-image-block {
		padding: 10px 0 34px;
	}
	
	.hera-digital-image-inner {
		width: calc(100% - 42px);
	}
	
	.hera-digital-image-wrap {
		height: 400px;
		border-radius: 14px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-image-block {
		padding: 8px 0 28px;
	}
	
	.hera-digital-image-inner {
		width: calc(100% - 28px);
	}
	
	.hera-digital-image-wrap {
		height: 270px;
		border-radius: 12px;
	}
	
	.hera-digital-image-wrap img {
		object-position: center center;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 3
   AI ÜBERNIMMT ROUTINE
===================================================== */
.hera-digital-control {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 58px 48px 92px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-digital-control-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 80px;
	align-items: start;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-digital-control-content {
	max-width: 590px;
}

.hera-digital-control .hera-section-eyebrow {
	display: block;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

.hera-digital-control-content h2 {
	margin: 0;
	max-width: 650px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(44px, 4vw, 62px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-digital-control-content p {
	max-width: 560px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625c55;
}

/* =====================================================
   RIGHT CARDS
===================================================== */
.hera-digital-control-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

/* CARD */
.hera-digital-control-card {
	min-height: 285px;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.46);
	border: 1px solid rgba(80,70,60,0.10);
	border-radius: 3px;
}

/* HIGHLIGHT */
.hera-digital-control-card-highlight {
	background: #ebe3d7;
	border-color: transparent;
}

/* LABEL */
.hera-digital-control-label {
	display: block;
	margin-bottom: 12px;
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #a67b47;
}

/* TITLE */
.hera-digital-control-card h3 {
	margin: 0 0 22px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* LIST */
.hera-digital-control-card ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.hera-digital-control-card li {
	margin-bottom: 9px;
	font-size: 13px;
	line-height: 1.45;
	color: #4d4842;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-control {
		padding: 50px 32px 76px;
	}
	
	.hera-digital-control-inner {
		gap: 50px;
	}
	
	.hera-digital-control-content h2 {
		font-size: 48px;
	}
	
	.hera-digital-control-card {
		padding: 26px 24px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-control {
		padding: 42px 18px 62px;
	}
	
	.hera-digital-control-inner {
		display: block;
	}
	
	.hera-digital-control-content {
		max-width: none;
	}
	
	.hera-digital-control .hera-section-eyebrow {
		margin-bottom: 18px;
		font-size: 10px;
	}
	
	.hera-digital-control-content h2 {
		max-width: none;
		font-size: 42px;
	}
	
	.hera-digital-control-content p {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-digital-control-cards {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-top: 40px;
	}
	
	.hera-digital-control-card {
		min-height: 0;
		padding: 26px 24px;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 4
   DIGITALE BUCHHALTUNG MIT MENSCHLICHER EXPERTISE
===================================================== */
.hera-digital-services {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 92px 48px 98px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-digital-services-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
}

/* =====================================================
   HEADER
===================================================== */
.hera-digital-services-header {
	max-width: 780px;
	margin-bottom: 52px;
}

.hera-digital-services .hera-section-eyebrow {
	color: #9d7447;
}

.hera-digital-services-header h2 {
	margin: 20px 0 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-digital-services-header p {
	max-width: 660px;
	margin: 26px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625b53;
}

/* =====================================================
   GRID
===================================================== */
.hera-digital-services-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

/* =====================================================
   CARD
===================================================== */
.hera-digital-service-card {
	min-height: 355px;
	display: flex;
	flex-direction: column;
	position: relative;
	padding: 30px 30px 28px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.38);
	border: 1px solid rgba(70,60,50,0.10);
	border-radius: 3px;
	transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

.hera-digital-service-card:hover {
	transform: translateY(-4px);
	background: rgba(255,255,255,0.54);
	box-shadow: 0 14px 35px rgba(55,45,35,0.07);
}

/* =====================================================
   FEATURED CARD
===================================================== */
.hera-digital-service-card-featured {
	background: #ebe3d7;
	border-color: transparent;
}

.hera-digital-service-card-featured:hover {
	background: #e6dccd;
}

/* =====================================================
   NUMBER
===================================================== */
.hera-digital-service-number {
	display: block;
	margin-bottom: 28px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .14em;
	color: #9e7446;
}

/* =====================================================
   TAG
===================================================== */
.hera-digital-service-tag {
	position: absolute;
	top: 30px;
	right: 28px;
	font-size: 8px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #997044;
}

/* =====================================================
   TITLE
===================================================== */
.hera-digital-service-card h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* =====================================================
   TEXT
===================================================== */
.hera-digital-service-card p {
	margin: 17px 0 20px;
	font-size: 13px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   LIST
===================================================== */
.hera-digital-service-card ul {
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
}

.hera-digital-service-card li {
	margin-bottom: 7px;
	font-size: 12px;
	line-height: 1.45;
	color: #4f4943;
}

/* =====================================================
   LINK
===================================================== */
.hera-digital-service-card a {
	margin-top: auto;
	align-self: flex-start;
	padding-bottom: 4px;
	border-bottom: 1px solid rgba(145,104,61,0.45);
	text-decoration: none;
	font-size: 12px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-digital-service-card a:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(2px);
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-services {
		padding: 76px 32px 80px;
	}
	
	.hera-digital-services-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.hera-digital-service-card {
		min-height: 330px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-services {
		padding: 60px 18px 66px;
	}
	
	.hera-digital-services-header {
		margin-bottom: 38px;
	}
	
	.hera-digital-services-header h2 {
		font-size: 42px;
	}
	
	.hera-digital-services-header p {
		font-size: 14px;
	}
	
	.hera-digital-services-grid {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	
	.hera-digital-service-card {
		min-height: 0;
		padding: 26px 24px;
	}
	
	.hera-digital-service-number {
		margin-bottom: 22px;
	}
	
	.hera-digital-service-tag {
		top: 26px;
		right: 24px;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 5
   WENIGER AUFWAND. MEHR KLARHEIT.
===================================================== */
.hera-digital-benefit {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 96px 48px 100px;
	box-sizing: border-box;
	background: #ddd3c5;
	color: #171512;
}

/* =====================================================
   INNER
===================================================== */
.hera-digital-benefit-inner {
	width: 100%;
	max-width: 1380px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: 95px;
	align-items: center;
}

/* =====================================================
   LEFT
===================================================== */
.hera-digital-benefit-content {
	max-width: 580px;
}

.hera-digital-benefit .hera-section-eyebrow {
	display: block;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #936a3e;
}

.hera-digital-benefit-content h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

/* LEAD */
.hera-digital-benefit-lead {
	max-width: 550px;
	margin: 28px 0 0;
	font-size: 15px;
	line-height: 1.75;
	color: #554f48;
}

/* SECOND PARAGRAPH */
.hera-digital-benefit-content
p:not(.hera-digital-benefit-lead) {
	max-width: 550px;
	margin: 18px 0 0;
	font-size: 14px;
	line-height: 1.75;
	color: #665f57;
}

/* =====================================================
   LINK
===================================================== */
.hera-digital-benefit-link {
	display: inline-block;
	margin-top: 32px;
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(145,104,61,0.50);
	text-decoration: none;
	font-size: 13px;
	color: #8d683d;
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.hera-digital-benefit-link:hover {
	color: #171512;
	border-color: #171512;
	transform: translateX(3px);
}

/* =====================================================
   RIGHT STEPS
===================================================== */
.hera-digital-benefit-steps {
	width: 100%;
	border-top: 1px solid rgba(40,35,30,0.13);
}

.hera-digital-benefit-step {
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr);
	gap: 22px;
	padding: 30px 0;
	border-bottom: 1px solid rgba(40,35,30,0.13);
}

/* NUMBER */
.hera-digital-benefit-number {
	padding-top: 3px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #9e7446;
}

/* LABEL */
.hera-digital-benefit-label {
	display: block;
	margin-bottom: 8px;
	font-size: 9px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #987044;
}

/* TITLE */
.hera-digital-benefit-step h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-digital-benefit-step p {
	max-width: 520px;
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-benefit {
		padding: 76px 32px 80px;
	}
	
	.hera-digital-benefit-inner {
		gap: 55px;
	}
	
	.hera-digital-benefit-content h2 {
		font-size: 50px;
	}
	
	.hera-digital-benefit-step {
		grid-template-columns: 42px minmax(0, 1fr);
		gap: 16px;
		padding: 26px 0;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-benefit {
		padding: 60px 18px 66px;
	}
	
	.hera-digital-benefit-inner {
		display: block;
	}
	
	.hera-digital-benefit-content {
		max-width: none;
	}
	
	.hera-digital-benefit-content h2 {
		font-size: 42px;
	}
	
	.hera-digital-benefit-lead,
		  .hera-digital-benefit-content
		  p:not(.hera-digital-benefit-lead) {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-digital-benefit-steps {
		margin-top: 48px;
	}
	
	.hera-digital-benefit-step {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 12px;
		padding: 25px 0;
	}
	
	.hera-digital-benefit-step h3 {
		font-size: 23px;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 5
   ROBUSTER FINAL FIX
   GANZ ANS ENDE DES CSS SETZEN
===================================================== */
.hera-digital-benefit {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 90px 48px 96px !important;
	box-sizing: border-box !important;
	background: #ddd3c5 !important;
}

/* =====================================================
   INNER – KEIN GRID MEHR
===================================================== */
.hera-digital-benefit-inner {
	width: 100% !important;
	max-width: 1380px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 80px !important;
	box-sizing: border-box !important;
}

/* =====================================================
   LEFT SIDE
===================================================== */
.hera-digital-benefit-content {
	display: block !important;
	flex: 0 1 540px !important;
	width: 540px !important;
	max-width: 540px !important;
	min-width: 420px !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

/* EYEBROW */
.hera-digital-benefit .hera-section-eyebrow {
	display: block !important;
	width: 100% !important;
	margin: 0 0 20px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #936a3e !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
}

/* TITLE */
.hera-digital-benefit-content h2 {
	display: block !important;
	width: 100% !important;
	max-width: 540px !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 58px !important;
	line-height: 1.03 !important;
	letter-spacing: -.035em !important;
	font-weight: 400 !important;
	color: #171512 !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
}

/* TEXT */
.hera-digital-benefit-lead,
.hera-digital-benefit-content p {
	display: block !important;
	width: 100% !important;
	max-width: 520px !important;
	font-family: inherit !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

.hera-digital-benefit-lead {
	margin: 28px 0 0 !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
	color: #554f48 !important;
}

.hera-digital-benefit-content
p:not(.hera-digital-benefit-lead) {
	margin: 18px 0 0 !important;
	font-size: 14px !important;
	line-height: 1.75 !important;
	color: #665f57 !important;
}

/* LINK */
.hera-digital-benefit-link {
	display: inline-block !important;
	width: auto !important;
	margin: 32px 0 0 !important;
	padding-bottom: 5px !important;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(145,104,61,0.50) !important;
	color: #8d683d !important;
	font-size: 13px !important;
}

/* =====================================================
   RIGHT SIDE
===================================================== */
.hera-digital-benefit-steps {
	display: block !important;
	flex: 1 1 650px !important;
	width: auto !important;
	max-width: 680px !important;
	min-width: 520px !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	border-top: 1px solid rgba(40,35,30,0.13) !important;
}

/* =====================================================
   EACH STEP
===================================================== */
.hera-digital-benefit-step {
	display: flex !important;
	flex-direction: row !important;
	width: 100% !important;
	gap: 22px !important;
	padding: 28px 0 !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	border-bottom: 1px solid rgba(40,35,30,0.13) !important;
}

/* NUMBER */
.hera-digital-benefit-number {
	display: block !important;
	flex: 0 0 42px !important;
	width: 42px !important;
	padding-top: 4px !important;
	font-size: 10px !important;
	line-height: 1 !important;
	font-weight: 600 !important;
	letter-spacing: .13em !important;
	color: #9e7446 !important;
	white-space: nowrap !important;
}

/* STEP CONTENT */
.hera-digital-benefit-step > div {
	display: block !important;
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* LABEL */
.hera-digital-benefit-label {
	display: block !important;
	width: 100% !important;
	margin: 0 0 8px !important;
	font-size: 9px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #987044 !important;
	white-space: normal !important;
	word-break: keep-all !important;
}

/* STEP TITLE */
.hera-digital-benefit-step h3 {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 25px !important;
	line-height: 1.15 !important;
	font-weight: 400 !important;
	color: #171512 !important;
	white-space: normal !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
}

/* STEP TEXT */
.hera-digital-benefit-step p {
	display: block !important;
	width: 100% !important;
	max-width: 520px !important;
	margin: 10px 0 0 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	color: #625b53 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-benefit {
		padding: 76px 32px 80px !important;
	}
	
	.hera-digital-benefit-inner {
		gap: 50px !important;
	}
	
	.hera-digital-benefit-content {
		flex-basis: 430px !important;
		width: 430px !important;
		max-width: 430px !important;
		min-width: 360px !important;
	}
	
	.hera-digital-benefit-content h2 {
		font-size: 48px !important;
	}
	
	.hera-digital-benefit-steps {
		min-width: 420px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-benefit {
		padding: 60px 18px 66px !important;
	}
	
	.hera-digital-benefit-inner {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
	}
	
	.hera-digital-benefit-content {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
	}
	
	.hera-digital-benefit-content h2 {
		width: 100% !important;
		max-width: none !important;
		font-size: 42px !important;
	}
	
	.hera-digital-benefit-lead,
		  .hera-digital-benefit-content
		  p:not(.hera-digital-benefit-lead) {
		max-width: none !important;
		font-size: 14px !important;
	}
	
	.hera-digital-benefit-steps {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		margin-top: 48px !important;
	}
	
	.hera-digital-benefit-step {
		width: 100% !important;
		gap: 12px !important;
		padding: 25px 0 !important;
	}
	
	.hera-digital-benefit-number {
		flex-basis: 34px !important;
		width: 34px !important;
	}
	
	.hera-digital-benefit-step h3 {
		font-size: 23px !important;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 5
   ETWAS MEHR ZENTRIERT
===================================================== */
.hera-digital-benefit-inner {
	max-width: 1240px !important;
	margin: 0 auto !important;
	gap: 72px !important;
}

.hera-digital-benefit-content {
	flex: 0 1 520px !important;
	width: 520px !important;
	max-width: 520px !important;
	min-width: 420px !important;
}

.hera-digital-benefit-steps {
	flex: 1 1 610px !important;
	max-width: 610px !important;
	min-width: 500px !important;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-benefit-inner {
		max-width: 100% !important;
		gap: 46px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-benefit-inner {
		max-width: none !important;
	}
	
	.hera-digital-benefit-content {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
	}
	
	.hera-digital-benefit-steps {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 5
   FINAL CENTERING FIX
   GANZ ANS ENDE DES CSS SETZEN
===================================================== */
/* GESAMTEN INHALT EXAKT ZENTRIEREN */
.hera-digital-benefit-inner {
	width: min(86vw, 1240px) !important;
	max-width: 1240px !important;
	position: relative !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 72px !important;
	box-sizing: border-box !important;
}

/* LINKE SPALTE */
.hera-digital-benefit-content {
	flex: 0 0 500px !important;
	width: 500px !important;
	max-width: 500px !important;
	min-width: 500px !important;
	margin: 0 !important;
}

/* RECHTE SPALTE */
.hera-digital-benefit-steps {
	flex: 1 1 auto !important;
	width: auto !important;
	max-width: 610px !important;
	min-width: 0 !important;
	margin: 0 !important;
}

/* TITEL ETWAS KOMPAKTER */
.hera-digital-benefit-content h2 {
	max-width: 500px !important;
	font-size: 56px !important;
	line-height: 1.03 !important;
}

/* TEXTBREITE */
.hera-digital-benefit-lead,
.hera-digital-benefit-content p:not(.hera-digital-benefit-lead) {
	max-width: 480px !important;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-benefit-inner {
		width: calc(100vw - 64px) !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		gap: 48px !important;
	}
	
	.hera-digital-benefit-content {
		flex: 0 0 42% !important;
		width: 42% !important;
		max-width: 42% !important;
		min-width: 0 !important;
	}
	
	.hera-digital-benefit-steps {
		flex: 1 1 58% !important;
		max-width: none !important;
	}
	
	.hera-digital-benefit-content h2 {
		font-size: 48px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-benefit-inner {
		width: calc(100vw - 36px) !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		display: block !important;
	}
	
	.hera-digital-benefit-content {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		flex: none !important;
	}
	
	.hera-digital-benefit-steps {
		width: 100% !important;
		max-width: none !important;
		margin-top: 48px !important;
	}
	
	.hera-digital-benefit-content h2 {
		max-width: none !important;
		font-size: 42px !important;
	}
	
	.hera-digital-benefit-lead,
		  .hera-digital-benefit-content p:not(.hera-digital-benefit-lead) {
		max-width: none !important;
	}
}

/* =====================================================
   HERA DIGITAL – BLOCK 5
   FINAL CENTER FIX
   GANZ ANS ENDE DES CSS SETZEN
===================================================== */
/* =====================================================
   GANZER BLOCK
===================================================== */
.hera-digital-benefit {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 90px 48px 96px !important;
	box-sizing: border-box !important;
	background: #ddd3c5 !important;
	color: #171512 !important;
/* WICHTIG:
     Der Aussenblock zentriert jetzt den Inhalt */
	display: flex !important;
	justify-content: center !important;
}

/* =====================================================
   INNER CONTAINER
===================================================== */
.hera-digital-benefit-inner {
	width: 100% !important;
	max-width: 1240px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	left: auto !important;
	right: auto !important;
	transform: none !important;
	display: grid !important;
	grid-template-columns: minmax(0, 500px) minmax(0, 610px) !important;
	justify-content: center !important;
	column-gap: 90px !important;
	align-items: center !important;
	box-sizing: border-box !important;
}

/* =====================================================
   LINKE SPALTE
===================================================== */
.hera-digital-benefit-content {
	display: block !important;
	width: 100% !important;
	max-width: 500px !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	transform: none !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* =====================================================
   EYEBROW
===================================================== */
.hera-digital-benefit .hera-section-eyebrow {
	display: block !important;
	width: 100% !important;
	margin: 0 0 20px !important;
	padding: 0 !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #936a3e !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* =====================================================
   HAUPTTITEL
===================================================== */
.hera-digital-benefit-content h2 {
	display: block !important;
	width: 100% !important;
	max-width: 500px !important;
	margin: 0 !important;
	padding: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 56px !important;
	line-height: 1.03 !important;
	letter-spacing: -.035em !important;
	font-weight: 400 !important;
	color: #171512 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* =====================================================
   LEAD TEXT
===================================================== */
.hera-digital-benefit-lead {
	display: block !important;
	width: 100% !important;
	max-width: 480px !important;
	margin: 28px 0 0 !important;
	padding: 0 !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
	color: #554f48 !important;
	white-space: normal !important;
	word-break: normal !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* =====================================================
   ZWEITER ABSATZ
===================================================== */
.hera-digital-benefit-content
p:not(.hera-digital-benefit-lead) {
	display: block !important;
	width: 100% !important;
	max-width: 480px !important;
	margin: 18px 0 0 !important;
	padding: 0 !important;
	font-size: 14px !important;
	line-height: 1.75 !important;
	color: #665f57 !important;
	white-space: normal !important;
	word-break: normal !important;
}

/* =====================================================
   LINK
===================================================== */
.hera-digital-benefit-link {
	display: inline-block !important;
	width: auto !important;
	margin: 32px 0 0 !important;
	padding: 0 0 5px !important;
	border-bottom: 1px solid rgba(145,104,61,0.50) !important;
	text-decoration: none !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	color: #8d683d !important;
}

/* =====================================================
   RECHTE SPALTE
===================================================== */
.hera-digital-benefit-steps {
	display: block !important;
	width: 100% !important;
	max-width: 610px !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	transform: none !important;
	border-top: 1px solid rgba(40,35,30,0.13) !important;
	box-sizing: border-box !important;
}

/* =====================================================
   EINZELNER STEP
===================================================== */
.hera-digital-benefit-step {
	display: grid !important;
	grid-template-columns: 42px minmax(0, 1fr) !important;
	width: 100% !important;
	gap: 20px !important;
	margin: 0 !important;
	padding: 28px 0 !important;
	box-sizing: border-box !important;
	border-bottom: 1px solid rgba(40,35,30,0.13) !important;
}

/* NUMMER */
.hera-digital-benefit-number {
	display: block !important;
	width: 42px !important;
	padding-top: 4px !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .13em !important;
	color: #9e7446 !important;
	white-space: nowrap !important;
}

/* STEP CONTENT */
.hera-digital-benefit-step > div {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* LABEL */
.hera-digital-benefit-label {
	display: block !important;
	margin: 0 0 8px !important;
	font-size: 9px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #987044 !important;
	white-space: normal !important;
}

/* STEP TITLE */
.hera-digital-benefit-step h3 {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 25px !important;
	line-height: 1.15 !important;
	font-weight: 400 !important;
	color: #171512 !important;
	white-space: normal !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
}

/* STEP TEXT */
.hera-digital-benefit-step p {
	display: block !important;
	width: 100% !important;
	max-width: 520px !important;
	margin: 10px 0 0 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	color: #625b53 !important;
	white-space: normal !important;
	word-break: normal !important;
}

/* =====================================================
   IPAD / TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-digital-benefit {
		padding: 76px 32px 80px !important;
	}
	
	.hera-digital-benefit-inner {
		max-width: 980px !important;
		grid-template-columns: minmax(0, 400px) minmax(0, 500px) !important;
		column-gap: 55px !important;
	}
	
	.hera-digital-benefit-content {
		max-width: 400px !important;
	}
	
	.hera-digital-benefit-content h2 {
		max-width: 400px !important;
		font-size: 48px !important;
	}
	
	.hera-digital-benefit-steps {
		max-width: 500px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-digital-benefit {
		padding: 60px 18px 66px !important;
		display: block !important;
	}
	
	.hera-digital-benefit-inner {
		width: 100% !important;
		max-width: none !important;
		display: block !important;
		margin: 0 auto !important;
		transform: none !important;
	}
	
	.hera-digital-benefit-content {
		width: 100% !important;
		max-width: none !important;
	}
	
	.hera-digital-benefit-content h2 {
		width: 100% !important;
		max-width: none !important;
		font-size: 42px !important;
	}
	
	.hera-digital-benefit-lead,
		  .hera-digital-benefit-content
		  p:not(.hera-digital-benefit-lead) {
		max-width: none !important;
		font-size: 14px !important;
	}
	
	.hera-digital-benefit-steps {
		width: 100% !important;
		max-width: none !important;
		margin-top: 48px !important;
	}
	
	.hera-digital-benefit-step {
		grid-template-columns: 34px minmax(0, 1fr) !important;
		gap: 12px !important;
		padding: 25px 0 !important;
	}
	
	.hera-digital-benefit-number {
		width: 34px !important;
	}
	
	.hera-digital-benefit-step h3 {
		font-size: 23px !important;
	}
}

/* =====================================================
   HERA HEADER – WORDPRESS TOP SPACE FIX
   GANZ ANS ENDE DES CSS SETZEN
===================================================== */
/* HEADER SELBST */
.hera-header-new {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	height: auto !important;
	min-height: 0 !important;
}

/* HEADER INNER */
.hera-header-inner-new {
	height: 88px !important;
	min-height: 88px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	align-items: center !important;
}

/* =====================================================
   WORDPRESS CUSTOM HTML / GROUP WRAPPER
===================================================== */
/* Custom HTML Block */
.wp-block-html:has(.hera-header-new) {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	min-height: 0 !important;
}

/* WordPress Gruppe um den Header */
.wp-block-group:has(.hera-header-new) {
	margin-top: 0 !important;
	padding-top: 0 !important;
	min-height: 0 !important;
}

/* Möglicher WordPress Cover-/Container-Block */
.wp-block-cover:has(.hera-header-new),
.wp-block-columns:has(.hera-header-new),
.wp-block-column:has(.hera-header-new) {
	margin-top: 0 !important;
	padding-top: 0 !important;
	min-height: 0 !important;
}

/* =====================================================
   ERSTER BLOCK DER SEITE
===================================================== */
.entry-content > :first-child:has(.hera-header-new),
.wp-site-blocks > :first-child:has(.hera-header-new) {
	margin-top: 0 !important;
	padding-top: 0 !important;
	min-height: 0 !important;
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-header-inner-new {
		height: 76px !important;
		min-height: 76px !important;
	}
}

/* =====================================================
   WORDPRESS PAGE TOP GAP – FALLBACK
===================================================== */
body .wp-site-blocks {
	padding-top: 0 !important;
}

body main {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

body .entry-content {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* =====================================================
   HERA ABOUT – HERO
   ANGEPASST AN DIE NEUEN UNTERSEITEN
===================================================== */
.hera-about-hero {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 88px 48px 92px !important;
	box-sizing: border-box !important;
	background: #f2efe9 !important;
	color: #171512 !important;
}

/* =====================================================
   INNER
===================================================== */
.hera-about-hero-inner {
	width: 100% !important;
	max-width: 1380px !important;
	margin: 0 auto !important;
	display: grid !important;
	grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr) !important;
	gap: 78px !important;
	align-items: center !important;
	box-sizing: border-box !important;
}

/* =====================================================
   LEFT CONTENT
===================================================== */
.hera-about-hero-content {
	width: 100% !important;
	max-width: 530px !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* EYEBROW */
.hera-about-eyebrow {
	display: block !important;
	margin: 0 0 22px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #a77d49 !important;
}

/* =====================================================
   HEADING
===================================================== */
.hera-about-hero-content h1 {
	width: 100% !important;
	max-width: 530px !important;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(50px, 4.2vw, 64px) !important;
	line-height: 1.02 !important;
	letter-spacing: -.035em !important;
	font-weight: 400 !important;
	color: #171512 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
}

/* =====================================================
   LEAD TEXT
===================================================== */
.hera-about-lead {
	width: 100% !important;
	max-width: 500px !important;
	margin: 28px 0 0 !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
	color: #5f5952 !important;
}

/* =====================================================
   BUTTONS
===================================================== */
.hera-about-actions {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	margin-top: 34px !important;
}

.hera-about-actions a {
	text-decoration: none !important;
}

/* PRIMARY */
.hera-about-actions .hera-button-primary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 155px !important;
	padding: 15px 25px !important;
	border: 1px solid #111 !important;
	border-radius: 999px !important;
	background: #111 !important;
	color: #fff !important;
	font-size: 13px !important;
	line-height: 1 !important;
}

/* SECONDARY */
.hera-about-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 140px !important;
	padding: 14px 24px !important;
	border: 1px solid #b8905b !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: #25211d !important;
	font-size: 13px !important;
	line-height: 1 !important;
}

/* =====================================================
   RIGHT IMAGE AREA
===================================================== */
.hera-about-hero-visual {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	max-width: none !important;
	height: 560px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
}

/* IMAGE WRAPPER */
.hera-about-hero-image-main {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	overflow: hidden !important;
	border-radius: 16px !important;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06) !important;
}

/* IMAGE */
.hera-about-hero-image-main img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: 52% center !important;
	margin: 0 !important;
	transform: none !important;
}

/* ALTE DEKORATIONEN / OVERLAYS ENTFERNEN */
.hera-about-hero-visual::before,
.hera-about-hero-visual::after,
.hera-about-hero-image-main::before,
.hera-about-hero-image-main::after {
	display: none !important;
}

/* =====================================================
   TABLET / IPAD
===================================================== */
@media (max-width: 1100px) {
	.hera-about-hero {
		padding: 76px 32px 78px !important;
	}
	
	.hera-about-hero-inner {
		grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr) !important;
		gap: 50px !important;
	}
	
	.hera-about-hero-content h1 {
		font-size: 50px !important;
	}
	
	.hera-about-hero-visual {
		height: 500px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-about-hero {
		padding: 60px 18px 62px !important;
	}
	
	.hera-about-hero-inner {
		display: flex !important;
		flex-direction: column !important;
		gap: 42px !important;
	}
	
	.hera-about-hero-content {
		width: 100% !important;
		max-width: none !important;
	}
	
	.hera-about-hero-content h1 {
		width: 100% !important;
		max-width: none !important;
		font-size: 42px !important;
		line-height: 1.04 !important;
	}
	
	.hera-about-lead {
		max-width: none !important;
		font-size: 14px !important;
	}
	
	.hera-about-actions {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 11px !important;
		margin-top: 30px !important;
	}
	
	.hera-about-actions .hera-button-primary,
	  .hera-about-actions .hera-button-secondary {
		width: 100% !important;
		min-width: 0 !important;
		min-height: 48px !important;
	}
	
	.hera-about-hero-visual {
		width: 100% !important;
		height: 390px !important;
	}
	
	.hera-about-hero-image-main {
		border-radius: 12px !important;
	}
	
	.hera-about-hero-image-main img {
		object-position: 51% center !important;
	}
}

/* =====================================================
   HERA ABOUT – BLOCK 2 STORY
===================================================== */
.hera-about-story {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 88px 48px 96px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* INNER */
.hera-about-story-inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
	gap: 90px;
	align-items: start;
}

/* =====================================================
   LEFT
===================================================== */
.hera-about-story-content {
	max-width: 540px;
}

.hera-about-story .hera-section-eyebrow {
	display: block;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

.hera-about-story-content h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(46px, 4vw, 62px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

.hera-about-story-lead {
	margin: 28px 0 0;
	max-width: 520px;
	font-size: 15px;
	line-height: 1.75;
	color: #554f48;
}

.hera-about-story-content
p:not(.hera-about-story-lead) {
	margin: 18px 0 0;
	max-width: 520px;
	font-size: 14px;
	line-height: 1.75;
	color: #665f57;
}

/* =====================================================
   RIGHT STEPS
===================================================== */
.hera-about-story-steps {
	width: 100%;
	border-top: 1px solid rgba(40,35,30,0.13);
}

.hera-about-story-step {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	gap: 20px;
	padding: 28px 0;
	border-bottom: 1px solid rgba(40,35,30,0.13);
}

.hera-about-story-number {
	padding-top: 4px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: .13em;
	color: #9e7446;
}

.hera-about-story-label {
	display: block;
	margin-bottom: 8px;
	font-size: 9px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #987044;
}

.hera-about-story-step h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	line-height: 1.15;
	font-weight: 400;
	color: #171512;
}

.hera-about-story-step p {
	max-width: 520px;
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1.65;
	color: #625b53;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-about-story {
		padding: 76px 32px 80px;
	}
	
	.hera-about-story-inner {
		max-width: 980px;
		gap: 55px;
	}
	
	.hera-about-story-content h2 {
		font-size: 50px;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-about-story {
		padding: 60px 18px 66px;
	}
	
	.hera-about-story-inner {
		display: block;
		max-width: none;
	}
	
	.hera-about-story-content {
		max-width: none;
	}
	
	.hera-about-story-content h2 {
		font-size: 42px;
	}
	
	.hera-about-story-lead,
	  .hera-about-story-content
	  p:not(.hera-about-story-lead) {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-about-story-steps {
		margin-top: 48px;
	}
	
	.hera-about-story-step {
		grid-template-columns: 36px minmax(0, 1fr);
		gap: 12px;
		padding: 25px 0;
	}
	
	.hera-about-story-step h3 {
		font-size: 23px;
	}
}

/* =====================================================
   HERA ABOUT – TEAM BLOCK
   STIMMIG ZU DEN ANDEREN UNTERSEITEN
===================================================== */
.hera-about-team {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 88px 48px 96px !important;
	box-sizing: border-box !important;
	background: #f2efe9 !important;
	color: #171512 !important;
}

/* =====================================================
   INNER
===================================================== */
.hera-about-section-inner {
	width: 100% !important;
	max-width: 1240px !important;
	margin: 0 auto !important;
	box-sizing: border-box !important;
}

/* =====================================================
   SECTION HEADER
===================================================== */
.hera-about-team > .hera-about-section-inner > .hera-section-eyebrow {
	display: block !important;
	margin: 0 0 20px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #a77d49 !important;
}

.hera-about-team > .hera-about-section-inner > h2 {
	max-width: 760px !important;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(46px, 4vw, 62px) !important;
	line-height: 1.02 !important;
	letter-spacing: -.035em !important;
	font-weight: 400 !important;
	color: #171512 !important;
}

.hera-about-team-intro {
	max-width: 650px !important;
	margin: 26px 0 0 !important;
	font-size: 15px !important;
	line-height: 1.75 !important;
	color: #625b53 !important;
}

/* =====================================================
   PERSON BLOCK
===================================================== */
.hera-about-person {
	width: 100% !important;
	display: grid !important;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
	gap: 78px !important;
	align-items: center !important;
	margin-top: 78px !important;
}

/* =====================================================
   PERSON IMAGE
===================================================== */
.hera-about-person-image {
	width: 100% !important;
	height: 560px !important;
	margin: 0 !important;
	overflow: hidden !important;
	border-radius: 16px !important;
	box-shadow: 0 18px 45px rgba(35, 30, 25, 0.06) !important;
	background: #e8e1d7 !important;
}

.hera-about-person-image img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	object-fit: cover !important;
	transform: none !important;
}

/* Yasmina */
.hera-about-person-image-left img {
	object-position: center 18% !important;
}

/* Carlos */
.hera-about-person-image-right img {
	object-position: center 16% !important;
}

/* =====================================================
   PERSON CONTENT
===================================================== */
.hera-about-person-content {
	width: 100% !important;
	max-width: 540px !important;
}

.hera-about-person-role {
	display: block !important;
	margin-bottom: 14px !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: .15em !important;
	text-transform: uppercase !important;
	color: #9d7447 !important;
}

.hera-about-person-content h3 {
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 38px !important;
	line-height: 1.08 !important;
	font-weight: 400 !important;
	color: #171512 !important;
}

.hera-about-person-lead {
	margin: 22px 0 0 !important;
	font-size: 16px !important;
	line-height: 1.65 !important;
	color: #4f4943 !important;
}

.hera-about-person-content p:not(.hera-about-person-lead) {
	margin: 16px 0 0 !important;
	font-size: 14px !important;
	line-height: 1.75 !important;
	color: #665f57 !important;
}

/* =====================================================
   EXPERTISE TAGS
===================================================== */
.hera-about-expertise {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 9px !important;
	margin-top: 26px !important;
}

.hera-about-expertise span {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 32px !important;
	padding: 7px 13px !important;
	box-sizing: border-box !important;
	border: 1px solid rgba(166, 123, 71, 0.35) !important;
	border-radius: 999px !important;
	background: rgba(255,255,255,0.26) !important;
	font-size: 11px !important;
	line-height: 1.2 !important;
	color: #514a43 !important;
}

/* =====================================================
   LANGUAGES
===================================================== */
.hera-about-languages {
	display: grid !important;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
	gap: 78px !important;
	margin-top: 96px !important;
	padding-top: 60px !important;
	border-top: 1px solid rgba(40,35,30,0.13) !important;
}

.hera-about-languages-heading h3 {
	margin: 14px 0 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 36px !important;
	line-height: 1.08 !important;
	font-weight: 400 !important;
	color: #171512 !important;
}

.hera-about-languages-content p {
	max-width: 560px !important;
	margin: 0 !important;
	font-size: 14px !important;
	line-height: 1.75 !important;
	color: #625b53 !important;
}

.hera-about-language-list {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 9px !important;
	margin-top: 24px !important;
}

.hera-about-language-list span {
	padding: 7px 13px !important;
	border: 1px solid rgba(166,123,71,0.35) !important;
	border-radius: 999px !important;
	font-size: 11px !important;
	color: #514a43 !important;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-about-team {
		padding: 76px 32px 80px !important;
	}
	
	.hera-about-section-inner {
		max-width: 980px !important;
	}
	
	.hera-about-person {
		gap: 50px !important;
		margin-top: 66px !important;
	}
	
	.hera-about-person-image {
		height: 500px !important;
		border-radius: 14px !important;
	}
	
	.hera-about-person-content h3 {
		font-size: 34px !important;
	}
	
	.hera-about-languages {
		gap: 50px !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-about-team {
		padding: 60px 18px 66px !important;
	}
	
	.hera-about-team > .hera-about-section-inner > h2 {
		font-size: 42px !important;
	}
	
	.hera-about-team-intro {
		font-size: 14px !important;
	}
	
	.hera-about-person,
	  .hera-about-person-reverse {
		display: flex !important;
		flex-direction: column !important;
		gap: 32px !important;
		margin-top: 54px !important;
	}
	
	/*
	   Carlos hat im HTML zuerst Text und dann Bild.
	   Mobile wollen wir bei beiden Personen zuerst das Bild.
	  */
	.hera-about-person-reverse
	  .hera-about-person-image {
		order: -1 !important;
	}
	
	.hera-about-person-image {
		width: 100% !important;
		height: 430px !important;
		border-radius: 12px !important;
	}
	
	.hera-about-person-content {
		max-width: none !important;
	}
	
	.hera-about-person-content h3 {
		font-size: 32px !important;
	}
	
	.hera-about-person-lead {
		font-size: 15px !important;
	}
	
	.hera-about-person-content p:not(.hera-about-person-lead) {
		font-size: 14px !important;
	}
	
	.hera-about-languages {
		display: block !important;
		margin-top: 68px !important;
		padding-top: 48px !important;
	}
	
	.hera-about-languages-content {
		margin-top: 28px !important;
	}
	
	.hera-about-languages-heading h3 {
		font-size: 32px !important;
	}
}

/* =====================================================
   HERA ABOUT – VALUES BLOCK
   PERSÖNLICH. PRÄZISE. VORAUSSCHAUEND.
===================================================== */
.hera-about-values {
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	padding: 88px 48px 96px !important;
	box-sizing: border-box !important;
	background: #ddd3c5 !important;
	color: #171512 !important;
}

/* =====================================================
   INNER
===================================================== */
.hera-about-values .hera-about-section-inner {
	width: 100% !important;
	max-width: 1240px !important;
	margin: 0 auto !important;
	box-sizing: border-box !important;
}

/* =====================================================
   HEADER
===================================================== */
.hera-about-values .hera-section-eyebrow {
	display: block !important;
	margin: 0 0 20px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	color: #936a3e !important;
}

.hera-about-values h2 {
	max-width: 760px !important;
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(46px, 4vw, 62px) !important;
	line-height: 1.02 !important;
	letter-spacing: -.035em !important;
	font-weight: 400 !important;
	color: #171512 !important;
}

/* =====================================================
   VALUES GRID
===================================================== */
.hera-about-values-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 0 !important;
	margin-top: 58px !important;
	border-top: 1px solid rgba(40, 35, 30, 0.13) !important;
	border-bottom: 1px solid rgba(40, 35, 30, 0.13) !important;
}

/* =====================================================
   VALUE
===================================================== */
.hera-about-value {
	position: relative !important;
	min-height: 270px !important;
	padding: 30px 28px 32px !important;
	box-sizing: border-box !important;
	border-right: 1px solid rgba(40, 35, 30, 0.12) !important;
}

.hera-about-value:last-child {
	border-right: 0 !important;
}

/* NUMBER */
.hera-about-value > span {
	display: block !important;
	margin-bottom: 28px !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: .14em !important;
	color: #9e7446 !important;
}

/* TITLE */
.hera-about-value h3 {
	margin: 0 !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 25px !important;
	line-height: 1.15 !important;
	font-weight: 400 !important;
	color: #171512 !important;
}

/* TEXT */
.hera-about-value p {
	margin: 18px 0 0 !important;
	font-size: 13px !important;
	line-height: 1.7 !important;
	color: #625b53 !important;
}

/* =====================================================
   SUBTLE HOVER
===================================================== */
.hera-about-value {
	transition: background .25s ease, transform .25s ease !important;
}

.hera-about-value:hover {
	background: rgba(255,255,255,0.20) !important;
	transform: translateY(-2px) !important;
}

/* =====================================================
   TABLET
===================================================== */
@media (max-width: 1100px) {
	.hera-about-values {
		padding: 76px 32px 80px !important;
	}
	
	.hera-about-values .hera-about-section-inner {
		max-width: 980px !important;
	}
	
	.hera-about-values-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	
	.hera-about-value {
		min-height: 230px !important;
		border-bottom: 1px solid rgba(40, 35, 30, 0.12) !important;
	}
	
	.hera-about-value:nth-child(2n) {
		border-right: 0 !important;
	}
	
	.hera-about-value:nth-last-child(-n+2) {
		border-bottom: 0 !important;
	}
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-about-values {
		padding: 60px 18px 66px !important;
	}
	
	.hera-about-values h2 {
		font-size: 42px !important;
	}
	
	.hera-about-values-grid {
		display: block !important;
		margin-top: 40px !important;
	}
	
	.hera-about-value {
		min-height: 0 !important;
		padding: 26px 4px !important;
		border-right: 0 !important;
		border-bottom: 1px solid rgba(40, 35, 30, 0.12) !important;
	}
	
	.hera-about-value:last-child {
		border-bottom: 0 !important;
	}
	
	.hera-about-value > span {
		margin-bottom: 16px !important;
	}
	
	.hera-about-value h3 {
		font-size: 23px !important;
	}
	
	.hera-about-value p {
		font-size: 13px !important;
	}
}

/* =====================================================
   HERA ABOUT – CTA
===================================================== */
.hera-about-cta {
	width: 100vw;
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 96px 48px 100px;
	box-sizing: border-box;
	background: #f2efe9;
	color: #171512;
}

/* INNER */
.hera-about-cta-inner {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	text-align: center;
}

/* EYEBROW */
.hera-about-cta .hera-section-eyebrow {
	display: block;
	margin-bottom: 20px;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #a77d49;
}

/* TITLE */
.hera-about-cta h2 {
	max-width: 760px;
	margin: 0 auto;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(48px, 4.2vw, 64px);
	line-height: 1.02;
	letter-spacing: -.035em;
	font-weight: 400;
	color: #171512;
}

/* TEXT */
.hera-about-cta p {
	max-width: 600px;
	margin: 28px auto 0;
	font-size: 15px;
	line-height: 1.75;
	color: #625b53;
}

/* BUTTON */
.hera-about-cta .hera-button-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 34px;
	min-width: 220px;
	padding: 15px 28px;
	box-sizing: border-box;
	border: 1px solid #111;
	border-radius: 999px;
	background: #111;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	line-height: 1;
	transition: background .2s ease, transform .2s ease;
}

.hera-about-cta .hera-button-primary:hover {
	background: #292622;
	transform: translateY(-1px);
}

/* =====================================================
   MOBILE
===================================================== */
@media (max-width: 767px) {
	.hera-about-cta {
		padding: 60px 18px 66px;
	}
	
	.hera-about-cta h2 {
		font-size: 42px;
	}
	
	.hera-about-cta p {
		max-width: none;
		font-size: 14px;
	}
	
	.hera-about-cta .hera-button-primary {
		width: 100%;
		min-width: 0;
		min-height: 48px;
	}
}

/* =====================================================
   HERA ABOUT HERO – ERSTGESPRÄCH GOLD BUTTON
===================================================== */
.hera-about-actions .hera-button-secondary {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 150px !important;
	padding: 14px 26px !important;
	box-sizing: border-box !important;
	border: 1.5px solid #b58b55 !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: #2b2723 !important;
	text-decoration: none !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1 !important;
	box-shadow: none !important;
	transition: background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease !important;
}

.hera-about-actions .hera-button-secondary:hover {
	background: #b58b55 !important;
	color: #fff !important;
	border-color: #b58b55 !important;
	transform: translateY(-1px) !important;
}/* =========================================================
   HERA INSIGHTS / WISSEN
   COMPLETE OVERRIDE
========================================================= */

.ha-wissen-modern {
  width: 100vw !important;
  max-width: none !important;

  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;

  padding: 92px 48px 110px !important;

  box-sizing: border-box !important;

  background: #f2efe9 !important;
  color: #171512 !important;
}


/* =========================================================
   INTRO
========================================================= */

.ha-wissen-intro {
  width: 100% !important;
  max-width: 1240px !important;

  margin: 0 auto 70px !important;
}


.ha-wissen-kicker {
  margin: 0 0 18px !important;

  font-size: 11px !important;
  font-weight: 600 !important;

  line-height: 1 !important;

  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;

  color: #a77d49 !important;
}


.ha-wissen-intro h1 {
  max-width: 820px !important;

  margin: 0 !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: clamp(48px, 4vw, 64px) !important;

  line-height: 1.03 !important;

  letter-spacing: -0.035em !important;

  font-weight: 400 !important;

  color: #171512 !important;
}


.ha-wissen-intro > p:not(.ha-wissen-kicker) {
  max-width: 680px !important;

  margin: 26px 0 0 !important;

  font-size: 15px !important;

  line-height: 1.75 !important;

  color: #625b53 !important;
}


/* =========================================================
   MAIN LAYOUT
========================================================= */

.ha-wissen-layout {
  width: 100% !important;
  max-width: 1240px !important;

  margin: 0 auto !important;

  display: grid !important;

  grid-template-columns:
    150px
    minmax(0, 1fr) !important;

  gap: 70px !important;

  align-items: start !important;
}


/* =========================================================
   TIMELINE
========================================================= */

.ha-wissen-timeline {
  position: sticky !important;
  top: 120px !important;

  display: flex !important;
  flex-direction: column !important;

  gap: 0 !important;

  padding-left: 20px !important;

  border-left:
    1px solid rgba(40, 35, 30, 0.16) !important;
}


.ha-wissen-timeline span {
  position: relative !important;

  display: block !important;

  padding: 12px 0 !important;

  font-size: 13px !important;

  line-height: 1.2 !important;

  color: #857b71 !important;
}


.ha-wissen-timeline span.active {
  font-weight: 600 !important;

  color: #171512 !important;
}


.ha-wissen-timeline span.active::before {
  content: "" !important;

  position: absolute !important;

  width: 7px !important;
  height: 7px !important;

  left: -24px !important;
  top: 50% !important;

  transform: translateY(-50%) !important;

  border-radius: 50% !important;

  background: #a77d49 !important;
}


/* =========================================================
   POSTS
========================================================= */

.ha-wissen-posts {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap: 22px !important;
}


/* =========================================================
   CARD
========================================================= */

.ha-wissen-card {
  position: relative !important;

  display: flex !important;
  flex-direction: column !important;

  min-height: 340px !important;

  padding: 34px 34px 32px !important;

  box-sizing: border-box !important;

  background: rgba(255,255,255,0.32) !important;

  border:
    1px solid rgba(50, 43, 36, 0.11) !important;

  border-radius: 14px !important;

  transition:
    transform 0.25s ease,
    background 0.25s ease !important;
}


.ha-wissen-card:hover {
  transform: translateY(-3px) !important;

  background: rgba(255,255,255,0.50) !important;
}


/* FEATURE FIRST CARD */

.ha-wissen-card:first-child {
  grid-column: span 2 !important;

  min-height: 390px !important;

  padding: 44px !important;

  background: #e8dfd1 !important;
}


/* =========================================================
   META
========================================================= */

.ha-card-meta {
  display: flex !important;

  align-items: center !important;
  justify-content: space-between !important;

  gap: 20px !important;

  margin-bottom: 34px !important;
}


.ha-card-meta span {
  font-size: 10px !important;
  font-weight: 600 !important;

  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;

  color: #a77d49 !important;
}


.ha-card-meta small {
  font-size: 11px !important;

  color: #81776d !important;
}


/* =========================================================
   TITLE
========================================================= */

.ha-wissen-card h2 {
  max-width: 760px !important;

  margin: 0 !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size: 30px !important;

  line-height: 1.12 !important;

  letter-spacing: -0.02em !important;

  font-weight: 400 !important;

  color: #171512 !important;
}


.ha-wissen-card:first-child h2 {
  max-width: 850px !important;

  font-size: 42px !important;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.ha-wissen-card > p {
  max-width: 680px !important;

  margin: 20px 0 0 !important;

  font-size: 14px !important;

  line-height: 1.7 !important;

  color: #625b53 !important;
}


/* =========================================================
   READ ARTICLE LINK
========================================================= */

.ha-wissen-card > a {
  width: fit-content !important;

  margin-top: auto !important;
  padding-top: 30px !important;

  font-size: 12px !important;

  line-height: 1.2 !important;

  text-decoration: none !important;

  color: #9c7040 !important;

  border-bottom:
    1px solid rgba(156,112,64,0.5) !important;

  transition:
    color 0.2s ease,
    border-color 0.2s ease !important;
}


.ha-wissen-card > a:hover {
  color: #171512 !important;

  border-color: #171512 !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

  .ha-wissen-modern {
    padding:
      78px
      32px
      90px !important;
  }


  .ha-wissen-layout {
    grid-template-columns:
      110px
      minmax(0, 1fr) !important;

    gap: 45px !important;
  }


  .ha-wissen-card h2 {
    font-size: 27px !important;
  }


  .ha-wissen-card:first-child h2 {
    font-size: 38px !important;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

  .ha-wissen-modern {
    padding:
      58px
      18px
      70px !important;
  }


  .ha-wissen-intro {
    margin-bottom: 42px !important;
  }


  .ha-wissen-intro h1 {
    font-size: 42px !important;

    line-height: 1.04 !important;
  }


  .ha-wissen-intro > p:not(.ha-wissen-kicker) {
    font-size: 14px !important;
  }


  .ha-wissen-layout {
    display: block !important;
  }


  /* TIMELINE MOBILE */

  .ha-wissen-timeline {
    position: static !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;

    gap: 8px 20px !important;

    margin-bottom: 34px !important;

    padding: 0 0 18px !important;

    border-left: 0 !important;

    border-bottom:
      1px solid rgba(40,35,30,0.14) !important;
  }


  .ha-wissen-timeline span {
    padding: 0 !important;

    font-size: 12px !important;
  }


  .ha-wissen-timeline span.active::before {
    display: none !important;
  }


  /* POSTS */

  .ha-wissen-posts {
    display: block !important;
  }


  .ha-wissen-card,
  .ha-wissen-card:first-child {
    width: 100% !important;

    min-height: 0 !important;

    margin-bottom: 18px !important;

    padding: 28px 24px !important;

    border-radius: 12px !important;
  }


  .ha-wissen-card:first-child {
    grid-column: auto !important;
  }


  .ha-card-meta {
    margin-bottom: 24px !important;
  }


  .ha-wissen-card h2,
  .ha-wissen-card:first-child h2 {
    font-size: 28px !important;

    line-height: 1.1 !important;
  }


  .ha-wissen-card > p {
    font-size: 14px !important;
  }


  .ha-wissen-card > a {
    margin-top: 28px !important;

    padding-top: 0 !important;
  }

}/* =====================================================
   HERA HOME HERO – INITIAL CONSULTATION
   GOLD OUTLINE BUTTON
===================================================== */

.hera-home-actions .hera-button-secondary {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  min-width: 165px !important;

  padding: 14px 26px !important;

  box-sizing: border-box !important;

  background: transparent !important;

  border: 1.5px solid #b58b55 !important;
  border-radius: 999px !important;

  color: #2b2723 !important;

  text-decoration: none !important;

  font-size: 13px !important;
  font-weight: 500 !important;

  line-height: 1 !important;

  box-shadow: none !important;

  transition:
    background 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease !important;
}


.hera-home-actions .hera-button-secondary:hover {
  background: #b58b55 !important;

  border-color: #b58b55 !important;

  color: #ffffff !important;

  transform: translateY(-1px) !important;
}


/* MOBILE */

@media (max-width: 767px) {

  .hera-home-actions .hera-button-secondary {
    min-height: 48px !important;
  }

}/* =====================================================
   HERA LANGUAGE SWITCHER – FINAL FIX
===================================================== */


/* =====================================================
   DESKTOP
===================================================== */

.hera-language-switcher {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
}


/* DE + Pfeil */
.hera-language-switcher > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 4px !important;

  margin: 0 !important;
  padding: 8px 4px !important;

  list-style: none !important;
  list-style-type: none !important;

  cursor: pointer !important;

  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em !important;

  color: #403a34 !important;
}


/* Browser-Pfeil entfernen */
.hera-language-switcher > summary::-webkit-details-marker {
  display: none !important;
}

.hera-language-switcher > summary::marker {
  content: "" !important;
  font-size: 0 !important;
}

.hera-language-switcher > summary::before {
  display: none !important;
  content: none !important;
}


/* eigener Pfeil */
.hera-language-switcher > summary span {
  display: inline-block !important;

  margin: 0 !important;
  padding: 0 !important;

  font-size: 8px !important;
  line-height: 1 !important;

  color: #a77d49 !important;

  transition: transform 0.2s ease !important;
}


.hera-language-switcher[open] > summary span {
  transform: rotate(180deg) !important;
}



/* =====================================================
   DESKTOP DROPDOWN
===================================================== */

.hera-language-menu {
  position: absolute !important;

  top: calc(100% + 8px) !important;
  left: 50% !important;

  transform: translateX(-50%) !important;

  z-index: 99999 !important;

  min-width: 68px !important;
  width: 68px !important;

  padding: 6px !important;

  box-sizing: border-box !important;

  background: #f2efe9 !important;

  border: 1px solid rgba(40, 35, 30, 0.12) !important;
  border-radius: 8px !important;

  box-shadow: 0 12px 28px rgba(35, 30, 25, 0.10) !important;
}


/* WICHTIG:
   verhindert, dass allgemeine Header-Link-Regeln
   die Sprachlinks vergrössern
*/
.hera-header-new .hera-language-menu a {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 7px 4px !important;

  box-sizing: border-box !important;

  text-align: center !important;
  text-decoration: none !important;

  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;

  color: #514a43 !important;

  border: 0 !important;
  border-radius: 5px !important;
}


.hera-header-new .hera-language-menu a:hover {
  background: rgba(181, 139, 85, 0.10) !important;
}


.hera-header-new .hera-language-menu a.active {
  color: #a77d49 !important;
  font-weight: 600 !important;
}



/* =====================================================
   MOBILE LANGUAGE SWITCHER
===================================================== */

.hera-mobile-languages {
  margin: 16px 0 0 !important;
  padding: 16px 0 0 !important;

  border-top: 1px solid rgba(40, 35, 30, 0.12) !important;
}


.hera-mobile-language-label {
  display: block !important;

  margin: 0 0 10px !important;
  padding: 0 !important;

  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 600 !important;

  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;

  color: #9d7447 !important;
}


.hera-mobile-languages > div {
  display: flex !important;
  align-items: center !important;

  gap: 7px !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* Überschreibt die grossen mobilen Menülinks */
.hera-nav-mobile-v2 .hera-mobile-languages a {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 auto !important;

  width: 34px !important;
  height: 30px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;

  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
  letter-spacing: 0.03em !important;

  text-decoration: none !important;

  color: #514a43 !important;

  border: 1px solid rgba(40, 35, 30, 0.14) !important;
  border-radius: 999px !important;
}


.hera-nav-mobile-v2 .hera-mobile-languages a.active {
  color: #9a703e !important;
  border-color: #b58b55 !important;
}



/* =====================================================
   RESPONSIVE
===================================================== */

@media (min-width: 768px) {

  .hera-mobile-languages {
    display: none !important;
  }

}


@media (max-width: 767px) {

  .hera-language-switcher {
    display: none !important;
  }

}/* =========================================================
   HERA ACCOUNTS
   LIGHT BEIGE + WHITE THEME
   FINAL COLOUR OVERRIDE
========================================================= */


/* =========================================================
   COLOUR VARIABLES
========================================================= */

:root {
  --hera-white: #ffffff;

  --hera-beige-0: #fdfcf9;
  --hera-beige-1: #faf8f4;
  --hera-beige-2: #f6f2eb;
  --hera-beige-3: #eee7dc;

  --hera-text: #27231f;
  --hera-text-soft: #6f675f;

  --hera-gold: #b58b55;
  --hera-gold-soft: #d8c2a1;

  --hera-border: rgba(39, 35, 31, 0.10);
}


/* =========================================================
   GLOBAL
========================================================= */

html,
body,
.wp-site-blocks,
main,
.site,
.site-main {
  background: var(--hera-white) !important;
  color: var(--hera-text) !important;
}


/* =========================================================
   HEADER
========================================================= */

.hera-header-new {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-header-inner-new {
  background: var(--hera-white) !important;
}

.hera-brand-text-new strong,
.hera-header-new a,
.hera-nav-main-new {
  color: var(--hera-text) !important;
}

.hera-brand-text-new span {
  color: #877d72 !important;
}


/* MEGA MENU */
.hera-mega-menu-new,
.hera-mega-inner-new {
  background: var(--hera-white) !important;
}

.hera-mega-column-new a {
  color: #655d55 !important;
}

.hera-mega-title-new {
  color: var(--hera-text) !important;
}

.hera-mega-line-new {
  background: var(--hera-border) !important;
}


/* =========================================================
   LANGUAGE SWITCHER
========================================================= */

.hera-language-menu {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-language-menu a {
  color: var(--hera-text-soft) !important;
}

.hera-language-menu a.active {
  color: var(--hera-gold) !important;
}


/* =========================================================
   HOME
========================================================= */

.hera-home-hero {
  background: var(--hera-beige-1) !important;
}

.hera-home-solutions {
  background: var(--hera-white) !important;
}

.hera-home-cta {
  background: var(--hera-white) !important;
}

.hera-home-cta-box {
  background: var(--hera-beige-2) !important;
}

.hera-home-medical {
  background: var(--hera-beige-1) !important;
}

.hera-home-about {
  background: var(--hera-white) !important;
}


/* HOME SOLUTION CARDS */
.hera-home-solution-card {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-home-solution-featured {
  background: var(--hera-beige-2) !important;
}


/* =========================================================
   HERA DIGITAL
========================================================= */

.hera-digital-hero {
  background: var(--hera-beige-1) !important;
}

.hera-digital-image-block {
  background: var(--hera-white) !important;
}

.hera-digital-control {
  background: var(--hera-beige-2) !important;
}

.hera-digital-services {
  background: var(--hera-white) !important;
}

.hera-digital-benefit {
  background: var(--hera-beige-2) !important;
}


/* DIGITAL CARDS */
.hera-digital-control-card,
.hera-digital-service-card {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-digital-control-card-highlight,
.hera-digital-service-card-featured {
  background: var(--hera-beige-3) !important;
}


/* =========================================================
   HERA ADVISORY
========================================================= */

.hera-advisory-hero {
  background: var(--hera-beige-1) !important;
}

.hera-advisory-image-block {
  background: var(--hera-white) !important;
}

.hera-advisory-foundation {
  background: var(--hera-beige-2) !important;
}

.hera-advisory-services {
  background: var(--hera-white) !important;
}

.hera-advisory-outcome {
  background: var(--hera-beige-2) !important;
}


/* ADVISORY CARDS */
.hera-advisory-foundation-card,
.hera-advisory-service-card {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-advisory-foundation-card-highlight,
.hera-advisory-service-card-featured {
  background: var(--hera-beige-3) !important;
}


/* =========================================================
   HERA SUCCESSION
========================================================= */

.hera-succession-hero {
  background: var(--hera-beige-1) !important;
}

.hera-succession-image-block {
  background: var(--hera-white) !important;
}

.hera-succession-planning {
  background: var(--hera-beige-2) !important;
}

.hera-succession-services {
  background: var(--hera-white) !important;
}

.hera-succession-security {
  background: var(--hera-beige-2) !important;
}


/* SUCCESSION CARDS */
.hera-succession-planning-card,
.hera-succession-service-card {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-succession-planning-card-highlight,
.hera-succession-service-card-featured {
  background: var(--hera-beige-3) !important;
}


/* =========================================================
   HERA MEDICAL
========================================================= */

.hera-medical-hero {
  background: var(--hera-beige-1) !important;
}

.hera-medical-image-block {
  background: var(--hera-white) !important;
}

.hera-medical-foundation {
  background: var(--hera-beige-2) !important;
}

.hera-medical-services {
  background: var(--hera-white) !important;
}

.hera-medical-evolution {
  background: var(--hera-beige-2) !important;
}


/* MEDICAL CARDS */
.hera-medical-foundation-card,
.hera-medical-service-card {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.hera-medical-foundation-card-highlight,
.hera-medical-service-card-featured {
  background: var(--hera-beige-3) !important;
}


/* =========================================================
   ABOUT US
========================================================= */

.hera-about-hero {
  background: var(--hera-beige-1) !important;
}

.hera-about-story {
  background: var(--hera-white) !important;
}

.hera-about-team {
  background: var(--hera-beige-1) !important;
}

.hera-about-values {
  background: var(--hera-white) !important;
}

.hera-about-cta {
  background: var(--hera-beige-2) !important;
}


/* ABOUT CARDS / DETAILS */
.hera-about-person,
.hera-about-languages,
.hera-about-value {
  border-color: var(--hera-border) !important;
}


/* =========================================================
   INSIGHTS
========================================================= */

.ha-wissen-modern {
  background: var(--hera-beige-1) !important;
}

.ha-wissen-card {
  background: var(--hera-white) !important;
  border-color: var(--hera-border) !important;
}

.ha-wissen-card:first-child {
  background: var(--hera-beige-3) !important;
}


/* =========================================================
   CONTACT
========================================================= */

.hera-contact,
.hera-contact-section {
  background: var(--hera-white) !important;
}

.hera-contact-content {
  background: var(--hera-beige-2) !important;
}

.hera-contact-detail {
  border-color: var(--hera-border) !important;
}


/* =========================================================
   TYPOGRAPHY
========================================================= */

.hera-home-hero h1,
.hera-home-solutions h2,
.hera-home-cta h2,
.hera-home-medical h2,
.hera-home-about h2,

.hera-digital-hero h1,
.hera-digital-control h2,
.hera-digital-services h2,
.hera-digital-benefit h2,

.hera-advisory-hero h1,
.hera-advisory-foundation h2,
.hera-advisory-services h2,
.hera-advisory-outcome h2,

.hera-succession-hero h1,
.hera-succession-planning h2,
.hera-succession-services h2,
.hera-succession-security h2,

.hera-medical-hero h1,
.hera-medical-foundation h2,
.hera-medical-services h2,
.hera-medical-evolution h2,

.hera-about-hero h1,
.hera-about-story h2,
.hera-about-team h2,
.hera-about-values h2,
.hera-about-cta h2,

.ha-wissen-modern h1,
.ha-wissen-modern h2 {
  color: var(--hera-text) !important;
}


/* SECONDARY TEXT */
.hera-home-lead,
.hera-home-solutions-intro,
.hera-digital-hero-lead,
.hera-advisory-hero-lead,
.hera-succession-hero-lead,
.hera-medical-lead,
.hera-about-lead,
.hera-contact-lead {
  color: var(--hera-text-soft) !important;
}


/* =========================================================
   EYEBROWS / LABELS / NUMBERS
========================================================= */

.hera-section-eyebrow,
.hera-home-eyebrow,
.hera-about-eyebrow,
.hera-medical-eyebrow,

.hera-home-solution-label,
.hera-digital-control-label,
.hera-digital-benefit-label,
.hera-advisory-foundation-label,
.hera-advisory-outcome-label,
.hera-succession-planning-label,
.hera-succession-security-label,
.hera-medical-foundation-label,

.hera-about-person-role,
.ha-wissen-kicker {
  color: var(--hera-gold) !important;
}


/* =========================================================
   LINKS
========================================================= */

.hera-home-solution-link,
.hera-home-medical-link,
.hera-home-about-link,

.hera-digital-services a,
.hera-digital-benefit-link,

.hera-advisory-services a,
.hera-advisory-outcome-link,

.hera-succession-services a,
.hera-succession-security-link,

.hera-medical-services a,
.hera-medical-evolution-link,

.ha-wissen-card > a {
  color: #9b7448 !important;
}


/* =========================================================
   BUTTONS
========================================================= */

.hera-button-primary {
  background: var(--hera-text) !important;
  border-color: var(--hera-text) !important;
  color: var(--hera-white) !important;
}

.hera-button-primary:hover {
  background: #3b3530 !important;
  border-color: #3b3530 !important;
  color: var(--hera-white) !important;
}


/* GOLD OUTLINE BUTTONS */
.hera-button-secondary,
.hera-cta-new {
  background: transparent !important;

  border-color: var(--hera-gold) !important;

  color: var(--hera-text) !important;
}

.hera-button-secondary:hover,
.hera-cta-new:hover {
  background: var(--hera-gold) !important;

  border-color: var(--hera-gold) !important;

  color: var(--hera-white) !important;
}


/* =========================================================
   BORDERS / DIVIDERS
========================================================= */

.hera-digital-principle,
.hera-advisory-principle,
.hera-succession-principle,
.hera-medical-focus-item,

.hera-digital-benefit-step,
.hera-advisory-outcome-step,
.hera-succession-security-step,

.hera-about-story-step {
  border-color: var(--hera-border) !important;
}


/* =========================================================
   MOBILE MENU
========================================================= */

.hera-mobile-menu-inner-v2,
.hera-mobile-solutions-inner-v2,
.hera-mobile-category-v2 > div {
  background: var(--hera-white) !important;
}

.hera-nav-mobile-v2 a,
.hera-mobile-category-v2 summary,
.hera-mobile-solutions-v2 summary {
  color: var(--hera-text) !important;
}

.hera-mobile-languages {
  border-color: var(--hera-border) !important;
}


/* =========================================================
   FOOTER
   BLEIBT BEWUSST DUNKEL
========================================================= */

.hera-footer {
  background: #1f1d1a !important;
  color: #f7f3ed !important;
}

.hera-footer h4,
.hera-footer a,
.hera-footer span,
.hera-footer-bottom {
  color: #f7f3ed !important;
}

.hera-footer a:hover {
  color: var(--hera-gold-soft) !important;
}

.hera-footer-divider {
  background: rgba(255,255,255,0.14) !important;
}/* =========================================================
   HERA – LIGHTER FEATURED AREAS
========================================================= */


/* HERA MEDICAL FEATURED CARD */
.hera-home-solution-featured {
  background: #FAFAF8 !important;
}


/* HOME CTA BOX */
.hera-home-cta-box {
  background: #FFFFFF !important;

  border: 1px solid rgba(39, 35, 31, 0.08) !important;
}


/* OPTIONAL:
   falls der CTA-Bereich selbst noch beige wirkt */
.hera-home-cta {
  background: #FAFAF8 !important;
}


/* OPTIONAL:
   übrige hervorgehobene Karten ebenfalls etwas heller */
.hera-digital-service-card-featured,
.hera-advisory-service-card-featured,
.hera-succession-service-card-featured,
.hera-medical-service-card-featured {
  background: #FAFAF8 !important;
}


/* HIGHLIGHT-CARDS IN ZWEISPALTIGEN BEREICHEN */
.hera-digital-control-card-highlight,
.hera-advisory-foundation-card-highlight,
.hera-succession-planning-card-highlight,
.hera-medical-foundation-card-highlight {
  background: #F7F5F1 !important;
}/* =========================================================
   HERA CONTACT – LIGHTER VERSION
========================================================= */

.hera-contact-content {
  background: #FCFBF8 !important;

  border: 1px solid rgba(39, 35, 31, 0.08) !important;

  border-radius: 14px !important;

  box-shadow: none !important;
}


/* Eyebrow */
.hera-contact-eyebrow {
  color: #B58B55 !important;
}


/* Heading */
.hera-contact-content h2 {
  color: #27231F !important;
}


/* Lead text */
.hera-contact-lead {
  color: #6F675F !important;
}


/* Contact rows */
.hera-contact-detail {
  background: transparent !important;

  border-color: rgba(39, 35, 31, 0.10) !important;
}


/* Icons */
.hera-contact-icon {
  border-color: #C9AA7B !important;
  color: #A77D49 !important;
}


/* Small labels */
.hera-contact-detail small {
  color: #A77D49 !important;
}


/* Main contact text */
.hera-contact-detail strong {
  color: #27231F !important;
}/* =========================================================
   HERA CONTACT – SAME LIGHT BEIGE AS CTA
========================================================= */

/* kompletter Kontaktbereich */
.hera-contact,
.hera-contact-section,
.wp-block-group:has(.hera-contact-content) {
  background: #FAF8F4 !important;
}


/* linke Kontaktbox */
.hera-contact-content {
  background: #FFFFFF !important;

  border: 1px solid rgba(39, 35, 31, 0.08) !important;

  border-radius: 14px !important;

  box-shadow: none !important;
}


/* Formularbereich */
.hera-contact-form,
.wp-block-jetpack-contact-form-container,
.wp-block-jetpack-contact-form {
  background: #FFFFFF !important;

  border-radius: 14px !important;

  box-shadow: 0 12px 34px rgba(39, 35, 31, 0.06) !important;
}


/* falls ein übergeordneter Spaltenblock weiss bleibt */
.wp-block-columns:has(.hera-contact-content) {
  background: #FAF8F4 !important;
}


/* etwas mehr Luft oben/unten */
.wp-block-group:has(.hera-contact-content) {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}/* =========================================================
   CONTACT FORM – REMOVE OUTER WHITE FRAME
========================================================= */

/* Äusseren Formular-Wrapper transparent machen */
.hera-contact-form,
.wp-block-jetpack-contact-form-container,
.wp-block-jetpack-contact-form {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}


/* eventuell zusätzlicher WordPress-/Jetpack-Wrapper */
.hera-contact-form > div,
.wp-block-jetpack-contact-form-container > div {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}


/* Das eigentliche Formular bleibt weiss */
.hera-contact-form form,
.wp-block-jetpack-contact-form form,
.contact-form {
  background: #FFFFFF !important;

  border: 1px solid rgba(39, 35, 31, 0.06) !important;
  border-radius: 14px !important;

  box-shadow: 0 12px 34px rgba(39, 35, 31, 0.05) !important;

  padding: 36px 40px !important;

  box-sizing: border-box !important;
}


/* Falls WordPress dem Formular selbst noch Margin gibt */
.hera-contact-form form,
.wp-block-jetpack-contact-form form {
  margin: 0 !important;
}/* =========================================================
   HERA ACCOUNTS – DATENSCHUTZ
   ========================================================= */

.hera-privacy-page,
.hera-privacy-page * {
  box-sizing: border-box;
}

.hera-privacy-page {
  width: 100%;
  margin: 0;
  padding: 136px 32px 120px;
  background: #f2efe9;
  color: #22211f;
}

.hera-privacy-inner {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.hera-privacy-header {
  max-width: 820px;
  margin: 0 0 92px;
}

.hera-privacy-eyebrow {
  display: inline-block;
  margin-bottom: 23px;
  color: #948676;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2.3px;
  line-height: 1.4;
  text-transform: uppercase;
}

.hera-privacy-header h1 {
  margin: 0 0 24px;
  color: #22211f;
  font-size: clamp(46px, 6.3vw, 76px);
  font-weight: 500;
  letter-spacing: -3px;
  line-height: 1.05;
}

.hera-privacy-intro {
  max-width: 740px;
  margin: 0;
  color: #625d56;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.85;
}

.hera-privacy-line {
  display: block;
  width: 78px;
  height: 1px;
  margin-top: 34px;
  background: #a6957d;
}

.hera-privacy-updated {
  margin: 18px 0 0;
  color: #8b8378;
  font-size: 13px;
  line-height: 1.6;
}


/* =========================================================
   INHALT
   ========================================================= */

.hera-privacy-content {
  width: 100%;
}

.hera-privacy-section {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr);
  column-gap: 34px;
  padding: 39px 0 43px;
  border-top: 1px solid rgba(53, 47, 40, 0.14);
}

.hera-privacy-section:last-child {
  border-bottom: 1px solid rgba(53, 47, 40, 0.14);
}

.hera-privacy-number {
  padding-top: 5px;
  color: #9c8f7e;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1.2px;
  line-height: 1.6;
}

.hera-privacy-text {
  max-width: 815px;
}

.hera-privacy-text h2 {
  margin: 0 0 19px;
  color: #26231f;
  font-size: 27px;
  font-weight: 500;
  letter-spacing: -0.45px;
  line-height: 1.3;
}

.hera-privacy-text p {
  margin: 0 0 17px;
  color: #5f5a53;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.9;
}

.hera-privacy-text p:last-child {
  margin-bottom: 0;
}


/* =========================================================
   LISTEN
   ========================================================= */

.hera-privacy-text ul {
  margin: 3px 0 21px;
  padding-left: 19px;
}

.hera-privacy-text li {
  margin: 0 0 9px;
  padding-left: 5px;
  color: #5f5a53;
  font-size: 16px;
  line-height: 1.8;
}

.hera-privacy-text li:last-child {
  margin-bottom: 0;
}

.hera-privacy-text li::marker {
  color: #a6957d;
}


/* =========================================================
   KONTAKTBLOCK
   ========================================================= */

.hera-privacy-contact {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  margin: 22px 0;
  padding: 23px 25px;
  background: rgba(255, 255, 255, 0.34);
  border: 1px solid rgba(53, 47, 40, 0.08);
  border-radius: 4px;
}

.hera-privacy-contact strong {
  margin-bottom: 4px;
  color: #25231f;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
}

.hera-privacy-contact span {
  color: #5f5a53;
  font-size: 15px;
  line-height: 1.65;
}

.hera-privacy-contact a {
  margin-top: 8px;
  color: #6f624f;
  font-size: 15px;
  text-decoration: none;
  transition: color 0.25s ease;
}

.hera-privacy-contact a:hover {
  color: #22211f;
}


/* =========================================================
   LINKS
   ========================================================= */

.hera-privacy-external-link,
.hera-privacy-mail {
  display: table;
  max-width: 100%;
  margin: 10px 0;
  padding-bottom: 3px;
  color: #6e604e;
  font-size: 15px;
  line-height: 1.65;
  text-decoration: none;
  overflow-wrap: anywhere;
  border-bottom: 1px solid rgba(110, 96, 78, 0.45);
  transition:
    color 0.25s ease,
    border-color 0.25s ease;
}

.hera-privacy-external-link:hover,
.hera-privacy-mail:hover {
  color: #22211f;
  border-color: #22211f;
}


/* =========================================================
   CTA
   ========================================================= */

.hera-privacy-cta {
  margin-top: 86px;
  padding: 58px 62px;
  background: #242320;
  color: #f2efe9;
  border-radius: 5px;
}

.hera-privacy-cta-eyebrow {
  display: inline-block;
  margin-bottom: 18px;
  color: #b5a58f;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 1.5;
  text-transform: uppercase;
}

.hera-privacy-cta h2 {
  margin: 0 0 15px;
  color: #f2efe9;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -1.2px;
  line-height: 1.15;
}

.hera-privacy-cta p {
  max-width: 610px;
  margin: 0 0 27px;
  color: rgba(242, 239, 233, 0.77);
  font-size: 16px;
  line-height: 1.85;
}

.hera-privacy-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 47px;
  padding: 12px 22px;
  color: #242320;
  background: #f2efe9;
  border: 1px solid #f2efe9;
  border-radius: 2px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.2px;
  text-decoration: none;
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease;
}

.hera-privacy-cta-button:hover {
  color: #f2efe9;
  background: transparent;
  border-color: #f2efe9;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .hera-privacy-page {
    padding: 115px 44px 105px;
  }

  .hera-privacy-header {
    margin-bottom: 75px;
  }

  .hera-privacy-header h1 {
    font-size: 62px;
    letter-spacing: -2px;
  }

  .hera-privacy-intro {
    font-size: 17px;
  }

  .hera-privacy-section {
    grid-template-columns: 68px minmax(0, 1fr);
    column-gap: 26px;
    padding: 35px 0 39px;
  }

  .hera-privacy-text h2 {
    font-size: 25px;
  }

  .hera-privacy-cta {
    margin-top: 72px;
    padding: 49px 48px;
  }

  .hera-privacy-cta h2 {
    font-size: 36px;
  }
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

  .hera-privacy-page {
    padding: 88px 22px 78px;
  }

  .hera-privacy-header {
    margin-bottom: 57px;
  }

  .hera-privacy-eyebrow {
    margin-bottom: 17px;
    font-size: 10px;
    letter-spacing: 1.9px;
  }

  .hera-privacy-header h1 {
    margin-bottom: 18px;
    font-size: clamp(38px, 9vw, 54px);
    letter-spacing: -1.6px;
    line-height: 1.08;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  .hera-privacy-intro {
    font-size: 15px;
    line-height: 1.8;
  }

  .hera-privacy-line {
    width: 64px;
    margin-top: 27px;
  }

  .hera-privacy-updated {
    margin-top: 15px;
    font-size: 12px;
  }

  .hera-privacy-section {
    grid-template-columns: 1fr;
    row-gap: 10px;
    padding: 27px 0 31px;
  }

  .hera-privacy-number {
    padding-top: 0;
    font-size: 11px;
  }

  .hera-privacy-text {
    max-width: 100%;
  }

  .hera-privacy-text h2 {
    margin-bottom: 15px;
    font-size: 22px;
    letter-spacing: -0.25px;
    line-height: 1.35;
  }

  .hera-privacy-text p {
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.85;
  }

  .hera-privacy-text ul {
    margin-bottom: 17px;
    padding-left: 18px;
  }

  .hera-privacy-text li {
    margin-bottom: 7px;
    padding-left: 3px;
    font-size: 14px;
    line-height: 1.75;
  }

  .hera-privacy-contact {
    margin: 18px 0;
    padding: 19px;
  }

  .hera-privacy-contact strong {
    font-size: 15px;
  }

  .hera-privacy-contact span,
  .hera-privacy-contact a {
    font-size: 14px;
  }

  .hera-privacy-external-link,
  .hera-privacy-mail {
    font-size: 14px;
  }

  .hera-privacy-cta {
    margin-top: 56px;
    padding: 38px 25px;
  }

  .hera-privacy-cta-eyebrow {
    margin-bottom: 15px;
    font-size: 10px;
    letter-spacing: 1.7px;
  }

  .hera-privacy-cta h2 {
    margin-bottom: 12px;
    font-size: 32px;
    letter-spacing: -0.8px;
  }

  .hera-privacy-cta p {
    margin-bottom: 23px;
    font-size: 14px;
    line-height: 1.8;
  }

  .hera-privacy-cta-button {
    width: 100%;
    min-height: 46px;
    font-size: 13px;
  }
}


/* =========================================================
   KLEINE SMARTPHONES
   ========================================================= */

@media (max-width: 390px) {

  .hera-privacy-page {
    padding-right: 18px;
    padding-left: 18px;
  }

  .hera-privacy-header h1 {
    font-size: 36px;
  }

  .hera-privacy-text h2 {
    font-size: 20px;
  }

  .hera-privacy-cta {
    padding: 33px 20px;
  }

  .hera-privacy-cta h2 {
    font-size: 29px;
  }
}/* ==================================================
   SPRACHEN – VERLINKUNG OHNE STANDARD-LINKDESIGN
================================================== */

.hera-home-about-languages div span a,
.hera-home-about-languages div span a:visited {
  display: block;
  color: inherit;
  font: inherit;
  line-height: inherit;
  text-decoration: none;
  transition:
    color 0.25s ease,
    opacity 0.25s ease;
}

.hera-home-about-languages div span a:hover,
.hera-home-about-languages div span a:focus {
  color: inherit;
  text-decoration: none;
  opacity: 0.7;
}

.hera-home-about-languages div span a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
  border-radius: 2px;
}/* ==================================================
   DEUTSCHES KONTAKTFORMULAR:
   "(required)" durch "(erforderlich)" ersetzen
================================================== */

body.page-id-130 .hera-contact-right .grunion-label-required,
body.page-id-130 .hera-contact-right .grunion-field-label-required,
body.page-id-130 .hera-contact-right label span {
  font-size: 0 !important;
}

body.page-id-130 .hera-contact-right .grunion-label-required::after,
body.page-id-130 .hera-contact-right .grunion-field-label-required::after,
body.page-id-130 .hera-contact-right label span::after {
  content: " (erforderlich)" !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #777 !important;
}/* ==================================================
   SPRACHLINKS – BESTEHENDES DESIGN BEIBEHALTEN
================================================== */

.hera-about-language-list span a,
.hera-about-language-list span a:link,
.hera-about-language-list span a:visited,
.hera-about-language-list span a:hover,
.hera-about-language-list span a:active {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
}

.hera-about-language-list span a {
  display: block;
  transition: opacity 0.25s ease;
}

.hera-about-language-list span a:hover {
  opacity: 0.7;
}/* ==================================================
   SPRACHLINKS – KEINE BLAUE SCHRIFT
================================================== */

.hera-home-about-languages div span a,
.hera-home-about-languages div span a:link,
.hera-home-about-languages div span a:visited,
.hera-home-about-languages div span a:hover,
.hera-home-about-languages div span a:active {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
}

.hera-home-about-languages div span a {
  display: block;
  transition: opacity 0.25s ease;
}

.hera-home-about-languages div span a:hover {
  opacity: 0.7;
}/* ==================================================
   SPRACHLINKS – OHNE BLAUE SCHRIFT
================================================== */

.hera-about-language-list span a,
.hera-about-language-list span a:link,
.hera-about-language-list span a:visited,
.hera-about-language-list span a:hover,
.hera-about-language-list span a:active {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
}

.hera-about-language-list span a {
  display: block;
  transition: opacity 0.25s ease;
}

.hera-about-language-list span a:hover {
  opacity: 0.7;
}/* ==================================================
   ENLACES DE IDIOMAS – SIN TEXTO AZUL
================================================== */

.hera-home-about-languages div span a,
.hera-home-about-languages div span a:link,
.hera-home-about-languages div span a:visited,
.hera-home-about-languages div span a:hover,
.hera-home-about-languages div span a:active {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
}

.hera-home-about-languages div span a {
  display: block;
  transition: opacity 0.25s ease;
}

.hera-home-about-languages div span a:hover {
  opacity: 0.7;
}/* ==================================================
   LIENS DES LANGUES – SANS TEXTE BLEU
================================================== */

.hera-home-about-languages div span a,
.hera-home-about-languages div span a:link,
.hera-home-about-languages div span a:visited,
.hera-home-about-languages div span a:hover,
.hera-home-about-languages div span a:active {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
}

.hera-home-about-languages div span a {
  display: block;
  transition: opacity 0.25s ease;
}

.hera-home-about-languages div span a:hover {
  opacity: 0.7;
}/* ==================================================
   SPRACHLINKS – OHNE BLAUE SCHRIFT
================================================== */

.hera-about-language-list span a,
.hera-about-language-list span a:link,
.hera-about-language-list span a:visited,
.hera-about-language-list span a:hover,
.hera-about-language-list span a:active {
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
}

.hera-about-language-list span a {
  display: block;
  transition: opacity 0.25s ease;
}

.hera-about-language-list span a:hover {
  opacity: 0.7;
}/* =========================================================
   HERA ACCOUNTS – UNDER CONSTRUCTION
   ========================================================= */

.hera-coming-soon,
.hera-coming-soon * {
  box-sizing: border-box;
}

.hera-coming-soon {
  --hera-bg: #f2efe9;
  --hera-dark: #161616;
  --hera-gold: #b69b62;
  --hera-text: #4d4a45;
  --hera-border: rgba(22, 22, 22, 0.15);

  position: relative;
  width: 100%;
  min-height: 100svh;
  overflow: hidden;
  background: var(--hera-bg);
  color: var(--hera-dark);
  font-family: Arial, Helvetica, sans-serif;
}

.hera-coming-soon-decoration {
  position: absolute;
  top: -23vw;
  right: -18vw;
  width: 62vw;
  height: 62vw;
  min-width: 650px;
  min-height: 650px;
  border: 1px solid rgba(182, 155, 98, 0.28);
  border-radius: 50%;
  pointer-events: none;
}

.hera-coming-soon-decoration::before,
.hera-coming-soon-decoration::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.hera-coming-soon-decoration::before {
  inset: 11%;
  border: 1px solid rgba(182, 155, 98, 0.17);
}

.hera-coming-soon-decoration::after {
  inset: 22%;
  border: 1px solid rgba(182, 155, 98, 0.11);
}

.hera-coming-soon-inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  width: min(100% - 64px, 1320px);
  min-height: 100svh;
  margin: 0 auto;
  padding: 42px 0 34px;
}


/* MARKE */

.hera-coming-soon-brand {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 15px;
  color: var(--hera-dark);
  text-decoration: none;
}

.hera-coming-soon-symbol {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  border: 1px solid var(--hera-gold);
  border-radius: 50%;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 23px;
  font-weight: 400;
  color: var(--hera-dark);
}

.hera-coming-soon-brand-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hera-coming-soon-brand-text strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.13em;
}

.hera-coming-soon-brand-text small {
  color: #6a665f;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}


/* HAUPTINHALT */

.hera-coming-soon-content {
  width: min(690px, 100%);
  margin: auto 0;
  padding: 80px 0 64px;
}

.hera-coming-soon-eyebrow {
  display: block;
  margin-bottom: 30px;
  color: #8d7548;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.2em;
}

.hera-coming-soon h1 {
  max-width: 800px;
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(58px, 7vw, 106px);
  font-weight: 400;
  line-height: 0.91;
  letter-spacing: -0.05em;
}

.hera-coming-soon-lead {
  max-width: 640px;
  margin: 36px 0 0;
  color: var(--hera-text);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(19px, 2vw, 24px);
  line-height: 1.55;
}

.hera-coming-soon-line {
  width: 72px;
  height: 1px;
  margin: 34px 0;
  background: var(--hera-gold);
}

.hera-coming-soon-note {
  max-width: 510px;
  margin: 0 0 30px;
  color: #5f5b54;
  font-size: 14px;
  line-height: 1.75;
}

.hera-coming-soon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  min-height: 54px;
  padding: 0 25px;
  border: 1px solid var(--hera-dark);
  background: var(--hera-dark);
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.hera-coming-soon-button span {
  font-size: 19px;
  font-weight: 300;
  transition: transform 0.25s ease;
}

.hera-coming-soon-button:hover {
  background: transparent;
  color: var(--hera-dark);
  transform: translateY(-2px);
}

.hera-coming-soon-button:hover span {
  transform: translateX(4px);
}


/* LEISTUNGSÜBERSICHT */

.hera-coming-soon-services {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--hera-border);
}

.hera-coming-soon-service {
  display: flex;
  flex-direction: column;
  gap: 13px;
  min-height: 106px;
  padding: 23px 24px;
  border-right: 1px solid var(--hera-border);
}

.hera-coming-soon-service:first-child {
  padding-left: 0;
}

.hera-coming-soon-service:last-child {
  border-right: 0;
}

.hera-coming-soon-service span {
  color: #927a4c;
  font-size: 10px;
  letter-spacing: 0.16em;
}

.hera-coming-soon-service strong {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
}


/* FOOTER */

.hera-coming-soon-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  padding-top: 24px;
  border-top: 1px solid var(--hera-border);
  color: #6d6962;
  font-size: 11px;
  line-height: 1.7;
}

.hera-coming-soon-footer > div:first-child {
  display: flex;
  flex-direction: column;
}

.hera-coming-soon-footer strong {
  color: var(--hera-dark);
  font-weight: 600;
  letter-spacing: 0.04em;
}

.hera-coming-soon-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 24px;
}

.hera-coming-soon-footer a {
  color: #5e5a53;
  text-decoration: none;
  transition: color 0.2s ease;
}

.hera-coming-soon-footer a:hover {
  color: var(--hera-gold);
}


/* TABLET */

@media (max-width: 900px) {

  .hera-coming-soon-inner {
    width: min(100% - 48px, 760px);
    padding-top: 32px;
  }

  .hera-coming-soon-content {
    padding: 100px 0 80px;
  }

  .hera-coming-soon-services {
    grid-template-columns: repeat(2, 1fr);
  }

  .hera-coming-soon-service {
    border-bottom: 1px solid var(--hera-border);
  }

  .hera-coming-soon-service:nth-child(2) {
    border-right: 0;
  }

  .hera-coming-soon-service:nth-child(3) {
    padding-left: 0;
    border-bottom: 0;
  }

  .hera-coming-soon-service:nth-child(4) {
    border-right: 0;
    border-bottom: 0;
  }

}


/* MOBILE */

@media (max-width: 600px) {

  .hera-coming-soon-inner {
    width: calc(100% - 38px);
    padding: 24px 0;
  }

  .hera-coming-soon-decoration {
    top: -210px;
    right: -330px;
    min-width: 590px;
    min-height: 590px;
  }

  .hera-coming-soon-symbol {
    width: 43px;
    height: 43px;
    font-size: 20px;
  }

  .hera-coming-soon-brand {
    gap: 11px;
  }

  .hera-coming-soon-brand-text strong {
    font-size: 14px;
  }

  .hera-coming-soon-brand-text small {
    max-width: 210px;
    font-size: 8px;
    line-height: 1.4;
  }

  .hera-coming-soon-content {
    margin: 0;
    padding: 95px 0 78px;
  }

  .hera-coming-soon-eyebrow {
    max-width: 290px;
    margin-bottom: 23px;
    font-size: 9px;
    line-height: 1.7;
  }

  .hera-coming-soon h1 {
    font-size: clamp(51px, 15vw, 70px);
    line-height: 0.96;
  }

  .hera-coming-soon-lead {
    margin-top: 27px;
    font-size: 18px;
    line-height: 1.55;
  }

  .hera-coming-soon-line {
    margin: 27px 0;
  }

  .hera-coming-soon-note {
    font-size: 13px;
    line-height: 1.7;
  }

  .hera-coming-soon-button {
    width: 100%;
    justify-content: space-between;
  }

  .hera-coming-soon-services {
    grid-template-columns: 1fr;
  }

  .hera-coming-soon-service,
  .hera-coming-soon-service:first-child,
  .hera-coming-soon-service:nth-child(3) {
    min-height: auto;
    padding: 19px 0;
    border-right: 0;
    border-bottom: 1px solid var(--hera-border);
  }

  .hera-coming-soon-service:last-child {
    border-bottom: 0;
  }

  .hera-coming-soon-footer {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 6px;
  }

  .hera-coming-soon-footer-links {
    justify-content: flex-start;
  }

}


/* KLEINE BILDSCHIRMHÖHE */

@media (min-width: 901px) and (max-height: 850px) {

  .hera-coming-soon-inner {
    padding-top: 28px;
  }

  .hera-coming-soon-content {
    padding: 50px 0;
  }

  .hera-coming-soon h1 {
    font-size: clamp(58px, 6vw, 86px);
  }

  .hera-coming-soon-lead {
    margin-top: 26px;
  }

  .hera-coming-soon-line {
    margin: 25px 0;
  }

}/* =========================================================
   HERA ACCOUNTS – UNDER CONSTRUCTION
   KOMPLETTER CSS-CODE
   ========================================================= */


/* GRUNDEINSTELLUNGEN */

.hera-coming-soon,
.hera-coming-soon * {
  box-sizing: border-box;
}

.hera-coming-soon {
  --hera-bg: #f2efe9;
  --hera-dark: #161616;
  --hera-gold: #b69b62;
  --hera-text: #4d4a45;
  --hera-muted: #6a665f;
  --hera-border: rgba(22, 22, 22, 0.15);

  position: relative;
  width: 100%;
  min-height: 100vh;
  min-height: 100svh;
  margin: 0;
  overflow: hidden;
  background-color: var(--hera-bg);
  color: var(--hera-dark);
  font-family: Arial, Helvetica, sans-serif;
}


/* DEKORATIVE KREISE */

.hera-coming-soon-decoration {
  position: absolute;
  top: -23vw;
  right: -18vw;
  width: 62vw;
  height: 62vw;
  min-width: 650px;
  min-height: 650px;
  border: 1px solid rgba(182, 155, 98, 0.28);
  border-radius: 50%;
  pointer-events: none;
}

.hera-coming-soon-decoration::before,
.hera-coming-soon-decoration::after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.hera-coming-soon-decoration::before {
  inset: 11%;
  border: 1px solid rgba(182, 155, 98, 0.17);
}

.hera-coming-soon-decoration::after {
  inset: 22%;
  border: 1px solid rgba(182, 155, 98, 0.11);
}


/* INHALTSBEREICH */

.hera-coming-soon-inner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  width: min(calc(100% - 64px), 1320px);
  min-height: 100vh;
  min-height: 100svh;
  margin: 0 auto;
  padding: 42px 0 34px;
}


/* =========================================================
   LOGO UND MARKE
   ========================================================= */

.hera-coming-soon-brand {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 16px;
  margin: 0;
  color: var(--hera-dark);
  text-decoration: none;
}

.hera-coming-soon-logo {
  display: block;
  width: 58px;
  height: 58px;
  max-width: none;
  flex-shrink: 0;
  object-fit: contain;
}

.hera-coming-soon-brand-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.hera-coming-soon-brand-text strong {
  margin: 0;
  color: var(--hera-dark);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.13em;
}

.hera-coming-soon-brand-text small {
  margin: 0;
  color: var(--hera-muted);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}


/* =========================================================
   HAUPTINHALT
   ========================================================= */

.hera-coming-soon-content {
  width: min(690px, 100%);
  margin: auto 0;
  padding: 80px 0 64px;
}

.hera-coming-soon-eyebrow {
  display: block;
  margin: 0 0 30px;
  color: #8d7548;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.hera-coming-soon h1 {
  max-width: 800px;
  margin: 0;
  padding: 0;
  color: var(--hera-dark);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(58px, 7vw, 106px);
  font-weight: 400;
  line-height: 0.91;
  letter-spacing: -0.05em;
}

.hera-coming-soon-lead {
  max-width: 640px;
  margin: 36px 0 0;
  padding: 0;
  color: var(--hera-text);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(19px, 2vw, 24px);
  font-weight: 400;
  line-height: 1.55;
}

.hera-coming-soon-line {
  display: block;
  width: 72px;
  height: 1px;
  margin: 34px 0;
  background-color: var(--hera-gold);
}

.hera-coming-soon-note {
  max-width: 510px;
  margin: 0 0 30px;
  padding: 0;
  color: #5f5b54;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75;
}


/* KONTAKTBUTTON */

.hera-coming-soon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  min-height: 54px;
  margin: 0;
  padding: 0 25px;
  border: 1px solid var(--hera-dark);
  background-color: var(--hera-dark);
  color: #ffffff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.12em;
  text-decoration: none;
  text-transform: uppercase;
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.hera-coming-soon-button span {
  display: inline-block;
  font-size: 19px;
  font-weight: 300;
  line-height: 1;
  transition: transform 0.25s ease;
}

.hera-coming-soon-button:hover,
.hera-coming-soon-button:focus {
  background-color: transparent;
  color: var(--hera-dark);
  transform: translateY(-2px);
}

.hera-coming-soon-button:hover span,
.hera-coming-soon-button:focus span {
  transform: translateX(4px);
}


/* =========================================================
   FOOTER
   ========================================================= */

.hera-coming-soon-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  margin: 0;
  padding-top: 24px;
  border-top: 1px solid var(--hera-border);
  color: #6d6962;
  font-size: 11px;
  line-height: 1.7;
}

.hera-coming-soon-footer > div:first-child {
  display: flex;
  flex-direction: column;
}

.hera-coming-soon-footer strong {
  color: var(--hera-dark);
  font-weight: 600;
  letter-spacing: 0.04em;
}

.hera-coming-soon-footer span {
  color: #6d6962;
}

.hera-coming-soon-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 24px;
}

.hera-coming-soon-footer a {
  color: #5e5a53;
  text-decoration: none;
  transition: color 0.2s ease;
}

.hera-coming-soon-footer a:hover,
.hera-coming-soon-footer a:focus {
  color: var(--hera-gold);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

  .hera-coming-soon-inner {
    width: min(calc(100% - 48px), 760px);
    padding: 32px 0 28px;
  }

  .hera-coming-soon-decoration {
    top: -250px;
    right: -320px;
    width: 720px;
    height: 720px;
    min-width: 0;
    min-height: 0;
  }

  .hera-coming-soon-content {
    width: min(650px, 100%);
    padding: 100px 0 80px;
  }

  .hera-coming-soon h1 {
    font-size: clamp(62px, 10vw, 88px);
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

  .hera-coming-soon {
    min-height: 100vh;
    min-height: 100svh;
    overflow-y: auto;
  }

  .hera-coming-soon-inner {
    width: calc(100% - 38px);
    min-height: 100vh;
    min-height: 100svh;
    padding: 24px 0;
  }

  .hera-coming-soon-decoration {
    top: -210px;
    right: -330px;
    width: 590px;
    height: 590px;
  }


  /* MOBILE LOGO */

  .hera-coming-soon-brand {
    gap: 12px;
  }

  .hera-coming-soon-logo {
    width: 48px;
    height: 48px;
  }

  .hera-coming-soon-brand-text {
    gap: 3px;
  }

  .hera-coming-soon-brand-text strong {
    font-size: 14px;
    letter-spacing: 0.11em;
  }

  .hera-coming-soon-brand-text small {
    max-width: 210px;
    font-size: 8px;
    line-height: 1.4;
    letter-spacing: 0.07em;
  }


  /* MOBILE INHALT */

  .hera-coming-soon-content {
    width: 100%;
    margin: 0;
    padding: 88px 0 72px;
  }

  .hera-coming-soon-eyebrow {
    max-width: 290px;
    margin-bottom: 23px;
    font-size: 9px;
    line-height: 1.7;
    letter-spacing: 0.17em;
  }

  .hera-coming-soon h1 {
    max-width: 100%;
    font-size: clamp(48px, 15vw, 68px);
    line-height: 0.96;
    letter-spacing: -0.045em;
  }

  .hera-coming-soon-lead {
    margin-top: 27px;
    font-size: 18px;
    line-height: 1.55;
  }

  .hera-coming-soon-line {
    margin: 27px 0;
  }

  .hera-coming-soon-note {
    margin-bottom: 25px;
    font-size: 13px;
    line-height: 1.7;
  }

  .hera-coming-soon-button {
    width: 100%;
    justify-content: space-between;
    min-height: 54px;
  }


  /* MOBILE FOOTER */

  .hera-coming-soon-footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 17px;
    padding-top: 20px;
  }

  .hera-coming-soon-footer-links {
    justify-content: flex-start;
    gap: 7px 18px;
  }

}


/* =========================================================
   SEHR KLEINE SMARTPHONES
   ========================================================= */

@media (max-width: 380px) {

  .hera-coming-soon-inner {
    width: calc(100% - 30px);
  }

  .hera-coming-soon-logo {
    width: 43px;
    height: 43px;
  }

  .hera-coming-soon-brand-text strong {
    font-size: 13px;
  }

  .hera-coming-soon-brand-text small {
    max-width: 180px;
    font-size: 7px;
  }

  .hera-coming-soon-content {
    padding: 72px 0 60px;
  }

  .hera-coming-soon h1 {
    font-size: 46px;
  }

}


/* =========================================================
   KLEINE DESKTOP-BILDSCHIRMHÖHEN
   ========================================================= */

@media (min-width: 901px) and (max-height: 850px) {

  .hera-coming-soon-inner {
    padding-top: 28px;
    padding-bottom: 24px;
  }

  .hera-coming-soon-content {
    padding: 50px 0;
  }

  .hera-coming-soon h1 {
    font-size: clamp(58px, 6vw, 86px);
  }

  .hera-coming-soon-lead {
    margin-top: 26px;
  }

  .hera-coming-soon-line {
    margin: 25px 0;
  }

}


/* =========================================================
   WORDPRESS-KORREKTUREN
   ========================================================= */

.hera-coming-soon img {
  border: 0;
  box-shadow: none;
}

.hera-coming-soon a {
  box-shadow: none;
}

.hera-coming-soon p,
.hera-coming-soon h1 {
  overflow-wrap: normal;
  word-break: normal;
}/* =========================================
   HERA – LEEREN THEME-HEADER ENTFERNEN
   ========================================= */

.site-header,
#masthead,
.site-branding {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Abstand zwischen Theme und eigenem Inhalt entfernen */
#content,
.site-content,
#primary,
.site-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* erster Seiteninhalt ohne zusätzlichen oberen Abstand */
.entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}/* HERA – LEEREN WORDPRESS-SEITENKOPF ENTFERNEN */

body.page .entry-header,
body.page .page-header,
body.page header.entry-header,
body.page .site-main > article > header,
body.page article > .entry-header {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Seiteninhalt direkt oben beginnen lassen */
body.page .entry-content,
body.page .site-content,
body.page #content,
body.page #primary,
body.page main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}/* =========================================
   HERA – VARIA / HEYER GLOBAL TOP GAP FIX
   ========================================= */

html,
body,
#page,
.site,
.site-content,
.content-area,
#content,
#primary,
.site-main,
main,
article,
.entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Varia Theme Header-/Title-Abstände neutralisieren */
.site-header,
#masthead,
.entry-header,
.page-header,
.site-branding {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Gutenberg / WordPress Block-Abstände */
.wp-site-blocks,
.wp-block-post-content,
.wp-block-group:first-child,
.entry-content > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* HERA articles: full-width footer across all languages */
.entry-content > .hera-knowledge-article-v2 ~ footer.hera-footer {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}