html {
height: 100%;
}

body {
-webkit-text-size-adjust: none;  /*	i phone  */
overflow-x: hidden;  /*	scrollen horizontal     kein scrollen: overflow-x: hidden;  */
-webkit-overflow-scrolling: touch;  /*	i phone  */



/*
background-color:#C9C0B4;
background-color:#b2c3b3;
background-color:#C9C0B4;*/

height: 100%;
}

*{
margin:0; 
padding:0; 
}


div{
margin:0;
padding:0;
}


img {  
border:none;  
max-width:100%;  
}


.container {  
max-width:1314px;  
text-align:left;  
}


.container_text {  
max-width:800px;  
text-align:center;  
}

/* ------------------------------------------- */

.center{
text-align: center;
}

.galerie {
margin:0px;
padding:4px;
}

.randlos  {
margin:0px;
padding:0px;
}



/* ------------------------------------------------- */

.ueberschrift {
font-family: 'Open Sans Condensed', sans-serif;  
color:#000000;
font-size:2.0em;
font-weight:700;
text-align:center;
text-decoration:none;
}


.ueberschrift a {
color:#786D65; 
padding:0px 12px 0px 0px;
text-decoration:none;
}

.ueberschrift a:hover { 
color:#BBB5A8; 
}


/* ------------------------------------------------- */

.ueberschrift_01 {
font-family: 'Open Sans Condensed', sans-serif;  
color:#000000;
font-size:1.8em;
font-weight:700;
text-align:center;
text-decoration:none;
}


.ueberschrift_01 a {
color:#786D65; 
padding:0px 12px 0px 0px;
text-decoration:none;
}

.ueberschrift_01 a:hover { 
color:#BBB5A8; 
}


/* ------------------------------------------------- */


#active_link {   
color:#2F2C24;  
}


/* ------------------------------------------------- */

 
.fliesstext {
/* max-width:1040px;  
max-width:800px;
­
*/
color:#4E483D;  
font-size:1.6em;
font-family: 'Roboto Condensed', sans-serif;
font-weight:300; 
text-align:left; 
text-decoration:none;

}

.fliesstext a{
color:#4E483D;
}

.fliesstext a:hover{
color:#BBB5A8;  
text-decoration:none;
}


/* ------------------------------------------------- */

 
.fliesstext_center{
color:#4E483D;  
font-size:1.6em;
font-family: 'Roboto Condensed', sans-serif;
font-weight:300; 
text-align:center; 
}

.fliesstext_center a{
color:#4E483D;
}

.fliesstext_center a:hover{
color:#BBB5A8;    
text-decoration:none;
}


/* ------------------------------------------------- */

 
.fliesstext_footer_01 {
color:#4E483D;  
font-size:1.2em;
font-family: 'Roboto Condensed', sans-serif;
font-weight:300; 
text-align:center; 
}

.fliesstext_footer_01 a{
color:#4E483D;
}

.fliesstext_footer_01 a:hover{
color:#BBB5A8;    
text-decoration:none;
}


/* ------------------------------------------------- */

 
.fliesstext_foto {
color:#4E483D;  
font-size:1.6em;
font-family: 'Roboto Condensed', sans-serif;
font-weight:300; 
text-align:center; 
}

.fliesstext_foto a{
color:#4E483D;
}

.fliesstext_foto a:hover{
color:#BBB5A8;    
text-decoration:none;
}


/* ------------------------------------------------- */



.headline {
font-family: 'Roboto Condensed', sans-serif;
color:#b6193d;  
font-size:2.0em;
font-weight:regular;
text-align:center;
}
/*letter-spacing:0.2em;*/ 

/* ------------------------------------------------- */


.headline_01 {
text-decoration:none;
font-family: 'Roboto Condensed', sans-serif;
color:#4E483D;  
font-size:2.8em;
font-weight:regular;
text-align:center;
}


/* ------------------------------------------------- */


#open1, #open2, #open3 
{
cursor:pointer;
color:#666666;
}


#open1 a, #open2 a, #open3 a
{
cursor:pointer;
color:#e64215;
}


#open1 a:hover, #open2 a:hover, #open3 a:hover
{
cursor:pointer;
color:#e64215;
}



/* ------------------------------------------------- */


.abstand_kleine_zeile {
height:12px;
}


.abstand_eine_zeile {
height:24px;
}


.abstand_zwei_zeilen {
height:60px;
}


/* ---------------- Smartphone Portrait ----------------- */

@media screen
and (max-device-width: 375px)
and (orientation: portrait)
{


.ueberschrift {
font-family: 'Open Sans Condensed', sans-serif;  
color:#000000;
font-size:1.6em;
font-weight:700;
text-align:center;
text-decoration:none;
}


.abstand_eine_zeile {
height:8px;
}


.abstand_zwei_zeilen {
height:20px;
}


}

/* ---------------- Smartphone landscape ----------------- */

@media screen
and (max-device-width: 667px)
and (orientation: landscape)
{


.ueberschrift {
font-family: 'Open Sans Condensed', sans-serif;  
color:#000000;
font-size:1.6em;
font-weight:700;
text-align:center;
text-decoration:none;
}


.abstand_eine_zeile {
height:8px;
}


.abstand_zwei_zeilen {
height:20px;
}


}