@media only screen and (min-width: 1024px) {
    #themen_bild {
        position:relative;
        width:100%;
        height:249px;
        background-image: url("../../../img/themenbilder/1024/home_neu.jpg");
		background-size: cover;
        background-repeat: no-repeat;
    }
	.biographie_container{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: auto;
		height: auto;
		
		margin-bottom: 5px;
		
		clear: both;
	}
	.biographie_container .jahr{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 100px;
		height: auto;
		
		float: left;
	}
	.biographie_container .taetigkeit{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: auto;
		height: auto;
		
		float: left;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #themen_bild {
        position:relative;
        width:100%;
        height:249px; /* WIRD PER JS EINGESTELLT */
        background-image:url("../../../img/themenbilder/0768/home_neu.jpg");
        background-position: left;
        background-size: cover;
        background-repeat:no-repeat;
    }
	.biographie_container{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: auto;
		height: auto;
		
		margin-bottom: 5px;
		
		clear: both;
	}
	.biographie_container .jahr{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 100px;
		height: auto;
		
		float: left;
	}
	.biographie_container .taetigkeit{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: auto;
		height: auto;
		
		float: left;
	}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    #themen_bild {
        position:relative;
        width:100%;
        height:120px; /* WIRD PER JS EINGESTELLT */
        background-image:url("../../../img/themenbilder/0320/home_neu.jpg");
        background-position: left;
        background-size: cover;
        background-repeat:no-repeat;
    }
	.biographie_container{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 100%;
		height: auto;
		
		padding-bottom: 10px;
		border-bottom: 1px solid #ffffff;
		margin-bottom: 10px;
		
		clear: both;
	}
	.biographie_container:nth-child(13){
		border-bottom: none;
	}
	.biographie_container .jahr{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 25%;
		height: auto;
		
		float: left;
	}
	.biographie_container .taetigkeit{
		display: block;
		position: relative;
		box-sizing: border-box;
		
		width: 75%;
		height: auto;
		
		float: left;
	}
}
@media only screen and (min-width: 375px) and (max-width: 411px) {
	.biographie_container .jahr{
		width: 30%;
	}
	.biographie_container .taetigkeit{
		width: 70%;
	}
}
