a:link { color: #65BBBA; }
     a:visited { color: #65BBBA; }
     a {text-decoration: none;}
  

  
  body {
  text-align: center;
  font-size: 100%;
}

 
selector {
  /*** Fallback schriftgröße ***/
  font-size: 20px;
  /*** Responsive ***/
  font-size: 1.04vw;
}

#seitenbereich {
  background-color:white;
  text-align:left;
  margin: 0 auto;
  width: 83%;     
  max-width: 1600px;
	  
}


#steffi {
   text-align: center;
   font-size:1.6vw; 
   font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
   background-color:white;
   padding: 0.6em 2em 0 3em;
  }



#steffi2 {

    font-size: 1.03vw;
}





#start2 {

   background-color: white ;
   text-align: center;
   margin: 0;
   padding: 9% 2% 10% 0;
}


#projekte {
   background-color: white;
   text-align:center;
         

}

#bild {
    width: 62%;
    
    }

#bild2 {
    
    width: 99%;
    
    padding-right: 0%;
    
    }

#bild3 {
   
    width: 90%;
    }

#bild4 {
    width: 20%;
    
}

#bild5 {
    width: 75%;

}

#galerie {
   background-color: white;

 margin-left: 0; 
 padding-top: 12%;
 
 }



#galerie ul {
   list-style: none;
}

#galerie li {
  width: 100%;
  padding-left: 13.6%;
  background-color:white;
  
  

}

#galerieklein {
   background-color: white;
   float: left;
   margin-left: 13%;
   margin-top:0;
   margin-bottom:0;
   margin-right: 0;
   padding: 0;
 }

#galerieklein ul {
   list-style: none;
}

#galerieklein li {
  float: left;
  background-color:white;
  width: 100%;
  margin-left: 0;
   margin-top:0;
   margin-bottom: 0;
   margin-right: 0;
   padding-top:0;
   padding-right: 2%;
   padding-bottom:0;
   padding-left: 0;
}

#uschrift {
font-size:2vw;
}


#vita {


    float: left;
    background-color: white;
    text-align:justify;
    margin-left: 0%;
    margin-top: 0%;               /* Außenabstand oben   */
    margin-bottom:8%;
    margin-right: 0%;
    padding: 0;            /* Außenabstand unten  */
    font-size:1vw;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
 }


    
 #impressum {
    background-color: white;
    text-align:justify;
    width:  72%;
    margin-left: 7.69%;
    margin-right: 0;
    margin-top:0;               /* Außenabstand oben   */
    margin-bottom:0; 
    padding: 0;           /* Außenabstand unten  */
    font-size:1vw;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
 }

#impressum ul {
   list-style: none;               /* keine Aufzählungspunkte */
}

#impressum li {
float: left;
  
 background-color: white;
  margin-left: 0;
  margin-right: 0;
   margin-top:10%; 
   margin-bottom: 0;               /* Außenabstand oben  */
   padding-top:0;                /* Innenabstand oben  */
   padding-bottom:20%;             /* Innenabstand unten */
   padding-left:0;               /* Innenabstand links */
   padding-right:0;              /* Innenabstand rechts */
}

      #datenschutz {
    background-color: white;
    text-align:justify;
    width:  72%;
    margin-left: 7.69%;
    margin-right: 0;
    margin-top:0;               /* Außenabstand oben   */
    margin-bottom:0;
    padding: 0;           /* Außenabstand unten  */
    font-size:1vw;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
 }

#datenschutz ul {
   list-style: none;               /* keine Aufzählungspunkte */
}

#datenschutz li {
float: left;

 background-color: white;
  margin-left: 0;
  margin-right: 0;
   margin-top:10%;
   margin-bottom: 0;               /* Außenabstand oben  */
   padding-top:0;                /* Innenabstand oben  */
   padding-bottom:0;             /* Innenabstand unten */
   padding-left:0;               /* Innenabstand links */
   padding-right:0;              /* Innenabstand rechts */
}

 #kontakt2 {
 background-color: white;
 text-align: left;
 padding: 8% 0 0 25%;
 margin: 0;
 font-size:1vw;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
 }
 

    
  
#kontaktformular {
  margin-left: 30%; 
  padding-top: 8%; 
    
}         
         
form {
  
  background-color: white;
  width: 40%;
  
  padding: 2%;
  border: 1px solid white;
  font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
  color: #65BBBA;     
  font-size: 1vw;
}
label { /* Beschriftung auf eigener Zeile */
  display: block;
  cursor: pointer; /* Mauszeiger wird zur Hand */
}
input#absender,
textarea {
  width: 90%;
  border: 1px solid #C0C0C0;
  margin-bottom: 4%;
  background-color: #F9FBFB;
  font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
  font-size: 1vw; 
  color: #818181;
}
textarea {
border: 1px solid #C0C0C0;
font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
background-color: #F9FBFB;
font-size: 1vw;  
color: #818181;
  height: 8em;
}
input:focus,
textarea:focus {
  background-color: #F9FBFB;
}      



#einblenden {

float: right;
text-align: left;
margin: 21.6% 10% 0 0;
background-color: white;
font-size:0.8vw;
}
   #einblenden1 {
float: left;
text-align: right; 
width: 16%;
padding-right: 2%;
font-size:1.5vw;
 
  background-color: white;
}

#einblenden3 {
float: right;
text-align: left;
margin: 21.8% 7.2% 0 0;
background-color: white;
font-size:0.8vw;
}

#einblenden4 {
float: right;
text-align: left;
margin: 29.5% 8.4% 0 0;
background-color: white;
font-size:0.8vw;
}

#einblenden5 {
float: right;
text-align: left;
margin: 29.6% 10% 0 0;
background-color: white;
font-size:0.8vw; 
}

#einblenden6 {
float: right;
text-align: left;
margin: 30.8% 5.7% 0 0;
background-color: white;
font-size:0.8vw;
}

#einblenden7 {
float: right;
text-align: left;
margin: 31.1% 9.7% 0 0;
background-color: white;
font-size:0.8vw; 
}

#fusszeile {
width:70%;
   margin-left: 18%;
   margin-top: 4%;              /* Außenabstand links */
   margin-bottom: 4%;
   margin-right: 0;
   padding-bottom:0%;
   padding-top: 0;
   padding-right: 0;
   padding-left: 0;
  font-size: 0.8vw;
  font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
  }

#fusszeile1 {
width:70%;
   margin-left:19.5%;
   margin-top: 0;              /* Außenabstand links */
   margin-bottom: 0%;
   margin-right: 0;
   padding-bottom:3%;
   padding-top: 0;
   padding-right: 0;
   padding-left: 0;
  font-size: 0.8vw;
  font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
  }

  #fusszeile2 {
width:70%;
   margin-left:7%;
   margin-top: 0;              /* Außenabstand links */
   margin-bottom: 5%;
   margin-right: 0;
   padding-bottom:5%;
   padding-top: 0;
   padding-right: 0;
   padding-left: 0;
  font-size: 0.8vw;
  font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
  }
  
  #fusszeile3 {
width:85%;
   margin-left:30.5%;
   margin-top: 0;              /* Außenabstand links */
   margin-bottom: 0%;
   margin-right: 0;
   padding-bottom:5%;
   padding-top: 0;
   padding-right: 0;
   padding-left: 0;
  font-size: 0.8vw;
  font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
  }

  #fusszeile4 {
width:70%;
   margin-left: 6.7%;
   margin-top: 3.5%;              /* Außenabstand links */
   margin-bottom: 3%;
   margin-right: 0;
   padding-bottom:0%;
   padding-top: 0;
   padding-right: 0;
   padding-left: 0;
  font-size: 0.8vw;
  font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
  }

  #fusszeile5 {
width:70%;
   margin-left: 14%;
   margin-top: 3.5%;              /* Außenabstand links */
   margin-bottom: 3%;
   margin-right: 0;
   padding-bottom:0%;
   padding-top: 0;
   padding-right: 0;
   padding-left: 0;
  font-size: 0.8vw;
  font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
  }

  #fusszeile6 {
width:70%;
   margin-left: 25%;
   margin-top: 0%;              /* Außenabstand links */
   margin-bottom: 3%;
   margin-right: 0;
   padding-bottom:0%;
   padding-top: 0;
   padding-right: 0;
   padding-left: 0;
  font-size: 0.8vw;
  font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
  }
  
  #fusszeile7 {
width:70%;
   margin-left: 2.7%;
   margin-top: 0%;              /* Außenabstand links */
   margin-bottom: 3%;
   margin-right: 0;
   padding-bottom:0%;
   padding-top: 0;
   padding-right: 0;
   padding-left: 0;
  font-size: 0.8vw;
  font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
  }
       
       #fusszeile8 {
width:70%;
   margin-left: 18.8%;
   margin-top: 4%;              /* Außenabstand links */
   margin-bottom: 4%;
   margin-right: 0;
   padding-bottom:0%;
   padding-top: 0;
   padding-right: 0;
   padding-left: 0;
  font-size: 0.8vw;
  font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
  }
           
#fusszeile9 {
width:70%;
   margin-left: 19%;
   margin-top: 6%;              /* Außenabstand links */
   margin-bottom: 4%;
   margin-right: 0;
   padding-bottom:0%;
   padding-top: 0;
   padding-right: 0;
   padding-left: 0;
  font-size: 0.8vw;
  font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
  }
  #fusszeile10 {
width:90%;
   margin-left: 35%;
   margin-top: 6%;              /* Außenabstand links */
   margin-bottom: -8%;
   margin-right: 0;
   padding-bottom:0%;
   padding-top: 0;
   padding-right: 0;
   padding-left: 0;
  font-size: 0.8vw;
  font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
  }
  
   #fusszeile11 {
width:85%;
   margin-left:30.5%;
   margin-top: 0;              /* Außenabstand links */
   margin-bottom: -8%;
   margin-right: 0;
   padding-bottom:0%;
   padding-top: 0;
   padding-right: 0;
   padding-left: 0;
  font-size: 0.8vw;
  font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
  }
  
  #hinweis {
width:85%;
   margin-left:0%;
   margin-top: 0;              /* Außenabstand links */
   margin-bottom: -8%;
   margin-right: 0;
   padding-bottom:0%;
   padding-top: 0;
   padding-right: 0;
   padding-left: 0;
  font-size: 0.8vw;
  font-family: 'Century Gothic', CenturyGothic, AppleGothic, arial, sans-serif;
  color: #000000;
  }
  
@media screen and (max-width: 720px), screen and (max-height:500px) {
#seitenbereich {
  background-color:white;
  text-align:left;
  margin: 0 auto;
  width: 83%;     
  max-width: 720px;
	  

}