/*  GRID OF THREE  UNGLEICHMÄSSIG 2 Farbe, Groesse der Ueberschriften============================================================================= */

/* SUGARING.HTML ================== */

.rahmen {
	border:5px solid;
	border-color:rgba(0,0,0, 0.2);
}

/* h3 ist grün DancingScript ================== */

.h3ueberschrift {
	color:green;
	font-size:30px;
	font-style:italic;
}

/* h4 ist rot, schräg/italic ================== */

.h4ueberschrift {
	color: #BB1020;
	font-size:20px;
	font-style:italic;
}





.span_2_of_3U2  p {
	font-size:14px;
	/*font-weight:normal !important;*/
	/* silbentrennung  */
	-ms-hyphens: auto;    
	-webkit-hyphens: auto;
	hyphens: auto;
}

.span_2_of_3U2  h3 {
	color: #BB1020;	
}



.left {
	clear:both;
	float:left;
	vertical-align:top;
	color:darkgreen;
	line-height: 1.2 !important;

}

.liste {
	text-align:left;
	margin-left:20px;
	line-height: 1.2 !important;
	margin-bottom:10px;
}

.blatt {
	color:darkgreen !important;
	font-size:30px !important
}


.lauftext {
	line-height: 1.5;
	margin:0 0 7px 0;
	text-align:justify;
}


/* ========================= TABLE ========================================= */



table {
	margin-left:7px;
	margin-right:7px;
	font-weight:normal;
	font-size:14px;
}

tr {
	border-bottom:1px solid #bfbfbf;	
}

tr:last-child {
	border-bottom: 0px solid #bfbfbf;	
}


td {
	padding:5px 0 5px 0;
  	vertical-align:top;
}



.td_col_head  {
  	vertical-align:top;
	color: #BB1020;
	font-size:20px;
	font-style:italic;
		padding-left:5px;
}

.rotate {
	transform: rotate(-5deg);
}


.td_col_1 {
	white-space:nowrap;
	width:20%;
	color:grey;
}

.td_col_1 span {
	color: darkgreen;
}



.td_col_2 {
	width:10%;	
	color:grey;

}

.td_col_3 {
	padding-left:5px;
	width:10%;
	color:black;
}

/* zweispalten-Tabelle   ============================================== */

.td_col_1-2 {
	padding-left:5px;
	width:50%;
	white-space:nowrap;
	color:grey;
}

.td_col_1-2 span {
	color: darkgreen;
}


.td_col_2-2 {
	width:50%;	
	text-align:left;
	color:grey;

}

/* =======   MASSAGEN ============= */

.td_col_1-2a {
	text-align:justify;
	width:50%;
	color:grey;
	padding-left:5px;
}

.td_col_2a {
	width:10%;	
	text-align:right;
	padding-right:5px;
	color:grey;
}


.td_col_1-2a span {
	color: darkgreen;
}



/*  ============ Grid-System  ===========  */



.span_1_of_3U2 {
	width: 12%;	
}

.span_2_of_3U2 {
	width: 40%;
}

.span_3_of_3U2 {
	width: 43%;
	margin-left:3%
}


/*  GO FULL WIDTH AT LESS THAN 720 PIXELS */

@media only screen and (max-width: 720px) {

	.span_2_of_3U2  p {
		font-size:16px;
	}
	

	
	p, a, table {
		font-size:16px;
		margin:0;
	}
	
	h2{
		margin:0;
	}
	




	.span_1_of_3U2 {
		width:100%;
		margin-bottom:4%;
	}

	.span_2_of_3U2 {
		margin-left:4%;
		width:92%;
		margin-bottom:4%;
	}
	

	.span_3_of_3U2  {
		margin-left:4%;
		width:92%;
	}
	

	

}