@import "../../../css/teaser-v2.0.css";
@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=07ccd20c-4288-439b-9b4e-051f34acfb4f");
    @font-face{
        font-family:"Neue Helvetica W01";
        src:url("fonts/3808766e-26cf-47cb-97a7-1f1c64db9c48.eot?#iefix");
        src:url("fonts/3808766e-26cf-47cb-97a7-1f1c64db9c48.eot?#iefix") format("eot"),url("fonts/946b2f3f-a9d7-47e4-9738-ee963004d697.woff2") format("woff2"),url("fonts/ce90a9c3-4580-4fa7-b453-9a4e86d0c271.woff") format("woff"),url("fonts/a621a6bf-fa40-4115-9f42-6ffb55c017e2.ttf") format("truetype"),url("fonts/436f9358-58a7-4f85-bdef-f4cd10831df6.svg#436f9358-58a7-4f85-bdef-f4cd10831df6") format("svg");
    }
    @font-face{
        font-family:"Helvetica Neue LT W01_57 CnObl";
        src:url("fonts/afa6040d-15b1-44a1-8d96-ac4bf08b88e0.eot?#iefix");
        src:url("fonts/afa6040d-15b1-44a1-8d96-ac4bf08b88e0.eot?#iefix") format("eot"),url("fonts/c105a2ab-affc-4d8b-af03-a091adb0ce8d.woff2") format("woff2"),url("fonts/4fe57c2d-a37a-4c08-8264-0dcda238b39e.woff") format("woff"),url("fonts/d3c65138-d901-48c5-a694-74c11336db3f.ttf") format("truetype"),url("fonts/19d8ce57-2ac2-4881-9263-b8d619be86e4.svg#19d8ce57-2ac2-4881-9263-b8d619be86e4") format("svg");
    }
    @font-face{
        font-family:"Helvetica Neue LT W01_77 Bd Cn";
        src:url("fonts/1527aeed-e69d-4399-82e3-7b53d48da7a2.eot?#iefix");
        src:url("fonts/1527aeed-e69d-4399-82e3-7b53d48da7a2.eot?#iefix") format("eot"),url("fonts/5f4620bc-98f7-4b13-9f90-3a54ea6a9c55.woff2") format("woff2"),url("fonts/ac30e84e-cb19-4576-b6f9-491fccbd42ff.woff") format("woff"),url("fonts/b583b782-0709-4a13-899f-7e9ab1a7eccd.ttf") format("truetype"),url("fonts/d5dd03f5-3afb-46e9-aad0-234de8607afa.svg#d5dd03f5-3afb-46e9-aad0-234de8607afa") format("svg");
    }
    @font-face{
        font-family:"Helvetica Neue LT W0177BdCnObl";
        src:url("fonts/7560f08f-e627-461f-acba-c2fc820c6f0c.eot?#iefix");
        src:url("fonts/7560f08f-e627-461f-acba-c2fc820c6f0c.eot?#iefix") format("eot"),url("fonts/a2957f2d-9b3b-4aea-b86c-bba81fc8128e.woff2") format("woff2"),url("fonts/879d541c-7f90-4fe6-93c4-453ee22fa15e.woff") format("woff"),url("fonts/75f88dce-dde4-429c-92d1-1a1631b021a8.ttf") format("truetype"),url("fonts/164f7c14-41fa-4682-9997-b8f0841b7666.svg#164f7c14-41fa-4682-9997-b8f0841b7666") format("svg");
}


@font-face {
    font-family: Icons;
    src: url('fonts/icons.eot');
    src: url('fonts/icons.eot?#iefix') format("embedded-opentype"), url('fonts/icons.woff') format("woff"), url('fonts/icons.ttf') format("truetype"), url('fonts/icons.svg#icons') format("svg");
    font-weight: 400;
    font-style: normal
}

body {
	color: #504646;
        font-family: 'Neue Helvetica W01', sans-serif;
	font-size: 15px;
    line-height: 1.5;
	font-weight:400;
}
a {
	color: #504646;
}

#wrapper{	
	font-family: 'Neue Helvetica W01', sans-serif;
	font-size: 15px;
    line-height: 1.5;
}
#wrapper, #top, #chart-wrapper, #teaser-table{
	border: 0;
}
#chart, #top, #teaser-table{
	padding: 0.4em 0;
}
#error-wrapper{
	display: none;
}
#error-wrapper{
	color: #c00;
}
#teaser-table td{
	border: 0;
	padding: 0.25em 0;
	padding:.01em 0;
	text-align: left;
	width: 100%;
	font-size: 30px; font-weight: 400;
}
#teaser-table .date{
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 15px;
}
#teaser-table .top-date-wrapper{
	padding-right: 10px;
}
.teaser-values{
	padding: 0 !important;
	text-align: center;
}
#top {
	/* padding-bottom: 10px;
	padding-top: 20px;
	padding:0; */
}
#teaser-table td.col1{
	text-align: left;
}
#top table{
	text-transform: uppercase;
}
#top td{
	vertical-align: top;
}
#top tr.row1 td.col1, #top tr.row1 td.col3 {
    color: #343b46;
    font-family: 'Neue Helvetica W01', sans-serif;
    font-weight:bold;
    font-size: 30px;
    line-height: 0.8em;
    white-space: nowrap;
}
#top tr.row1 td.col1{
	width: 208px;
}
#top tr.row1 td.col1 span{
	margin-left: -3px;
}
#top tr.row1 td.col2 {
	width: 78px;
	font-size: 12px;
}
#top tr.row1 td.col2 span {
	display: block;
	padding-bottom: 5px;
	white-space: nowrap;
}
#top tr.row1 td.col3 {
	text-align: right;
}
#teaser-table td.col1{
	 font-weight:bold;
}
/* #top { min-height: 34px; } */
.teaser #chart{
	border: 0;
	padding-bottom: 2px;
	min-height: 100px;
	/*height: 205px;*/
	padding:0 !important;
}
/*#chart{
	background: url("images/logo.jpg") no-repeat scroll 50% -1000px transparent;
}
div#chart[data-highcharts-chart] {
    background: url("images/logo.png") no-repeat scroll 50% 42% #fff;
}*/
/* .alteration-down{
	color: #b0c8df;
}
.alteration-up {
    color: #b0c8df;
} */
#teaser-table{
	padding-top: 0;
	/*padding-bottom: 40px;*/
}
#teaser-table td.col2, #teaser-table td.col3{ 
	width: 120px;
}
#chart {
	position: relative;
}
#teaser-table{
	/* background-color: #022B53;
	width: 300px;
	height: 100px;
	color: #fff;
	padding: 10px 10px 20px;
	position: relative;
	margin-bottom: 30px; */
    width: 100%;
    float: left;
    padding: 0 ;
}
#teaser-table .row1 .col1 {
    font-size: 15px;
}
.close-Price{
	padding-right: 10px;
	margin-right: 10px;
	padding-left: 20px;
}
.close-Price:after{
	content: ' ';
	width:1px;
	height:24px;
	position: relative;
	top:3px;
	border-right:1px solid #fff;
	display: inline-block;
	right:-10px;
}

#teaser-table:after{
	content:'';
	background-image: url('images/spitz-blue-unten.svg');
	background-repeat: no-repeat;
	background-size: 35px;
	position: absolute;
	left:40px;
	bottom: -34px;
	width: 35px;
	height: 35px;

}


@media screen and (max-width: 616px){
	#chart[data-highcharts-chart]:after {

	}
}
@media screen and (max-width: 540px){

	#top tr.row1 td.col2 .row2{

	}
	#top{
		/*padding-bottom: 15px;*/
	}
	div#chart[data-highcharts-chart] {
    /*background: #fff url("images/logo.png") no-repeat scroll 50% 48%;*/
    background-size: 50%;
	}
}
@media screen and (max-width: 380px){
	#top tr.row1 td.col1, #top tr.row1 td.col3 {
		font-size: 34px;
	}
	#top tr.row1 td.col2 {
    font-size: 11px;
	}
	#teaser-table td.col2, #teaser-table td.col3{
		width: 70px;
	}
}
@media screen and (max-width: 340px){
	#top tr.row1 td.col1, #top tr.row1 td.col3 {
		font-size: 30px;
	}
	#top tr.row1 td.col2 {
    font-size: 11px;
	}
}
@media screen and (max-width: 320px){
	
	#top tr.row1 td.col2 span{
		padding-bottom: 2px;
	}
	#top{
		padding-bottom: 10px;
	}
	#top tr.row1 td.col1, #top tr.row1 td.col3 {
    font-size: 26px;
    line-height: 22px;
	}
	#top tr.row1 td.col2 {
    font-size: 10px;
}

}

@media (min-width: 480px){
	#top .top-share-info {
		clear: none;
		float: left;
	}
}
@media (max-width: 767px) {
	#teaser-table{
		margin-bottom: -4px;
	}
}

.top-info{
	color: #022b53;
	font-size: 16px;
	line-height: 25px;
	font-weight: 200;
}
.text-head{ font-weight: 500; padding-right: 5px; padding-left: 5px;}

.alteration-equal {
    color: #b0c8df;
}
#teaser-table tr{
	width: 100%!important;
}
#teaser-table td.col2, #teaser-table td.col3 {
    width: 20%;
    text-align: right!important;
    padding-right: 0!important;
}
#teaser-table td.col1{
	width: 60%;
}