/* chill in – Aktivitäten Sommer/Winter */
.chillin-acts {
	--act-green: var(--wp--preset--color--tannengruen, #183325);
	--act-beige: var(--wp--preset--color--beige, #F3E6CB);
	--act-creme: var(--wp--preset--color--creme, #F7F0E1);
	--act-coral: var(--wp--preset--color--koralle, #EC6644);
	--act-coral-d: var(--wp--preset--color--koralle-dunkel, #B5442A);
	--act-teal: var(--wp--preset--color--tuerkis, #59BEB8);
	--act-gold: var(--wp--preset--color--gold, #D8B652);
	--act-accent: var(--act-teal);
	background: var(--act-creme);
	padding-top: var(--wp--preset--spacing--70, 5rem);
	padding-bottom: var(--wp--preset--spacing--70, 5rem);
	transition: background .3s;
}
.chillin-acts[data-season="summer"] { --act-accent: var(--act-gold); }
.chillin-acts__in { max-width: 1200px; margin: 0 auto; padding: 0 var(--chillin-gutter, 20px); }
.chillin-acts__head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1.5rem 2rem; margin-bottom: 2rem; }
.chillin-acts__head > div:first-child { max-width: 720px; }
.chillin-acts__head h2 { margin-top: .2rem; }

/* Umschalter */
.chillin-acts__switch { display: inline-flex; padding: 5px; border-radius: 999px; background: var(--act-green); box-shadow: 0 10px 30px -18px rgba(0, 0, 0, .6); }
.chillin-acts__switch button { display: inline-flex; align-items: center; gap: .5rem; min-height: 48px; padding: .4rem 1.3rem; border: 0; border-radius: 999px; background: transparent; color: var(--act-beige); font: 600 1rem/1 var(--wp--preset--font-family--outfit, sans-serif); cursor: pointer; transition: background .2s, color .2s; }
.chillin-acts__switch button .chillin-act-ico { width: 22px; height: 22px; }
.chillin-acts__switch button[aria-selected="true"][data-s="winter"] { background: var(--act-teal); color: var(--act-green); }
.chillin-acts__switch button[aria-selected="true"][data-s="summer"] { background: var(--act-gold); color: var(--act-green); }
.chillin-acts__switch button:focus-visible, .chillin-act__more:focus-visible, .chillin-act__live:focus-visible { outline: 3px solid var(--act-coral); outline-offset: 2px; }

/* Karten */
.chillin-acts__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.1rem; margin: 0; padding: 0; list-style: none; }
.chillin-act { display: flex; gap: 1rem; margin: 0; padding: 1.2rem 1.2rem 1.1rem; border-radius: 20px; background: #fff; box-shadow: 0 1px 0 var(--wp--preset--color--linie, #DCCDAE); animation: chillin-act-in .35s ease both; }
.chillin-acts[data-season="winter"] .chillin-act.is-summer, .chillin-acts[data-season="summer"] .chillin-act.is-winter { display: none; }
@keyframes chillin-act-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.chillin-act__icon { flex: none; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 18px 22px 16px 20px; background: var(--act-accent); color: var(--act-green); box-shadow: 3px 3px 0 var(--act-green); transform: rotate(-3deg); }
.chillin-act:nth-child(even) .chillin-act__icon { transform: rotate(3deg); }
.chillin-act__icon .chillin-act-ico { width: 30px; height: 30px; }
.chillin-act__body { display: flex; flex-direction: column; min-width: 0; }
.chillin-act__title { margin: .1rem 0 .3rem; font-family: var(--wp--preset--font-family--domine, Georgia, serif); font-size: 1.12rem; line-height: 1.25; color: var(--act-green); }
.chillin-act__text { margin: 0 0 .55rem; font-size: .93rem; line-height: 1.5; color: var(--wp--preset--color--grau, #4B5550); }
.chillin-act__meta { display: flex; flex-wrap: wrap; gap: .35rem; margin: 0 0 .5rem; }
.chillin-act__meta:empty { display: none; }
.chillin-act__tag { padding: .15rem .6rem; border-radius: 999px; background: var(--act-beige); color: var(--act-green); font-size: .78rem; font-weight: 600; }
.chillin-act__tag.is-card { background: var(--act-gold); }
.chillin-act__links { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1rem; margin: auto 0 0; }
.chillin-act__more { display: inline-flex; align-items: center; gap: .3rem; color: var(--act-coral-d); font-weight: 600; text-decoration: none; min-height: 32px; }
.chillin-act__more .chillin-act-ico { width: 16px; height: 16px; }
.chillin-act__more:hover { text-decoration: underline; text-underline-offset: 4px; }
.chillin-act__live { display: inline-flex; align-items: center; gap: .35rem; min-height: 32px; padding: .2rem .8rem; border: 0; border-radius: 999px; background: var(--act-green); color: var(--act-beige); font: 600 .85rem/1 var(--wp--preset--font-family--outfit, sans-serif); cursor: pointer; }
.chillin-act__live .chillin-act-ico { width: 14px; height: 14px; }

/* Live-Fenster (Webcam) */
.chillin-acts__live { margin-top: 1.4rem; border-radius: 20px; overflow: hidden; background: var(--act-green); }
.chillin-acts__live-box iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }
.chillin-acts__close { display: block; width: 100%; min-height: 44px; border: 0; background: var(--act-green); color: var(--act-beige); font: 600 .95rem var(--wp--preset--font-family--outfit, sans-serif); cursor: pointer; }

@media (max-width: 1000px) { .chillin-acts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
	.chillin-acts__grid { grid-template-columns: minmax(0, 1fr); gap: .7rem; }
	.chillin-acts__switch { width: 100%; }
	.chillin-acts__switch button { flex: 1; justify-content: center; }
	.chillin-act { padding: 1rem; gap: .85rem; border-radius: 18px; }
	.chillin-act__icon { width: 48px; height: 48px; }
	.chillin-act__icon .chillin-act-ico { width: 26px; height: 26px; }
}
@media (prefers-reduced-motion: reduce) { .chillin-act { animation: none; } }