:root {
			--brand: #002060;
			--brand-2: #003070;
			--brand-3: #004080;
			--brand-dark: #001338;
			--accent: #d04010;
			--accent-bright: #e05010;
			--accent-dark: #d04010;
			--ink: #101827;
			--muted: #5f7189;
			--line: #d9e0ea;
			--soft: #f5f7fb;
			--paper: #ffffff;
			--footer: #001338;
			--shadow: 0 18px 50px rgba(0, 32, 96, 0.16);
			--radius: 8px;
			--max: 1160px;
		}

		* {
			box-sizing: border-box;
		}

		html {
			scroll-behavior: smooth;
		}

		body {
			margin: 0;
			color: var(--ink);
			background: var(--paper);
			font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
			font-size: 16px;
			line-height: 1.6;
			-webkit-font-smoothing: antialiased;
		}

		img {
			max-width: 100%;
			height: auto;
			display: block;
		}

		a {
			color: inherit;
			text-decoration: none;
		}

		a:focus-visible,
		button:focus-visible {
			outline: 3px solid rgba(224, 80, 16, 0.85);
			outline-offset: 3px;
		}

		.container {
			width: min(100% - 40px, var(--max));
			margin: 0 auto;
		}

		.site-header {
			position: sticky;
			top: 0;
			z-index: 20;
			background: rgba(255, 255, 255, 0.97);
			border-bottom: 1px solid var(--line);
			backdrop-filter: blur(14px);
		}

		.header-inner {
			min-height: 130px;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 24px;
			position: relative;
		}

		.brand-lockup {
			display: inline-flex;
			align-items: center;
			flex-direction: column;
			gap: 2px;
			text-align: center;
			margin-bottom: 8px;
		}

		.logo-link {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			font-weight: 800;
			letter-spacing: 0;
		}

		.logo-img {
			width: 235px;
			height: 108px;
			border-radius: 6px;
			object-fit: contain;
		}

		.brand-slogan {
			color: var(--brand-2);
			font-size: 0.85rem;
			font-weight: 900;
			line-height: 1.2;
			letter-spacing: 0.14em;
			text-transform: uppercase;
			margin-top: -5px;
		}

		
.header-socials {
	position: absolute;
	left: 0;
	display: flex;
	gap: 8px;
	align-items: center;
}
.header-social-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--paper);
	color: var(--muted);
	border: 1px solid var(--line);
	transition: all 0.2s ease;
}
.header-social-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,32,96,0.08);
}
.header-social-btn.ig:hover {
	background: #e1306c;
	color: #fff;
	border-color: #e1306c;
}
.header-social-btn.wa:hover {
	background: #25D366;
	color: #fff;
	border-color: #25D366;
}

.main-nav {
			position: absolute;
			right: 0;
			display: flex;
			align-items: center;
			gap: 2px;
		}

		.main-nav a {
			display: inline-flex;
			align-items: center;
			min-height: 42px;
			color: var(--muted);
			font-size: 0.94rem;
			font-weight: 700;
			padding: 10px;
			border-radius: var(--radius);
			transition: color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
		}

		.main-nav a:hover {
			color: var(--brand-dark);
			background: var(--soft);
		}

		.hero {
			background:
				linear-gradient(90deg, rgba(255, 255, 255, 0.97) 0%, rgba(255, 255, 255, 0.93) 43%, rgba(255, 255, 255, 0.18) 72%),
				linear-gradient(180deg, #f7f9fd 0%, #ffffff 100%);
			border-bottom: 1px solid var(--line);
		}

		.hero-grid {
			display: grid;
			grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.88fr);
			gap: 48px;
			align-items: center;
			padding: 72px 0 56px;
		}

		.kicker {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			margin: 0 0 16px;
			color: var(--accent);
			font-size: 0.86rem;
			font-weight: 800;
			text-transform: uppercase;
			letter-spacing: 0;
		}

		.kicker::before {
			content: "";
			width: 10px;
			height: 10px;
			background: var(--accent);
			border-radius: 999px;
		}

		h1,
		h2,
		h3 {
			margin: 0;
			color: var(--ink);
			line-height: 1.12;
			letter-spacing: 0;
		}

		h1 {
			max-width: 720px;
			color: var(--brand-dark);
			font-size: clamp(2.55rem, 5.2vw, 4.45rem);
			font-weight: 900;
			overflow-wrap: anywhere;
			text-transform: uppercase;
		}

		h2 {
			font-size: clamp(1.8rem, 3vw, 2.65rem);
			font-weight: 820;
		}

		h3 {
			font-size: 1.15rem;
			font-weight: 800;
		}

		.lead {
			max-width: 640px;
			margin: 22px 0 0;
			color: var(--muted);
			font-size: 1.17rem;
		}

		.hero-actions,
		.contact-actions {
			display: flex;
			flex-wrap: wrap;
			gap: 12px;
			margin-top: 30px;
		}

		.btn {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-height: 48px;
			padding: 12px 18px;
			border-radius: var(--radius);
			font-weight: 800;
			line-height: 1.2;
			transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
		}

		.btn:hover {
			transform: translateY(-1px);
		}

		.btn-primary {
			color: #fff;
			background: var(--accent);
			box-shadow: 0 12px 28px rgba(208, 64, 16, 0.28);
		}

		.btn-primary:hover {
			color: #fff;
			background: var(--brand);
			box-shadow: 0 14px 30px rgba(0, 32, 96, 0.22);
		}

		.btn-secondary {
			color: var(--brand);
			background: #fff;
			border: 1px solid var(--line);
		}

		.btn-secondary:hover {
			color: #fff;
			background: var(--brand);
			border-color: var(--brand);
			box-shadow: 0 12px 28px rgba(0, 32, 96, 0.16);
		}

		.trust-list {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 12px;
			margin: 34px 0 0;
			padding: 0;
			list-style: none;
		}

		.trust-list li {
			display: flex;
			align-items: center;
			padding: 14px 14px 14px 18px;
			background: #fff;
			border: 1px solid var(--line);
			border-left: 4px solid var(--accent);
			border-radius: var(--radius);
			color: var(--brand);
			font-size: 0.95rem;
			font-weight: 800;
		}

		.hero-media {
			position: relative;
			margin: 0;
		}

		.hero-media img {
			width: 100%;
			height: auto;
			aspect-ratio: 4 / 3;
			object-fit: cover;
			border-radius: var(--radius);
			box-shadow: var(--shadow);
		}

		.hero-badge {
			position: absolute;
			right: 18px;
			bottom: 18px;
			width: min(260px, calc(100% - 36px));
			padding: 16px;
			background: rgba(255, 255, 255, 0.94);
			border: 1px solid rgba(220, 230, 236, 0.9);
			border-radius: var(--radius);
			box-shadow: 0 12px 34px rgba(16, 35, 45, 0.16);
		}

		.hero-badge strong {
			display: block;
			color: var(--brand);
			font-size: 1.45rem;
			line-height: 1;
		}

		.hero-badge span {
			display: block;
			margin-top: 6px;
			color: var(--muted);
			font-size: 0.92rem;
			line-height: 1.35;
		}

		.section {
			padding: 74px 0;
		}

		#leistungen,
		#ablauf,
		#kontakt,
		#faq {
			scroll-margin-top: 100px;
		}

		.section-muted {
			background: var(--soft);
			border-top: 1px solid var(--line);
			border-bottom: 1px solid var(--line);
		}

		.section-head {
			max-width: 760px;
			margin-bottom: 32px;
		}

		.section-head p {
			margin: 14px 0 0;
			color: var(--muted);
			font-size: 1.08rem;
		}

		.grid-3 {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 18px;
		}

		.card,
		.step,
		.faq-item {
			background: #fff;
			border: 1px solid var(--line);
			border-radius: var(--radius);
		}

		.card {
			display: flex;
			flex-direction: column;
			padding: 24px;
		}

		.card p,
		.step p,
		.faq-item p {
			margin: 10px 0 0;
			color: var(--muted);
		}

		.card-label {
			display: inline-flex;
			justify-content: center;
			align-items: center;
			text-align: center;
			margin-bottom: 16px;
			padding: 5px 9px;
			color: var(--brand);
			background: #eef3ff;
			border-radius: 999px;
			font-size: 0.78rem;
			font-weight: 850;
			text-transform: uppercase;
		}

		.problem-layout {
			display: grid;
			grid-template-columns: minmax(0, 0.92fr) minmax(360px, 1.08fr);
			gap: 44px;
			align-items: start;
		}

		.check-list {
			display: grid;
			gap: 13px;
			margin: 0;
			padding: 0;
			list-style: none;
		}

		.check-list li {
			position: relative;
			padding-left: 31px;
			color: var(--ink);
			font-weight: 700;
		}

		.check-list li::before {
			content: "";
			position: absolute;
			left: 0;
			top: 0.45em;
			width: 16px;
			height: 16px;
			border-radius: 50%;
			background: var(--accent);
			box-shadow: inset 0 0 0 4px #fff;
			border: 1px solid #e3a72b;
		}

		.steps {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 18px;
			counter-reset: steps;
		}

		.step {
			counter-increment: steps;
			display: flex;
			flex-direction: column;
			align-items: center;
			text-align: center;
			padding: 24px;
		}

		.step::before {
			content: counter(steps);
			display: grid;
			place-items: center;
			width: 44px;
			height: 44px;
			margin-bottom: 20px;
			color: #fff;
			background: var(--brand-dark);
			border-radius: 50%;
			font-weight: 800;
			font-size: 1.25rem;
			align-self: center;
		}

		.integrity-panel {
			display: grid;
			grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
			gap: 36px;
			align-items: center;
			padding: 34px;
			background: #fff;
			border: 1px solid var(--line);
			border-radius: var(--radius);
		}

		.integrity-list {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 12px;
			margin: 0;
			padding: 0;
			list-style: none;
		}

		.integrity-list li {
			display: flex;
			align-items: center;
			padding: 16px;
			color: var(--brand);
			background: #f7fafb;
			border: 1px solid var(--line);
			border-left: 4px solid var(--accent);
			border-radius: var(--radius);
			font-weight: 800;
		}

		.contact-section {
			padding: 76px 0;
			background: linear-gradient(135deg, var(--brand-dark), var(--brand));
			color: #fff;
		}

		.contact-grid {
			display: grid;
			grid-template-columns: minmax(0, 0.8fr) minmax(360px, 1.2fr);
			gap: 40px;
			align-items: start;
		}

		.contact-section h2,
		.contact-section h3 {
			color: #fff;
		}

		.contact-section p {
			color: #c8d5dc;
		}

		.contact-box {
			padding: 24px;
			background: rgba(255, 255, 255, 0.06);
			border: 1px solid rgba(255, 255, 255, 0.18);
			border-radius: var(--radius);
		}

		.phone-link {
			display: inline-flex;
			margin-top: 10px;
			color: #fff;
			font-size: 1.45rem;
			font-weight: 850;
			border-radius: var(--radius);
			transition: color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
		}

		.phone-link:hover {
			color: #fff;
			background: rgba(255, 255, 255, 0.1);
			box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.1);
		}

		.widget-wrapper {
			overflow: hidden;
			background: #f8fbfc;
			border-radius: var(--radius);
			border: 1px solid rgba(255, 255, 255, 0.18);
			box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
		}

		.widget-fallback {
			padding: 22px;
			color: var(--muted);
			font-size: 0.94rem;
		}

		nilo-contact-form,
		nilo-contact-form .nilo-widget,
		nilo-contact-form .nilo-widget-card {
			display: block !important;
			width: 100% !important;
		}

		nilo-contact-form .nilo-widget-card {
			margin: 0 !important;
			padding: 30px !important;
			color: var(--ink) !important;
			background: #fff !important;
			border: 1px solid rgba(220, 230, 236, 0.95) !important;
			border-radius: var(--radius) !important;
			box-shadow: none !important;
		}

		nilo-contact-form .nilo-widget-copy {
			display: block !important;
			margin: 0 0 24px !important;
			padding: 0 0 20px !important;
			border-bottom: 1px solid var(--line) !important;
		}

		nilo-contact-form .nilo-widget-title {
			display: block !important;
			margin: 0 !important;
			color: var(--ink) !important;
			font-size: 1.45rem !important;
			line-height: 1.2 !important;
		}

		nilo-contact-form .nilo-widget-text {
			display: block !important;
			margin: 8px 0 0 !important;
			color: var(--muted) !important;
			font-size: 1rem !important;
			line-height: 1.5 !important;
		}

		nilo-contact-form .nilo-widget-grid {
			display: grid !important;
			grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
			gap: 16px !important;
		}

		nilo-contact-form .nilo-field {
			display: grid !important;
			gap: 7px !important;
			color: var(--ink) !important;
			font-size: 0.9rem !important;
			font-weight: 800 !important;
		}

		nilo-contact-form .nilo-field--full {
			grid-column: 1 / -1 !important;
		}

		nilo-contact-form .nilo-input {
			width: 100% !important;
			min-height: 46px !important;
			margin: 0 !important;
			padding: 12px 13px !important;
			color: var(--ink) !important;
			background: #f7fafb !important;
			border: 1px solid #c9d7df !important;
			border-radius: var(--radius) !important;
			font: inherit !important;
			font-weight: 500 !important;
			line-height: 1.3 !important;
			transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease !important;
			-webkit-appearance: none !important;
			appearance: none !important;
		}

		nilo-contact-form textarea.nilo-input {
			min-height: 120px !important;
			resize: vertical !important;
		}

		nilo-contact-form .nilo-input:focus {
			outline: none !important;
			background: #fff !important;
			border-color: var(--brand) !important;
			box-shadow: 0 0 0 4px rgba(0, 32, 96, 0.14) !important;
		}

		nilo-contact-form .nilo-actions {
			display: flex !important;
			align-items: center !important;
			justify-content: flex-start !important;
			margin-top: 22px !important;
		}

		nilo-contact-form .nilo-submit {
			display: inline-flex !important;
			align-items: center !important;
			justify-content: center !important;
			min-height: 48px !important;
			padding: 12px 18px !important;
			color: #fff !important;
			background: var(--accent) !important;
			border: 0 !important;
			border-radius: var(--radius) !important;
			box-shadow: 0 12px 28px rgba(224, 80, 16, 0.24) !important;
			cursor: pointer !important;
			font: inherit !important;
			font-weight: 850 !important;
			line-height: 1.2 !important;
			transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease !important;
		}

		nilo-contact-form .nilo-submit:hover {
			color: #fff !important;
			background: var(--brand) !important;
			box-shadow: 0 14px 30px rgba(0, 32, 96, 0.22) !important;
			transform: translateY(-1px) !important;
		}

		nilo-contact-form .nilo-submit:active {
			transform: translateY(0) !important;
		}

		nilo-contact-form .nilo-status,
		nilo-contact-form .nilo-success {
			margin: 14px 0 0 !important;
			color: var(--muted) !important;
			font-size: 0.92rem !important;
			line-height: 1.45 !important;
		}

		nilo-contact-form .nilo-success {
			color: var(--brand) !important;
			font-weight: 800 !important;
		}

		.privacy-note {
			margin: 14px 0 0;
			color: #a9bac3 !important;
			font-size: 0.92rem;
		}

		.privacy-note a {
			color: #fff;
			font-weight: 800;
			text-decoration: underline;
			text-decoration-thickness: 1px;
			text-underline-offset: 3px;
			transition: color 0.18s ease;
		}

		.privacy-note a:hover {
			color: #ffd4c4;
		}

		.faq-grid {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 16px;
		}

		.faq-item {
			display: flex;
			flex-direction: column;
			padding: 22px;
		}

		
/* Reviews Section */
.reviews-section {
	padding: 60px 0;
	background: #fff;
	border-bottom: 1px solid var(--line);
}
.reviews-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-bottom: 40px;
}
.google-badge {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	background: var(--soft);
	padding: 12px 24px;
	border-radius: 100px;
	margin-bottom: 12px;
	text-decoration: none;
	border: 1px solid var(--line);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.google-badge:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0, 32, 96, 0.08);
}
.google-badge svg {
	width: 28px;
	height: 28px;
}
.google-rating {
	display: flex;
	align-items: center;
	gap: 10px;
}
.google-rating strong {
	font-size: 1.3rem;
	color: var(--ink);
	font-weight: 800;
}
.stars {
	color: #FBBC05;
	font-size: 1.35rem;
	letter-spacing: 2px;
}
.reviews-header p {
	color: var(--muted);
	margin: 0;
	font-weight: 500;
	font-size: 0.95rem;
}
.reviews-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 24px;
}
.review-card {
	background: var(--paper);
	border: 1px solid var(--line);
	padding: 28px;
	border-radius: var(--radius);
	box-shadow: 0 4px 12px rgba(0, 32, 96, 0.03);
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.review-stars {
	color: #FBBC05;
	font-size: 1.2rem;
	letter-spacing: 2px;
}
.review-text {
	font-style: italic;
	color: var(--ink);
	margin: 0;
	flex-grow: 1;
	line-height: 1.5;
}
.review-author {
	font-weight: 800;
	color: var(--brand);
	margin: 0;
}

/* Instagram Section */
		.instagram-section {
			background-color: var(--soft);
			padding: 70px 0;
			text-align: center;
		}

		.instagram-card,
.whatsapp-card {
			display: inline-flex;
			align-items: center;
			justify-content: space-between;
			background: var(--paper);
			padding: 16px 24px;
			border-radius: 60px;
			box-shadow: 0 10px 30px rgba(0, 32, 96, 0.08);
			text-decoration: none;
			color: var(--ink);
			margin-top: 24px;
			transition: transform 0.2s ease, box-shadow 0.2s ease;
			border: 1px solid var(--line);
			max-width: 100%;
			flex-wrap: wrap;
			gap: 16px;
		}

		.instagram-card:hover,
.whatsapp-card:hover {
			transform: translateY(-3px);
			box-shadow: 0 14px 40px rgba(0, 32, 96, 0.12);
		}

		

.social-cards-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

.wa-avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	background: #25D366;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	flex-shrink: 0;
}

.wa-action {
	display: flex;
	align-items: center;
	gap: 8px;
	background: #25D366;
	color: #fff;
	padding: 10px 20px;
	border-radius: 30px;
	font-weight: 700;
	font-size: 14px;
	transition: background 0.18s ease;
}
.whatsapp-card:hover .wa-action {
	background: #1eb956;
}
.ig-profile {
			display: flex;
			align-items: center;
			gap: 14px;
		}

		.ig-avatar {
			width: 50px;
			height: 50px;
			border-radius: 50%;
			overflow: hidden;
			background: #fff;
			border: 2px solid #e1306c;
			padding: 2px;
			flex-shrink: 0;
		}

		.ig-avatar img {
			width: 100%;
			height: 100%;
			object-fit: contain;
			border-radius: 50%;
		}

		.ig-info {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			line-height: 1.3;
		}

		.ig-info strong {
			font-size: 16px;
			color: var(--ink);
		}

		.ig-info span {
			font-size: 13px;
			color: var(--muted);
		}

		.ig-action {
			display: flex;
			align-items: center;
			gap: 8px;
			background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
			color: #fff;
			padding: 10px 20px;
			border-radius: 30px;
			font-weight: 700;
			font-size: 14px;
		}

		.site-footer {
			background: var(--brand-dark);
			color: #c8d5dc;
			padding: 34px 0;
		}

		.footer-inner {
			display: flex;
			justify-content: space-between;
			gap: 20px;
			align-items: center;
		}

		.footer-links {
			display: flex;
			flex-wrap: wrap;
			gap: 16px;
		}

		.footer-links a {
			color: #fff;
			font-weight: 700;
			padding: 6px 8px;
			border-radius: 6px;
			transition: color 0.18s ease, background 0.18s ease;
		}

		.footer-links a:hover {
			color: #fff;
			background: rgba(255, 255, 255, 0.1);
		}

		.legal-placeholder {
			color: #8fa3ad;
		}

	
	@media (max-width: 1120px) {
		.header-socials {
			position: static;
			margin-bottom: 12px;
		}

			.site-header {
				position: static;
			}

			.header-inner {
				align-items: center;
				flex-direction: column;
				min-height: 0;
				padding: 14px 0 12px;
			}

			
.header-socials {
	position: absolute;
	left: 0;
	display: flex;
	gap: 8px;
	align-items: center;
}
.header-social-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--paper);
	color: var(--muted);
	border: 1px solid var(--line);
	transition: all 0.2s ease;
}
.header-social-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,32,96,0.08);
}
.header-social-btn.ig:hover {
	background: #e1306c;
	color: #fff;
	border-color: #e1306c;
}
.header-social-btn.wa:hover {
	background: #25D366;
	color: #fff;
	border-color: #25D366;
}

.main-nav {
				position: static;
				justify-content: center;
				width: 100%;
			}
		}

		@media (max-width: 920px) {
			
.header-socials {
	position: absolute;
	left: 0;
	display: flex;
	gap: 8px;
	align-items: center;
}
.header-social-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--paper);
	color: var(--muted);
	border: 1px solid var(--line);
	transition: all 0.2s ease;
}
.header-social-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,32,96,0.08);
}
.header-social-btn.ig:hover {
	background: #e1306c;
	color: #fff;
	border-color: #e1306c;
}
.header-social-btn.wa:hover {
	background: #25D366;
	color: #fff;
	border-color: #25D366;
}

.main-nav {
				overflow-x: auto;
				padding-bottom: 4px;
			}

			.hero-grid,
			.problem-layout,
			.contact-grid,
			.integrity-panel {
				grid-template-columns: 1fr;
			}

			.hero-grid {
				padding: 48px 0;
			}

			.grid-3,
			.steps {
				grid-template-columns: 1fr;
			}

			.trust-list,
			.faq-grid,
			.integrity-list {
				grid-template-columns: 1fr;
			}
		}

		@media (max-width: 620px) {
			.container {
				width: min(100% - 28px, var(--max));
			}

			.logo-img {
				width: 185px;
				height: 85px;
			}

			.brand-slogan {
				font-size: 0.70rem;
				letter-spacing: 0.1em;
				margin-top: -3px;
			}

			.main-nav a {
				white-space: nowrap;
			}

			
.header-socials {
	position: absolute;
	left: 0;
	display: flex;
	gap: 8px;
	align-items: center;
}
.header-social-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--paper);
	color: var(--muted);
	border: 1px solid var(--line);
	transition: all 0.2s ease;
}
.header-social-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,32,96,0.08);
}
.header-social-btn.ig:hover {
	background: #e1306c;
	color: #fff;
	border-color: #e1306c;
}
.header-social-btn.wa:hover {
	background: #25D366;
	color: #fff;
	border-color: #25D366;
}

.main-nav {
				flex-wrap: wrap;
				overflow-x: visible;
			}

			.hero-actions,
			.contact-actions {
				display: grid;
			}

			.btn {
				width: 100%;
			}

			nilo-contact-form .nilo-widget-card {
				padding: 22px !important;
			}

			nilo-contact-form .nilo-widget-grid {
				grid-template-columns: 1fr !important;
			}

			nilo-contact-form .nilo-submit {
				width: 100% !important;
			}

			.section,
			.contact-section {
				padding: 54px 0;
			}

			.hero-badge {
				position: static;
				width: 100%;
				margin-top: 12px;
			}

			.footer-inner {
				align-items: flex-start;
				flex-direction: column;
			}

		}
	
/* Legal Pages (Datenschutz, Impressum, AGB) */
body.legal-page {
	background: #f5f7fb;
}
.legal-main {
	width: min(100% - 40px, 900px);
	margin: 0 auto;
	padding: 64px 0;
}
.legal-article {
	padding: 34px;
	background: #fff;
	border: 1px solid #d9e0ea;
	border-radius: 8px;
}
.legal-article a {
	color: #002060;
	font-weight: 700;
	text-decoration: underline;
}
.legal-article a:hover {
	color: #d04010;
}
.legal-article h1 {
	margin-top: 0;
	line-height: 1.15;
}
.legal-article h2 {
	margin-top: 34px;
	line-height: 1.25;
}
.legal-notice {
	padding: 16px;
	background: #fff4ef;
	border-left: 4px solid #d04010;
	border-radius: 8px;
	font-weight: 700;
}