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:#ffffff;
height: 100%;
}



*{
margin:0; 
padding:0; 
}


div{
margin:0;
padding:0;
}


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




.center{
text-align: center;
}


.hintergrund{
background-size: 100% 100%;
background-repeat: no-repeat;
}


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


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


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


.ueberschrift {
font-family: 'Roboto Condensed', sans-serif; 
color:#7E5059;
/*font-size:15pt;  */
font-size:1.4em;
font-weight:400;
text-align:center;
text-decoration:none;
}

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

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


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


#active_link, .active_link {   
color:#000000;  /* pink */
}


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

 
.fliesstext {
color:#000000;   
font-size:1.6em;
font-family: 'Roboto Condensed', sans-serif;
font-weight:300; 
text-align:left; 
text-decoration:none;
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
-hyphens: auto;
}

.fliesstext a{
color:#7E5059;
text-decoration:none;
}

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



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


.fliesstext_logo {
color:#000000;   
font-size:2.0em;
font-family: 'Roboto Condensed', sans-serif;
font-weight:300; 
text-align:center; 
text-decoration:none;
}

.fliesstext_logo a{
color:#000000;   
text-decoration:none;
}

.fliesstext_logo a:hover{
color:#000000;  
text-decoration:none;
}


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




.fliesstext_name {
color:#000000;   
font-size:1.4em;
font-family: 'Roboto Condensed', sans-serif;
font-weight:300; 
text-align:center; 
text-decoration:none;
}

.fliesstext_name a{
color:#000000;   
text-decoration:none;
}

.fliesstext_name a:hover{
color:#000000;  
text-decoration:none;
}

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

 
.fliesstext_mitte {
color:#000000;   
font-size:1.6em;
font-family: 'Roboto Condensed', sans-serif;
font-weight:300; 
text-align:center; 
text-decoration:none;
}

.fliesstext_mitte a{
color:#000000;
text-decoration:none;
}

.fliesstext_mitte a:hover{
color:#7E5059;  
text-decoration:none;
}


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


.fliesstext_bold {
color:#000000;   
font-size:1.1em;
font-family: 'Roboto Condensed', sans-serif;
font-weight:400; 
text-align:left; 
text-decoration:none;
}

.fliesstext_bold a{
color:#7E5059;
font-weight:400; 
text-decoration:none;
}

.fliesstext_bold a:hover{
color:#000000; 
font-weight:400;  
text-decoration:none;
}


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

 
.fliesstext_small {
color:#000000;   
font-size:0.5em;
font-family: 'Roboto Condensed', sans-serif;
font-weight:300; 
text-align:center; 
text-decoration:none;
}

.fliesstext_small a{
color:#7E5059;
text-decoration:none;
}

.fliesstext_small a:hover{
color:#000000;  
text-decoration:none;
}


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


.headline {
font-size:1.2em;
font-family: 'Roboto Condensed', sans-serif;
color:#372226;  
font-weight:400;
text-align:center; 
text-decoration:none;
}

.headline a{
font-family: 'Roboto Condensed', sans-serif;
color:#372226;
text-decoration:none;  
}

.headline a:hover{
font-family: 'Roboto Condensed', sans-serif;
color:#372226;
text-decoration:none;  
 
}

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


.headline_01 {
text-decoration:none;
font-family: 'Roboto Condensed', sans-serif;
color:#000000;   
font-size:1.2em;
font-weight:400;
text-align:left; 
}

.headline_01 a{
text-decoration:none;
font-family: 'Roboto Condensed', sans-serif;
color:#000000;   
;
}

.headline_01 a:hover{
text-decoration:none;
font-family: 'Roboto Condensed', sans-serif;
color:#000000;   
}

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


#map {  z-index:10;  }

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


.abstand_kleine_zeile {
height:8px;
}


.abstand_eine_zeile {
height:24px;
}


.abstand_zwei_zeilen {
height:60px;
}


.abstand_drei_zeilen {
height:80px;
}


.abstand_foto_zeile {
height:140px;
}


.abstand_vier_zeilen {
height:300px;
}


.abstand_extra_zeile {
height:1px;
}



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


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

.abstand_zwei_zeilen {
height:24px;
}

}

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


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

.abstand_zwei_zeilen {
height:24px;
}

}