h1 {
	font-family: "DIN W01 Medium", sans-serif;
	font-size: 3.0em;
	line-height: 1.04;
	color: #666666;
	margin: 0px 0px 46px 0px;
	padding: 0px;
}

.bildbox-overview-innen {
	display: inline-block;
	width: 19%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: "DIN W01 Pro";
	color: #ffffff !important;
	font-size: 0.9em;
	line-height: 1em;
}

figcaption {
	position: relative;
	top: 0;
	height: 70px;
	font-family: "DIN W01 Pro";
	font-size: 1em;
	color: #444444;
	line-height: 1em;
	padding: 3% 8% 1% 2%;
}

.inhalt {
	margin-top: 66px;
	margin-left: 5%;
	margin-right: 5%;
	padding-right: 16%;
	box-sizing: border-box;
} 

.overview {
	font-family: "DIN W01 Pro";
	color: #ffffff;
	line-height: 1em;
	padding: 0;
	box-sizing: border-box;
}

.flexbild-overview-quer {
    position: relative;
	width: 100%;
}

.flexbild-overview-hoch {
    width: 51%;
	margin-left: 0px;
}

figure {
	padding: 0px;
	}

.bildbox-overview-pic {
	padding: 5px 5px 0px 5px;
	-webkit-transition: padding 0.1s linear;
       -moz-transition: padding 0.1s linear;
         -o-transition: padding 0.1s linear;
            transition: padding 0.1s linear;	
	}
	

figure > a > .bildbox-overview-balken{
	display: block;
	max-width: 100%;
	height: 8px;
	background-color: #ffffff;
	z-index: 12;
	position: relative;
	top: -2px;
}

a:link {
    color: #444444;
    font-family: inherit;
    text-decoration: none;
    }

a:visited {
    color: #444444;
    font-family: inherit;
    text-decoration: none;
    }

a:hover { 
	color: #a10000;
    font-family: inherit;
    text-decoration: none;
    }

a:active {
    color: #a10000;
    font-family: inherit;
    text-decoration: none;
    }

.legende-text {
	color: #444444;
}

.legende-jahr {
	color: #9c9c9c;
}

.legende-rot {
	color: #a10000;
}

.legende-text, .legende-jahr {
	-webkit-transition: color 0.2s linear;
       -moz-transition: color 0.2s linear;
         -o-transition: color 0.2s linear;
            transition: color 0.2s linear;
}

.menu-weg {
	display: none;
	-webkit-transition: display 0.2s linear;
       -moz-transition: display 0.2s linear;
         -o-transition: display 0.2s linear;
            transition: display 0.2s linear;
}

#overview-menu-icon {
	position: absolute;
	width: 118px;
	height: 84px;
	background-color: #dcdcdc;
	text-align: right;	
}

#overview-menu-icon img {
	position: relative;
	line-height: 1em;
	top: calc(50% - 15px);
	margin-right: 17%;
}

#overview-footer {
	position: absolute;
	box-sizing: border-box;
	display: block;
	background-color: #dedede;
	width: 100%;
	padding-top: 36px;
	padding-bottom: 22px;
	padding-left: 5%;
}

@media only screen and (max-width: 1412px) {
	.bildbox-overview-innen {
		width: 24%;
	}	

	#overview-menu-icon {
		width: 71px;
		height: 50px;
	}
	
	#overview-menu-icon img {
		top: calc(50% - 9px);
		width: 25px;
		height: 18px;
	}
}

@media only screen and (max-width: 900px) 
                   and (orientation: landscape) {
	h1 {
		font-size: 2.0em;
		padding: 0px 80px 0px 6px;
	}
	
	.inhalt {
		margin-left: 3%;
		margin-right: 0%;
		padding-right: 1%;
	} 

	.bildbox-overview-innen {
		width: 24%;
	}
}
				   
@media only screen and (max-width: 900px)
				   and (orientation: portrait) {
	h1 {
		font-size: 2.0em;
		padding: 0px 80px 0px 6px;
	}
	
	.inhalt {
		margin-top: 18px;
		margin-left: 1%;
		margin-right: 1%;
		padding: 0;
	}

	.bildbox-overview-innen {
		width: 48.5%;
	}
	
	.overview {
		margin-right: 0%;
	}
	
	#overview-footer {
		padding-left: 4%;
	}
}