* {
	margin:0;
	padding:0;
	border:0;
	border-image:0;
}
*, *:before, *:after {
	box-sizing: border-box;
}
.row:before, .row:after {
	content:"";
	display:table;
}
.row:after {
	clear:both;
}
a:active, a:hover {
	outline:0;
}
img, embed, object, video {
	margin-top:-16px;
	margin-top:-1rem;
	max-width:100%;
	height:auto;
}
@font-face {
 font-family:"responsivenav";
 src:url("../fonts/responsivenav.eot");
 src:url("../fonts/responsivenav.eot?#iefix") format("embedded-opentype"), url("../fonts/responsivenav.ttf") format("truetype"), url("../fonts/responsivenav.woff") format("woff"), url("../fonts/responsivenav.svg#responsivenav") format("svg");
 font-display:swap;
}
body {
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-size:1rem;
	font-weight:normal;
	font-style:normal;
	letter-spacing:normal;
	text-size-adjust:100%;
	hyphens:auto;
	color:#000;
}
header {
	position:fixed;
	top:0;
	background-color:#97151B;
	width:100%;
	height:3rem;
	height:48px;
	font-size:20px;
	font-size:1.25rem;
	font-weight:bold;
	z-index:7;
}
.down header {
	transform:translate3d(0, -100px, 0);
}
header a:link {
	padding-top:1rem;
	padding-top:16px;
	color:#FFED00;
	text-decoration:none;
}
header a:hover {
	color:#CCC;
	text-decoration:none;
	transition:all 1s linear;
}
header a:active {
	color:#FFED00;
	text-decoration:none;
}
header a:visited {
	color:#FFED00;
	text-decoration:none;
}
header a:focus {
	outline:none;
}
main {
	position:relative;
	width:90%;
	height:auto;
	padding-top:4rem;
	padding-top:64px;
	margin:0 auto;
}
#bio {
	color:#97151B;
}
#bio p {
	font-size:18px;
	font-size:1.125rem;
	line-height:150%;
	margin:0.5rem 0;
	margin:8px 0;
}
#contacto p {
	font-size:1.125rem;
	font-size:18px;
	text-align:center;
	font-weight:bold;
}
#contacto a:link {
	color:#000;
	text-decoration:none;
}
#contacto a:hover {
	color:#CCC;
	text-decoration:none;
	transition:all 1s linear;
}
section {
	position:relative;
	border-bottom:solid 3px #97151B;
	display:block;
	width:100%;
	height:auto;
	padding-top:1.75rem;
	padding-top:28px;
	margin:0 auto;
	overflow:hidden;
}
.column {
	float:left;
	padding:0 1%;
	margin:1rem 0;
	margin:16px 0;
}
.column_center {
	text-align:center;
	padding:1rem;
	padding:16px;
	margin:0 auto;
}
.span_25, .span_30, .span_50left, .span_50right, .span_60, .span_80, .span_100 {
	width:100%;
}
.span_100 {
	margin-top:3.5rem;
	margin-top:56px;
}
footer {
	position:relative;
	display:block;
	width:100%;
	height:300px;
	margin:2rem auto 0 auto;
	margin:32px auto 0 auto;
	padding:1rem;
	padding:16px;
	text-align:center;
}
footer p {
	font-size:14px;
	font-size:0.875rem;
	line-height:150%;
	color:#FC3;
}
a:link {
	color:#006;
	text-decoration:none;
}
a:active {
	color:#006;
	text-decoration:none;
}
a:visited {
	color:#006;
	text-decoration:none;
}
a:hover {
	color:#CCC;
	text-decoration:none;
	transition:all 1s linear;
}
a:focus {
	outline:none;
}
h1 {
	font-size:2rem;
	font-size:32px;
	letter-spacing:1px;
	line-height:120%;
	margin:1rem 0;
	margin:16px 0;
	text-align:center;
	color:#FC3;
}
h2 {
	font-size:1.125rem;
	font-size:18px;
	font-weight:normal;
	letter-spacing:1px;
	line-height:120%;
	color:#97151B;
	text-align:center;
}
h3 {
	font-size:1.25rem;
	font-size:20px;
	line-height:120%;
}
p {
	font-size:16px;
	font-size:1rem;
	line-height:150%;
	margin:0.5rem 0;
	margin:8px 0;
}
.text_bold {
	font-weight:bold;
	margin-top:2rem;
	margin-top:32px;
}
.text_klein {
	font-size:0.875rem;
	font-size:14px;
	text-align:center;
}
.text_links {
	text-align:left;
}
.text_mitte {
	text-align:center;
}
.text_rechts {
	text-align:right;
}
.clearfix:after {
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
}
.nav-collapse ul {
	margin:0;
	padding:0;
	width:100%;
	display:block;
	list-style:none;
}
.nav-collapse li {
	width:100%;
	display:block;
}
.js .nav-collapse {
	max-height:0;
	position:absolute;
	display:block;
	overflow:hidden;
}
.nav-collapse.opened {
	max-height:9999px;
}
.disable-pointer-events {
	pointer-events:none !important;
}
.nav-toggle {
	float:right;
	position:relative;
	overflow:hidden;
	width:60px;
	height:55px;
	text-decoration:none;
	text-indent:-300px;
}
.mask {
	transition:opacity 300ms;
	background:rgba(255, 254, 254, .7);
	visibility:hidden;
	position:fixed;
	opacity:0;
	bottom:0;
	right:0;
	left:0;
	top:0;
	z-index:2;
}
.android .mask {
	transition:none;
}
.js-nav-active .mask {
	visibility:visible;
	opacity:1;
}
.nav-collapse, .nav-collapse * {
	box-sizing:border-box;
}
.nav-collapse, .nav-collapse ul {
	list-style:none;
	width:100%;
	float:left;
}
.nav-collapse li {
	float:left;
	width:100%;
}
.nav-collapse a {
	background-color:#97151B;
	border-bottom:solid 1px #FFF;
	text-decoration:none;
	padding:1rem;
	padding:16px;
	width:100%;
	float:left;
	font-weight:bold;
	color:#FFED00;
}
.nav-collapse a:active, .nav-collapse .active a {
	color:#FFF;
	text-decoration:underline;
}
.nav-collapse ul ul a {
	padding-left:2rem;
}
.nav-toggle {
	text-decoration:none;
	text-indent:-300px;
	position:relative;
	overflow:hidden;
	width:3.5rem;
	width:56px;
	height:3.5rem;
	height:56px;
	float:right;
}
.nav-toggle:before {
	left:0;
	top:0;
	color:#FFED00;
	font-family:"responsivenav";
	font-size:24px;
	font-size:1.5rem;
	text-transform:none;
	text-align:center;
	position:absolute;
	content:"≡";
	text-indent:0;
	width:100%;
}
.nav-toggle.active:before {
	content:"x";
}
 @media screen and (min-width:1024px) {
header {
 font-size:16px;
 font-size:1rem;
 margin:0 auto;
}
.down header {
 transform:translate3d(0, 0, 0);
}
main {
 width:62.5rem;
 width:1000px;
}
section {
 padding-top:2.5rem;
 padding-top:40px;
}
#contacto p {
 font-size:2rem;
 font-size:32px;
}
footer {
 height:700px;
}
 .span_25 {
 width:25%;
}
.span_30 {
 width:33%;
}
.span_50left {
 width:60%;
text-align:left;
}
.span_50right {
 width:40%;
 text-align:right;
 padding-right:10%;
}
.span_60 {
 width:70%;
text-align:center;
 margin:0 auto;
}
.span_80 {
 width:80%;
 margin:0 auto;
}
h1 {
text-shadow: 1px 1px 0px #CCC;
}
h2 {
 font-size:2rem;
 font-size:32px;
 letter-spacing:1px;
 line-height:120%;
 margin:1rem;
 margin:16px;
}
h3 {
 font-size:2rem;
 font-size:32px;
}
h4 {
 font-size:1.75rem;
 font-size:28px;
}
.grund_gelb {
 font-size:2rem;
 font-size:32px;
 width:60%;
}
.nav-collapse {
 float:right;
 width:auto;
}
.nav-collapse a {
 background:none;
 border-bottom:none;
 padding:0.25rem 2rem;
 padding:4px 32px;
 text-align:center;
 border-top:0;
 float:left;
 margin:0;
}
.nav-collapse a:hover {
 color:#CCC;
}
.nav-collapse ul ul a {
 display:none;
}
.nav-collapse li {
 width:auto;
}
.mask {
 display:none !important;
 opacity:0 !important;
}
.js .nav-collapse {
 position:relative;
}
.js .nav-collapse.closed {
 max-height:none;
}
.nav-toggle {
 display:none;
}
}