html {
    height: 100%;
}

body {
    box-sizing: border-box;
    background-color: rgb(224, 0, 27);
    background-image: -moz-repeating-linear-gradient(-45deg, transparent, transparent 15px, #fff 15px, #fff 30px);
    background-image: -o-repeating-linear-gradient(-45deg, transparent, transparent 15px, #fff 15px, #fff 30px);
    background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 15px, #fff 15px, #fff 30px);
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 15px, #fff 15px, #fff 30px);
    min-height: 100%;
    overflow: hidden;
}

#area {
    background-color: rgb(224, 0, 27);
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    z-index: 0;
}

#logo {
    /* 1550x691px */
    background-image: url('../img/ahoi.png');
    background-size: 950px auto;
    margin: -250px 0 0 -475px;
    height: 424px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 950px;
    z-index: 1;
}

#flag {
    /* 641x818px */
    background-image: url('../img/flag.png');
    background-size: 250px auto;
    margin-left: -200px;
    height: 319px;
    position: absolute;
    bottom: -100px;
    left: 60%;
    width: 250px;
    text-indent: -9999em;
    z-index: 10000000;
}

a {
    display: inline-block;
    text-indent: -9999em;
}

a[data-link="email"] {
    height: 424px;
    position: absolute;
    width: 950px;
}

#call {
    /* 265x243px */
    background-image: url('../img/circle.png');
    height: 243px;
    position: absolute;
    right: -250px;
    top: 225px;
    width: 265px;
    z-index: 1;
}

a[data-link="portfolio"] {
    /* 286x115px */
    background-image: url('../img/click.png');
    background-size: 225px auto;
    height: 90px;
    position: absolute;
    right: -250px;
    top: 415px;
    width: 225px;
    z-index: 1;
}

#imprint {
    /* 837x450px */
    background-image: url('../img/imprint.png');
    height: 450px;
    margin: -225px 0 0 -418px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    width: 837px;
    text-indent: -9999em;
    z-index: 2;
}

footer {
    /* 335x89px */
    background-image: url('../img/contact.png');
    background-size: 335px auto;
    bottom: 50px;
    height: 89px;
    left: 50px;
    position: absolute;
    width: 335px;
}

#social a {
    height: 43px;
    position: absolute;
    top: 2px;
    width: 43px;
}

a[data-link="xing"] {
    left: 153px;
}

#legal a {
    height: 34px;
    position: absolute;
    top: 55px;
}

#legal a:hover {
    cursor: pointer;
}

a[data-link="imprint"] {
    left: 0px;
    width: 125px;
}

a[data-link="agb"] {
    left: 135px;
    width: 50px;
}

a[data-link="privacy"] {
    left: 195px;
    width: 135px;
}