body #fe_toolbar {
    display : none !important;
}

html {
    min-height : 100%;
    position   : relative;
}

html body {
    padding-bottom : 165px;
}

body > .mm-page {
    position : initial !important;
}

.mm-opening body {
    padding-bottom : 0;
}

html, body {
    float  : left;
    width  : 100%;
    height : 100%
}

body .wrapper {
    float            : none;
    max-width        : 768px;
    position         : relative !important;
    margin           : 60px auto 0 auto;
    border           : 9px solid #D0D0D0;
    background-color : #F6F6F5;
    padding          : 0;
}

img {
    -ms-interpolation-mode : bicubic;
}

#header {
    width         : 100%;
    position      : relative;
    border-bottom : 9px solid #D0D0D0;
}

#inner-header {
    position  : relative;
    max-width : 100%;
    padding   : 0;
}

#logo img {
    width          : 100%;
    height         : auto;
    vertical-align : bottom
}

#logo2 {
    height  : 80px;
    display : inline-block;
    padding : 18px;
}

#logo2 img {
    height : auto;
    width  : 225px;
}

#sidebar {
    display        : inline-block;
    width          : 160px;
    padding        : 5px 0 5px 5px;
    vertical-align : top;
    height         : 100%;
    margin-right   : -4px;
}

#sidebar ul {
    padding : 0;
    margin  : 0;
}

#sidebar .navigation li {
    list-style    : none;
    margin-bottom : 5px;
}

#sidebar .navigation li:last-of-type {
    margin-bottom : 0;
}

#sidebar .navigation li a {
    background-color : #E0E0E0;
    padding          : 1px 5px 3px 3px;
    color            : #000000 !important;
    font             : bold .7rem/140% verdana, tahoma, arial, sans-serif !important;
    display          : block
}

#sidebar .navigation a.starter_active {
    background-color : #CCCCCC
}

.burgerUp.red {
    background-color : #A41835
}

.burgerUp:last-of-type {
    margin-right : 5px;
}

#sidebar .navigation li a:hover, #sidebar .navigation li a:active, #sidebar .navigation li a:focus {
    background-color : #CCCCCC;
    text-decoration  : none !important;
}

#sidebar .navigation li.level-2:first-of-type {
    margin-top : 5px;
}

#sidebar li.level-2 a {
    padding-left : 22px;
}

.burgerUp {
    display          : inline-block;
    width            : 2px;
    background-color : #A5958E;
    height           : 8px;
    margin-right     : 2px;
}

#home-form {
    width            : 100%;
    height           : 350px;
    border           : 0;
    overflow         : hidden;
    background-color : #EEEDEE;
    margin-top       : 32px;
}

#content-title {
    padding : 10px 0 0 0;
}

#content-title h1 {
    font-size : 30px;
    color     : #A61735;
    padding   : 0;
}

#content {
    padding    : 5px 0;
    min-height : 300px;
    max-width  : 580px;
}

#news, .horizontal-list {
    list-style : none;
}

#content-wrapper {
    display          : inline-block;
    padding-bottom   : 130px !important;
    width            : 590px;
    background-color : #FFFFFF;
    min-height       : 500px;
    overflow         : hidden;
    max-width        : 100%;
    position         : relative;
}

#content-wrapper .container {
    max-width : 100%
}

#content-wrapper .container > img {
    width   : 100%;
    display : block;
    border  : 2px solid #A01235;
}

#contactFrame .contact label {
    display : none;
}

#contactFrame .row {
    margin-left  : 0;
    margin-right : 0;
}

#contactFrame .half {
    width : 50%
}

.half:nth-child(odd) {
    padding-right : 10px;
}

.half:nth-child(even) {
    padding-left : 10px;
}

.contact.form-group {
    margin-bottom : 5px;
}

#contactFeedback, #contactFormError {
    text-align : center
}

#footer {
    position : absolute;
    bottom   : 0;
    width    : 160px;
    padding  : 5px 0 5px 5px;
}

#footer-inner {
    padding-left  : 0;
    padding-right : 0;
}

#footer, #footer a {
    color : #000000;
}

#footer ul {
    list-style : none;
    margin     : 0;
    padding    : 0;
}

#footer i {
    padding-right : 10px;
}

#footer-image {
    position : absolute;
    right    : -70px;
    bottom   : -25px;
    width    : 145px;
    height   : 160px;
    padding  : 0;
}

#footer-image > div {
    padding   : 0;
    max-width : 100%;
}

#footer-image img {
    width  : inherit;
    height : auto;
}

#copyright {
    max-width : 768px;
}

.menu-toggle {
    display    : block;
    float      : right;
    width      : auto;
    margin-top : 25px;
    position   : absolute;
    top        : -15px;
    right      : 10px;
}

.menu-toggle i {
    font-size     : 1.5rem;
    color         : #FFFFFF;
    padding       : 9px 10px;
    line-height   : 1;
    background    : #A72A3D;
    border-radius : 2px;
}

#mobilemenu .mm-navbar.mm-hasbtns {
    height : 80px;
}

#mobilemenu .mm-panel {
    top : 80px;
}

#mobilemenu em.mm-counter + a.mm-next {
    padding-left : 70px;
}

.mm-title img {
    width : 100%
}

html.mm-opened, .mm-opened body {
    height : 100%
}

.employee-banner img {
    border : 2px solid #A01235;
    max-height: 200px;
    width: 100%;
    object-fit: cover;
    object-position: 50% 25%;
}

.employee-left {
    padding-left  : 15px;
    padding-right : 17px;
    margin-bottom : 30px;
}

.employee-left img.img-responsive {
    width : 100%
}

.empList {
    background-color : #FFFFFF;
    width            : 100%;
    border           : 2px solid #A01235;
    height           : 100%;
    display          : inline-block;
}

.employee-image {
    max-width : 238px;
}

.col-md-4.col-sm-6 .empList {
    margin-bottom : 15px;
}

#mediadir .employee-title {
    text-align       : center;
    width            : 100%;
    position         : absolute;
    background-color : rgba(167, 42, 61, 0.6);
    bottom           : 0;
    color            : #FFFFFF;
    font-size        : 20px;
    transition       : top .7s
}

.imageTitle {
    position   : relative;
    width      : 100%;
    float      : left;
    min-height : 180px;
    transition : ease 0.1s;
}

#mediadir .imageTitle img {
    display : block;
    margin  : 0 auto;
}

#mediadir .employee-more {
    text-align : center;
    width      : 100%;
    font-size  : 12px;
    min-height : 40px;
    display    : block;
    word-break : keep-all;
}

#mediadir .employee-more p {
    padding     : 13px 5px;
    width       : 100%;
    line-height : 14px;
}

.linkDetail {
    position       : absolute;
    top            : 0;
    bottom         : 0;
    left           : 0;
    height         : 30px;
    width          : 115px;
    margin         : auto;
    vertical-align : middle;
    text-align     : center;
    right          : 0;
    border         : 1px solid #FFFFFF;
    line-height    : 1.8;
    z-index        : 2;
    display        : none;
    transition     : ease 0.1s;
}

.linkDetail:hover {
    background-color : white;
}

.employee-title .title {
    padding     : 10px;
    line-height : 1.2;
    min-height  : 68px;
    height      : 1px;
    font-size   : 17px;
}

.vertical-align {
    display             : -moz-box;
    display             : -ms-flexbox;
    display             : -webkit-flex;
    display             : flex;
    justify-content     : center;
    align-content       : center;
    flex-direction      : column;
    -webkit-box-align   : center;
    -moz-box-align      : center;
    -ms-flex-align      : center;
    -webkit-align-items : center;
    align-items         : center
}

#mediadir .linkDetail a {
    color           : #FFFFFF !important;
    font-size       : 16px !important;
    text-decoration : none !important;
    width           : 100%;
    padding         : 4px 0 7px;
    transition      : ease 0.1s;
    vertical-align  : middle;
    line-height     : 1.7;
    display         : inline;
}

#mediadir .linkDetail a:hover {
    color : #A94442 !important;
}

.isDesktop .empList:hover .employee-title {
    top        : 0;
    transition : top .7s
}

.isDesktop .empList:hover .linkDetail {
    display : block
}

.isDesktop .empList:hover .title {
    bottom   : 0;
    position : absolute;
    width    : 100%
}

#mediadir li i {
    color : #000000;
}

a.zuruck {
    position : absolute;
    right    : 20px;
    top      : 6px;
}

.news-text .news-mehr {
    float         : right;
    margin-bottom : 15px;
}

#news .row1, #news .row2 {
    background-color : transparent;
    border           : 0;
    margin-bottom    : 30px;
}

.news-text {
    width         : 100%;
    border-bottom : 1px solid #BFBFBF
}

.news-teaser {
    min-height : 75px;
    margin-top : 5px;
}

.news-info {
    margin-bottom : 15px;
}

ul.adresse-links {
    list-style : none;
}

.first-contact {
    float          : left;
    width          : 100%;
    padding-top    : 20px;
    padding-bottom : 20px;
}

.first-contact h2 {
    padding-top : 0;
    margin-top  : -12px;
}

@media (max-width : 400px) {
    .employee-left {
        width : 100%;
    }
}

@media (max-width : 991px) {

    div, p, a, li, span, strong, b, i, h2, h3, h4, h5, h6, #mediadir h4 {
        font-size : 1rem !important;
    }

    body div {
        font-size : 16px !important;
    }

    body a {
        font-size : 16px !important;
    }

    a.zuruck {
        font-size : 13px !important;
        top       : 6px;
    }

    /*#mediadir .linkDetail a {*/
    /*padding-top: 7px;*/
    /*}*/
    #content-wrapper {
        width          : 100%;
        margin-top     : 80px;
        padding-bottom : 0 !important;
    }

    #header {
        border           : 0;
        background-color : #28251E;
        position         : fixed;
        /*z-index          : 3;*/
    }

    .menu-toggle {
        top   : -7px;
        right : 15px;
    }

    body .wrapper {
        border           : 0;
        margin           : 0;
        max-width        : 100%;
        min-height       : 100vh;
        background-color : white;
        width            : 100%;
        padding          : 0;
    }

    #content-wrapper #content {
        font-size : 20px;
        max-width : 100%;
    }

    #footer {
        padding  : 0 0 15px 15px;
        width    : 100%;
        position : relative;
    }

    #footer-inner {
        padding-left : 7px;
    }

    #footer-image {
        bottom  : 5px;

        width   : 100%;
        padding : 0 15px;
        right   : 0;
    }

    #footer-image > div {
        padding  : 0 15px;
        position : relative;
    }

    #inner-footer-image {
        position : absolute;
        right    : 15px;
        width    : 135px;
    }

    .burgerUp:first-of-type {
        margin-left : 1px;
    }

    .employee-left {
        padding-left  : 15px;

        padding-right : 15px;
    }

    #copyright {
        background-color : white;
        padding-left     : 15px;
        padding-right    : 15px;
        margin-left      : auto;
        margin-right     : auto;
        width            : 750px;
        position         : relative;
    }

    .employee-text {
        width          : 68% !important;
        display        : inline-block;
        vertical-align : top;
    }

    .employee-image {
        display : inline-block;
        width   : 30%;
    }
}

@media (max-width : 767px) {

    #footer-inner {
        padding-left : 0;
    }

    #footer-image {
        height : 100px;
    }

    #footer-image > div {
        height  : 100px;
        padding : 0;
    }

    #inner-footer-image {
        right : 0;
        width : 90px;
    }

    body {
        font-size : 12px;
    }

    #copyright {
        padding-left  : 15px;
        padding-right : 15px;
        width         : auto;
    }
}

@media screen and (max-width : 480px) {
    a.zuruck {
        right : 15px;
        top   : 10px;
    }

    #content-title.mediadir-title {
        margin-top : 15px;
    }

    .employee-text {
        width   : 100% !important;
        display : block;
    }

    .employee-image {
        display : block;
        width   : 238px;
    }
}

@media screen and (max-width : 320px) {
    #logo2 img {
        width  : 70%;
        height : auto;
    }
}

@media screen and (min-width : 1921px) {
    html, body {
        font-size : 1rem !important;
    }

    body .wrapper {
        max-width : none;
    }

    #content-wrapper {
        width : calc(100% - 162px);
    }

    #content-wrapper #content, #content-wrapper .container {
        width     : 100%;
        max-width : none;
        font-size : 1.4rem !important;
    }

    #content-wrapper #content a {
        font-size : 1.4rem !important;
    }

    #footer-inner {
        max-width : 100%;
    }

    #copyright {
        max-width : none;
    }

    #mediadir .employee-more {
        font-size : 1rem
    }

    body #mediadir h4 {
        font-size : 1rem !important;
    }
}

@media only screen and (max-width : 1024px) {
    .linkDetail {
        display : none;
    }
}

@media (min-width : 992px) {
    #footer-inner {
        width : 100%;
    }
}