@media only screen and (min-width: 480px) and (max-width: 1023px) {
html, body {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

body {
width: 100%;
background-color: #c3c3c3;
overflow-x: hidden;
background-image: url('images/background_demo.jpg');
    background-attachment: fixed;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.main {
width: 100%;
padding: 0 0 0 0;
margin: 0 0 0 0;
}



.inner_cont {
box-sizing: border-box;
width: 95%;
 position: relative;
 text-align: left;
 font-size: 17px;
 background-image: url('images/85transp.png');
 padding: 10px;
 margin-left: auto;
margin-right: auto;
 border-radius: 0px;

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

#ic_hot {
margin-bottom: 20px;
}

#ic_slider {
display: none;
}

header {
display: none;
}

.slide {

}

.mobilkopf {
width: 100%;
background-color: #c4c4c4;
background-image: url('images/himmel.jpg');
    background-attachment: fixed;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;

position: relative;
}

.mobillogo {
width: 100%;
text-align: right;

}

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


.mob_navi a{
font-family: 'Arvo', Verdana, Tahoma;;
display: block;
width: 100%;
padding: 4px;
font-size: 1.2em;
text-align: center;
color: #000000;
background-image: url('images/85transp.png');
border-bottom: 2px solid #ffffff;
text-decoration: none;

}


.mob_navi #titel a {
font-family: 'Arvo', Verdana, Tahoma;;
display: block;
width: 100%;
padding: 4px;
font-size: 1.8em;
font-weight: bold;
text-align: center;
border: 0px;
color: #ffffff;
background-image: url('images/blacktransp.png');
text-decoration: none;
}

.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;

}



#toggle_image {
width: 10%;
max-width: 50px;
height: auto;

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



.foot {
background-color: #ffffff;
position: relative;
}


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

.show_ahead { width: 100%; }









.mobibild {
width: 30%;
max-width:300px;
height: auto;
margin-right: 10px;
}

.desk {
display: none;
}

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


.sub_navi {
display: none;
}



.album_container {
    display: -webkit-flex;
    display: flex;
    width: 100%;
     flex-direction: row;
   flex-wrap: wrap;
  justify-content: space-between;
align-items: stretch;

}


.album_box {
width: 46%;
margin-bottom: 15px;
}

.album_titel {
width: 100%;
height: auto;
}

@supports not (flex-wrap: wrap) {
	.album_box {
		flex-direction: column;
	}
 
	}



.clearsubnavi {
clear: both;
}

.loginschloss {
width: 20%;
max-width: 50px;
height: auto;
}

.dekoseil_mob {
background-image: url('images/rope.png'); 
background-repeat: repeat-x; 
height: 41px; 
width: 100%; 
z-index: 99999; 

position: absolute; 
bottom: -25px;
}

.dekoseil_mob_f {
background-image: url('images/rope.png'); 
background-repeat: repeat-x; 
height: 41px; 
width: 100%; 
z-index: 8; 

position: absolute; 
top: -20px;
}

.bildmarke, .bildmarke_klein {
width: 60%;
height: auto;
margin-bottom: 14px;
margin-right: 10px;
float: left;
}



#ic_hot_termine {
display: none;
}
}