Template:Fotowerkstatt/styles.css

.fotowerkstatt {
	margin: .5em auto;
	border: 1px solid #a2a9b1;
	padding: 2px;
	background-color: var(--background-color-progressive-subtle, #f1f4fd);
}
.fotowerkstatt-icon {
	text-align: center;
}
.fotowerkstatt-title {
	font-weight: bold;
	width: 100%;
	text-align: center;
	font-size: 150%;
}
.fotowerkstatt table {
	width: 100%;
	background-color: transparent;
	vertical-align: top;
	padding: 1px;
}

@media (min-width: 720px) {
	.fotowerkstatt {
		display: table;
		width: 80%;
	}
	.fotowerkstatt > div {
		display: table-cell;
		vertical-align: middle;
	}
	.fotowerkstatt-content {
		width: 100%;
	}
	.fotowerkstatt[dir="ltr"] .fotowerkstatt-title bdi {
		/* @noflip */
		margin-left: -70px;
	}
	.fotowerkstatt[dir="rtl"] .fotowerkstatt-title bdi {
		/* @noflip */
		margin-right: -70px;
	}
}