/* ----------------------------------------------------------------------------- *
 *                           Styles der Basisversion                             *
 * ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- *
 * Änderung des default-Box-Modells aller Elemente auf "border-box"
 * http://www.paulirish.com/2012/box-sizing-border-box-ftw/
 * << apply a natural box layout model to all elements >>
 * ----------------------------------------------------------------------------- */
*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}

/* ----------------------------------------------------------------------------- */
.page-wrapper {
    margin: 0 auto;
}

header {
    padding: 0.5em 0px;
}


section {
    padding: 0 20px;
}

.mainContent {
    width: 100%;
	background-color: #bcd34d;
}

img {
	max-width: 90%;
	height: auto;
	padding-left: 1.0em;
}





/* ----------------------------------------------------------------------------- *
 *                             Textauszeichnungen                                *
 * ----------------------------------------------------------------------------- */
h1 {
    margin: 1.0em 10px;
	padding-top: 1.0em;
}

.text {
    margin: 2.0em 10px;
	padding-bottom: 1.0em;
}

ul, ol {
    padding: 0;
    margin: 0 0 0.625em 20px;
}
    
/* ----------------------------------------------------------------------------- *
 *                                  Navigation                                   *
 * ----------------------------------------------------------------------------- */

nav ul {
    margin: 0;
}

nav ul > li {
    margin-left: 0;
    border-bottom: 1px solid rgba(250, 250, 250, 0.6);
}

.aktiv, .aktiv-b {
	padding: 0.6em 20px;
}

nav ul > li > a, nav ul > li > strong {
    display: block;
	padding: 0.6em 20px;
}

nav ul a:link {
    text-decoration: none;
}


.nav-b ul {
    margin: 0;
}

.nav-b ul > li {
    margin-left: 0;
    border-bottom: 1px solid rgba(250, 250, 250, 0.6);
}

.nav-b ul > li > a, nav ul > li > strong {
    padding: 0.6em 20px;
    display: block;
}

.nav-b ul a:link {
    text-decoration: none;
}


/* ----------------------------------------------------------------------------- *
 *                           Styles der Tabletversion                            *
 *                          800px / 16px/em = 50.0em                           *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 50.0em) {
    body {
        font-size: 62.5%; /* 15px */
    }

    /* .main macht Platz für .nav */
    .main {
        width: 100%;
        float: left;
    }

    .mainContent {
        width: 100%;
        float: left;
/*        padding: 0.8em 20px;*/
        border-top: none;
    }

    section {
        padding: 0em 30px ;
    }
		
	.bild-header {
		padding: 0.5em 0px;
		display:block;
	}

    /* ----------------------------------------------------------------------------- *
     *                             Textauszeichnungen                                *
     * ----------------------------------------------------------------------------- */
      h1 {
        padding: 0.2em 0px ;
    }
   

    .text {
        margin: 0.8em 0;
    }
	
	


/* ----------------------------------------------------------------------------- *
 *                          Styles für kleine Desktops                           *
 *                           1024px / 16px/em = 64em                             *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 64em) {

.page-wrapper {
        max-width: 100%;
        margin: 20px auto;
}

.main {
	overflow:hidden;
}


/* Größenanpassungen */

    .mainContent {
        padding: 2.0em 40px 2.0em 20%;
		background-color: #bcd34d;
		margin-top: 5em;
    }
	
	img {
	max-width: 70%;
	height: auto;
}

	.bild-header {
		padding-left: 20%;
		display:block;
	}
	
	/* ----------------------------------------------------------------------------- *
 *                             Textauszeichnungen                                *
 * ----------------------------------------------------------------------------- */
h1 {
    margin: 0.6em 0 1.0em 10%;
}

.text {
    margin: 0.8em 10%;
}
	
}