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


@font-face{
    font-family:"Helvetica Neue LT W01_41488878";
    src:url("fonts/share-table/1b950d2a-907a-4888-8056-0d44e8e86338.eot?#iefix");
    src:url("fonts/1b950d2a-907a-4888-8056-0d44e8e86338.eot?#iefix") format("eot"),url("fonts/share-table/3a46542f-f429-4821-9a88-62e3be54a640.woff2") format("woff2"),url("fonts/share-table/50ac1699-f3d2-47b6-878f-67a368a17c41.woff") format("woff"),url("fonts/share-table/0be5590f-8353-4ef3-ada1-43ac380859f8.ttf") format("truetype"),url("fonts/share-table/82a4e1c2-7ffd-4c58-86fa-4010a6723c8e.svg#82a4e1c2-7ffd-4c58-86fa-4010a6723c8e") format("svg");
}
@font-face{
    font-family:"Helvetica Neue LT W01_51488890";
    src:url("fonts/share-table/bf7ef4ce-de2a-4213-a9d7-826a3ee323cd.eot?#iefix");
    src:url("fonts/share-table/bf7ef4ce-de2a-4213-a9d7-826a3ee323cd.eot?#iefix") format("eot"),url("fonts/share-table/3dac71eb-afa7-4c80-97f0-599202772905.woff2") format("woff2"),url("fonts/share-table/34e0e4c0-c294-49bb-9a8e-1b2cafd54e32.woff") format("woff"),url("fonts/share-table/8a8bfee3-197c-4942-9b11-71508cc9f406.ttf") format("truetype"),url("fonts/share-table/5101995a-e73b-4cf9-84e8-f99eb43277b1.svg#5101995a-e73b-4cf9-84e8-f99eb43277b1") format("svg");
}
@font-face{
    font-family:"Helvetica Neue LT W01_65 Md";
    src:url("fonts/share-table/f95f9fc2-ffda-431c-9d6a-2c3668f5b20b.eot?#iefix");
    src:url("fonts/share-table/f95f9fc2-ffda-431c-9d6a-2c3668f5b20b.eot?#iefix") format("eot"),url("fonts/share-table/share-table/5b1fbd62-45dc-4433-a7df-a2b24a146411.woff2") format("woff2"),url("fonts/share-table/050b1948-f226-4d20-a65a-15d8ed031222.woff") format("woff"),url("fonts/share-table/beb88be6-2a60-46fe-914f-6892b3ae46ce.ttf") format("truetype"),url("fonts/share-table/e5567978-93ef-4de1-804d-1f0e3654a014.svg#e5567978-93ef-4de1-804d-1f0e3654a014") format("svg");
}
@font-face{
    font-family:"Helvetica Neue LT W05_45 Light";
    src:url("fonts/share-table/3d120e52-4e6c-49dd-a9d3-18c71593a798.eot?#iefix");
    src:url("fonts/share-table/3d120e52-4e6c-49dd-a9d3-18c71593a798.eot?#iefix") format("eot"),url("fonts/share-table/5ab020b6-67c6-4666-95ee-09cce0e39f2f.woff2") format("woff2"),url("fonts/share-table/195ede8e-7c97-4ab9-9a81-ddff21e9e6bd.woff") format("woff"),url("fonts/share-table/5fbd9449-aec5-4145-9c80-0aa27f73756b.ttf") format("truetype"),url("fonts/share-table/e4a9e72e-e6e6-4387-9d2f-2ec7165908ef.svg#e4a9e72e-e6e6-4387-9d2f-2ec7165908ef") format("svg");
}
@font-face{
    font-family:"Helvetica Neue LT W05_55 Roman";
    src:url("fonts/share-table/3af745b1-e741-4705-87e0-747ef883a9c8.eot?#iefix");
    src:url("fonts/share-table/3af745b1-e741-4705-87e0-747ef883a9c8.eot?#iefix") format("eot"),url("fonts/share-table/6b43fb6d-89b8-4c64-a8e0-c8fb1f66f40f.woff2") format("woff2"),url("fonts/share-table/fb121aa0-95ce-488e-99c7-ee37079f1c62.woff") format("woff"),url("fonts/share-table/24b5dea3-510e-458f-aa08-3dc8698eb8a8.ttf") format("truetype"),url("fonts/share-table/3628b42c-955c-4e4b-af58-983e22b82ac9.svg#3628b42c-955c-4e4b-af58-983e22b82ac9") format("svg");
}
@font-face{
    font-family:"Helvetica Neue LT W05_65 Medium";
    src:url("fonts/share-table/f1c5e53e-a21d-4040-97e3-e6e0e8845bb1.eot?#iefix");
    src:url("fonts/share-table/f1c5e53e-a21d-4040-97e3-e6e0e8845bb1.eot?#iefix") format("eot"),url("fonts/share-table/3388ada0-73d7-4be0-b300-c39245f82721.woff2") format("woff2"),url("fonts/share-table/b7de6bf1-14bc-46af-9f84-8c3c59d683ff.woff") format("woff"),url("fonts/share-table/00beedbc-72f0-4e11-bf36-d3e47304d271.ttf") format("truetype"),url("fonts/share-table/40e5ac36-bdff-4809-9798-d47336692621.svg#40e5ac36-bdff-4809-9798-d47336692621") format("svg");
}
@font-face{
    font-family:"Helvetica Neue LT W01_75 Bold";
    src:url("fonts/share-table/829e3f99-4330-41bd-872d-3aae5404d41d.eot?#iefix");
    src:url("fonts/share-table/829e3f99-4330-41bd-872d-3aae5404d41d.eot?#iefix") format("eot"),url("fonts/share-table/cb249624-c6ac-4fa8-84a6-921dc1627b9c.woff2") format("woff2"),url("fonts/share-table/61a17c5f-4b44-4cb1-928a-52f47ac973dc.woff") format("woff"),url("fonts/share-table/42c62872-d26e-47de-9b2d-6e876bb411d1.ttf") format("truetype"),url("fonts/share-table/7a446d87-d96e-497d-a315-af5817ccab3c.svg#7a446d87-d96e-497d-a315-af5817ccab3c") format("svg");
}
@font-face{
    font-family:"BASFIconFont";
    font-style:normal;
    font-weight:normal;
    src:url("fonts/basf/fonts/111541749-BASF_Iconfont.eot?#iefix") format("embedded-opentype"),
        url("fonts/basf/fonts/111541749-BASF_Iconfont.woff") format("woff"),
        url("fonts/basf/fonts/111541749-BASF_Iconfont.ttf") format("truetype"),
        url("fonts/basf/fonts/111541749-BASF_Iconfont.svg#BASFIconFont") format("svg")
	}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
body {
    background: #fff;
    -webkit-text-size-adjust: 100%;
    }
#wrapper{
    border:0;
    }
.tabinator input[type="radio"]:checked + label:before{
    content:"";
    background-color: rgba(255, 255, 255, 0);
    }
.tabinator input[type="radio"] + label:before{
    content:"";
    background: rgba(230, 230, 230, 0.51);
    }
.tabinator input[type="radio"] + label:before{
    content: "";
    }
.tabinator {
    background: #fff;
    padding: 0px;
    margin-top: -3px;
    }
.tabinator input {
    display: none;
    }
.tabinator label {
    box-sizing: border-box;
    display: inline-block;
    padding: 4px 4px;
    color: #000;
    margin-bottom: -1px;
    margin-left: -1px;
    font-size: 10px;
    font-weight: bold;
    font-size: 11px;
    }
.tabinator input[type="radio"] + label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 5px;
    margin: 0px;
    box-shadow: 0px 0px 0px 12px #e0e0e0 inset;
    width: 48.5%;
    }
.tabinator label:before {
    content:'';
    display:block;
    width:100%;
    height:15px;
    position:absolute;
    bottom:-11px;
    left:0;
    z-index:10;
    }
.tabinator label:hover {
    color: #888;
    cursor: pointer;
    }
.tabinator input:checked + label {
    position: relative;
    color: #014FA1;
    background: #fff;
    box-shadow: 0px 0px 0px 12px #ffffff inset;
    }
.tabinator input:checked + label:after {
    display: block;
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;

}
#content1, #content2 {
    display: none;
    }
#tab1:checked ~ #content1, #tab2:checked ~ #content2{
    display: block;
    padding: 0 6px;
    }
.clearfix{clear:both;}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
    }

#teaser-table table{ margin-left: 25px;}
.arrows{    width: 16px;    height: 16px;    display: inline-block;}
.alteration-up{color:#008800}
.alteration-down{color:#cc0000}
.alteration-equal{color:#fff; opacity: 0.3;}
.caret-up{background-image: url(images/arrow_up.gif);}
.caret-down{background-image: url(images/arrow_down.gif);}
.caret-equal{background-image: url(images/arrow_equal.gif);}

a {font-family:arial,verdana,helvetica; font-size:11px; color:#004a96; text-decoration:none;}
.firstrow { padding:4px 0px 1px 0px; font-size:10px;}
.firstrow2 { padding:4px 0px 8px 0px; font-size:10px;}
.firstrow3 { padding:12px 0px 8px 0px; font-size:10px;}
.chart { padding:0px 0px 4px 0px;}
.lastrow { padding:0px 0px 2px 0px;}
.link_icon { background: url(images/link.gif) no-repeat -1px 2px; padding:0px 0 0px 2px; width: 12px;height: 12px;display: inline-block;}
.price {border:1px solid #65AC1E; text-align:center; font-size:12px; font-weight:bold;    vertical-align: middle;}
.price2 { text-align:center; font-size:12px; font-weight:bold;   vertical-align: middle;}
.price2 div{ border:1px solid #004a96;background:#BFD2E3;min-height: 21px;    min-height: 22px; }
.price2 div span{
    padding-top: 3px;
    display: inline-block;
    text-align: center;}



.title{
    color: #fff;
    background-color: #6493C1;
    background: rgb(135,171,207); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(135,171,207,1) 0%, rgba(100,146,195,1) 50%, rgba(135,171,207,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(135,171,207,1) 0%,rgba(100,146,195,1) 50%,rgba(135,171,207,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(135,171,207,1) 0%,rgba(100,146,195,1) 50%,rgba(135,171,207,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87abcf', endColorstr='#87abcf',GradientType=0 ); /* IE6-9 */
    padding: 5px 8px;
    font-size: 11px;
    font-weight: bold;
    }
#error-wrapper{display: none;}
.last-line-color{
    fill: #fff;
    stroke: #fff;
    }




.teaser-orange{
    background-color: #f39500;
    padding: 30px 25px 40px 25px;
}
.teaser-darkblue{
    background-color: #004a96;
    padding: 30px 25px 40px 25px;
}
.teaser-darkgreen{
    background-color: #00793a;
    padding: 30px 25px 40px 25px;
}
.teaser-lightgreen{
    background-color: #65ac1e;
    padding: 30px 25px 40px 25px;
}
.teaser-lightblue{
    background-color: #21a0d2;
    padding: 30px 25px 40px 25px;
}
#chart,#teaser-table{border:none; padding: 0px;}
/* #top{border: none; padding: 0px;padding-left: 25px; padding-top:27px; line-height: 1;} */
#top{border: none; padding: 0px; line-height: 1;}
#chart-wrapper{
    padding-bottom: 24px;
}
.top-company-info{
    color: #fff;
    font-size: 24px;
    font-family:"Helvetica Neue LT W05_45 Light";
}
.teaser-bottom-table{
    border-top: solid 1px #fff;
    padding-top: 6px;
}
.teaser-bottom-table .date-time-row{
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    opacity: 0.4;
    font-family:"Helvetica Neue LT W01_41488878";
    text-transform: uppercase;
}
.teaser-current-price{
    font-family:"Helvetica Neue LT W01_75 Bold";
    font-size: 65px;
    color: #fff;
    line-height: 1;
    margin-top: 19px;
}
.change-in-price{
    font-family:"Helvetica Neue LT W01_75 Bold";
    font-size: 17px;
    color: #fff;
    margin-top: 8px;

}
.stock-chart-link a{
    display: block;
    font-family:"Helvetica Neue LT W01_51488890";
    font-size: 17px;
    color: #fff;
    position: relative;
    padding-left: 24px;
    margin-top: 20px;
    /* margin-bottom: 37px; */

}
.stock-chart-link a:before{
    position: absolute;
    content: '\f138';
    font-family: FontAwesome;
    left: 0;
}
.stock-chart-link a:hover{
    opacity: 0.8;
}
.arrow-up,.arrow-down,.arrow-equal{
    position: relative;
    font-family:"BASFIconFont";
    color: #fff;
    opacity: 0.4;
    font-size: 64px;
}
.arrow-up:before{
    position: absolute;
    content: "\e064";
    top: -5px;
    left: 2px;
}
.arrow-down:before{
    position: absolute;
    content: "\e062";
    top: -5px;
    left: 2px;
}
.arrow-equal:before{
    position: absolute;
    content: "\e066";
    top: -3px;
    left: 2px;
}
.highcharts-yaxis-labels span{
    width: 60px !important;
    color: #fff !important; 
    margin-left:-4px !important;
    font-size: 12px !important;
}
.english .highcharts-yaxis-labels span{
    left: 4px !important;
}
@-moz-document url-prefix() {
    .current-price-value{
        margin-right: 20px;
    }
  }
@media screen and (min-width:992px) and (max-width:1199px){
    .teaser-current-price{
        font-size: 55px;
    }
    .arrow-up,.arrow-down,.arrow-equal{
        font-size: 54px;
    }
    .arrow-up:before, .arrow-down:before, .arrow-equal:before{
        top: -2px;
    }
    @-moz-document url-prefix() {
        .current-price-value{
            margin-right: 15px;
        }
    }
    
}
@media screen and (min-width:768px) and (max-width:991px){
    .teaser-bottom-table .date-time-row{
        font-size: 12px;
    }
    /* #top{
        padding-top:23px;
    } */
    #chart-wrapper {
        padding-bottom: 19px;
    }
    #chart{
        margin-top: -8px;
    }
    .teaser-current-price{
        margin-top: 13px;
    }
    .teaser-current-price{
        font-size: 40px;
    }
    .arrow-up:before, .arrow-down:before, .arrow-equal:before{
        left: -3px;
    }
    @-moz-document url-prefix() {
        .current-price-value{
            margin-right: 15px;
        }
      }
    .arrow-up, .arrow-down, .arrow-equal{
        font-size: 45px;
    }
    .arrow-up:before, .arrow-down:before, .arrow-equal:before{
        top: 2px;
    }

}
@media screen and (min-width:320px) and (max-width:767px){
    /* #top{
        padding-top:23px;
    } */
    .teaser-bottom-table .date-time-row{
        font-size: 12px;
    }
    #chart{
        margin-top: -8px;
    }
    #chart-wrapper{
        padding-bottom: 19px;
    }
    .teaser-current-price{
        font-size: 48px;
        margin-top: 9px;
    }
    .arrow-up, .arrow-down, .arrow-equal{
        font-size: 54px;
    }
    .arrow-up:before, .arrow-down:before, .arrow-equal:before{
        top: -1px;
    }
    @-moz-document url-prefix() {
        .current-price-value{
            margin-right: 15px;
        }
      }
      

}