html {
}

body {
margin: 0;
padding: 0;
font-family: 'PT Sans', sans-serif;
font-size: 100%;
line-height: 1.5em;
text-align: center;
color: #FFFFFF;
background-color: #384649;
}

h1.start {
display: none;
}

h1, h2 {
font-size: 170%;
line-height: 1.4em;
font-weight: 400;
text-transform: uppercase;
margin: 0;
padding: 0;
margin-bottom: 35px;
color: #FFFFFF;
}

a {
color: #B3D335;
font-weight: normal;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

img {
border:none;
}

.imgsize {
max-width: 100%;
height: auto;
}

ul.liste {
list-style-type: none;
margin: 0;
padding: 0;
}

ul.liste li {
padding-bottom: 15px;
}

#clear {
clear: both;
}

.wehinweis {
display: none;
}

/**************************************************************************************/

#edittrenner {
margin-top:70px;
margin-bottom: 30px;
background: #FF0000;
padding: 5px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}

#edittrenner2 {
margin-top:70px;
margin-bottom: 30px;
background: #A3A3A3;
padding: 5px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}

/**************************************************************************************/

#container {
margin: 0em auto;
width: 1160px;
padding: 100px 0;
}

/**************************************************************************************/

article {
padding: 100px 0;
}

.spangruen {
color: #B3D335;
}

/**************************************************************************************/

.mg-rows {
position: relative;
text-align: center; 
}

.mg-trigger{
cursor: pointer;
display: block;
text-decoration: none;
font-size: 750%;
color: #FFFFFF;
transition: all 300ms ease-out;
}

.mg-trigger:hover{
color: #384649;
}

.mg-space {
display:none;
width:100%;
float:left;
position: relative;
}

.mg-target {
display:none;
background: #B3D335;
color: #384649;
}

.mg-target-open {
position:absolute;
top:0;
left:0;
right:0;
}

.mg-target-open-content {
padding: 0 5%;
text-align: center;
}

.mg-indicator {
border-bottom: 10px solid #B3D335;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute;
top: 0;
width: 0;
height: 0;
}

.mg-close {
display: none;
cursor: pointer;
width: 20px;
height: 20px;
padding: 5px;
position: absolute;
right: 30px;
top: 10px;
z-index: 2;
border: none;
}

.mg-close::before, .mg-close::after{
content:'';
position:absolute;
width:100%;
top:50%;
height:1px;
background:#FFFFFF;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}

.mg-close::after{
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.lg-3 {
position: relative;
min-height: 1px;
display:inline-block;
width: 220px;
height: 220px;
line-height: 220px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.7);
background-color: #384649;
transition: all 300ms ease-out;
margin: 20px;
}

.lg-3:hover {
background-color: #B3D335;
}

/**************************************************************************************/

footer {
font-size: 80%;
line-height: 1.5em;
color: #B3D335;
}

footer a {
color: #FFFFFF;
text-decoration: none;
}

footer a:hover {
text-decoration: underline;
}

/****************************************************************************************************************************************************************************/

@media (max-width : 1160px) {

/**************************************************************************************/

#container {
width: 90%;
margin-left: 5%;
}

/**************************************************************************************/

}