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%;  }


/*
.container{
max-width:990px;
max-width:2000px;
text-align:left;
max-width:1500px !important;  
}
*/


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

.container2 {  
max-width:400px;  
text-align:left;  
}
/* ------------------------------------------- */

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

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



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



.schalter img:hover {
opacity: 0.8;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
}



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

.ueberschrift {
font-family: 'Source Sans Pro', sans-serif;
color:#000000;
/*font-size:15pt;  */
font-size:1.6em;
font-weight:600;
text-align:center;
text-decoration:none;
}


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

.ueberschrift a:hover { 
color:#339bf4; 
}


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


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

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

 
.fliesstext {
/* max-width:1040px;  
max-width:800px;
­
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
-hyphens: auto;
*/
color:#000000;   
font-size:1.6em;
font-family: 'Source Sans Pro', sans-serif;
font-weight:300; 
text-align:left; 

}

.fliesstext a{
color:#000000;
}

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

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

.fliesstextachtung {
/* max-width:1040px;  
max-width:800px;
­
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
-hyphens: auto;
*/
color:#cc0000;   
font-size:1.6em;
font-family: 'Source Sans Pro', sans-serif;
font-weight:300; 
text-align:left; 

}

.fliesstextachtung a{
color:#cc0000;
}

.fliesstextachtung a:hover{
color:#339bf4;  
text-decoration:none;
}

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

 
.fliesstext_mitte {
color:#000000;   
font-size:1.6em;
font-family: 'Source Sans Pro', sans-serif;
font-weight:300; 
text-align:center; 
}

.fliesstext_mitte a{
color:#000000;
}

.fliesstext_mitte a:hover{
color:#339bf4; 
text-decoration:none;
}


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

 
.fliesstext_open {

color:#000000;   
font-size:1.0em;
font-family: 'Source Sans Pro', sans-serif;
font-weight:300; 
text-align:left; 
}

.fliesstext a{
color:#000000;
}

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

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

 
.fliesstext_open_02 {

color:#000000;   
font-size:0.8em;
font-family: 'Source Sans Pro', sans-serif;
font-weight:300; 
text-align:left; 
}

.fliesstext a{
color:#000000;
}

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

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

 
.fliesstext_footer {
color:#000000;   
font-size:1.4em;
font-family: 'Source Sans Pro', sans-serif;
font-weight:300; 
text-align:center; 
}

.fliesstext_footer a{
color:#000000;
}

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


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


.headline {
color:#000000;   
font-size:2.6em;
font-family: 'Source Sans Pro', sans-serif;
font-weight:400; 
text-align:center; 
}


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


.headline_01 {
color:#000000;   
font-size:2.6em;
font-family: 'Source Sans Pro', sans-serif;
font-weight:400; 
text-align:center; 
}


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

.headline_02 {
color:#000000;   
font-size:1.8em;
font-family: 'Source Sans Pro', sans-serif;
font-weight:400; 
text-align:center; 
}


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

.headline_03 {
color:#000000;   
font-size:1.0em;
font-family: 'Source Sans Pro', sans-serif;
font-weight:600; 
text-align:center; 
}


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




#open1, #open2, #open3, #open4, #open5, #open6, #open7, #open8, #open9, #open10, #open11, #open12, #open13, #open14 {
cursor:pointer;
color:#339bf4;
}

#open1 a, #open2 a, #open3 a, #open4 a, #open5 a, #open6 a, #open7 a, #open8 a, #open9 a  #open10 a, #open11 a, #open12 a, #open13 a, #open14 a {
cursor:pointer;
color:#000000;
}

#open1 a:hover, #open2 a:hover, #open3 a:hover, #open4 a:hover, #open5 a:hover, #open6 a:hover, #open7 a:hover, #open8 a:hover, #open9 a:hover, #open10 a:hover, #open11 a:hover, #open12 a:hover, #open13 a:hover, #open14 a:hover
{
cursor:pointer;
color:#000000;
}




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


.abstand_kleine_zeile {
height:12px;
}


.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)
{


.headline {
font-size:2.2em;
}

.headline_01 {
font-size:2.0em;
}

}

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

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


.headline {
font-size:2.2em;
}

.headline_01 {
font-size:2.0em;
}

}



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


/* Portrait and Landscape 
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px) {
.hg{  padding:10px !important;}


}
*/
/*  Smartphones portrait
@media only screen and (max-device-width : 320px)   {

.hg{  padding:10px !important;  }
}
 */