/* Die komplette Seite */

body{

	background-image: url(../images/strauch.png), url(../images/logo_transparent.png), url(../images/bg_green2.jpg);

	background-attachment:fixed;

	background-repeat: repeat-x, no-repeat, repeat;

	background-position: bottom, right top 3.3cm, left 60% top 60%;

	background-size: 50%, 20%, auto;

}





/* Der Header */

#header{

	letter-spacing:0px;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

}

#header:hover{

	border-top-left-radius: 40% 3em;

	border-top-right-radius: 40% 3em;

	letter-spacing:1px;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}

#title{

	font-size:54px;

	line-height:70px;

}

#subtitle{

	font-size:0.7cm;

}





/* Navi und Seitentext */

#content_container{

	width:80%;

	margin-bottom:10%;

}

#inside_container{ /* zentriertes Ausrichtendes Seiteninhalts */

	width:900px;

	max-width:100%;

	margin-right:auto;

	margin-left:auto;

}



/* Die Navi */

#menu{

	float:left;

	margin-right:15px;

	width:210px;

}

/* Hamburger-menü ausblenden */

.hamburger{

	display:none;

}





/* Der Seitentext */

#content{

	padding:10px;

	box-shadow:white 0px 0px 6px;

	-webkit-transition: all 1s ease-in-out;

	-moz-transition: all 1s ease-in-out;

	-o-transition: all 1s ease-in-out;

    transition: all 1s ease-in-out;

}

#content:hover{

	box-shadow:white 0px 0px 3px;

	text-shadow: #999999 0px 0px 1px;

}

nav:hover + content {

	color:#494949;

}

#page_title{

	display:block;

	font-weight:bold;

	font-size:1.3em;

	color: #464C13;

}

#page_text{

	font-size:1.1em;

	text-align: justify;

}