* {
    margin: 0;
    padding: 0;
}
wrapper, header, nav, footer, aside, section {
    display: block;
}
body {
  	text-align: center;
	font-family: 'Exo', sans-serif;
	font-weight: 300;
	letter-spacing: 0.1em;
}
.white {
	background-color: #FFF;
}
.black	{
	background-color: #000;
}
.color1	{
	background-color: #26506B;
}
.color2	{
	background-color: #676161;
}
.color3	{
	background-color: #6F672B;
}
.color4	{
	background-color: #C44E08;
}
.color5 {
	background-color: #304798;
}
.color6 {
	background-color: #5D6A38;
}
.color7 {
	background-color: #CA6F00;
}
header {
	text-align: left;
	width: 100%;
	padding-bottom: 50px;
}
.home {
	text-align: right;
	padding: 40px 0 20px 0;
}
.nav {
	text-align: right;
	padding-bottom: 20px;
}
/* Seiten Überschrift */
em {
	font-style: italic; 
	font-size: 1.3em;
}
#text {
    margin-left:20%;
	padding: 15px 0 30px 50px;
	width: 70%;
	text-align: left;
	line-height: 1.5;
	color: #FFF;
}
#text p {
	font-family: 'Exo', sans-serif;
	font-weight: 300;
	color: #000; 
	letter-spacing: 0.05em;
	text-align: left;
}

h1 {
	font-family: 'Exo 2', sans-serif;
	font-weight: 400;
	font-size:30px;
	color:#FFA500;
	padding-bottom:10px;
	line-height:40px;
}
h2 {
	font-family: 'Exo 2', sans-serif;
	font-weight: 400;
	font-size:25px;
	text-align:left;;
	color:#FFA500;
	padding-bottom:10px;
	line-height:40px;
}
h3 {
	font-family: 'Exo 2', sans-serif;
	font-weight: 400;
	font-size:20px;
	text-transform: uppercase;
	text-align:left;;
	color:#FFA500;
	padding-bottom:10px;
	line-height:40px;
}
h4{
	text-transform: uppercase;
}
#text h1 span{
	font-size:11px;
	display:block;
	letter-spacing:0.3em;
	font-family: 'Exo 2', sans-serif;
	font-weight: 300;
	color:#00c6e3;
	line-height:14px;
	padding-top:10px;
	text-shadow:none;
	text-transform:uppercase;
}
/* Seiten Inhalt*/
section {
    margin-left:20%;
	padding: 15px 0 30px 50px;
	width: 70%;
	text-align: left;
	line-height: 1.5;
	color: #FFF;
	max-width:700px;
}
section h3{
	font-size:18px;
	font-family: 'Exo 2', sans-serif;
	font-weight: 400;
	color:#66ccff;
}
section h4{
	font-size:18px;
	font-family: 'Exo 2', sans-serif;
	font-weight: 400;
	color: #FFF;
}
section h5{
	font-size:18px;
	font-family: 'Exo 2', sans-serif;
	font-weight: 600;
	color: #283149;
}
section a {
	color: #FFF;
	/* font-weight: 600;	*/
}
section a:hover {
	color: #54FFF7;
}
section img {
	width: 50%;
	padding: 15px 0 15px 0;
}
#logo {
	background-image: url(bilder/Logohoch.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 600px;
	width: 100px;
	float: left;
}
.white a{
	font-family: 'Trebuchet MS';
	letter-spacing: 0.05em;
	display: block;
	width: 230px;
	text-decoration: none;
	color: #000;
	float: left;
	opacity: 0.3;
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	filter:alpha(opacity=30);	
}
#menu {width: 30px; position: fixed; left: 0; top: 200px; background: #bfbe00; cursor: pointer; border-radius: 0 8px 8px 0;}
#menu div {margin: 0; padding: 8px 8px; color: #FFF; background: #bfbe00; text-align: right; border-top: 2px solid #9aa539; border-right: 2px solid #9aa539; border-bottom: 2px solid #9aa539; border-radius: 0 8px 8px 0;}
#menu div p {display: none; padding: 0 8px; letter-spacing: 0.2em;}
#menu span {display: block; white-space: nowrap; text-align: left; padding: 0 0 5px 0;}
#menu span a {display: block; text-decoration: none; color: #FFF; padding: 0 5px 0 0;}
#menu span a:hover {color: #FF0000;}
#menu div:hover {width: 230px;}
#menu div:hover p {display: block; position: absolute; left: 0; top: 0;}

p.css-vertical-text {
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;
	display:block;
	text-shadow: 0px 0px 1px #333;

}
.index_content article{
    padding-bottom:30px;
}
.pinterest img{
    display:none;
}
hr {
    margin-top:10px;
    margin-bottom:10px;
}
.toTop {
    text-align:left; 
    margin-bottom:80px;    
}   

footer	{
	width:auto;
	position:fixed;
    bottom:0px;
    right:0px;
    height:36px;
    padding-top:15px;
    padding-left:15px;
    background-color:orange;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter:alpha(opacity=80);     
}
footer ul {
    float:right;
}
footer li {
	display: inline;
	padding-right:15px;
	padding-bottom:8px;
}
footer a{
	font-family: 'Exo 2', sans-serif;
	letter-spacing: 0.05em;
	text-decoration: none;
	color:black;
}
footer a:hover{
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter:alpha(opacity=80);
}

.wordpress_img{
    width: 100%; 
    height: auto;
    display: block;
}

.index_content article img{
    width: 100%; 
    height: auto;
    display: block;
}

@media screen and (max-width: 850px) { 
    header {
        padding-bottom:0px;
        height:60px;
    } 
    footer	{
        width:100%;
        background-color:orange;
        height:38px; 
	    opacity:1;
	    -moz-opacity:1;
	    -khtml-opacity:1;
	    filter:alpha(opacity=100);                           
    }
    footer ul {
        float:none;
    }    
    .desktop{
        display:none;
    }       
    .slimmenu{
        position:absolute;
        top:48px;
        z-index:10;
    }
    .menu-collapser{
        background-color:orange;
        color:orange;
    }
    #text {
        margin-left:10%;
        padding-left:0px;
        padding-top:0px;
    }  
    section {
        margin-left:10%;
        padding-left:0px;
        padding-top:0px; 
        width:80%;      
    } 
    section img{
        width:100%;
    }    
    .pinterest img{
        display:inline;
        height:20px;
    }
    .pinterest span {
        display:none;
    }           
}