html {
  box-sizing: border-box;
}
*, ::before, ::after {
  box-sizing: inherit;
}

body
{
display: -webkit-flex;
display: flex;
background-image: url(hintergrund.jpg);
background-position: top center;
background-attachment: scrolled;
background-repeat: no-repeat;
background-color:white;
font-size: 16px;
font-family: arial, sans serif;
margin-top:5px;
margin-bottom:5px;
margin: 0px auto;
max-width: 38em;
}

p { color: #ffffff; }

#black { color: #000000; line-height:18px}

.mini {
font-size: 12px; color: #000000; text-align: center; line-height: 1px;
}

/****** LAYOUT **************************************/

.homepage {text-align:center; padding:50px 50px 0px 50px; width:100%;}
.referenz {text-align:center; padding:10px 20px 0px 20px; background-color:#0075a5; color:#ffffff; width:100%; margin-top:-10px; }
.img {border:0;}

/****** TITEL **************************************/

/* Titel 1 + fett */
h1
{ font-size:24px;
font-weight: bold;
}

.home {color: #0069c6; line-height:18px}

.ref { color:#21c3ff; }

/* Titel 2 + fett */
h2
{ font-size:20px;
font-weight: bold;
font-family: arial, sans serif;
color: #5ad3ff;
margin-bottom:10px; }

hr
{
text-align:center;
color:#21c3ff;
height:1px;
width:430;
}

a:link
{
color: #39b6e7;
text-decoration: none;
}

a.neulink:link {
color:#000000;
}

a.biglink:link {
color:#0069c6;
}

a:visited
{
color:#5ad3ff;
text-decoration: none;
}

a:hover
{
color: red;
text-decoration: none;
}

a.neulink:hover {
color:red;
}