.infofenster, .infofenster *, .infofenster:after, .infofenster:before
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.infofenster
{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    color: #4c4c4c;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    z-index: 800;
    -webkit-transform: translateY(1000px);
    -moz-transform: translateY(1000px);
    transform: translateY(1000px);
    -webkit-transition: -webkit-transform .8s;
    -moz-transition: -moz-transform .8s;
    transition: transform .8s;
}

.body--showinfofenster
{
    padding-bottom: 100px;
}

.body--showinfofenster .infofenster
{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}

.infofenster__content
{
    position: relative;
    max-width: 990px;
    margin: 0 auto;
    padding: 15px 10px;
}

.infofenster__grid
{
    margin-left: -30px;
    zoom: 1;
}

.infofenster__grid:after, .infofenster__grid:before
{
    content: "";
    display: table;
}

.infofenster__grid:after
{
    clear: both;
}

.infofenster__grid__item
{
    float: left;
    width: 100%;
    padding-left: 30px;
}

.infofenster__title
{
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 700;
    color: #000;
    font-size: 15px;
}

.infofenster__text
{
    margin-bottom: 10px;
}

.infofenster__tel
{
    margin-bottom: 5px;
}

.infofenster__tel a
{
    display: inline-block;
    padding-left: 28px;
    font-size: 24px;
    font-weight: 700;
    color: #000;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-image: url(/images/telefon.png);
/*    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAIAAAAmdTLBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAvFJREFUeNqMVGtIVEEUPjN3XZ+pZfRYlaBUVHA1s36YmBVWlhBUBBGW2JsKoSgwf7REEf5IiSAK+5H00qKipJTWipVSMrUMV6OSJSvJV6W7uu3dnZnO3Ltgv1wPlzuPO+d833fOmQtCM669VZ+nptM66BoVgmkb+ns6I/IU89q+dtsc3be6mx2TzvLMDWfWFwOAAE6AwrRGvo393HH3QttQv0oYAAcC0Uq4/WCVaVYMBsDl9KYYcpJqHR1MwiggKAXiZkxh3vyEDCRHAgWgTq4aJZAkihMuPfjVrpcDY8MByUuvlXHJKhDKRZjgOFEkZ984d19seSLlBDLD2sT06EbjH6K65RIdSGqkqTg9b6d5FcwAn3DBTltvV7x97AWsBgCDzr3nly5IwFgc0xEof5QIWrZ6W2rMQjxJkLyiNPS2awkBQiCwfkxXqBJSvelQFDUifoTgVe8ahyd/aaFn4I9nvERkxSZXritCBS4KI56/ZdabuC9mgK9YLBYFCw0sw5SkTo63DfQxKuxD/bGhEZmmxBnwl0JRqsQ6m1+yOyXHyIER2NN0o/b9c72L8cHB5Zkof3a9a+Cz0CslGWr4eiH0ZBakLPs+Mtgx+kMR7OGnTp97YkV8ilEJQi2PeltLbbXVXdaGntZx1R0fNScyJETeH52JPqASn/Aeq6++ZLcFUe7ldHFY+InszbvMa0rqL9d9aTdw8FGFCkGBnsve4vdHNhT8+UYmeCcrbPdOtdwXhGs1InNpsIsxjj1KmKKRDebiztbjU/h+DgQ7CLQu5nUfmg83XPvNkITAkBgF98OAOOUS5htC+0qv0P+d9YIpciJht5vzXhRZ0mbPMzDdWV4HJ4ZmxCBo4ZKM8KBgOiWeyGbWKWBT4gT1pJkSXhdX7EvNNQjO5O2ismME8wlxYHkBlxnX+WvgRHMW/hQIItdUj/7045uTTTU9zmFd/NG03MrCI1rLi0BdKn9jggqiMs8De+srR685btH+rI36x38CDADwSphKlHUl4gAAAABJRU5ErkJggg==); */

    text-decoration: none;
    cursor: default !important;
}

.infofenster__teltext
{
    margin-bottom: 20px;
}

.infofenster__button
{
    position: relative;
    padding-top: 20px;
    padding-bottom: 5px;
}

.infofenster__button:after
{
    content: "";
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    background: #00646d;
    background: -webkit-gradient(linear, left top, right top, from(rgba(179, 179, 179, 0)), color-stop(30%, rgba(179, 179, 179, 1)), color-stop(70%, rgba(179, 179, 179, 1)), to(rgba(179, 179, 179, 0)));
    background: -moz-linear-gradient(left, rgba(179, 179, 179, 0) 0, rgba(179, 179, 179, 1) 30%, rgba(179, 179, 179, 1) 70%, rgba(179, 179, 179, 0) 100%);
    background: linear-gradient(to right, rgba(179, 179, 179, 0) 0, rgba(179, 179, 179, 1) 30%, rgba(179, 179, 179, 1) 70%, rgba(179, 179, 179, 0) 100%);
}

.infofenster__button a
{
    display: inline-block;
    line-height: 1;
    padding: 11px 11px 11px 11px;

    /* vordergrundfarbe, schrift */
    color: #fff;
    font-size: 15px;
    float: left;
    /* border: 0; */
    background: #00646d;
    text-decoration: none;

    */ border-rahmen */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    /* schatten */
    -webkit-box-shadow: inset 1px 1px 10px #00646d;
    -moz-box-shadow: inset 1px 1px 10px #00646d;
    box-shadow: inset 1px 1px 10px #00646d;
}

.infofenster__close
{
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUJJREFUeNrsljmugzAQhp3XcQIqDkIF16ABCs7BaVjug0BQAfdgmTAolgbHcRKHJxqPZBlczOd/NrgBALvC/thFZsAGfA24aRpYlgX77as1jiO0bQva4KqqWJIkbIMfzlW9v0FZHMfMsiy1ZHSiWJDnOWyOYJ5nfIV1XQ87tb7vwff9fX/YS99vwRQ+TdMTjF9gGAbwPG/fybk+mDvOsuygXAUlpgcWw1oUBURRdIBjWBGKBSVe6BTF/JnmXAY9RbEsl1x5EASvwvsRWGuAuK7Luq5jtm0zx3Gk7fX2c/uJYqqWhxeVovIwDPewy9rr5+LihjDsU9oyZVnucJxw/5JjChUvxKud9/lpVc37lEykpyEiwn8Gy6CyfFI4ybkeWDaRVLNaMmT0wGmairNXCeWGBVfXtRJ8M7+3BmzAZ9ldgAEA8dFJ4RyptiMAAAAASUVORK5CYII=);
}

@media screen and (min-width: 940px)
{
    .infofenster
    {
        text-align: left;
    }

    .infofenster__content
    {
        padding-left: 20px;
        padding-right: 20px;
    }

    .infofenster__grid__item--1
    {
        width: 46.5%;
    }

    .infofenster__grid__item--2
    {
        width: 28.5%;
        padding-top: 20px;
    }

    .infofenster__grid__item--3
    {
        width: 25%;
    }

    .infofenster__title
    {
        padding-left: 0;
        padding-right: 0;
        font-size: 16px;
        line-height: 1.5;
    }

    .infofenster__text
    {
        margin-bottom: 0;
        line-height: 1.5;
    }

    .infofenster__teltext
    {
        margin-bottom: 0;
    }

    .infofenster__button
    {
        padding-top: 28px;
        padding-bottom: 0;
    }

    .infofenster__button:after
    {
        content: "";
        position: absolute;
        top: 20px;
        left: -30px;
        right: auto;
        bottom: -10px;
        height: auto;
        width: 1px;
        background: #00646d;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(179, 179, 179, 0)), color-stop(30%, rgba(179, 179, 179, 1)), color-stop(70%, rgba(179, 179, 179, 1)), to(rgba(179, 179, 179, 0)));
        background: -moz-linear-gradient(top, rgba(179, 179, 179, 0) 0, rgba(179, 179, 179, 1) 30%, rgba(179, 179, 179, 1) 70%, rgba(179, 179, 179, 0) 100%);
        background: linear-gradient(to bottom, rgba(179, 179, 179, 0) 0, rgba(179, 179, 179, 1) 30%, rgba(179, 179, 179, 1) 70%, rgba(179, 179, 179, 0) 100%);
    }

    .infofenster__close
    {
        top: 5px;
        right: 5px;
    }
}