/* pt-serif-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-serif-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* pt-sans-narrow-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-narrow-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body{
  font:14px/1.3 'PT Serif', serif;
  overflow:hidden;           /* Belassen – Timeline will das so */
  background:#ffffff;        /* Einfarbiger BG statt fehlendem Bild */
}

/* --- Timeline-Farben anpassen --- */

/* Überschriften im Slide */
.tl-headline,
#timeline h1,
#timeline h2,
#timeline h3{
  font-family: 'PT Sans Narrow', Helvetica, sans-serif;
  color:black;             /* Vereinsfarbe hier einsetzen */
  text-transform: uppercase;
  font-weight: bold;
}

/* Textfarbe */
#timeline p,
#timeline .feature p{
  color:#666666;
  font:18px;
  font-family:'PT Serif', serif;
}

/* Zeitachse und Marker */
#timeline .navigation .timenav .content .marker .line{
  background:#002963;
}
#timeline .navigation .timenav .content .marker .dot{
  background:#e2007a;
}

/* Navigation (unten) einfärben statt fehlender Grafik */
#timeline div.navigation{
  background:#002963;     
  border-top:none;
}

/* Ladebildschirm neutral */
#timeline .feedback{
  background:#222;
  border:none;
}
#timeline .feedback div{
  color:#aaa;
}

/* Erstes (Titel-) Slide größer / eigen • optional */
#timeline .slider-item:nth-child(1) h2{
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  color:#e2007a;
}

/* Bilder soft umrahmen (frei wählbar) */
#timeline .tl-media .tl-media-content img{
  border-radius:6px;
  box-shadow:0 0 6px rgba(0,0,0,.25);
}

/* The zoom-in / zoom-out toolbar */

#timeline .toolbar{
	border:none !important;
	background-color: #002963 !important;
}

#timeline .toolbar div{
	border:none !important;
}

/* ---------- Mobile-Layout: Bild UNTER den Text ---------- */
@media (max-width: 600px){          /* greift bei Handybreiten */

.slider .slider-item .content .content-container .text {
	display: block !important;
  min-width: 350px;
}

.slider .nav-next .date, 
.slider .nav-next .title,
.slider .nav-previous .date, 
.slider .nav-previous .title {
	display: none !important;
}

#timeline img {
	max-width: 72%;
}

#timeline .slider-item:nth-child(1) h2 {
	font-size: 40px;
}

.slider .slider-item .content .content-container .media .media-wrapper .media-container {
	width: 140%;
	text-align: left;
}

#timeline .slider-item:nth-child(1) img {
  max-width: 65%;
}

.slider .slider-item .content .content-container .text {
	min-width: 250px;
}

.slider .slider-item {
	margin-left: -35px;
}

.slider .nav-next .nav-container {
  right: 0px;
}

}