@charset "utf-8";

/* Layout für Mobilgeräte: 480 px oder weniger. */
.main.style1 h2 {
	font-size: 4.0em;
	line-height: 1.1em;
}
h3 {
	font-size: 0.85em;
	font-weight: 600;
	color: inherit;
	line-height:1.2em;
}
.main.style2.left .content {
	border-radius: 16px 16px 16px 16px;
	-moz-border-radius: 16px 16px 16px 16px;
	-webkit-border-radius: 16px 16px 16px 16px;
}
.main.style2.right .content {
	border-radius: 16px 16px 16px 16px;
	-moz-border-radius: 16px 16px 16px 16px;
	-webkit-border-radius: 16px 16px 16px 16px;
}


/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {
.main.style1 h2 {
	font-size: 5.25em;
	line-height: 1.1em;
}
h3 {
	font-size: 1.2em;
	line-height:1.0em;
}
.main.style2.left .content {
	border-radius: 16px 16px 16px 16px;
	-moz-border-radius: 16px 16px 16px 16px;
	-webkit-border-radius: 16px 16px 16px 16px;
}
.main.style2.right .content {
	border-radius: 16px 16px 16px 16px;
	-moz-border-radius: 16px 16px 16px 16px;
	-webkit-border-radius: 16px 16px 16px 16px;
}
}

/* Desktoplayout: 769 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 769px) {
.main.style1 h2 {
	font-size: 6.7em;
	line-height: 1.1em;
}
h3 {
	font-size: 1.5em;
	line-height:1.1em;
}
.main.style2.left .content {
	border-radius: 0px 16px 16px 0px;
	-moz-border-radius: 0px 16px 16px 0px;
	-webkit-border-radius: 0px 16px 16px 0px;
}
.main.style2.right .content {
	border-radius: 16px 0px 0px 16px;
	-moz-border-radius: 16px 0px 0px 16px;
	-webkit-border-radius: 16px 0px 0px 16px;
}
}