@media only screen and (min-width: 1024px) {



body {
margin: 0 0 0 0;
background-color: #ffffff;
background-image: url('images/background_demo.jpg');
    background-attachment: fixed;

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



.main {
width: 100%;


}

.innerhead {
width: 70%;
max-width: 1000px;
}



.inner_foot {
 width: 70%;
max-width: 1000px;
background-image: url('images/85transp.png');
text-align: center;
}

.cont {
 width: 70%;
max-width: 1000px;
}


.navi {

position: absolute;

right: 0px;
bottom: 8px;

padding: 3px;
}

.navi a {
display: inline-block;

margin-left: 1vw;
margin-right: 1vw;


font-family: 'Arvo', Tahoma, Verdana;
font-size: 16pt;
font-weight: bold;

color: #4a4a49;
text-decoration: none;

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

.navi a:hover {
color: #1a6bbf;
}
.mobilkopf {
display: none;
}

.mob_foot {
display: none;
}

.mobilerbalken {
display: none;
}


.mob {
display: none;
}

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

}

.inner_cont {
width: 100%;
}





.foot {
width: 100%;
background-color: #FFFFFF;
margin-top: -5px;
padding-top: 10px;

background-image: url('images/kluft.jpg');
background-size: 100% auto;
background-position: center;

z-index: 7;

-webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 0px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 0px 0px rgba(50, 50, 50, 0.75);
}



#subnavi {
font-family: 'Arvo', Tahoma, Verdana;
font-size: 15pt;
color: #b5b5b5;
border: 0px;
padding: 0px;
}





#ic_top1 {
width: 70%; 
float: left; 
margin-right: 20px; 
text-align: justify;
}

.inner_cont {
 box-sizing: border-box;
 position: relative;
 text-align: left;
 font-size: 0.9em;
 background-image: url('images/85transp.png');
 padding: 7px;
 text-align: justify;
 border: 15px solid #ffffff;
 }


.sub_navi {
 box-sizing: border-box;
 position: relative;
 text-align: left;
 font-size: 0.9em;
 background-image: url('images/85transp.png');
 padding: 0px;
 text-align: right;
 border: 0px solid #ffffff;

font-family: 'Arvo', Tahoma, Verdana;
font-size: 15pt;
color: #b5b5b5;
 }



.clearsubnavi {
clear: both;
}


.sub_navi a {
display: inline-block;
height: 100%;
padding: 2px;
color: #4a4a49;
font-family: 'Arvo', Tahoma, Verdana;
background-color: transparent;
font-size: 15pt;
text-decoration: none;
font-weight: none;

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

.sub_navi a:hover {
color: #ffffff;
background-color: #4a4a49;
font-family: 'Arvo', Tahoma, Verdana;
font-size: 15pt;
}

.kontakt_titel {
font-size: 13pt;
float: left;
width: 20%;
padding: 5px;
border-bottom: 0px dotted #c0c0c0;
text-align: left;
}

.kontakt_eingabe {
float: right;
width: 80%;
padding: 5px;
text-align: left;

border-bottom: 0px dotted #c0c0c0;
}

.text {
width: 40%;

}

.textarea {
width: 40%;

}

.select {
width: 20%;

}

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

.dekoseil {
background-image: url('images/rope.png'); 
background-repeat: repeat-x; 
height: 41px; 
width: 100%; 
z-index: 8; 
position: absolute; 
bottom: -20px;
}


#ic_hot, #ic_hot_termine {

width: calc(30% - 20px); 
float: right; 
 

}

#ic_small {
width: 70%; 
float: left; 
margin-right: 20px; 
text-align: justify;
}

.bildmarke {
float: left; 
margin-right: 10px;
width: 80%;
height: auto;
}

.bildmarke_klein {
float: left; 
margin-right: 10px;
width: 50%;
height: auto;
}


.innerfoot a {
display: inline-block;
background-color: #ffffff;
}


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

}


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

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

}

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


@media only screen and (max-width: 1300px) {
.navi a {
font-size: 1.4vw;

}

.navi_break {
display: inline;
background-color: pink;
width: 50px; height: 50px;
}
}



}