/* FONTS */
@font-face {
    font-family: 'VAGRoundRegular';
    src: url('/static/fonts/vag_round-webfont.eot');
    src: url('/static/fonts/vag_round-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/vag_round-webfont.woff') format('woff'),
         url('/static/fonts/vag_round-webfont.ttf') format('truetype'),
         url('/static/fonts/vag_round-webfont.svg#VAGRoundRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* COLORS */
@dark: #000000;
@light: #ffffff;
@lightgrey: #a2a2a2;
@darkgrey: #333333;

@turquoise: #00e3fb;
@lightblue: #008ac9;
@midblue: #006ab3;
@darkblue: #003079;

.container.gridHalf.teaser {
    .fringe {
        padding: 10px 35px 20px;
    }
    .imgContainer {
        text-align: center;
    }
    a {
        display: block;
        font-family: 'VAGRoundRegular', sans-serif;
        font-size: 36px;
        text-decoration: none;
        text-transform: uppercase;
    }
    &.left a {
        color: @lightblue;
    }
    &.right a {
        color: #002f77;
    }
}

.teaserContainer {
    background: url('/static/img/css/container/third/teaserBg.png') left top no-repeat;
    float: left;
    height: 333px;
    margin-right: 22px;
    margin-bottom: 20px;
    width: 230px;
    &.lastInLine {
        margin-right: 0px;
    }
    .teaserImg {
        clear: both;
        margin: 10px 0px;
        text-align: center;
        width: 230px;
        .photo.twoPics {
            display: block;
            float: left;
            width: 110px;
        }
    }
    a {
        text-decoration: none;
    }
    h3 {
        border-top: 1px solid #cfcfcf;
        clear: both;
        color: @lightblue;
        font-family: VAGRoundRegular;
        font-size: 16px;
        font-weight: normal;
        margin: 0px 25px;
        padding-top: 10px;
    }
    .rememberList {
        margin-right: 25px;
    }
}