:root {
    --gelb: #c69f3c;
    --gruen: #104323;
}

html, body, * {
    padding: 0;
    margin: 0;
    height: 100%;
    font-family: sans-serif;
}

body {
    background: #222;
}

.banner-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-center {
    --border-size: 10px;

    height: 200px;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--gruen);
    position: relative;
    border-top-width: var(--border-size);
    border-top-style: solid;
    border-bottom-width: var(--border-size);
    border-bottom-style: solid;
    border-color: var(--gelb);
}

.banner-text {
    font-size: 200%;
    font-weight: bold;
    color: var(--gelb);
    display: flex;
    align-items: center;
    padding-left: 50px;
}

.wappen {
    height: 320px;
    position: relative;
}