/* Letzte responsive Schutzschicht für sämtliche öffentlichen Templatefamilien. */
html,
body { max-width: 100%; }
body { overflow-x: clip; }
img,
svg,
video,
iframe { max-width: 100%; }
.black-intro > * { min-width: 0; }
.black-intro h2 {
	overflow-wrap: anywhere;
	-webkit-hyphens: auto;
	hyphens: auto;
}

@media (max-width: 1100px) {
	.container { padding-left: max(var(--gutter),env(safe-area-inset-left)); padding-right: max(var(--gutter),env(safe-area-inset-right)); }
}

@media (max-width: 768px) {
	.hp-projects { grid-template-columns: minmax(0,1fr); }
	.hp-projects > li { min-width: 0; }
	:where(a[href],button,input,select,textarea,summary,[role="button"],[role="tab"]) {
		-webkit-tap-highlight-color: transparent;
	}
	:where(button,input,select,textarea,[role="button"],[role="tab"]) {
		min-height: 44px;
	}
	.prose,
	.article,
	.content,
	.page-main { overflow-wrap: anywhere; }
	.compare,
	.spec-table,
	.data-table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

@media (max-width: 430px) {
	:root { --gutter: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto !important; }
	*,*::before,*::after {
		scroll-behavior: auto !important;
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
	}
}