body {font-family: 'Roboto', sans-serif;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
margin-top: 0;
letter-spacing: 1px;}
p {font-family: 'Roboto', sans-serif;
letter-spacing: 1px;
text-align: justify;
}
#oben {
padding-top: 18px;
}
#headline {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 13px;
}
#headline_2 a {
font-size: 37px;
text-decoration: none;
color: #333;
align-items: center;
padding-top: 25px;
}
#nav {
background: wheat;
padding-top: 1px;
padding-bottom: 2px;
background-size: cover;
}
#nav ul {
display: flex;
justify-content: center;
list-style: none;
padding: 0;
}
#nav ul li {
padding-left: 20px;
padding-right: 20px;
}
#nav ul li a {
text-decoration: none;
color: #333;
}
#nav ul li a:hover {
cursor: pointer;
color: dimgray;
}
.inhaltsbox {
margin-left: 5px;
}
#dove_text {
padding-top: 1px;
}
table {
text-align: center;
border: black 1px inset;
color: black;
float: left;
margin-right: 23px;
margin-top: 3px;
width: 262px;
height: 303px;
margin-top: 4px;
border-collapse: collapse;
}
td {padding-left: 5px;
padding-right: 5px;
}
thead {
font-weight: bold;
}
#proteinbild {
height: 300px;
width: 450px;
float: right;
padding-left: 35px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 38px;
}
#magersucht_bild {
height: 250px;
width: 300px;
float: left;
padding-top: 25px;
padding-right: 10px;
}
#lisamarieschiffner {
height: 340px;
width: 270px;
float: right;
padding-right: 10px;
padding-left:30px;
}
#comic_schönheitsideal {
float: right;
width: 550px;
height: 460px;
padding-top: 13px;
padding-right: 5px;
}
#dovecompain {
float: left;
height: 354.5px;
width: 506.5px;
padding-right: 30px;
padding-top: 24px;
}
#pdf_zeichen {
float: left;
width: 20px;
height: 20px;
padding-bottom: 10px;
padding-right: 7px;
}
#contact_border {
width: 600px;
}
#Schlusswort a:hover {
cursor: pointer;
color: dimgray;
}
#Schlusswort a {
text-decoration: none;
color: #333;
}
#social a:hover {
cursor: pointer;
color: dimgray;
}
#social a {
text-decoration: none;
color: #333;
padding: 10px;
border-top: 0.2px solid #50485b;
}
#social {
display: flex;
justify-content: center;
margin: 0;
padding: 10px;
flex-flow: row wrap;
}
#unten p {
text-align: center;
margin-bottom: 0;
}
#copyright {
text-align: right;
font-size: 12px;
}
#headerpicture {
background-image: url(764621_original_R_by_Erwin%20Lorenzen_pixelio.de.jpg);
width: auto;
height: 180px;
background-size: cover;
background-position: center;
}
#willkommen_bild {
float: right;
width: 330px;
height: 440px;
padding-bottom: 10px;
padding-left: 9px;
padding-top: 13px;
}
#mitte {
padding-left: 5%;
padding-right: 5%;
padding-top: 10px;
padding-bottom: 20px;
}
#unten {
padding-left: 5%;
padding-right: 5%;
padding-bottom: 4px;
padding-top: 22px;
background-color: wheat;
}