/* mariekorff.com 12/2019 */

body {background-color:none; margin:20px 20px 20 px 20px;}
div { background-color:none;}   /* wichtig, dass hier color none steht, denn sonst ist bild verdeckt */


        p img {margin:5px 5px 16px 20px; float:right;}

ul {margin:0; padding:0;}
li {list-style:none;}
img {border:0;}







h2,h3,h4,h5,h6, h7,ul,li {font:1.2em /*'Julius Sans One' */  ;color:black;font-weight:100}
#bildnranzeige  {font:0.8em 'Julius Sans One' ;color:black;font-weight:400}

h3 {margin:16px 0; font-weight:bold;text-decoration: none /*overline underline; text-shadow: 2px 2px 2px silver; */}

h6 {font-size:1.6em;margin:10px 0;text-align:center;padding-right:0px}

.emai {font: 1.0em 'Julius Sans One' ;margin:0;text-align:right; }
a.emai:hover {text-decoration:none;color:silver;}

.text {font: 1.4em 'Open Sans Condensed'}
.zitat {font-family: 'Open Sans Condensed'; font-size: 1.0em ;font-style:italic; align:justify; padding-left: 80px; padding-right: 80px}



img.text {align:center;width:680px; font-size:16px; text-align:justify; float:left}


------nav-----
a:visited {text-decoration:none;}

a { font-family:'Julius Sans One'; font-weight:lighter; font-size:30px;  text-decoration:none; color:black}
a.navi:hover {text-decoration: none;color:black;border-top:solid 1px black;border-bottom:solid 1px black; /* filter:blur(1px); */}
a:active { text-decoration:none;  background-color:none; }
a:focus { text-decoration:none;   background-color:none; }
a.emai {font-style:normal; font-weight:bold; text-decoration:none; font-size: 20px; color: black}
a.emai:hover {font-style:normal;text-decoration:none;color:red}
a.text { text-decoration:none; font-style:italic; font-size: 1.0em}
a.text:hover {font-style:italic;text-decoration:underline;color:silver; font-size: 1.0em}





#navi {z-index: 12; position:fixed; width: 100%; top: 0px; left: 0px; margin:0px 0px 0px 0px; padding:10 0 10px 0px; border-bottom:1px solid black; border-radius: 0px 0px 80px 80px ;background-color:white /*#f5318c hartes pink*/;word-spacing: 30px; text-align:center}
#navi ul {margin:2px; padding:1;}
#navi ul li {list-style:none;padding:0}

t  {font-family:'Julius Sans One';font-size:40px; font-weight:100; text-decoration:none; border-top:solid 1px black;border-bottom:solid 1px black; }

m {font-variant-caps: small-caps; font: 40px 'Julius Sans One'; color:black; word-spacing: 0px;  }

#footer { z-index:11; font-family:'Julius Sans One'; position:fixed;left: 0; height:25px; width: 100%; bottom:0px;background-color:white;padding:5 5 5 5; text-align:center;  border-top:solid 2px black; /*border-radius:25px*/}
    /*#footer:hover {background-color:white; height: 30px; border:solid 1px silver;}   */

       div.gallery {
	z-index:1;
  margin: 2px 0px 0px 0px;
  border: 0px solid #ccc;
  float: left;
  width: 180px;
  padding: 30 30 30 80px ; /* top | right | bottom | left , wichtig, dass links der rand grösser ist*/
  filter:saturate(1.6)

}

div.gallery:hover {
  border: 0px solid #777; background-color:none; /* filter: blur(2px)  drop-shadow(10px 10px 7px) */ ;
}

div.gallery img {
  width: auto;
  height: auto;

}





.content {

   display: grid;
   grid-template-columns: 280px 280px 280px 280px;
   /* grid-template-rows: 280px 280px 280px 280px 280px 280px 280px 280px 280px 280px 280px  280px; */
   grid-gap: 3px;
   background: white;
   justify-content:center;   }

   .content-bio {
   padding-top:180px; padding-left:80px; padding-right:80px;
   }