@font-face {
				font-family: 'Source Sans Pro';
				src: url(https://iwkoeln.de/assets/build/fonts/SourceSansPro-Italic.eot);
				src: url(/assets/build/fonts/SourceSansPro-Italic.eot?#iefix) format("embedded-opentype"), url(/assets/build/fonts/SourceSansPro-Italic.woff2) format("woff2"), url(/assets/build/fonts/SourceSansPro-Italic.woff) format("woff"), url(/assets/build/fonts/SourceSansPro-Italic.ttf) format("truetype"), url(/assets/build/fonts/SourceSansPro-Italic.svg#SourceSansPro-Italic) format("svg");
				font-weight: 400;
				font-style: italic
			}
			@font-face {
				font-family: 'Source Sans Pro';
				src: url(/assets/build/fonts/SourceSansPro-Bold.eot);
				src: url(/assets/build/fonts/SourceSansPro-Bold.eot?#iefix) format("embedded-opentype"), url(/assets/build/fonts/SourceSansPro-Bold.woff2) format("woff2"), url(/assets/build/fonts/SourceSansPro-Bold.woff) format("woff"), url(/assets/build/fonts/SourceSansPro-Bold.ttf) format("truetype"), url(/assets/build/fonts/SourceSansPro-Bold.svg#SourceSansPro-Bold) format("svg");
				font-weight: 700;
				font-style: normal
			}
			@font-face {
				font-family: acherus_grotesqueblack;
				src: url(https://iwkoeln.de/assets/build/fonts/acherus_grotesque_-_black-webfont.eot);
				src: url(https://iwkoeln.de/assets/build/fonts/acherus_grotesque_-_black-webfont.eot?#iefix) format("embedded-opentype"), url(https://iwkoeln.de/assets/build/fonts/acherus_grotesque_-_black-webfont.woff2) format("woff2"), url(https://iwkoeln.de/assets/build/fonts/acherus_grotesque_-_black-webfont.woff) format("woff"), url(https://iwkoeln.de/assets/build/fonts/acherus_grotesque_-_black-webfont.ttf) format("truetype"), url(https://iwkoeln.de/assets/build/fonts/acherus_grotesque_-_black-webfont.svg#acherus_grotesqueblack) format("svg");
				font-weight: 400;
				font-style: normal
			}
		
.highcharts-title {
  line-height:'20px',
  fontFamily : 'acherus_grotesqueblack',sans-serif
}
.highcharts-subtitle {
     line-height:'0px'
}
#container {
    height: 500px;
    min-width: 310px;
    max-width: 100%;
    margin: 0 auto;
}
.closeButton {
	color: white;
	text-decoration: none;
	cursor: pointer;
	/* text-align: right; */
	/* width: 100%; */
	float: right;
	font-size: 1.2 rem;
	margin-top: 7px;
	margin-right: 7px;
	font-family: 'Source Sans Pro';
}

#popUp {
	padding: 2%;
	font-family: 'Gotham A', 'Gotham B', Arial, Helvetica, sans-serif;
	position: absolute;
	left: 1%;
	top: 7%;
	right: 5%;
	bottom: 5%;
	display: none;
	/* background-color: rgba(250,250,250,0.95); */
	font-size: 0.75 rem;
	/* color: #222; */
	font-weight: normal;
	box-sizing: border-box;
	/* border: 1px solid #d8d9da; */
	width: 98%;
	height: 400px;
}
.opt {
	font-size: 0.9em;
	line-height:1.5em;
	font-weight: bold;
	color: #2e4964;
	padding: 5px 5px;
	border-radius: 7px;
	margin: 1em 1em;
	border: 1px solid #ccc;
	margin: 0;
}

.opt option {
	padding-bottom: 3%;
	padding-top: 3%;
}
.tab {
    overflow: hidden;
    /* border: 1px solid #ccc; */
    /* background-color: rgba(250,250,250,0.95); */
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 14px;
    /* border-left: rgba(181,198,213,0.90); */
    /* border-bottom: 1px solid grey; */
    background-color: rgba(198, 208, 216, 0.9);
    color: white;
    font-weight: normal;
    font-family: 'Source Sans Pro';
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
   background: rgba(147,167,187,0.95);
   color: white;
   font-weight: bold;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
#txt{
	background: rgba(147,167,187,0.95);
	padding:2%;
	/* border-top: 1px solid rgba(240,240,240,0.95); */
}
#active{
	
}