/*----------------------------------------------------------------------*/
/*!
 * (c)2015 ANTISTES - Service & Medien
 * http://antistes.de/
 */
/*----------------------------------------------------------------------*/


/*----------------------------------------------------------------------*/
/*- HTML, Body, etc -*/
*{ margin:0; padding:0; }
html, body{
	height:100%;
	font-family: 'Trebuchet MS', 'Tahoma', serif;
	font-size:100%;
	color:#FFF;
	text-shadow:1px 1px 1px #000;
}

h1{	
	font-family: 'Trebuchet MS', 'Tahoma', serif;
	margin-bottom:10px; padding-bottom:10px;
	text-align:center;
	font-size:3em;
	color:#EDD9A6;
	text-shadow:2px 2px 3px #000;
}
h2{	
	font-family: 'Trebuchet MS', 'Tahoma', serif;
	margin-bottom:10px; padding-bottom:10px;
	text-align:center;
	font-size:2em;
	color:#FFF;
	text-shadow:2px 2px 3px #000;
}


/*----------------------------------------------------------------------*/
/*- Header -*/
header{
	height:1080px; width:100%;
	background:url('/gfx/Feuchtigkeit.jpg') no-repeat bottom center fixed;
	background-size:cover;
	position:relative;
	overflow:hidden;
}
header div{
	width:800px; height:160px; text-align:center;
	margin-left:-400px; margin-bottom:0;
	position: absolute; bottom:75%; left:50%;
	opacity:0;
}
header .subTitle{
	margin-top:-10px; margin-right:30px;
	display:block;
	font-size:2.7em;
	color:#EDD9A6;
}
header .smallTitle{
	text-align:right;
	display:block;
	font-size:0.65em; font-family:arial;
	color:#FFF;
	position:absolute; right:265px; bottom:-10px;
	text-shadow:0 0 2px #000;
	opacity:0;
}

header .subTitle, header h1{
	font-family: 'Trebuchet MS', 'Tahoma', serif;
	font-weight:bold;
	text-shadow:3px 3px 2px #000;
}

#logo_big{
	width:800px;
	opacity:1;
	transition: all 0.3s ease-in-out;
	transform: translate(0,0);
}

/*----------------------------------------------------------------------*/
/*- Nav -*/
nav{
	position:fixed; top:20px; right:-120px;
	opacity:0;
	z-index:1000;
	background-color:rgba(0,0,0,0.7);
}
nav a{
	font-family:arial;
	color:rgba(255,255,255,0.8);
	font-size:1.5em;
	text-decoration:none;
	padding:0 10px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
nav a:hover{ color:rgba(255,255,255,0.5); }

.mBot30{ margin-bottom:30px; }


/*----------------------------------------------------------------------*/
/*- Boxes / Tables / Text Formating -*/
.box{ width:100%; max-width:420px; }
.boxCenter{ width:100%; }
.boxCenterSmall{ width:100%; max-width:750px; margin:auto; margin-bottom:30px; }
.boxCenterSmall p{ padding:0 8px; color:#EDD9A6; }
.boxCenterSmall .title{ padding:0 8px; }

.table{ display:table; max-width:420px; width:100%; }
.row{ display:table-row; }
.cell{ display:table-cell; }

.left{ float:left; }
.right{ float:right; }
.clearBoth{ clear:both; }

.text_center{ text-align:center; }
.text_left{ text-align:left; }
.text_right{ text-align:right; }


.orange { background-color:orange; }
.red { background-color:red; }
.blue { background-color:blue; }
.agb{ font-size:0.85em; }

/*----------------------------------------------------------------------*/
/*- Sections -*/
.title{ color:#EDD9A6; font-weight:bold; }

.wrapper{
	max-width:940px; width:100%; margin:auto;
	padding:35px 10px 50px 10px; font-size:1.2em;
	z-index:500;
	background:url('/gfx/bg_transparent.png') repeat;
}

.content_1{
	width:100%; height:1080px;
	background:url('/gfx/Pilze.jpg') no-repeat top center fixed;
	background-size:cover;
	position:relative;
	border-top:4px solid #350902;
	border-bottom:4px solid #350902;
}

.content_2{
	width:100%; height:1080px;
	background:url('/gfx/Schimmel.jpg') no-repeat top center fixed;
	background-size:cover;
	position:relative;
	border-top:4px solid #350902;
	border-bottom:4px solid #350902;
}

.content_3{
	width:100%; height:1080px;
	background:#350902;
	background-size:cover;
	position:relative;
	border-top:4px solid #350902;
	border-bottom:4px solid #350902;
}

.content_4{
	width:100%; height:1800px;
	background:#4A535A;
	background-size:cover;
	position:relative;
	border-top:4px solid #350902;
	border-bottom:4px solid #350902;
}

.content_5{
	width:100%; height:2550px;
	background:#77705E;
	background-size:cover;
	position:relative;
	border-top:4px solid #350902;
	border-bottom:4px solid #350902;
}

#leistungenWrapper{ position:relative; top:150px; opacity:1; }
#leistungenBox1{ position:relative; max-width:750px; margin:auto; }
#leistungenBox1 .cell{ min-width:350px; }
#leistungenBox1 .cell:first-child{ width:5%; }
#leistungenBox1 .cell:last-child{ width:5%; }

#kontaktWrapper{ position:relative; top:150px; opacity:1; }
#kontaktBox1{ position:relative; max-width:800px; margin:auto; }
#kontaktBox1 .cell{ min-width:400px; }
#kontaktBox1 .cell:first-child{ width:3%; }
#kontaktBox1 .cell:last-child{ width:3%; }

#impressumWrapper{ position:relative; top:150px; opacity:1; }
#impressumBox1{ position:relative; max-width:800px; margin:auto; }
#impressumBox1 .cell{ max-width:380px; }

#disclaimerWrapper{ position:relative; top:150px; opacity:1; }
#disclaimerBox1{ position:relative; max-width:800px; margin:auto; }
#disclaimerBox1 .cell{ max-width:380px; }

#datenschutzWrapper{ position:relative; top:150px; opacity:1; }