.awintaBox {
    position: relative;
    background: $red;
    padding: 16px 16px 35px 16px;
    color: #FFF;

    .inner {
        position: static;
    }

    p.headline {
        border: none;
        font-weight: bold;
    }

    ul {
        list-style: inherit;
    }


    a.awintaBoxLink {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        @include box-sizing('border-box');
        color: #FFF;
        font-size: 120%;
        line-height: 120%;
        border-top: 1px dotted #FFF;
        padding: 8px 0;
        padding-left: 34px;

        &:hover {
            background: darken($red, 10%);
        }

        &:after {
            content: normal;
        }

        .icon {
            font-size: 150%;
            position: absolute;
            top: 4px;
            left: 16px;
        }
    }

    &.gray {
        background: $grey2;
        color: $body-font-color;

        a {
            border-top: 1px dotted $body-font-color;
            color: $body-font-color;

            &:hover {
                background: darken($grey2, 10%);
            }
        }
    }
}


@media (min-width: 768px) and (max-width: 850px) {
    .awintaBox a.awintaBoxLink {
        font-size: 16px;
    }
}

@media (min-width: 1040px) and (max-width: 1170px) {
    .awintaBox a.awintaBoxLink {
        font-size: 16px;
    }
}