@charset "UTF-8";
/* CSS Document */



.hao {
    line-height: 1.4em;
	margin-bottom: 2em;
}

td {
    padding: 5px;
}

p {
    padding: 5px 0;
}


.collapsable__content h1 {
    color: #4a7e3e;
    font-size: 2em;
    margin: 0.6em 0 0.4em 0!important;
}

.collapsable__content h2 {
    color: #666;
    font-size: 1.52em;
    margin: 0 0 15px;
}

td {
    text-align: left !important;
}

/*  + - + - + - + - +  H3 mit line + - + - + - + - + */
.headline {
    border-top: 1px solid #666;
    margin-top: 60px;
    max-height: 41px;
    text-align: center;
}
.headline h3 {
    background: #fff none repeat scroll 0 0;
    color: #666;
    display: inline-block;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 0.1em;
    padding: 0 0.5em;
    position: relative;
    text-transform: uppercase;
    top: -35px;
	    line-height: 65px;
}

/*  + - + - + - + - +  Navigation + - + - + - + - + */

.tab-navigation.noimage {
    background: #4a7e3e none repeat scroll 0 0;
    text-align: center;
    margin-top: -4px;
}

.tab-navigation__list {
    display: inline-block;
    margin: 0 auto !important;
}

.tab-navigation__list__item a {
    color: #fff;
}

.tab-navigation .tab-navigation__list__item.active a {
    border-bottom: 3px solid #fff;
    line-height: 1;
    margin-top: 15px !important;
    padding-bottom: 4px;
}


.tab-navigation__list {
    display: inline-block;
    margin: 0 auto !important;
    padding: 0;
    list-style: none;
    width: 100%;
}

li.tab-navigation__list__item {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
}

.tab-navigation__list__item a {
    color: #fff;
    margin: 5px 10px 10px 15px;
    font-size: 15px;
    display: inline-block;
    text-decoration: none;
}

/*  + - + - + - + - +  1 2 3  + - + - + - + - + */

.icons {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.icons-inner {
    margin: 0 auto;
    max-width: 65%;
}

.eins, .zwei, .drei {
    display: inline-block;
    float: left;
    margin: 0 2.5%;
    text-align: center;
    width: 28%;
}

/*  + - + - + - + - +  Mobile + - + - + - + - + */

@media screen and (max-width: 47.9375em) {
			
			main {
			    margin: 0 10px !important;
			}
			
			/*  + - + - + - + - +  Mobile Headlines  + - + - + - + - + */
			.collapsable__content h1 {
			    font-size: 1.4em;
			}
			
			.collapsable__content h2 {
			    font-size: 1.2em;
			}

			.headline h3 {
			    font-size: 18px;
			    letter-spacing: 0.2em;
			    padding: 0 0.2em;
			    top: -29px;
			}


			/*  + - + - + - + - +  Mobile Navigation  + - + - + - + - + */
			.tab-navigation__list__item a {
    color: #fff;
	padding: 5px;

}

			.tab-navigation.noimage {
			    background: none;
			    margin: 0;
			    padding: 0;
			}
			.tab-navigation .tab-navigation__list {
			    border: medium none;
			    border-radius: 0;
			    width: 100%;
			    border-bottom: 1px solid #4a7e3e;
			}
			.tab-navigation .tab-navigation__list__item.active a,
			.tab-navigation .tab-navigation__list__item.active a::before {
			    color: #4a7e3e;
			 }
		
			
			 .tab-navigation .tab-navigation__list__item.active a::before {
			    color: #4a7e3e !important;
			    top: 0;
			    width: 150px;
			}

.tab-navigation .tab-navigation__list__item a {
    border: 1px solid #4a7e3e;
    color: #4a7e3e;
    position: relative;
    width: 100%;
    margin: 10px;
}





			/*  + - + - + - + - +  Mobile icons  + - + - + - + - + */
			
			.icons-inner {
			     max-width: 98%;
			}
			

}