/*
Theme Name: Mirestan
Theme URI: https://mirestan.org/
Author: Mirestan
Author URI: https://mirestan.org/
Description: Mondo originale Respiro delle Valli, scritto da Bolzano. Maschere di respiro, stormi e passi di brina. Nessun download e nessuna vendita.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mirestan
Tags: blog, entertainment
*/

/* =========================================================================
   1. Lettertypen — map fonts/, mai da un server esterno
   Petrona senza cifre nel unicode-range; le cifre restano in Plus Jakarta Sans
   ========================================================================= */

@font-face {
	font-family: Petrona;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('fonts/petrona-700-latin.woff2') format('woff2');
	unicode-range: U+0000-002F, U+003A-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: Petrona;
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('fonts/petrona-700-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/plus-jakarta-sans-400-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/plus-jakarta-sans-400-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('fonts/plus-jakarta-sans-600-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Plus Jakarta Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('fonts/plus-jakarta-sans-600-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* =========================================================================
   2. Palette e reset — Alpi chiare, non resina scura
   ========================================================================= */

:root {
	--nebbia: #eef2f0;
	--panel: #e2eae6;
	--haarlijn: #c8d4d0;
	--rand: #5a6c68;
	--inchiostro: #1a221e;
	--ombra: #44504c;
	--lago: #2a5a68;
	--corteccia: #7a4a28;
	--warn: #a83828;
	--misura: 72rem;
	--baite-h: 4.5rem;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-padding-top: var(--baite-h);
	background: var(--nebbia);
}

html,
body {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 400;
	font-size: 1.0625rem;
	line-height: 1.6;
	color: var(--inchiostro);
	background-color: var(--nebbia);
	background-image: linear-gradient(rgba(238, 242, 240, 0.92), rgba(238, 242, 240, 0.92)), url('images/texture-intonaco.jpg');
	background-size: auto, 42rem auto;
	min-width: 20rem;
}

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

a {
	color: var(--lago);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

a:hover,
a:focus-visible {
	color: var(--corteccia);
}

:focus-visible {
	outline: 2px solid var(--lago);
	outline-offset: 3px;
}

[hidden] {
	display: none !important;
	visibility: hidden !important;
}

h1,
h2,
h3,
.baite__nome {
	font-family: Petrona, serif;
	font-weight: 700;
	line-height: 1.2;
	color: var(--inchiostro);
	letter-spacing: 0.01em;
}

h1 {
	font-size: clamp(1.8rem, 4vw, 3rem);
	margin: 0 0 0.6rem;
}

h2 {
	font-size: clamp(1.4rem, 2.6vw, 2rem);
	margin: 0 0 0.5rem;
}

h3 {
	font-size: 1.2rem;
	margin: 0 0 0.4rem;
}

p,
ul,
ol {
	margin: 0 0 0.9rem;
}

.cifra,
.smarrito__cifra,
input,
textarea,
select,
table {
	font-family: 'Plus Jakarta Sans', sans-serif;
}

.cifra {
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

/* =========================================================================
   3. Baite, salto, muto
   ========================================================================= */

.baite {
	position: sticky;
	top: 0;
	z-index: 40;
	background: var(--nebbia);
	border-bottom: 1px solid var(--haarlijn);
}

.baite__binnen {
	max-width: var(--misura);
	margin: 0 auto;
	padding: 0.55rem 1rem;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	min-height: var(--baite-h);
	position: relative;
}

.baite__marca {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	text-decoration: none;
	color: var(--inchiostro);
	flex: 0 0 auto;
	padding-right: 0.7em;
}

.baite__nome {
	font-size: 1.35rem;
}

.baite__n {
	position: relative;
	display: inline-block;
}

.baite__anello {
	position: absolute;
	left: calc(100% + 0.05em);
	top: 0.16em;
	width: 0.5em;
	height: 0.5em;
	border: 0.12em solid var(--lago);
	border-radius: 50%;
	border-right-color: transparent;
	box-sizing: border-box;
	pointer-events: none;
}

.baite__klop {
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	min-height: 36px;
	min-width: 36px;
	padding: 0.35rem 0.6rem;
	border: 1px solid var(--rand);
	background: var(--panel);
	color: var(--inchiostro);
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 600;
	cursor: pointer;
}

.baite__streepjes {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 3px;
	width: 1.1rem;
}

.baite__streepjes i {
	display: block;
	height: 2px;
	background: var(--inchiostro);
}

.baite__dicht {
	display: none;
}

.baite--aperto .baite__open {
	display: none;
}

.baite--aperto .baite__dicht {
	display: inline;
}

.baite__nav {
	flex: 1 1 auto;
}

.respirolista {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.15rem 0.35rem;
}

.respirolista a {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0.2rem 0.45rem;
	text-decoration: none;
	color: var(--inchiostro);
	border-bottom: 2px solid transparent;
	font-weight: 600;
}

.respirolista a:hover,
.respirolista .current-menu-item a,
.respirolista [aria-current="page"] {
	color: var(--lago);
	border-bottom-color: var(--lago);
}

	.muto {
		display: none;
		position: fixed;
		inset: 0;
		z-index: 35;
		background: rgba(26, 34, 30, 0.42);
		border: 0;
		padding: 0;
		margin: 0;
		cursor: pointer;
		visibility: hidden;
	}

	.muto:not([hidden]) {
		display: block;
		visibility: visible;
	}

.baite--aperto .muto {
	display: block;
	visibility: visible;
}

.salta {
	position: absolute;
	left: 0.75rem;
	top: -4rem;
	background: var(--lago);
	color: var(--nebbia);
	padding: 0.5rem 0.8rem;
	min-height: 36px;
	text-decoration: none;
	font-weight: 600;
	z-index: 60;
}

.salta:focus {
	top: 0.5rem;
}

main {
	display: block;
}

.respiro {
	max-width: var(--misura);
	margin: 0 auto;
	padding: 2rem 1rem;
}

.respiro--panel {
	background: var(--panel);
	border-top: 1px solid var(--haarlijn);
	border-bottom: 1px solid var(--haarlijn);
	max-width: none;
	padding: 0;
}

.respiro--panel .crinale {
	max-width: var(--misura);
	margin: 0 auto;
	padding: 2rem 1rem;
}

.respiro__kicker {
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 600;
	font-size: 0.82rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--corteccia);
	margin: 0 0 0.35rem;
}

.respiro__kicker--dopo {
	margin-top: 0.45rem;
}

/* =========================================================================
   4. Bottoni
   ========================================================================= */

.respirobtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	min-height: 36px;
	padding: 0.45rem 0.9rem;
	border: 1px solid var(--lago);
	background: var(--lago);
	color: var(--nebbia);
	font-family: 'Plus Jakarta Sans', sans-serif;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
}

.respirobtn:hover,
.respirobtn:focus-visible {
	background: var(--inchiostro);
	border-color: var(--inchiostro);
	color: var(--nebbia);
}

.respirobtn--stil {
	background: transparent;
	color: var(--lago);
}

.respirobtn--stil:hover,
.respirobtn--stil:focus-visible {
	background: var(--panel);
	color: var(--inchiostro);
	border-color: var(--rand);
}

.respirobtn--keuze {
	background: var(--nebbia);
	color: var(--inchiostro);
	border-color: var(--rand);
	text-align: left;
}

.respirobtn--keuze[aria-pressed="true"] {
	background: var(--lago);
	border-color: var(--lago);
	color: var(--nebbia);
}

.rijbtn {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
}

/* =========================================================================
   5. Hero, duo, griglia, cta
   ========================================================================= */

.vallehero {
	position: relative;
	min-height: 22rem;
	display: grid;
	align-items: end;
	background: var(--panel) center / cover no-repeat;
}

.vallehero__lastra {
	max-width: var(--misura);
	margin: 0 auto;
	padding: 3.5rem 1rem 2.4rem;
	background: linear-gradient(180deg, rgba(26, 34, 30, 0.62) 0%, rgba(26, 34, 30, 0.84) 48%, rgba(26, 34, 30, 0.94) 100%);
	width: 100%;
}

.vallehero__lastra h1,
.vallehero__lastra p,
.vallehero__lastra .respiro__kicker {
	color: var(--nebbia);
}

.vallehero .respirobtn--stil {
	border-color: var(--nebbia);
	color: var(--nebbia);
}

.vallehero .respirobtn--stil:hover,
.vallehero .respirobtn--stil:focus-visible {
	background: var(--nebbia);
	color: var(--inchiostro);
}

.duo {
	display: grid;
	gap: 1.2rem;
	align-items: center;
}

.duo figure {
	margin: 0;
}

.valligriglia {
	display: grid;
	gap: 1rem;
}

.maschera {
	display: flex;
	flex-direction: column;
	background: var(--nebbia);
	border: 1px solid var(--haarlijn);
}

.maschera img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.maschera__corpo {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 0.9rem 1rem 1rem;
}

.maschera__corpo .respirobtn {
	margin-top: auto;
	align-self: flex-start;
}

.cta-crinale {
	position: relative;
	min-height: 14rem;
	display: grid;
	align-items: center;
	background: var(--panel) center / cover no-repeat;
}

.cta-crinale__lastra {
	max-width: var(--misura);
	margin: 0 auto;
	padding: 2.4rem 1rem;
	background: linear-gradient(90deg, rgba(26, 34, 30, 0.88), rgba(26, 34, 30, 0.45));
	width: 100%;
}

.cta-crinale__lastra h2,
.cta-crinale__lastra p {
	color: var(--nebbia);
}

.banier {
	width: 100%;
	max-height: 16rem;
	object-fit: cover;
}

/* =========================================================================
   6. Strumenti
   ========================================================================= */

.ciclo,
.nebbiawerk,
.svoltawerk,
.passowerk {
	display: grid;
	gap: 0.8rem;
}

.ciclo__scelte,
.nebbiawerk__scelte,
.svoltawerk__scelte,
.passowerk__scelte {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.45rem;
}

.ciclo__goot,
.nebbiawerk__goot,
.passowerk__goot {
	display: flex;
	align-items: flex-end;
	gap: 0.28rem;
	height: 4.2rem;
	padding: 0.2rem 0;
}

.ciclo__staaf,
.nebbiawerk__staaf,
.passowerk__staaf {
	display: block;
	flex: 1 1 0;
	min-height: 8px;
	background: var(--lago);
	border-radius: 2px 2px 0 0;
}

.ciclo__chiprij {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

.ciclo__chip {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	min-height: 36px;
	padding: 0.2rem 0.55rem;
	background: var(--nebbia);
	border: 1px solid var(--rand);
}

fieldset {
	border: 1px solid var(--haarlijn);
	padding: 0.7rem 0.8rem;
	margin: 0;
}

legend {
	font-weight: 600;
	padding: 0 0.3rem;
}

.stormo-svg {
	width: 100%;
	max-width: 28rem;
	height: auto;
}

/* =========================================================================
   7. Voci, persone, cronaca, faq, moduli
   ========================================================================= */

.foliante {
	display: grid;
	gap: 0.9rem;
}

.foliante article {
	background: var(--nebbia);
	border: 1px solid var(--haarlijn);
	padding: 1rem 1.1rem 0.7rem;
}

.foliante__meta {
	font-weight: 600;
	color: var(--ombra);
	margin: 0;
}

.persone {
	display: grid;
	gap: 1.2rem;
}

.persone article {
	display: grid;
	gap: 0.7rem;
}

.persone img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

.orastormo {
	display: grid;
	gap: 1rem;
}

.orastormo article {
	display: grid;
	gap: 0.35rem;
	border-bottom: 1px solid var(--haarlijn);
	padding-bottom: 0.8rem;
}

.orastormo__ora {
	margin: 0;
	color: var(--ombra);
	font-weight: 600;
}

.orastormo h2 a,
.orastormo h3 {
	text-decoration: none;
	color: var(--inchiostro);
	display: inline-flex;
	align-items: center;
	min-height: 36px;
}

.faq details {
	border-bottom: 1px solid var(--haarlijn);
	padding: 0.45rem 0;
}

.faq summary {
	cursor: pointer;
	font-weight: 600;
	min-height: 36px;
	display: flex;
	align-items: center;
}

.modulo p:not(.esca) {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.modulo label {
	display: block;
	font-weight: 600;
}

.modulo {
	position: relative;
}

.modulo input,
.modulo textarea {
	width: 100%;
	min-height: 36px;
	padding: 0.4rem 0.55rem;
	border: 1px solid var(--rand);
	background: var(--nebbia);
	color: var(--inchiostro);
	font-size: 1rem;
}

.modulo textarea {
	min-height: 8rem;
}

.esca {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
	padding: 0;
	margin: 0;
}

.modulo {
	position: relative;
}

.modulo .esca input {
	position: absolute;
	left: -9999px;
	width: 1px;
	min-width: 0;
	height: 1px;
	min-height: 0;
	padding: 0;
	border: 0;
}

.esca input,
.esca label {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
}

.avviso {
	padding: 0.7rem 0.9rem;
	background: var(--panel);
	border: 1px solid var(--rand);
}

.avviso--warn {
	border-color: var(--warn);
	color: var(--warn);
}

.tavola-scorr {
	overflow-x: auto;
}

table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 1rem;
}

th,
td {
	border: 1px solid var(--haarlijn);
	padding: 0.45rem 0.6rem;
	text-align: left;
	vertical-align: top;
}

th {
	background: var(--panel);
	font-weight: 600;
}

.contatti-griglia {
	display: grid;
	gap: 1.2rem;
}

.chiprij {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0 0 1rem;
}

.chiprij span {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0.2rem 0.7rem;
	border: 1px solid var(--rand);
	background: var(--panel);
}

.nota-ori {
	font-size: 0.95rem;
	color: var(--ombra);
}

.pezzo-meta {
	font-weight: 600;
	color: var(--ombra);
	margin: 0 0 1rem;
}

.pezzo p:last-child {
	margin-bottom: 0;
}

/* =========================================================================
   8. Arco di brina, cookie, piede, 404
   ========================================================================= */

.brinaarco {
	color: var(--lago);
	line-height: 0;
	overflow: hidden;
}

.brinaarco svg {
	display: block;
	width: 100%;
	height: 2.4rem;
}

html:not(.js) .koekrand {
	display: none !important;
}

.koekrand {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 50;
	background: var(--panel);
	border-top: 1px solid var(--rand);
	color: var(--inchiostro);
}

.koekrand__binnen {
	max-width: var(--misura);
	margin: 0 auto;
	padding: 0.85rem 1rem 1rem;
	display: grid;
	gap: 0.75rem;
}

.koekrand p {
	margin: 0;
}

.koekrand a {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
}

.koekrand__knoppen {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.6rem;
}

.koekrand__knoppen .respirobtn {
	width: 100%;
}

.fondovalle {
	background: var(--panel);
	border-top: 1px solid var(--haarlijn);
	padding: 2rem 1rem 6.5rem;
}

.fondovalle__binnen {
	max-width: var(--misura);
	margin: 0 auto;
	display: grid;
	gap: 1.2rem;
}

.fondovalle__lijst {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.2rem 0.4rem;
}

.fondovalle__lijst a {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 0.25rem 0.45rem;
	text-decoration: none;
	color: var(--inchiostro);
	font-weight: 600;
}

.fondovalle__dati a {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
}

.fondovalle__verklaring {
	font-size: 0.92rem;
	color: var(--ombra);
}

.smarrito {
	min-height: 60vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 3rem 1rem;
	max-width: var(--misura);
	margin: 0 auto;
}

.smarrito p:not(.smarrito__cifra) {
	max-width: 36rem;
}

.smarrito__cifra {
	font-weight: 600;
	font-size: clamp(4rem, 14vw, 8rem);
	color: var(--lago);
	line-height: 0.9;
	margin: 0 0 0.6rem;
}

.koekwis {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	align-items: center;
}

.js .opdaagt {
	opacity: 0;
	transform: translateY(12px);
}

.js .opdaagt.opdaagt--op {
	opacity: 1;
	transform: none;
}

/* =========================================================================
   9. Larghezze 360–1440
   ========================================================================= */

@media (min-width: 40em) {
	.duo {
		grid-template-columns: 1.1fr 1fr;
	}

	.duo--inverso {
		grid-template-columns: 1fr 1.1fr;
	}

	.duo--inverso figure {
		order: 2;
	}

	.valligriglia {
		grid-template-columns: 1fr 1fr;
	}

	.valligriglia .maschera:first-child {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: 1.2fr 1fr;
	}

	.valligriglia .maschera:first-child img {
		height: 100%;
		aspect-ratio: auto;
	}

	.ciclo__scelte {
		grid-template-columns: repeat(4, 1fr);
	}

	.nebbiawerk__scelte,
	.passowerk__scelte {
		grid-template-columns: repeat(4, 1fr);
	}

	.svoltawerk__scelte {
		grid-template-columns: repeat(3, 1fr);
	}

	.foliante {
		grid-template-columns: 1fr 1fr;
	}

	.foliante article:first-child {
		grid-column: 1 / -1;
	}

	.persone {
		grid-template-columns: 1fr 1fr;
	}

	.persone article:first-child {
		padding-right: 0.4rem;
	}

	.persone article:last-child {
		padding-left: 0.4rem;
		margin-top: 2.4rem;
	}

	.orastormo article {
		grid-template-columns: 8.5rem 1fr;
		align-items: start;
	}

	.contatti-griglia {
		grid-template-columns: 0.9fr 1.1fr;
	}

	.contatti-griglia--inverso {
		grid-template-columns: 1.1fr 0.9fr;
	}

	.contatti-griglia--inverso .indirizzo {
		order: 2;
	}

	.fondovalle__binnen {
		grid-template-columns: 1.2fr 1fr 1.4fr;
	}

	.faq {
		columns: 2;
		column-gap: 1.4rem;
	}

	.faq details {
		break-inside: avoid;
	}
}

@media (min-width: 62em) {
	.baite__klop {
		display: none;
	}

	.respirolista {
		justify-content: flex-end;
	}

	.valligriglia {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.valligriglia .maschera:first-child {
		grid-column: auto;
		display: flex;
	}

	.muto {
		display: none !important;
	}
}

@media (max-width: 61.99em) {
	.baite__nav {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		background: var(--nebbia);
		border-bottom: 1px solid var(--rand);
		padding: 0.4rem 1rem 0.8rem;
	}

	.baite--aperto .baite__nav {
		display: block;
	}

	.baite--aperto .respirolista {
		display: flex;
		flex-direction: column;
	}

	.baite--aperto .respirolista a {
		width: 100%;
	}
}

@media (max-width: 39.99em) {
	.koekrand__knoppen {
		grid-template-columns: 1fr;
	}

	.orastormo article,
	.ora-stormo__riga {
		grid-template-columns: 1fr;
	}
}