@import "../../../css/teaser-v2.0.css";
@import "./fonts.css";

@font-face {
    font-family: 'Avenir Next LT Pro Regular';
    src: url('fonts/AvenirNextLTPro-Regular.eot');
    src: url('fonts/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/AvenirNextLTPro-Regular.woff2') format('woff2'),
    url('fonts/AvenirNextLTPro-Regular.woff') format('woff'),
    url('fonts/AvenirNextLTPro-Regular.ttf') format('truetype'),
    url('fonts/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Avenir Next LT Pro Medium';
    src: url('fonts/AvenirNextLTPro-Medium.eot');
    src: url('fonts/AvenirNextLTPro-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/AvenirNextLTPro-Medium.woff2') format('woff2'),
    url('fonts/AvenirNextLTPro-Medium.woff') format('woff'),
    url('fonts/AvenirNextLTPro-Medium.ttf') format('truetype'),
    url('fonts/AvenirNextLTPro-Medium.svg#AvenirNextLTPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'Avenir Next LT Pro Bold';
    src: url('fonts/AvenirNextLTPro-Bold.eot');
    src: url('fonts/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/AvenirNextLTPro-Bold.woff2') format('woff2'),
    url('fonts/AvenirNextLTPro-Bold.woff') format('woff'),
    url('fonts/AvenirNextLTPro-Bold.ttf') format('truetype'),
    url('fonts/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
#wrapper {
    border:0;
}
#chart, #teaser-table {
    border:0;
    padding:0;
}
#range-selector {
    display:none;
}
#teaser_top {
    float:left;
    width:15%;
}
#chart-wrapper {
    float:right;
    width:85%;
    clear:none;
}
.teaser_blocks {
    margin-top:30px;
}
.infobox{
    color: #4a4a4a;
    display: table;
    border: #f1f1f1 1px solid;
    margin-top: -8px;
    font-family: var(--font-primary);

}
.infobox-half {
    display: table-cell;
    width: 58%;
    padding: 3px;
    padding-left: 10px;
}
.infobox-half.first{
    width: 38%;
    border-right: #f1f1f1 1px solid;
}
.teaser_blocks h3 {
    font-family: var(--font-primary);
    font-size:16px;
    color: #2a8a8e;
    margin-bottom:3px;
	font-weight: 600;
}
.teaser_blocks span {
    font-family: var(--font-primary);
    font-size:16px;
    color: #4a4a4a;
}
#teaser-table .row1, #teaser-table .row2 {
    width:100%;
}
#teaser-table .row1 .col1, #teaser-table .row1 .col2 {
    width:40%;
    font-size:13px;
    color:#9b9b9b;
    border:0;
}
.teaser_small .header__topText {
    color: #faa434;
    font-family: var(--font-primary);
    font-size: 20px;
    font-weight: 700;
    vertical-align: baseline;
    line-height: 19px;
}
.teaser_small .sgxValue {
    font-family: var(--font-primary);
    font-size: 14px;
    color: #4a4a4a;
}

@media print{
    body{
        -webkit-print-color-adjust: exact;
    }
}
body{
    -webkit-print-color-adjust: exact;
}
#teaser-table .row1 .col2 {
    text-align:right;
    width:60%;
}
#error-wrapper {
    display:none;
}
@media screen and (max-width:767px) {
    #teaser_top {
        width:25%;
    }
    #chart-wrapper {
        width:75%;
    }
    #teaser-table .row1 .col1, #teaser-table .row1 .col2 {
        float:none;
        width:100%;
        text-align:left;
    }
}
@media screen and (max-width:479px) {
    #teaser_top {
        width:100%;
    }
    #chart-wrapper {
        width:100%;
    }
    .teaser_blocks {
        width:50%;
        padding:0 15px;
        float:left;
    }
    #teaser-table .row1 .col1, #teaser-table .row1 .col2 {
        width:100%;
        display:block;
        padding:0;
    }
    #teaser-table .row1 .col2 {
        text-align:left;
        width:100%;
    }
}