.referenzen > .container {
    margin-bottom: 30px;
}

.referenzen {
}

article {
    font-size: 1.2em;
    line-height: 1.5;
}

.referenzen img {
    border: 1px solid black;
    max-width: 100%;
    float: right;
}

#map-canvas {
    width: 100%;
    height: 200px;
}

gmp-map {
    width: 100%;
    height: 200px;
}

/* make nice footer */
html, body {
    height: 100%;
}

body {
    display: table;
    margin: 0;
    padding: 0;
    width: 100%;
}

footer, #content {
    display: table-row;
}

#content {
    height: 100%;
}

.fa {
    color: #003c67;
}

.icon-background {
    color: #003c67;
}

.container.main {
    background: rgba(255, 255, 255, 0.5);
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.opening {
    text-align: center;
    width: 80%;
    height: 200px;
}

.opening strong {
    color: #003c67;
}

.opening .left {
    text-align: left;
}

footer h2 i {
    vertical-align: middle;
}

/*.opening .fa-check {
    color: green;
}*/

.opening .fa-times {
    color: red;
}