/* Anpassungen für schmale Bildschirme und das mobile Menü. */

/* Schmalere Fenster ----------------------------------------------------- */
@media (max-width: 1240px) {
	.sc-aside { display: none; }
	.sc-article { flex: 1; width: auto; }
}
/* Menü-Elemente, die nur auf schmalen Bildschirmen erscheinen */
.sc-menu-toggle, .sc-nav__top, .sc-nav-backdrop, .sc-nav__footer-strong { display: none; }
.sc-menu-toggle, .sc-nav__close { appearance: none; border: 0; background: none; padding: 0; width: 44px; height: 44px; border-radius: 8px; color: var(--sc-ink); display: none; align-items: center; justify-content: center; cursor: pointer; }
.sc-menu-toggle:hover, .sc-nav__close:hover { background: var(--sc-tint); }

@media (max-width: 960px) {
	:root { --sc-header-h: 112px; }
	.sc-header { height: auto; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-rows: 60px auto; column-gap: 8px; row-gap: 0; padding: 0 12px 12px; }
	.admin-bar .sc-header { top: 46px; }
	.sc-menu-toggle { display: flex; margin-left: -4px; }
	.sc-header__brand { gap: 12px; }
	.sc-search { grid-column: 1 / -1; grid-row: 2; width: 100% !important; height: 44px; }
	.sc-search kbd { display: none; }
	.sc-header__link { display: none; }
	.sc-header__actions { gap: 8px; }

	.sc-shell { display: block; }
	.sc-nav { position: fixed; z-index: 50; top: 0; bottom: 0; left: 0; width: min(340px, 88vw); overflow-y: auto; overscroll-behavior: contain; padding: 0 12px 24px; border-right: 0; box-shadow: 0 0 0 1px var(--sc-line), 0 16px 48px rgba(20,30,40,.24); transform: translateX(-105%); visibility: hidden; transition: transform .22s ease, visibility 0s linear .22s; justify-content: flex-start; }
	.sc-nav-open .sc-nav { transform: none; visibility: visible; transition: transform .22s ease; }
	.sc-nav__top { display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 1; height: 60px; margin: 0 -12px 8px; padding: 0 8px 0 24px; background: var(--sc-surface); border-bottom: 1px solid var(--sc-line-2); }
	.sc-nav__title { font-size: 15px; font-weight: 700; }
	.sc-nav__close { display: flex; }
	.sc-nav__areas { position: static; }
	.sc-nav__area, .sc-nav__cat { min-height: 44px; }
	.sc-nav__item { min-height: 40px; }
	.sc-nav__footer { margin-top: 8px; }
	.sc-nav__footer a { min-height: 36px; display: flex; align-items: center; }
	.sc-nav__footer-strong { display: flex !important; gap: 6px; font-weight: 600; color: var(--sc-accent) !important; }
	.sc-nav-backdrop { display: block; position: fixed; inset: 0; z-index: 40; background: rgba(20,30,40,.4); }
	.sc-nav-backdrop[hidden] { display: none; }
	.sc-nav-open, .sc-nav-open body { overflow: hidden; }

	.sc-main { padding: 20px 16px 64px; }
	.sc-related__grid, .sc-tiles, .sc-tiles--3 { grid-template-columns: 1fr; }
	.sc-gallery, .sc-gallery.columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 782px) and (min-width: 601px) {
	.admin-bar .sc-nav { top: 46px; }
}
@media (max-width: 600px) {
	.admin-bar .sc-header { top: 0; }
	.sc-header__divider { height: 18px; }
	.sc-header__brand img { width: 110px; height: 22px; }
	.sc-button__label { display: none; }
	.sc-header__actions .sc-button { width: 44px; height: 44px; padding: 0; justify-content: center; }
	.sc-title { font-size: 26px !important; line-height: 32px !important; }
	.sc-lead, .sc-lead p { font-size: 16px; line-height: 25px; }
	.sc-section { padding: 20px 18px 22px; gap: 18px; }
	.sc-section > h2 { font-size: 18px; }
	ol.sc-steps { font-size: 15px; line-height: 24px; }
	ol.sc-steps + .sc-shot, ol.sc-steps + figure { margin-left: 0 !important; }
	.sc-content kbd { white-space: normal; }
	.sc-shot__frame { min-height: 180px; }
	.sc-help { flex-wrap: wrap; }
	.sc-help .sc-button { width: 100%; justify-content: center; height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
	.sc-nav { transition: none !important; }
}

@media (max-width: 1240px) {
	.sc-nav__footer-strong { display: flex !important; gap: 6px; font-weight: 600; color: var(--sc-accent) !important; }
}