@media only screen and (min-width: 480px) and (max-width: 1024px) {
.main {
width: 100%;

}

body {
margin: 0 0 0 0;
width: 100%;
background-color: #95C11F;
}

.inner_cont {
box-sizing: border-box;
width: 95%;
 position: relative;
 text-align: left;
 font-size: 17px;
 background-color: #ffffff;
 padding: 7px;
 margin-left: auto;
margin-right: auto;
 margin-top: 15px;
 margin-bottom: 15px;
 border-radius: 0px;

 text-align: left;
 border: 15px solid #ffffff;
}

header {
display: none;
}

.slide {

}

.mobilkopf {
background-color: #FFFFFF;
width: 100%;
}

.mobillogo {


width: 100%;
text-align: right;

}

.mobiltoggle {
width: 100%;
text-align: left;
padding-left: 5px;
padding-top: 5px;
}

.mob_navi a{
font-family: Arial, Verdana, Tahoma;;
display: block;
width: 100%;
padding: 4px;
font-size: 1.5em;
text-align: center;
color: #ffffff;
background-color: #4D680F;
border-bottom: 2px solid #ffffff;
text-decoration: none;
font-weight: bold;
}

.mob_foot {
padding-top: 15px;
background-color: #008403;
width: 100%;
color: #ffffff;

font-family: Tahoma, Verdana, Arial;
}

.mob_foot a {
display: block;
padding-top: 10px;
color: #ffffff;
text-decoration: none;
font-size: 20pt;

}

body {
width: 100%;
overflow-x: hidden;
}

#toggle_image {
width: 5%;
height: auto;

transition:all 0.6s ease-in-out;
}



.foot {
background-color: #ffffff;
}


 .cf_text, .cf_mid, .cf_long { width: 90%; }

.show_ahead { width: 100%; }



h1 {
font-family: Arial, Verdana, Tahoma;
font-size: 1.5em;
font-style: bold;
color: #95C11F;
margin-top: -10px;
}

h2 {
font-family: Arial, Verdana, Tahoma;
font-size: 1em;
font-style: bold;
color: #95C11F;
margin-top: -10px;
}

#zitat {
font-family: Georgia, "Times New Roman";
font-size: 1.5em;
color: #95C11F;
font-style: italic;
text-align: right;
}

#autor {
font-size: 0.5em;
color: #CDCDCD;
}



.mobibild {
width: 40%;
height: auto;
margin-right: 10px;
}

.desk {
display: none;
}

.cont {
 margin-top: 0px;
 text-align: center;
 position: relative;
}

#subnavi {
text-align: center; 
width: 100%;  
background-color: transparent;
border: 0;
}



.bildmarke {
width: 50%;
height: auto;
margin-bottom: 5px;
margin-right: 5px;
float: left;
}

.subnavikachel_1 {
width: calc(25% - 7px);
height: auto;
background-color: #ffffff;
float: left;
margin-top: -7px;
margin-right: 5px;
margin-bottom: 5px;
}

.subnavikachel_2 {
width: calc(25% - 7px);
height: auto;
background-color: #ffffff;
float: left;
margin-top: -7px;
margin-right: 5px;
margin-bottom: 5px;
}

#ganzlinks {
margin-left: 5px;
}

#subnavi a {
color: #95C11F;
font-family: Arial, Tahoma, Verdana;
font-size: 15px;
font-weight: bold;
}

.clearsubnavi {
display: none;
}

.loginschloss {
width: 50px;
height: auto;
}
}