/*CSS-IMPORT*/
@import "fonts.css";

/*css*/
body {
	background:#fff;
	font-family: 'Oswald';
}

.top {
	text-align:center;
	padding:3%;
}
body > div.content {
	background:#f79647;
	text-align:center;
	color:#fff;
	padding:0 5% 5% 5%;
}

body > div.content a {
	text-decoration:none;
	color:#ffffff;
	display:block;
}

.triangle_top {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 30px solid #fff;
  margin:0 auto;
}

.content > h1 {
	font-size:1.5em;
	margin-top:2%;
}

.content > h2 {
	font-size:5em;
	font-weight:normal;
	text-transform:uppercase;
	line-height:1;
	margin:2%;
}

.content > h2 > span {
	font-size:0.634em !important;
}

.anschrift, .kontakt {
	display:inline-block;
	font-size:1em;
	margin-top:2%;
	min-width:240px;
	text-align:center;
}

.anschrift, .impressum {
	text-align:center;
	margin-right:0;
	width:25%;
}

.kontakt, .datenschutz {
	text-align:center;
	margin-left:2%;
	width:25%;
	display:inline-block;
}

body div.footer {
	text-align:center;
	padding-bottom:1.5%;
}

body > div.footer a {
	font-size:1em;
	color:#000000;
	display:inline-block;
	margin-top:1.5%;
	text-decoration:none;
}

.clear {
	clear:both;
}
@media (min-width:570px) {

.anschrift, .kontakt {
	font-size:1.3em;	
}

.anschrift, .impressum {
	text-align:right;
}

.kontakt, .datenschutz {
	text-align:left;
}

body > div.footer a {
	font-size:1.5em;
}

}

/*Datenschutz, Impressum*/

.global p {
	color:#f79647;
	padding:0 2%;
}

.global h1 {
	font-size:2em;
	font-weight:normal;
	margin-top:2%;
	padding:1% 2%;
	width:96%;
	background:#f79647;
	color:#ffffff;
}

.global h2, .global h3 {
	font-size:1.2em;
	font-weight:normal;
	margin-top:2%;
	padding:0.5% 2%;
	width:96%;
	background:#eeeff0;
	color:#000000;
}

.global ul {
	font-size:1.0em;
	font-weight:normal;
	color:#f79647;
	margin-left:2%;	
	list-style:square;
}

.global a{
	color:#000000;
	text-decoration:none;
}

.global .tel {
	color:#f79647 !important;
}