/* Layout für Mobilgeräte: 480 px oder weniger. */


h1.sofa_h1_blk {
	font-family: Verdana, sans;
	font-size: 1.4em;
	text-align: center;
	margin: 5px 2% 20px 2%;
	color: #000000;
	}
p.sofa_p_01 {
	font-family: Verdana, sans;
	font-size: 0.6em;
	text-align: center;
	margin: 20px 2% 5px 2%;
	color: #000000;
	}
h2.sofa_h2_01s{
	font-family: Verdana, sans;
	font-size: 3em;
	text-align: center;
	color: #3366ff;
	margin: 1cm auto 0px auto;
	padding: 0px;
	}
p.sofa_s_02 {
	font-family: Verdana, sans;
	font-size: 2em;
	text-align: center;
	margin: 40px 2% 20px 2%;
	font-weight: bold;
	color: #3366ff;
	}
h3.sofa_h3_01a {
	font-family: Verdana, sans;
	font-size: 1.6em;
	text-align: center;
	color: #3366ff;
	margin: 1cm auto 0px auto;
	padding: 0px;
	}
h3.sofa_h3_01b {
	font-family: Verdana, sans;
	font-size: 1.6em;
	text-align: center;
	color: #3366ff;
	margin: 0px auto 0px auto;
	padding: 0px;
	}
h2.sofa_h2_01a {
	font-family: Verdana, sans;
	font-size: 1.4em;
	text-align: center;
	color: #3366ff;
	margin: 1cm auto 0px auto;
	padding: 0px;
	}
h2.sofa_h2_01b {
	font-family: Verdana, sans;
	font-size: 1.4em;
	text-align: center;
	color: #3366ff;
	margin: 0px auto 0px auto;
	padding: 0px;
	}	
p.sofa_p_02 {
	font-family: Verdana, sans;
	font-size: 1em;
	text-align: center;
	margin: 40px 2% 20px 2%;
	font-weight: bold;
	color: #3366ff;
	}
p.sofaName01 {
	font-family: Verdana, sans;
	font-weight: bold;
	color: #000000;
	text-align: left;
	font-size: 0.9em;
	margin: 0;
	margin-top: 10px;
	}
p.sofaCopy01 {
	font-family: Verdana, sans;
	color: #000000;
	text-align: left;
	font-size: 0.5em;
	margin: 0;
	margin-bottom:10px;
	}
p.sofaPos01 {
	font-family: Verdana, sans;
	color: #336699;
	text-align: left;
	font-size: 0.8em;
	margin: 0;
	hyphens: auto;
	}
p.sofa_p_03 {
	font-family: Verdana, sans;
	font-size: 1.2em;
	text-align: center;
	margin: 5px 2% 20px 2%;
	color: #003366;
	}
p.sofa_p_04 {
	font-family: Verdana, sans;
	font-size: 1.4em;
	text-align: center;
	margin: 5px 2% 20px 2%;
	color: #003366;
	}
h4.margin_themen_blk, h4.margin_themen_orange {
	font-family: Verdana, sans;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	margin: 20px 5% 20px 5%;
	}
h4.margin_themen_blk {
	color: #3366ff;
	}
h4.margin_themen_orange {
	color: #ff0000;
	}
h4.margin_header {
	font-family: Verdana, sans;
	font-weight: normal;
	font-size: 1.2em;
	text-align: center;
	margin: 20px 5% 20px 5%;
	color: red;
	}
p.headerredbluenames {	
	font-family: Verdana, sans;
	font-weight: normal;
	font-size: 1.2em;
	text-align: center;
	margin: 20px 5% 20px 5%;
	color: blue;
	}
p.redbluenames {
	font-family: Verdana, sans;
	font-size: 1em;
	text-align: justify;
	margin: 5px 5% 20px 5%;
	}
div.hostess_01, div.hostess_02, div.diktator_01, div.diktator_02, div.schampus_01, div.gerhard_01, div.sofa_rechts_oben1{
	width: 100%;
	float: left;
	}
p.sofa_rechts_oben_p_01	{
	margin: 0px 0px 0px 5%;
	}
p.hostess_p_01 {
	font-family: Verdana, sans;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	margin: 5px 5% 0px 5%;
	color: #3366ff;
	}
p.hostess_p_02 {
	font-family: Verdana, sans;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	margin: 5px 5% 20px 5%;
	color: red;
	}
p.diktator_p_01 {
	font-family: Verdana, sans;
	font-weight: bold;
	font-size: 1em;
	text-align: center;
	margin: 5px 5% 20px 5%;
	color: #3366ff;
	}

.gaesteElement {
	width: 100%;
	margin: 0%;	
	}

.gaeste_01, .gaeste_02, .gaeste_03, .gaeste_04 {
	float: left;
	margin: 2%;
	width: 46%;
	}
	
img.blumen_01a, img.gerhard_x3_01, img.tillygisellesofa_01, img.blumen_02a {
	width: 100%;
	}
	
img.blumen_03a {
	width: 100%;
	margin-left: 0%;
	}
	
img.tillygisellesofa_02{
	width: 100%;
	margin-top: 1cm;
	}

.bodyImage3 {
	width: 100%;
	margin: 0%;
	float: left;
	}
	
.bodyImage6 {
	width: 94%;
	margin: 0%;
	float: left;
	}	

p.sofaWidgetB {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.2em;
	margin-top: 0em;
	padding-top: 0.9em;
	text-align: center;
	color: #cc0000;
	}
p.sofaWidgetC {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1em;
	margin-top: 0em;
	padding-top: 0.9em;
	text-align: center;
	color: #cc0000;	
	}	
p.sofaWidgetN {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0em 0 0.8em 0;
	text-align: center;
	color: #cc0000;
	}
p.sofaWidgetS {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 0.95em;
	line-height: 1.1em;
	margin: 0em 0 0.8em 0;
	text-align: center;
	color: #cc0000;
	}
.sofaWidget01Frame {
	width: 46%;
	margin: 0% 0% 3% 2%;
	border: 2px solid #cc0000;
	background-color: #fff;
	text-align: center;
	float: left;
	}
.sofaWidget01Content {
	width: 100%;
	height: 178px;
	float: left;
	text-align: center;
	}
img.animation_01{
	text-align:center;
	margin: 1cm 0;
	}	
span.statt {
	line-height: 3.2em;
	}

.umbruch {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
	
	
/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {


h1.sofa_h1_blk {
	font-size: 2em;
	margin: 5px 2% 20px 2%;
	}
p.sofa_p_01 {
	font-size: 1em;
	margin: 20px 2% 5px 2%;
	}
h2.sofa_h2_01a {
	font-size: 1.6em;
	}
h2.sofa_h2_01b {
	font-size: 1.6em;
	}	
p.sofa_p_02 {
	font-size: 1.2em;
	}
p.sofaName01 {
	font-size: 1.3em;
	margin: 0;
	margin-top: 10px;
	}
p.sofaCopy01 {
	font-size: 0.7em;
	margin: 0;
	}
p.sofaPos01 {
	font-size: 1em;
	margin: 0;
	}
.bodyImage3 {
	width: 33.735%;
	margin: 0%;
	float: left;
	}
.bodyImage6 {
	width: 31.323%;
	margin: 0%;
	float: left;
	}	
h4.margin_themen_blk, h4.margin_themen_orange {
	margin: 20px 2% 20px 2%;
	}
p.redbluenames {
	font-family: Verdana, sans;
	font-size: 1em;
	text-align: justify;
	margin: 5px 2% 20px 2%;
	}
div.hostess_01, div.hostess_02, div.diktator_01, div.diktator_02, div.schampus_01, div.gerhard_01 {
	width: 50%;
	float: left;
	}
div.flower_03 {
	width: 100%;
	float: left;
	}

.sofaWidget01Frame {
	width: 45%;
	}	
p.sofaWidgetB {
	font-size: 1em;
	line-height: 1.2em;
	margin-top: 0em;
	padding-top: 0.9em;
	}	
p.sofaWidgetC {
	font-size: 0.7em;
	line-height: 1em;
	margin-top: 0em;
	padding-top: 0.9em;
	}		
p.sofaWidgetN {
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0em 0 0.8em 0;
	}
p.sofaWidgetS {
	font-size: 0.8em;
	line-height: 1.15em;
	margin: 0em 0 0.8em 0;
	}



}
	
	
/* Layout für Tablet-PCs: 769 bis 968 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 769px) {

p.sofaName01 {
	font-size: 1.3em;
	margin: 0;
	margin-top: 10px;
	}
p.sofaCopy01 {
	font-size: 0.8em;
	margin: 0;
	}
p.sofaPos01 {
	font-size: 1.1em;
	margin: 0;
	}

.bodyImage3 {
	width: 80%;
	margin: 0% 10%;
	float: left;
	}
.bodyImage6 {
	width: 75%;
	margin: 0% 10%;
	float: left;
	}	
	
h4.margin_themen_blk, h4.margin_themen_orange {
	margin: 20px 0% 20px 5%;
	}
h4.margin_header {
	margin: 20px 0% 20px 5%;
	}
p.headerredbluenames {
	margin: 20px 0% 20px 5%;
	}
p.redbluenames {
	margin: 5px 0% 20px 5%;
	}
p.hostess_p_01 {
	margin: 5px 0% 0px 5%;
	}
p.hostess_p_02 {
	margin: 5px 0% 20px 5%;
	}
p.diktator_p_01 {
	margin: 5px 0% 20px 5%;
	}
	
div.hostess_01, div.hostess_02, div.diktator_01, div.diktator_02, div.schampus_01, div.gerhard_01 {
	width: 100%;
	float: left;
	}
p.sofaWidgetC {
	font-size: 0.625em;
	line-height: 1em;
	margin-top: 0em;
	padding-top: 0.9em;
	}	
p.sofaWidgetB {
	font-size: 1em;
	line-height: 1.2em;
	margin-top: 0em;
	padding-top: 0.9em;
	}
p.sofaWidgetN {
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0em 0 0.8em 0;
	}
p.sofaWidgetS {
	font-size: 0.7em;
	line-height: 1.1em;
	margin: 0em 0 0.8em 0;
	}
}



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

@media only screen and (min-width: 919px) {


h1.sofa_h1_blk {
	font-size: 2.5em;
	margin: 5px 2% 20px 2%;
	}
p.sofa_p_01 {
	font-size: 1.6em;
	margin: 20px 2% 5px 2%;
	}
h2.sofa_h2_01a {
	font-size: 2.5em;
	}
h2.sofa_h2_01b {
	font-size: 1.8em;
	}	
p.sofa_p_02 {
	font-size: 1.6em;
	}	
p.sofaName01 {
	font-size: 1.3em;
	margin: 0;
	margin-top: 10px;
	}
p.sofaCopy01 {
	font-size: 0.8em;
	margin: 0;
	}
p.sofaPos01 {
	font-size: 1.2em;
	margin: 0;
	}
.bodyImage3 {
	width: 32.735%;
	margin: 0% 0.5%;
	float: left;
	}
.bodyImage6 {
	width: 30.629%;
	margin: 0% 0.5%;
	float: left;
	}
	
.sofaWidget01Frame {
	width: 46%;
	}
p.sofaWidgetB {
	font-size: 1em;
	line-height: 1.2em;
	margin-top: 0em;
	padding-top: 0.9em;
	}
p.sofaWidgetN {
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0em 0 0.8em 0;
	}
p.sofaWidgetS {
	font-size: 0.8em;
	line-height: 1.15em;
	margin: 0em 0 0.8em 0;
	}
p.sofaWidgetC {
	font-size: 0.75em;
	line-height: 1em;
	margin-top: 0em;
	padding-top: 0.9em;
	}		
}

@media only screen and (min-width: 1270px) {
p.sofaWidgetB {
	font-size: 1.3em;
	line-height: 1.6em;
	margin-top: 0em;
	padding-top: 1em;
	}
p.sofaWidgetN {
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 0em 0 0.8em 0;
	}
p.sofaWidgetS {
	font-size: 0.7em;
	line-height: 1.6em;
	margin: 0em 0 0.8em 0;
	}
p.sofaWidgetC {
	font-size: 0.75em;
	line-height: 1.25em;
	margin-top: 0em;
	padding-top: 0.7em;
	}
}

@media only screen and (min-width: 1600px) {
p.sofaWidgetB {
	font-size: 1.45em;
	line-height: 1.6em;
	margin-top: 0em;
	padding-top: 1em;
	}
p.sofaWidgetN {
	font-size: 0.9em;
	line-height: 1.2em;
	margin: 0em 0 0.8em 0;
	}
p.sofaWidgetS {
	font-size: 0.7em;
	line-height: 1.6em;
	margin: 0em 0 0.8em 0;
	}
p.sofaWidgetC {
	font-size: 0.75em;
	line-height: 1.2em;
	margin-top: 0em;
	padding-top: 0.7em;
	}	
}