/* Timeline hinter der offcanvas Navigation (FF) */
#hase-timeline .vco-storyjs {
    z-index: 99;
}

/* Typo */
#hase-timeline * {
    color: rgb(51, 51, 51);
	font-family: 'Swiss 721 Light', "Helvetica Neue", Helvetica, Arial, sans-serif !important;	
}
#hase-timeline .vco-storyjs h2.start {
    font-size: 28px;
}
#hase-timeline a {
    color: #cc061a;
}

/* Überarbeitete Grafiken verwenden */
#hase-timeline .icon {
	background-image: url(../img/timeline/timeline.png) !important;
}
#hase-timeline .vco-timeline .vco-navigation .timenav-background .timenav-line,
#hase-timeline .vco-timeline .vco-navigation .timenav .content .marker.active .dot {
    background-color: #cc061a;
}

/* Textbreite beschränken */
#hase-timeline .content-container .text .container {
	max-width: 520px;
}
#hase-timeline .vco-slider .slider-item .content .content-container .text {
    width: 50% !important;
}
/* Textanordnung oben */
#hase-timeline .vco-slider .slider-item .content .content-container .text,
#hase-timeline .vco-slider .slider-item .content .content-container .text .container {
    vertical-align: top;
}
/* Bilder (immer 360x180 px) */
@media only screen and (min-width: 813px) {  
    #hase-timeline .vco-feature img {
        border: none;
        height: 180px !important;
        width: auto !important;
        max-height: 180px !important;
        max-width: 360px !important;
    }
}
#hase-timeline .media-shadow:before, 
#hase-timeline .media-shadow:after {    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

/* Datum im Beitrag ausblenden */
#hase-timeline .date {
    display: none;
}

/* In der Zeitleiste die Jahreszahlen ausblenden (Jahrzehnte blieben bestehen) */
#hase-timeline .time-interval > div {
    display: none;
}
#hase-timeline .vco-storyjs .thumbnail {
    background-color: transparent;
}

/* Thumbnails */
#hase-timeline .vco-storyjs .thumbnail,
#hase-timeline .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content .thumbnail img, 
#hase-timeline .vco-timeline .vco-navigation .timenav .content .marker .flag-small .flag-content .thumbnail img {
    height: 32px;
    width: auto;
    border: none !important;
}
#hase-timeline .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content h3 {
    margin-top: 15px;
    font-size: 16px;
}
#hase-timeline .vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content .thumbnail + h3 {
    margin-left: 85px;
}