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:#999999;
/*
background-color:#b2c3b3;
background-color:#C9C0B4;*/

height: 100%;
}

*{
margin:0; 
padding:0; 
}


div{
margin:0;
padding:0;
}


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




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




.container{
max-width:1200px;
text-align:center;
}



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


#active_link, .active_link {   
color:#ffffff;  
}


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

 
.zitat {
color:#000000;   
font-size:3.0em;
font-family: 'Amatic SC', cursive;
font-weight:700;
text-align:left; 
}



.zitat2 {
color:#000000;   
font-size:1.6em;
font-family: 'Amatic SC', cursive;
font-weight:700;
text-align:left; 
}


.zitat3 {
color:#000000;   
font-size:1.6em;
font-family: 'Amatic SC', cursive;
font-weight:700;
text-align:center; 
}

.zitat_center {
color:#000000;   
font-size:3.0em;
font-family: 'Amatic SC', cursive;
font-weight:700;
text-align:center; 
}


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


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

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

 
.fliesstext {

color:#000000;   
font-size:1.6em;
font-family: 'Roboto Condensed', sans-serif;
font-weight:300;
text-align:left; 
}


.fliesstext a{
color:#000000;
}


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


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


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


.fliesstext_footer_02 a{
color:#000000;
}


.fliesstext_footer_02 a:hover{
color:#ffffff;  
text-decoration:none;
}



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


.center {
text-align:center; 
}


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


.abstand_kleine_zeile {
height:10px;
}


.abstand_eine_zeile {
height:20px;
}


.abstand_zwei_zeilen {
height:40px;
}


.abstand_drei_zeilen {
height:60px;
}



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

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

.zitat {
color:#000000;   
font-size:2.0em;
font-family: 'Amatic SC', cursive;
font-weight:400;
text-align:left; 
}



.zitat2 {
color:#000000;   
font-size:1.2em;
font-family: 'Amatic SC', cursive;
font-weight:400;
text-align:left; 
}


}

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

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

.zitat {
color:#000000;   
font-size:2.0em;
font-family: 'Amatic SC', cursive;
font-weight:400;
text-align:left; 
}



.zitat2 {
color:#000000;   
font-size:1.2em;
font-family: 'Amatic SC', cursive;
font-weight:400;
text-align:left; 
}


}