body {
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 13px;
    line-height: 22px;
    color: #000000;
    margin:0;
    padding:0;
}
/**
 * Typography.
 */
h1 {
    font-family: Arial, sans-serif!important;
    font-size: 31px;
    line-height: 39px;
    margin-top:0px;
    margin-bottom:20px;
    text-align: center;
    color: #eb6c60;
}
h2 {
    font-family: Arial, sans-serif!important;
    font-size:1.2em;
    line-height:22px;
    margin-top:0px;
    margin-bottom:0px;
    color:#00749d;
}
a {
    color: #E3011A;
    font-weight: normal;
    text-decoration: none;
}
p, li {
    line-height: 22px!important;
    margin-top:0px;
    margin-bottom:0px;
}

b, p.location {
    font-size: 1.2em;
    color:#00749d;
    font-weight: bold;
}
p.location {
    text-align: center;
    margin:20px 0px;
}
ul {
    margin: 0 0 0 15px;
    padding: 0;
}
ul li {
    margin: 0;
    padding: 0;
    position:relative
}
ul li::before {

}
.image img {
    display:block;
    width:100%;
    height:auto;
}
.isFirst {
    margin-top:0px!important;
}
.isLast {
    margin-bottom:0px!important;
}
.content a {
    margin:0px;
    transition:all 0.3s ease;
}
.content a:hover {
    color:#000000;
}

/**
 * Layout
 */

#wrapper {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

header {
    padding:30px;
    background-image: url("Header_Hintergrund.png");
}
header img {
    width:50%;
}
.main {
    padding:30px;
    box-sizing: border-box;
}
footer {
    padding: 20px 30px;
}
footer {
    background-image: url("Footer_Hintergrund.jpg");
}
footer .multicolumn > * {
    vertical-align: middle;
}
.add-logo {
    width:100%;
    height:auto;
}
#social-icons {
    margin-left:15px;
}
#social-icons a {
    margin:0 5px;
}
#social-icons a.print {
    margin-top:40px;
}
#social-icons img {
    width:20px;
    height:auto;
}
.print img {
    width:30px;
    height:auto;
}
a.apply, a.home {
    color:white;
    font-size:15px;
    font-weight:100;
    letter-spacing: 0.8px;
}
a.apply {
    background-image: url(Pfeil.svg);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 30px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    a.apply {
        padding-right: 120px;
    }
}

section {
    margin:30px 0 0 0;
}
.multicolumn {
    display:table;
    width:100%;
    table-layout: fixed;
}

.multicolumn > * {
    display:table-cell;
    vertical-align: top;
    width:100%;
}

.width-85 {
    width:85%;
}

.width-50 {
    width:50%;
}

.width-66 {
    width:66.666%;
}

.width-33 {
    width:33%;
}

.width-25 {
    width:25%;
}
.width-20 {
    width:20%;
}
.width-15 {
    width:15%;
}
.separator {
    width:50px;
}

/**
 * Footer
 */
footer {
    line-height:1.4em;
    font-weight: normal;
    box-sizing:border-box;
}
footer img {
    display:inline;
}
.footer a {
    margin:0px;
}
a.btn-bewerben {
    font-family: Arial, sans-serif;
    cursor: pointer;
    color: #ffffff;
    transition: all .2s linear;
    padding: 10px 20px;
    letter-spacing: 0.4px;
    background: #E3011A;
    border: solid 1px #E3011A;
    position: relative;
    box-sizing:border-box;
    text-align: center;
    display: block;
    float: left;
}
a.btn-bewerben:hover {
    background:#000000;
    border: solid 1px #000000;
    color:white;
}

/**
 * Media Queries
 */
@media screen and (max-width: 580px) {
    body {
        font-size:14px;
    }
    .mobile-only {
        display:inline-block;
    }
    #wrapper {
        display: block;
        border-left:none 0px;
    }
    .main {
        padding:20px;
    }
    header {
        padding: 20px;
    }
    footer {
        padding:20px 20px 0px 20px;
        position:relative;
    }
    h1 {
        font-size: 28px;
    }
    .multicolumn .width-50, .multicolumn .width-25 {
        display:block;
        width:100%;
        clear:both;
    }
    .separator {
        display: none;
    }
    .image img {
        width:35%;
    }
    footer .multicolumn .width-25, footer .multicolumn .width-33 {
        display:block;
        width:100%;
        margin-bottom: 10px;
    }
    a.apply {
        position: absolute;
        top: 20px;
        right: 20px;
    }
}

.print-only {
    display:none;
}

