body {
        font-family: 'Abel', sans-serif;
        font-size:14pt;
        background-image: url(../images/bg_img.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% auto;
        background-color: #7fbfe3;
        padding-bottom: 40px;
}

#windowsize {
        background-color: rgba(204,204,204,0.5);
        position: fixed;
        height: 20px;
        width: 120px;
        top: 5px;
        right: 5px;
        left: auto;
        bottom: auto;
        font-size: 8pt;
        white-space: nowrap;
}
section {
        padding: 20px;
        padding-bottom: 0px;
        text-align: center;
}
.row.text > div {
        text-align: justify;
}
.caption, .row.title, #partner {
        text-align: left;
}
.title h3 {
        letter-spacing: 2px;
        font-weight: bold;
}
section > div.row:last-child > div.clearfix {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #009FE3;
}

.top.row > div {
        text-align: center;
}
#main.container {
        background-color: rgba(255,255,255,1);
        padding-bottom: 20px;
}
#top.container {
        color: rgba(255,255,255,1);
}
#navigation .menu > div {
        margin-top: 8%;
        margin-bottom: 8%;
        font-weight: bold;
        cursor: pointer;
}
#navigation .submenu > div {
        font-size: 80%;
        margin-top: 2%;
        margin-bottom: 2%;
}
#navigation .submenu {
        margin-top: 10%;
        margin-bottom: 6%;
}
#navigation2 {
        margin-top: 2%;
}
#languages {
        font-size: 90%;
        padding-right: 0px;
}
#download2 div.p-2 {
        padding-left: 0px;
        padding-right: 0px;
}
a {
        color: #009FE3;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
}
a:hover, a:active, a:focus {
        color: #0093dd;
        outline: none;
}
hr {
        color: #009FE3;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #009FE3;
        width: 100%;
}
.row > hr {
        margin-right: 15px;
        margin-left: 15px;
        margin-top: 1.5rem;
        margin-bottom: 0rem;
}

.row.picture img {
        margin-top: 2%;
        margin-bottom: 1%;
}
#unternehmen5 {
        margin-top: 5%;
}
.caption {
        font-size: 80%;
}

div.button {
width: 2%;
height: 2%;
min-width: 32px;
min-height: 32px;
max-width: 64px;
max-height: 64px;
position: absolute;
bottom: 10px; left: 10px;
margin-bottom: 2%;
margin-left: 4%;
        background-position: top;
        background-size: 100% auto;
        background-repeat: no-repeat;
        display: block;
}

div.button:hover {
        background-position: bottom;
}
#back-top {
    position: fixed;
    bottom: 0;
    right: 10px;
    z-index: 999;
}
#back-top a {
    width: 40px;
    display: block;
    text-align: center;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    opacity: 0.4;
}
#back-top a:hover {
    opacity: 1;
}
#back-top span {
    width: 40px;
    height: 40px;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #009BFF;
    line-height: 40px;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    padding-top: 8px;
}

#download .d-flex {
        display: block;
}

@media (max-width: 767.98px) {
body {
        font-size:14pt;
}
.page-header h1 {
        font-size: 20pt;
}
.page-header h3 {
        font-size: 17pt;
}
.row.top > div {
        margin-top: 30px;
}
.row.top > div:last-child {
        margin-bottom: 40px;
}
hr.cols {
        display: none;
}

}

@media (min-width: 768px) {
body {
        font-size:14pt;
}
.page-header h1 {
        font-size: 22pt;
}
.page-header h3 {
        font-size: 19pt;
}
#top.container {
        margin-top: 40px;
        margin-bottom: 40px;
}
#partner {
        font-size:11pt;
}
#partner p {
        margin-top: 2px;
}
h4.sameheight {
        font-size:14pt;
        line-height:14pt;
        min-height:42pt;
        letter-spacing: 1px;
        font-weight:bold;
}
h6.sameheight {
        font-size:11pt;
        font-weight:bold;
        line-height:11pt;
        min-height:22pt;
        margin-top: 12px;
        margin-bottom: 2px;
}
hr.rows {
        display: none;
}

#navigation .menu {
        text-align: left;
}
#navigation .menu > div {
        font-size: 16pt;
}
#navigation .submenu > div {
        font-size: 12pt;
}
#imprint {
        font-size: 12pt;
        font-style: italic;
}
#datenschutz {
        font-size: 12pt;
}@media (min-width: 992px) {
body {
        font-size:15pt;
}

.page-header h1 {
        font-size: 24pt;
}

.page-header h3 {
        font-size: 21pt;
}
#navigation .menu > div {
        font-size: 18pt;
        letter-spacing: 2px;
        margin-top: 9%;
        margin-bottom:9%;
}
#navigation .submenu {
        margin-top: 3%;
}
#navigation .submenu > div {
        font-size: 14pt;
        letter-spacing: 2px;
        margin-top: 5%;
        margin-bottom: 5%;
}

}
@media (min-width: 1200px) {
body {
        font-size:16pt;
}
.page-header h1 {
        font-size: 28pt;
}

.page-header h3 {
        font-size: 25pt;
}
}