/*
		20.10.2026	Claude (KI)	Gemeinsames Layout der Anleitungen im Fenster des Konfigurators (messen_jalousie.htm, dachfenstertyp/dachfenstertyp.htm):
					neutral (weiss, grau, schwarz) wie der Konfigurator, Bilder passen sich der Breite an (Handy)
*/
* {
		box-sizing: border-box;
}
body {
		margin: 0;
		background-color: #ffffff;
		color: #444444;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		line-height: 1.5;
}
.anleitung {
		max-width: 760px;
		margin: 0 auto;
		padding: 16px;
}
		.anleitung h1 {
				margin: 0 0 0.8em 0;
				font-size: 22px;
				color: #222222;
		}
		.anleitung h2 {
				margin: 1.8em 0 0.6em 0;
				padding-bottom: 0.3em;
				border-bottom: 1px solid #cecece;
				font-size: 18px;
				color: #222222;
		}
		.anleitung h3 {
				margin: 0 0 0.6em 0;
				font-size: 16px;
				color: #222222;
		}
		.anleitung img {
				display: block;
				max-width: 100%;
				height: auto;
				margin: 0 0 0.8em 0;
		}
		.anleitung a {
				color: inherit;
		}
.anleitung_wichtig {
		padding: 0.8em 1em;
		border-left: 3px solid #444444;
		background-color: #f5f5f5;
}
		.anleitung_wichtig p {
				margin: 0.3em 0;
		}
.anleitung_montage {
		margin: 0 0 1.4em 0;
		padding: 1em;
		border: 1px solid #e2e2e2;
		border-radius: 3px;
}
		.anleitung_montage p {
				margin: 0.4em 0;
		}
/* "Empfehlung" / "Hinweis" als kleines Etikett vor dem Text */
.anleitung_empfehlung span,
.anleitung_hinweis span {
		display: inline-block;
		min-width: 6.5em;
		margin-right: 0.4em;
		padding: 0 0.4em;
		border-radius: 2px;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.03em;
		text-align: center;
}
		.anleitung_empfehlung span {
				background-color: #444444;
				color: #ffffff;
		}
		.anleitung_hinweis span {
				background-color: #e2e2e2;
				color: #444444;
		}
.anleitung_liste {
		margin: 0.4em 0;
		padding-left: 1.2em;
}
		.anleitung_liste li {
				margin: 0.2em 0;
		}
.anleitung_klein {
		margin-top: 2em;
		font-size: 13px;
		color: #888888;
}
/* Typenschild: Bilder je Hersteller nebeneinander, am Handy untereinander */
.anleitung_hersteller {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
		gap: 1em;
}
		.anleitung_bilder {
				display: flex;
				flex-wrap: wrap;
				gap: 8px;
				align-items: flex-start;
		}
				.anleitung_bilder img {
						margin: 0;
				}