<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.tabHead {
		display: flex;
}
.mobileBlocks .tabHead {
		gap: 6px;
}

		.tabHead &gt; * {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				align-items: center;
				border: 1px solid #cecece;
				padding: 1em;
				position: relative;
				left: 0;
				top: 1px;
				cursor: pointer;
				color: #888888;
				background-color: #ffffff;
		}
		.classic .tabHead &gt; * {
				margin-right: 6px;
		}
				@media (max-width: 600px) {
						/* bei 3 Tabs hat das noch hingepasst, bei 4 nicht mehr */
						.classic .tabHead &gt; * {
								padding-left: 0.2em;
								padding-right: 0.2em;
								flex: 1 0 0;
								flex-direction: column;
						}
				}
		.tabHead &gt; *.active {
				border-bottom: 1px solid #ffffff;
				color: #444444;
		}
				.tabHead &gt; * &gt; img {
						vertical-align: middle;
						width: 22px;
						height: 22px;
				}
				.tabHead &gt; * &gt; .bez {
						margin: 0.5em;
						hyphens: auto;
				}
		.tabHead &gt; *.disabled {
				cursor: not-allowed;
				opacity: 0.4;
		}
		.tabHead &gt; .noTab {
				border: 0;
				text-decoration: none;
				color: #444444;
		}
.tabWindow {
		border-top: 1px solid #cecece;
}
		.tabWindow &gt; * {
				display: none;
				padding: 1em;
				max-width: 800px;		/* max-width hilft uebergeordneten Flex-Elementen bei der Breitenbestimmung*/
		}
		.tabWindow &gt; *.active {
				display: block;
		}

@media (max-width: 500px) {

		/*
				.mobileBlocks: diesen Style nur im Mobilen bei der Modellauswahl und Wahl der Befestigung
				bei z.B. der Modellbeschreibung gilt der bisherige Tab-Style
		*/


		.mobileBlocks .tabHead {
				flex-direction: column;
				gap: 26px;
		}
				.mobileBlocks .tabHead &gt; * {
						flex-direction: row;
						flex-wrap: nowrap;
						justify-content: flex-start;
						box-shadow: 0px 2px 4px #CFCECE;
						border: 1px solid #000000;
						border-radius: 4px;
						padding: 12px;
						top: 0;
				}
						.mobileBlocks .tabHead &gt; * &gt; .bez {
								font-size: 16px;
								margin-top: 0;
								margin-bottom: 0;
								color: #000000;
						}
				.mobileBlocks .tabHead &gt; *.active {
						border: 1px solid #000000;
				}
		.mobileBlocks .tabWindow {
				border-top: none;
		}
				.mobileBlocks .tabWindow &gt; * {
						padding: 0;
				}
		.mobileBlocks.tabShowHeads {
				width: 60%;
				margin-left: auto;
				margin-right: auto;
		}
				.mobileBlocks.tabShowHeads .tabWindow &gt; *.active {
						display: none;
				}
		.mobileBlocks.tabShowBodys .tabHead {
				display: none;
		}
				.mobileBlocks.tabShowBodys .tabHead &gt; * {
						display: none;
				}
				.mobileBlocks.tabShowBodys .tabHead &gt; *.active {
						display: flex;
						cursor: default;
						border: none;
						box-shadow: none;
				}
}</pre></body></html>