#adventskalender {width: 100%; min-height: 700px; background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204);  overflow: auto;}

.tr-high .Base-line--intern:before {color: #fff;}
.tr-high .Base-line--calender:before {color: #fff !important;}

/*******************  thinglink  ***********************/

.thinglink800 {background:#fff;width:100%;} /*Querformat*/
@media (max-width:450px){.thinglink800 {height: calc(100vw * 0.635);}}
@media (min-width:640px){.thinglink800 {height: calc(100vw * 0.658);}}
@media (min-width:768px){.thinglink800 {height: calc(100vw * 0.6);}}
@media (min-width:960px){.thinglink800 {height: calc(100vw * 0.7);}}

.thinglink1200 {background:#fff;width:100%;} /*Hochformat*/
@media (max-width:450px){.thinglink1200 {height: calc(100vw * 1.55);}}
@media (min-width:640px){.thinglink1200 {height: calc(100vw * 1.66);}}
@media (min-width:768px){.thinglink1200 {height: calc(100vw * 1.5);}}
@media (min-width:960px){.thinglink1200 {height: calc(100vw * 0.7);}}

.thinglink1200_h {background:#fff;width:100%;} /*Hochformat*/
@media (max-width:450px){.thinglink1200_h {height: calc(100vw * 1.2);}}
@media (min-width:451px){.thinglink1200_h {height: calc(100vw * 1.25);}}
@media (min-width:640px){.thinglink1200_h {height: calc(100vw * 1.26);}}
@media (min-width:768px){.thinglink1200_h {height: calc(100vw * 1.1);}}
@media (min-width:960px){.thinglink1200_h {height: calc(100vw * 0.429);}}


.thinglink1600 {background:#fff;width:100%; }
@media (max-width:450px){.thinglink1600 {height: calc(100vw * 0.635);}}
@media (min-width:640px){.thinglink1600 {height: calc(100vw * 0.658);}}
@media (min-width:768px){.thinglink1600 {height: calc(100vw * 0.6);}}
@media (min-width:960px){.thinglink1600 {height: calc(100vw * 0.7);}}


/*Video-Walls*/
.text-content {font-family: 'FS Elliot Web', sans-serif !important; font-size: 16px !important; hyphens: auto; font-weight: 700; padding-top: 1em !important; padding-bottom: 4em !important; }


/*Farbanpassung Linkbutton im Startseitenslider*/
.HeroSlider-figcaption a {background: rgb(25,104,179) !important; color: #fff !important;}
.HeroSlider-figcaption a:before {color: #fff !important;}
.HeroSlider-figcaption a:hover {background: rgb(0,176,235) !important; color: rgb(255,255,255)!important}
.HeroSlider-figcaption a:hover:before {color: rgb(255,255,255) !important;}



/**************   timeline   ***************/

.timelinequer  {
width: 100%;
overflow:auto;
padding: 20px 4px; 
height: auto; 
margin: 0 0 3em 0;
scrollbar-width: thin;
scrollbar-color: rgb(25,80,185) rgb(255,255,255);
  }
  
  /* width */
.timelinequer::-webkit-scrollbar {
  width: 6px;

}

/* Track */
.timelinequer::-webkit-scrollbar-track {
  background: #fff; 
}
 
/* Handle */
.timelinequer::-webkit-scrollbar-thumb {
  background: rgba(25,80,185,0.9); 
  border:4px solid #fff;
  border-radius: 24px 0 24px 0;
}

/* Handle on hover */
.timelinequer::-webkit-scrollbar-thumb:hover {
  background: rgba(25,80,185,0.9); 
}
  
.timelinequer div {margin: 0 !important;}

.timelinequer .timeline {
list-style-type: none;
display: flex;
align-items: center;
justify-content: start;
font-family: 'FS Elliot Web', sans-serif;
  }


.timelinequer .time_li {
  transition: all 200ms ease-in;
}

   
.timelinequer .color1 {
   
background: rgba(0,158,224,0.5);
  }
  
.timelinequer .color2 {
  background: rgba(117,155,189,0.4);
}

.timelinequer .color3 {
 /* background: rgba(134,189,96,0.8);*/
	background: rgba(245,205,20,1); /*kw-gelb*/
  } 
  
.timelinequer .color4 {
  background: rgba(70,90,105,0.1);
  } 


.timelinequer .color2 .Base-teaserlink--anchor:before, 
.timelinequer .color2 .Base-teaserlink--back:before, 
.timelinequer .color2 .Base-teaserlink--calender:before, 
.timelinequer .color2 .Base-teaserlink--close:before, 
.timelinequer .color2 .Base-teaserlink--download:before, 
.timelinequer .color2 .Base-teaserlink--email:before, 
.timelinequer .color2 .Base-teaserlink--extern:before, 
.timelinequer .color2 .Base-teaserlink--intern:before, 
.timelinequer .color2 .Base-teaserlink--map:before, 
.timelinequer .color2 .Base-teaserlink--phone:before, 
.timelinequer .color2 .Base-teaserlink--readout:before, 
.timelinequer .color2 .Base-teaserlink--rss:before, 
.timelinequer .color2 .Base-teaserlink--up:before, 
.timelinequer .color2 .Base-teaserlink--video:before, 
.timelinequer .color3 .Base-teaserlink--anchor:before, 
.timelinequer .color3 .Base-teaserlink--back:before, 
.timelinequer .color3 .Base-teaserlink--calender:before, 
.timelinequer .color3 .Base-teaserlink--close:before, 
.timelinequer .color3 .Base-teaserlink--download:before, 
.timelinequer .color3 .Base-teaserlink--email:before, 
.timelinequer .color3 .Base-teaserlink--extern:before, 
.timelinequer .color3 .Base-teaserlink--intern:before, 
.timelinequer .color3 .Base-teaserlink--map:before, 
.timelinequer .color3 .Base-teaserlink--phone:before, 
.timelinequer .color3 .Base-teaserlink--readout:before, 
.timelinequer .color3 .Base-teaserlink--rss:before, 
.timelinequer .color3 .Base-teaserlink--up:before, 
.timelinequer .color3 .Base-teaserlink--video:before,
.timelinequer .color4 .Base-teaserlink--anchor:before, 
.timelinequer .color4 .Base-teaserlink--back:before, 
.timelinequer .color4 .Base-teaserlink--calender:before, 
.timelinequer .color4 .Base-teaserlink--close:before, 
.timelinequer .color4 .Base-teaserlink--download:before, 
.timelinequer .color4 .Base-teaserlink--email:before, 
.timelinequer .color4 .Base-teaserlink--extern:before, 
.timelinequer .color4 .Base-teaserlink--intern:before, 
.timelinequer .color4 .Base-teaserlink--map:before, 
.timelinequer .color4 .Base-teaserlink--phone:before, 
.timelinequer .color4 .Base-teaserlink--readout:before, 
.timelinequer .color4 .Base-teaserlink--rss:before, 
.timelinequer .color4 .Base-teaserlink--up:before, 
.timelinequer .color4 .Base-teaserlink--video:before

{
   color: rgb(255,255,255);
}

.timelinequer .timestamp {
   margin-bottom: 0;
    padding: 12px 36px 12px 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 400;
    width: 20em;
    height: 10em;
    border-bottom: 2px solid rgb(25,80,185,0.9);
  }

.timelinequer.breite10 .timestamp {width: 10em;}
.timelinequer.breite30 .timestamp {width: 30em; padding: 12px 60px 12px 60px;}

.timelinequer.timestamphoehe5 .timestamp {height: 5em;}
.timelinequer.timestamphoehe15 .timestamp {height: 15em;}
.timelinequer.timestamphoehe20 .timestamp {height: 20em;}

  
.timelinequer .timestamp h4, .timelinequer .timestamp h5, .timelinequer .timestamp h6 {
    font-weight: 600;
    display: block; 
    padding-top: 24px; 
    }
    
.timelinequer .timestamp div.u-marginBottom--4 {margin-bottom: 0 !important;}
.timelinequer .timestamp div.u-marginTop--4 {margin-top: 0 !important;}

.timelinequer .Base-figure-image {
    display: block;
    vertical-align: bottom;
    margin-bottom: 0em;
    height: 80%;
    width: 80%;
    margin: auto;
}
  
.timelinequer .status {
  padding: 12px 36px 12px 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  height: 22em;
  transition: all 200ms ease-in; }

.timelinequer.statushoehe10 .status {height: 11em;}
.timelinequer.statushoehe30 .status {height: 33em;}

.timelinequer.breite10 .status {width: 10em;}
.timelinequer.breite20 .status {width: 20em;}
.timelinequer.breite30 .status {width: 30em; padding: 12px 60px 12px 60px;}

.timelinequer .status h4, .timelinequer .status h5, .timelinequer .status h6 {
    font-weight: 600;
    display: block;  
    padding-top: 24px; 
    }
  
.timelinequer .status:before {
    content: '';
    width: 25px;
    height: 25px;
    background-color: rgb(0,34,63);
    border-radius: 25px;
    border: 1px solid rgb(0,158,224);
    position: absolute;
    top: -15px;
    left: 42%;
    transition: all 200ms ease-in; 
    }


@media (min-device-width: 320px) and (max-device-width: 700px)
 {
   .timelinequer .timeline {
    list-style-type: none;
    display: block;}
  
  .timelinequer .time_li {
    transition: all 200ms ease-in;
    display: flex;
    width: inherit;}
  
  .timelinequer .timestamp, .timelinequer .status {
    	width: 49% !important;
    	border-top: none;
      	height: auto !important;
      	display: flow-root;
      	justify-content: flex-start;
	padding-bottom: 12px;
    }
    
       .timelinequer .timestamp {
  	border-right: 2px solid rgb(25,80,185);  
	border-bottom: none;
	height: auto;
	/*display: flex;
  	justify-content: center;*/
    }
    
   .timelinequer .status {
    /*border-left: 2px solid rgb(0,158,224); */ 
	/*border-top: none;
	height: auto;
	display: flex;
  	justify-content: center;*/
    }
  
.timelinequer .status:before {
      left: -8%;
      top: 19%;
      transition: all 200ms ease-in; }
  /*    
.timelinequer .timestamp:before {
      right: 8%;
      top: 8%;
      transition: all 200ms ease-in; }*/
}

@media (min-device-width: 320px) and (max-device-width: 480px)
 {
   	.timelinequer .status, .timelinequer .timestamp {
 	-moz-hyphens: auto;
   	-o-hyphens: auto;
   	-webkit-hyphens: auto;
  	-ms-hyphens: auto;
   	hyphens: auto;
	}
 }


/***************** Karteneinbindung ******************/


@media (min-width: 960px){
#mapframe {display: none !important;}
#mapinclude {display: inline!important;}
}

@media (max-width: 959px){
#mapframe {display: inline !important; overflow: hidden !important;}
#mapinclude {display: none !important;}
}


/*manuelle strong-Korrektur*/
.Base-teaserlink--lg strong {font-weight: 800;}