@media only screen and (orientation: portrait) and (max-width: 430px) {	/* phones in most usual position */
	address {
		grid-template-columns: 1fr;
		justify-items: center;
		margin: 10mm 0 15mm;
	}
	address > * {
		width: 80%;
		margin: .5mm 0 !important;
		border-radius: 0 !important;
	}
	address > *:first-child {
		border-radius: 3mm 3mm 0 0 !important;
	}
	address > *:last-child {
		border-radius: 0 0 3mm 3mm !important;
	}
	address.extensive > * {
		width: 100%;
	}
	address.lean > *:first-child {
		border-radius: 3mm !important;
	}
	address.lean > *:not(*:first-child) {
		display: none;
	}
	
	section {
		flex-wrap: nowrap;
		overflow-x: scroll;
	}
	section > article {
		min-width: 75%;
		margin: 1mm 0;
	}
	section > *:first-child {
		margin-left: 2mm;
	}
	section > *:last-child {
		margin-right: 2mm;
	}
	section + p {	/* swipe info below horz scroller */
		display: block;
	}
	
	.keyVisual[style*="--bgVersprechen"] {
		background-size: 100%, 115%;
	}
	
	:has(> .keyVisualRight) > *:not(.keyVisualRight) {
		 width: unset;
	}
	.keyVisualRight {
		position: unset;
		margin: 1em 0;
		aspect-ratio: 1/.7;
		border-radius: unset;
		background-image: linear-gradient(180deg, var(--colorSecondary) 0, transparent 10%, transparent 90%, var(--colorSecondary) 100%), var(--img);
		background-size: 100%;
		background-blend-mode: normal;
		background-position: right top, center;
		background-origin: border-box;
		background-attachment: local;
		background-repeat: no-repeat;
		background-color: transparent;
		/* force display of background as if it where an img element */
		color-adjust: exact;
		print-color-adjust: exact;
		-webkit-print-color-adjust: exact;
	}
}


@media only screen and (orientation: landscape) and (max-width: 1300px) {		/* "small" wide screens */
}


@media only screen and (orientation: landscape) and (max-aspect-ratio: 1.5) {	/* ipad and other 4:3 paper-like screens */
}


@media only screen and (orientation: landscape) and (min-height: 430px) {		/* not on landscaped phones */
}


@media only screen and (orientation: landscape) and (max-height: 430px) {		/* landscaped phones only */
}


@media (orientation: landscape) {
}
