/*
relative Groesen
‘em’	font size of the element
‘ex’	x-height of the element's font
‘ch’	width of the "0" (ZERO, U+0030) glyph in the element's font
‘rem’	font size of the root element
‘vw’	1vw= 1/100 viewport's width 60 zeichen wäre 1,7vw
‘vh’	viewport's height
‘vmin’	minimum of the viewport's height and width
‘vmax’	maximum of the viewport's height and width
*/

/* Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

body {line-height: 1.6; width:99.99%;font-family:Verdana;margin: 0 0 0 0px;}
body, html { text-shadow: 0 0 0px rgba(0,0,0,1); }
a img {border: none;}
iframe {border: 0;overflow: hidden;}
p, ul {font-size: 1rem;line-height: 1.6;margin: 0 0 0.5rem;}

ol, ul {list-style: none;}
li{ padding-left: 0.5em; text-indent: -0.2em;    }
li.spitz:before { content: "j"; padding-left:7px;font-family:'Symbols'; }
li.pfeil:before {content:"o";color:#d91a9f;font-family:'Symbols';}

FIELDSET {border:solid 1px #444444;margin:4mm 4mm 4mm 4mm;padding:4mm 4mm 0mm 4mm;}
LEGEND {margin:4mm 4mm 0mm 4mm;padding:4mm 4mm 0mm 4mm;}

table {border-collapse: collapse;border-spacing: 0;}
/*Table zebra*/
TABLE, img {WIDTH:100%;}
table tr:nth-child(even) {background: rgba(f,e,0,0.1);}
/*Table hervorgehoben*/
.rot {border:solid 1px #ac09b9;background-color:#fef5fe;}
.orange {border:solid 1px #ff8040;background-color:#fdb99f;}
.gelb {border:solid 1px #f3fdb3;background-color:#e0fdd2;}

.break { -ms-word-break: break-all;    word-break: break-all;    word-break: break-word;    -webkit-hyphens: auto;    -moz-hyphens: auto;    hyphens: auto;}
 
.ellipsis {width: 200px;white-space: nowrap; overflow: hidden;   -ms-text-overflow: ellipsis; /* Required for IE8 */    -o-text-overflow: ellipsis; /* Required for Opera */    text-overflow: ellipsis;}


caption, th, td {text-align: left;font-weight: normal;vertical-align: middle;}
pre {
    white-space: pre-wrap;       /* Chrome & Safari */
    white-space: -moz-pre-wrap;  /* Mozilla since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

q, blockquote {quotes: none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";  content: none;}
code {font-size: 1.2727em;color: #777;}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
.shadow{text-shadow: #999 1px 2px 3px;}

/* // beginn der dead simple seite von <em>Dead Simple Grid</em> by <a href="http://agafonkin.com/en">Vladimir Agafonkin</a>. <em>View the source</em> and <a href="http://github.com/mourner/dead-simple-grid">check it out on GitHub</a>!</p>*/ 


/* The clear FIX*/

.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
/* IE6/7 support */
.clearfix {*zoom: 1;}




.container {margin: 0 auto;	max-width: 1920px; max-width: 120rem;	padding: 1rem 0;}

.footer {padding-top: 1.5rem;}
.desc {color: #888;}
.intro {border-bottom: 1px dotted #bbb;	/*padding-bottom: 1.5em;*/}
.social {border-top: 1px dotted #bbb;	padding-top: 1.5rem;}

/* minor responsive adjustments */

.footer {	border-top: 1px dotted #d91a9f;}
.content {border-bottom: 1px dotted #aaa;margin-bottom: 1.5em;}

.200{min-height:200px;}




/* MEDIA QUERIES und FORMATs*/

/* eignes css 



@media only screen and (min-width: 34em) {
	p, ul {font-size: 0.875em;}
 	.feature:first-child,	.info {
	 border-top: 1px solid #c0c0c0;padding-top:1rem;}
	.row:second-child {
	 border-bottom: 1px solid #ea9a59;padding-top:1rem;

	}
	.container {
		padding: 1em;
	}
	h1 {
		font-size: 2.6em;
	}
	h2 {
		font-size: 1.6em;
	}
}

@media only screen and (min-width: 54em) {
	.content {
		border: none;
	 	border-right: 1px dotted #aaa; 
		margin-bottom: 0;
	}
	.info:first-child {
		}
	h1 {
		font-size: 3em;
	}
	h2 {
		font-size: 1.7em;
	}
}

@media only screen and (min-width: 76em) {
	.info,.info:first-child {
		border-bottom: 1px dotted #f1f1ef;
	}
	h1 {
		font-size: 3.2em;
	}
	h2 {
		font-size: 1.8em;
	}
}
@media only screen and (max-width: 34em) {
.feature{border-bottom: 12px solid #b7aa97;}
.feature:first-child{border-top: 12px solid #b7aa97;}

}
*/