Vorlage:Gerd1/styles.css

/* Responsives Layout für die Tätigkeitsberichte von Gerd E. Schug.
   Desktop: Scan-Box schwebt rechts, Textkasten mit großem Innenabstand.
   Schmale Bildschirme (< 720px): Scan-Box rückt über den Text,
   Textkasten mit normalem Abstand und linksbündigem Flattersatz. */

.gerd1-doc {
	float: right;
	max-width: 220px;
	margin: 1em 0 1em 1em;
	padding: 1em;
	background-color: #F5F5DC;
	box-shadow: 1px 3px 8px 3px grey;
	text-align: center;
}

.gerd1-doc-title {
	margin-bottom: 1em;
	padding: 0.6em 1em;
	background-color: #ff9966;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
}

.gerd1-box {
	max-width: 800px;
	margin-bottom: 1em;
	padding: 2em 2em 2em 5em;
	border: 1px solid #aaaaaa;
	box-shadow: 2px 4px 10px 4px grey;
	font-size: 16px;
	text-align: justify;
}

@media screen and (max-width: 720px) {
	.gerd1-doc {
		float: none;
		max-width: 100%;
		margin: 0 0 1em 0;
	}
	.gerd1-box {
		padding: 1.1em;
		font-size: 15px;
		text-align: left;
	}
}