/* Downloads-Archiv – Sternenhimmel-Optik für die ganze Seite. */

.trulla-downloads-himmel {
	position: relative;
	background: radial-gradient(ellipse 120% 90% at 50% -10%, #4E85DE 0%, #1A3A8F 75%);
	overflow-x: hidden;
	border-radius: 28px;
	width: calc(100% - 2rem);
	max-width: 800px;
	margin: 1rem auto 2rem;
	padding: 1.5rem 1.25rem 3rem;
}

.trulla-downloads-himmel .seitensterne,
#dlSeitensterne {
	position: absolute !important;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}
.trulla-downloads-himmel .seitensterne span {
	position: absolute;
	clip-path: polygon(50% 0%, 63% 36%, 100% 50%, 63% 64%, 50% 100%, 37% 64%, 0% 50%, 37% 36%);
	animation-name: trulla-downloads-funkeln;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
}
@keyframes trulla-downloads-funkeln {
	0%, 100% { opacity: 0.3; transform: scale(0.7) rotate(0deg); }
	50% { opacity: 1; transform: scale(1.7) rotate(12deg); }
}

.trulla-downloads-himmel > *:not(.trulla-sk-seitenmenu):not(.trulla-sk-seitenmenu-hintergrund):not(.trulla-sk__menu-knopf):not(.seitensterne) {
	position: relative;
	z-index: 1;
}

.trulla-downloads-himmel h1,
.trulla-downloads-himmel h2,
.trulla-downloads-himmel h3,
.trulla-downloads-himmel h4 {
	color: #fff8ee;
}
.trulla-downloads-himmel h1.has-trulla-orange-color {
	color: #e8621a !important;
}
.trulla-downloads-himmel p,
.trulla-downloads-himmel li {
	color: #e4ecfb;
}
.trulla-downloads-himmel a {
	color: #ffe49a;
}

/* Sternbild-Navigation (Geschenkpaket) */
.trulla-dl-kopf {
	text-align: center;
	max-width: 36rem;
	margin: 0 auto 2rem;
}
.trulla-dl-kopf__eyebrow {
	display: block;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 700;
	font-size: 0.72rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #f5c842;
	margin-bottom: 0.6rem;
}
.trulla-dl-kopf p {
	color: #e4ecfb;
	font-size: 0.98rem;
	line-height: 1.6;
	margin: 0;
}

.trulla-dl-paketbild {
	position: relative;
	width: 100%;
	max-width: 420px;
	aspect-ratio: 1 / 1;
	margin: 0 auto 1.5rem;
}
.trulla-dl-linie {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.trulla-dl-linie path {
	fill: none;
	stroke: #fff8ee;
	stroke-opacity: 0.3;
	stroke-width: 1.7;
	stroke-dasharray: 2.5 6;
	stroke-linecap: round;
}
.trulla-dl-stern {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.25rem;
	transform: translate(-50%, -50%);
	text-decoration: none;
	color: inherit !important;
	width: 8.5rem;
}
.trulla-dl-stern__form {
	position: relative;
	display: block;
	filter: drop-shadow(0 0 12px var(--glow, rgba(245, 200, 66, 0.6)));
	transition: filter 0.25s ease, transform 0.25s ease;
	animation: trulla-dl-puls 3.6s ease-in-out infinite;
}
.trulla-dl-stern:hover .trulla-dl-stern__form,
.trulla-dl-stern:focus-visible .trulla-dl-stern__form {
	filter: drop-shadow(0 0 20px var(--glow, rgba(245, 200, 66, 0.9)));
	transform: scale(1.08);
}
@keyframes trulla-dl-puls {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.04); }
}
.trulla-dl-stern__form img {
	display: block;
	margin: 0 auto;
	width: 50px;
	height: auto;
}
.trulla-dl-stern__name {
	font-family: 'Rum Raisin', 'Andika', serif;
	font-weight: 400;
	font-size: 0.78rem;
	color: #fff8ee;
	text-align: center;
	text-wrap: balance;
	text-shadow: 0 2px 8px rgba(15, 35, 96, 0.95);
}
.trulla-dl-p0 { left: 24%; top: 26%; }
.trulla-dl-p1 { left: 76%; top: 26%; }
.trulla-dl-p2 { left: 14%; top: 70%; }
.trulla-dl-p3 { left: 86%; top: 70%; }
.trulla-dl-p4 { left: 30%; top: 94%; }
.trulla-dl-p5 { left: 70%; top: 94%; }

.trulla-dl-fussnote {
	max-width: 30rem;
	margin: 0 auto 2.5rem;
	text-align: center;
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-size: 0.8rem;
	color: #e4ecfb;
	line-height: 1.6;
}

@media (max-width: 640px) {
	.trulla-dl-stern { width: 5.6rem; }
	.trulla-dl-stern__form img { width: 40px; }
	.trulla-dl-stern__name { font-size: 0.66rem; }
}
@media (prefers-reduced-motion: reduce) {
	.trulla-downloads-himmel .seitensterne span,
	.trulla-dl-stern__form { animation: none; }
}