body {
    font-family: sans-serif;
}
h4 {
    font-weight: normal;
    font-size: 32px;
    color:#1E9FCC;
}
.headline {
    display: flex;
    align-items: center;
}
.headline_logo {
    width:120px;
}
.headline_logo-text {
    padding-left:20px;
}
.main {
    display:flex;
    width:100%;
    padding-bottom:15px;
    padding-top:15px;
    color:#333;
    border-bottom: 1px solid #efefef;
}
.main__title {
    width:100%;
    display:flex;
    align-items: center;

}
.main__status {
    display:block;
    height:25px;
    width:25px;
    border-radius:50%;
    margin-left:20px;
}

.main__status--success {
    background-color: rgb(65, 192, 65);
}

.main__status--error {
    background-color: #c61313;
}

.main__status--loading {
    background-color: #d6d6d6;
}


footer {
    padding: 300px 100px 40px 100px;
    text-align: center;
    color: #777;
    font-weight: 300;
    font-size: 12px;
}

footer a {
    color: #777;
}

.pagewrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pagewrapperinner {
    width:60%;
    max-width:600px;
}
#container {
    width: 100%;
}
.main__ext-link {
    color: #777;
    font-size:13px;
}
.main__ext-link:hover {
    color: #333;
}