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%;
line-height:1.42857143;
}

*{
margin:0; 
padding:0; 
}


div{
margin:0;
padding:0;
}


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


.container{
max-width:904px;
text-align:left; 
margin:0 auto;    
}

.center{
text-align: center;
}

.right{
text-align: right;
}




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


.flexbox {
width:100%;
margin:0;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content: center;
}


.flexelement {
text-align:center;
width:30%;
/*width:32%;*/
padding:3px;
padding-top:0px;
padding-bottom:0px;
}


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


.londrina {
font-family: "Londrina Outline", sans-serif;
color:#392D37;
font-size:4.0em;
font-weight: 400;
line-height:1.2em;
text-align: center;
}


.londrina a {
color:#392D37;
text-decoration:none;
}


.londrina a:hover {
color:#6a559b;
text-decoration:none;
}


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


#active_link, .active_link {   
color:#372226;  
font-weight: 400; 
}


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


.fliesstext {

font-size:1.2em;    
font-family: 'Roboto Condensed', sans-serif;
color:#392D37;
z-index:3000;
text-decoration:none;
text-align: center;
font-weight:300;
padding:0px 4px 0px 4px;
}

/*-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;*/
	


.fliesstext a {
color:#392D37;
text-decoration:none;
}


.fliesstext a:hover {
color:#718b35; 
}


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


.fliesstext_lesen {
font-size:1.2em;    
font-family: 'Roboto Condensed', sans-serif;
color:#392D37;
z-index:3000;
text-decoration:none;
text-align: center;
font-weight:300;
padding:0px 4px 0px 4px;
}



.fliesstext_lesen a {
color:#392D37;
text-decoration:none;
}


.fliesstext_lesen a:hover {
color:#718b35; 
}

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


.ueberschrift {
font-family: 'Roboto Condensed', sans-serif;  
color:#372226;
font-size:1.3em;
font-weight:400;
text-align:center;
font-weight:400;
letter-spacing: 0.09em;
}


.ueberschrift a {
color:#372226;   
margin:0px 10px 0px 0px; 
font-size:1.3em;
font-weight:400;
}

.ueberschrift a:hover { 
color:#95AA64; 
font-size:1.3em;
font-weight:400;
}



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


.headline_grafik {
font-family: 'Roboto Condensed', sans-serif;
color:#ffffff;  
font-size:8.0em;  
font-weight:bold;
text-align:center; 
opacity:0.8;
line-height:0.99;
padding:0px 14px 0px 14px;
}


.headline_grafik a{
font-family: 'Roboto Condensed', sans-serif;
color:#ffffff;  
font-size:8.0em;  
font-weight:bold;
text-align:center; 
opacity:0.8;
line-height:0.99;
padding:0px 14px 0px 14px;
}

.headline_grafik a:hover {
font-family: 'Roboto Condensed', sans-serif;
color:#dfe7db;  
font-size:8.0em;  
font-weight:bold;
text-align:center; 
opacity:0.8;
line-height:0.99;
padding:0px 14px 0px 14px;
}






/* grosse worte unten */



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


.headline_grafik_02 {
font-family: 'Roboto Condensed', sans-serif;
color:#ffffff;  
font-size:2.2em;  
text-align:center; 
opacity:0.9;
line-height:1.1;
text-decoration:none;
}


.headline_grafik_02 a{
font-family: 'Roboto Condensed', sans-serif;
color:#ffffff;  
font-size:2.2em;  

text-align:center; 
opacity:0.9;

text-decoration:none;
}

.headline_grafik_02 a:hover {
font-family: 'Roboto Condensed', sans-serif;
color:#7a924a;  
font-size:2.2em;   

text-align:center; 
opacity:0.9;

text-decoration:none;
}


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


.fliesstext_footer {
font-size:0.7em;
font-family: 'Roboto Condensed', sans-serif;
text-align:center; 
color:#392D37;
letter-spacing: 0.06em;
}	


.fliesstext_footer a {
color:#392D37;
text-decoration:none;
}


.fliesstext_footer a:hover {
color:#6a559b;
text-decoration:none;
}


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




.abstand_eine_zeile 
{
height:12px;
width:300px;
}

.abstand_zwei_zeilen 
{
height:20px;
width:300px;
}

.abstand_drei_zeilen 
{
height:40px;
width:300px;
}

.abstand_vier_zeilen 
{  
height:70px; 
width:300px;
}



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


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



.flexelement {
text-align:center;
width:30%;
padding:3px;
padding-top:0px;
padding-bottom:0px;
}


.fliesstext_lesen {
text-align: left;
}


.headline_grafik { 
font-size:2.6em;
}



.hg{
background: url(fotos/hintergrund_webdesign.png);
background-size: 100% 100%;
background-repeat: no-repeat;
padding:30px;
}


.headline_grafik_02 {
font-family: 'Roboto Condensed', sans-serif;
color:#ffffff;  
font-size:1.4em;  
text-align:center; 
opacity:0.7;
line-height:1.1;
text-decoration:none;
}



}

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


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



.flexelement {
text-align:center;
width:30%;
padding:3px;
padding-top:0px;
padding-bottom:0px;
}


.fliesstext_lesen {
text-align: left;
}

.headline_grafik {
font-size:2.6em;
}


.hg {
background: url(fotos/hintergrund_webdesign.png);
background-size: 100% 100%;
background-repeat: no-repeat;
padding:30px;
}


.headline_grafik_02 {
font-family: 'Roboto Condensed', sans-serif;
color:#ffffff;  
font-size:1.4em;  
text-align:center; 
opacity:0.7;
line-height:1.1;
text-decoration:none;
}


}