body
{
margin-bottom: 100px;
font-family: sans-serif;
text-align: justify;
background: rgba(171,171,128,0.17);
}

#text1
{
line-height: 190%;
}

#bild1
{
float: left;
font-size: 1.7ex;
}

#text2
{
line-height: 190%;
}

#bild2
{
float: right;
}

#prozess1text
{
display: inline-block;
vertical-align: top;
width: 45%;
}

#bild3
{
display: inline-block;
}

#prozess2text
{
display: inline-block;
vertical-align: top;
width: 45%;
}

#bild4
{
display: inline-block;
}

#prozess3text
{
display: inline-block;
vertical-align: top;
width: 45%;
}

#bild5
{
display: inline-block;
}

#blogliste
{
width: 80%;
position: relative;
top: 30px;
left: 8%;
clear: both;
line-height: 150%;
border-radius: 80px 190px 90px 150px;
padding: 15px;
background-color: eee;
box-shadow: #bcd 8px 12px 14px inset;
border-width: 1px;
border-style: solid;
border-color: #bbb;
}

#mitunter
{
padding-bottom: 15px;
text-align: center;
font-size: 1.8ex;
}

#steem, #deviant, #insta
{
width: 100px;
border: 2px #bbb solid;
border-radius: 40px 0px 30px 30px;
border-right: none;
border-top: none;
padding: 15px;
background-color: ded;
box-shadow: #bcd 8px 12px 14px inset;
}

#steem
{
position: relative;
left: 50px;
}

#deviant
{
position: relative;
left: 150px;
}

#insta
{
position: relative;
left: 250px;
}

#face
{
position: relative;
left: 350px;
padding: 15px;
line-height: 120%;
font-size: 1.6ex;
}

figcaption
{
text-align: center;
font-size: 1.7ex;
line-height: 150%;
background-color: silver;
}

h6
{
position: relative;
top: 40px;
text-align: center;
padding-bottom: 70px;
}

nav
{
background: rgba(220,220,190,0.7);
width: 98%;
padding-left: 49px;
padding-right: 49px;
position: fixed;
bottom: 5px;
}

nav a
{
text-align: center;
display: inline-block;
vertical-align: middle;
width: 100px;
padding: 9px 12px 6px 12px;
}