@font-face {
  font-family: 'JostLight';
  font-style: normal;
  font-weight: 300;
  src: url('../webfonts/jost/jost-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/jost/jost-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/jost/jost-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/jost/jost-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/jost/jost-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/jost/jost-v14-latin-300.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-regular - latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('../webfonts/jost/jost-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/jost/jost-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/jost/jost-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/jost/jost-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/jost/jost-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/jost/jost-v14-latin-regular.svg#Jost') format('svg'); /* Legacy iOS */
}
/* jost-500 - latin */
@font-face {
  font-family: 'JostBold';
  font-style: normal;
  font-weight: 500;
  src: url('../webfonts/jost/jost-v14-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../webfonts/jost/jost-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfonts/jost/jost-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfonts/jost/jost-v14-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../webfonts/jost/jost-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfonts/jost/jost-v14-latin-500.svg#Jost') format('svg'); /* Legacy iOS */
}

body{
  position:relative;
    background: #212529;
    overflow-y: scroll;
    font-family: "Jost",sans-serif;

}
.foe-footer{
  width:96%;
  margin-left:auto;
  margin-right:auto;
}
.slide-container{
  position:absolute;
  top:20vh;
  left:20px;
  width:50%;
 -webkit-box-shadow: 5px 8px 15px 0px #000000; 
box-shadow: 5px 8px 15px 0px #000000;
}
.back-map{
  background:url(../images/map-2.jpg);
  background-repeat: np-repeat;
  background-size: cover;
  background-position: top right;
  height:85vh;
}
.fit{
  object-fit:cover;
  height:100%;
  width:100%;
}
@media (min-width: 768px) { 
  .foe-footer{
    width:80%;
  }
}

.upfirst{
  position:relative;
}
.log-f2{
  position:absolute;
  bottom:10%;
  z-index:200;
}
@media (min-width: 560px) { 
  .log-f2{
  bottom:30vh;
}
}
.log-f2 img{
  width:100%;
  max-width:360px;
  height:auto;
}
.darkfont{
  color:#333333 !important;
  
}
.mb-arch{
  margin-bottom: 80px !important;
}
.container-fluid{
	/*position: relative; */
}
/* jost-300 - latin */

h1,h2,h3,h4,h5{
  font-family: 'Jost';
  text-transform:uppercase;

}
a{
  --bs-link-color: rgba(203,47,13,1.0);
}
a:hover{
  --bs-link-hover-color: rgba(120,120,120,1.0);
}
a.iconlink{
  color: white;
}
p.datum_beginn{
/*  font-size:2.7rem !important;*/
  text-align:right;
  padding-top:8px;
  margin-bottom:0 !important;
  
}
#countdown{
  text-align:left;
  padding-left:2rem;
}
.mid-f2{
  color:white;
  margin-top:-19px;
  font-size:9vw;
  line-height: 2.0rem;
  font-family:"JostLight", sans-serif;
  text-align:center;
}
  .p-5{
    padding:2rem .3rem!important;
  }
@media (max-width: 768px){
.container {
 max-width: 96% !important;
 padding-left:0 !important;
  padding-right:0 !important;
}
}
  
@media only screen and (min-width: 390px) {
.mid-f2{
  color:white;
  margin-top:-19px;
  font-size:2.7rem;
  line-height: 2.5rem;
  font-family:"JostLight", sans-serif;
  text-align:center;
}
  .p-5{
    padding:3rem !important;
  }
}
.com-content-article p, .newsflash p{
  padding-bottom:20px;
}
.navbar-toggler,.navbar-toggler:focus { 
    border:none !important;
    box-shadow:none !important;  


}
.mid-f2 >img{
  max-width: 98%;
  
}
.navbar-brand {
  max-width:65%;
}
.navbar-brand >img{
  max-width:100%;
}
#offcanvasDarkNavbar {
  background:#222;
}
.nav-item.deeper.parent ul{
  clear:both !important;
}
.nav-link{
  font-size:1.2rem !important;
  text-transform: uppercase !important;
 /* float:left;*/
}
.nav-link-sub{
  font-size:1.0rem !important;
  color: rgba(255,255,255,.55);
  text-decoration:none;
  margin-left:1.0rem;
  text-transform: uppercase !important;
}
.nav-link-sub:hover{
  color: rgba(255,255,255,1.0);
}
.rubr{
  display:block !important;
}
.rubr li a{
  color:rgba(255,255,255,.55);
}
.rubr li a:hover{
  color:rgba(255,255,255,1.0);
}
.menu-icon{
  padding-right:8px;
}

.dropdown-item{
  text-transform:uppercase;
  float:right;
  width:auto;
}
.dropdown-menu-dark {
  background: #212529;
}
.form-control {
    border-radius: 0;
}
.accordion{
--bs-accordion-color: #fff !important;
--bs-accordion-bg: #212529 !important;
}
.accordion-header button{
  color:#fff !important;
}
.accordion-button:not(.collapsed) {
  background: #212529 !important;
}
.accordion-button:not(.collapsed), .accordion-button{
  color: white;
  background-color:#333;
  border:none !important;
}
.accordion-button::after{
  background: none !important;
  content: "↓" !important;
}

.accordion-button:not(.collapsed)::after{
  background: none !important;
  content: "↓" !important;
}
  
.accordion-item, .accordion-flush .accordion-item:last-child {
  border-bottom: 1px solid rgba(255,255,255,.55);
}
button.accordion-button{
  font-size:1.3rem !important;
  text-transform:uppercase;
  
}
.accordion-button:focus {
  --bs-accordion-btn-focus-border-color:none !important;
  box-shadow: none !important;
}
section{
  min-height:1px;
}
.offcanvas{
  max-width:250px;
}
  #second, #third, #fourth, #fifth,#sixth{
    /*min-height: 100vh;
    position:relative;*/
  }
.acym_introtext{
  font-size:1.0rem !important;
  padding-bottom:6px;
  text-transform:uppercase;
  color:rgba(255,255,255,1.0);
  
}
.acyterms{
  padding:6px 0;
}
input{
  margin-bottom: 8px;
background: rgba(255,255,255,.8);
border: 1px solid white;
}
.subbutton{
  background:none !important;
  border-radius: 0 !important;
  border-color: rgba(203,47,13,1.0);
  margin-top:8px;
}
.btn-outline-danger  {
    --bs-btn-color: #cb2f0d;
    --bs-btn-border-color: #cb2f0d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #cb2f0d;
    --bs-btn-hover-border-color: #cb2f0d;
    --bs-btn-focus-shadow-rgb: 220,53,69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #cb2f0d;
    --bs-btn-active-border-color: #cb2f0d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #cb2f0d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #cb2f0d;
    --bs-gradient: none;
    border-radius:0;
  }
.btn{
  border: 1px solid #CB2f0d !important
}
  .mt-100{
    margin-top:100px;
  }
  .mt-50{
    margin-top:50px;
  }
  .pt-100{
    padding-top:70px;
  }
.bg-dark{
  color: white;
  background-color:#333 !important;
}
.bg-white{
  color:#222;
}
  .md-show{
    display:none;
  }
  @media (min-width: 768px) { 
  .md-show{
    display:block;
  }  
  }
.pt-20{
  padding-top:10%;
}

  header {
    position: relative;
    background-color: #212529;
    min-height: 70px;
    width: 100%;
    overflow: hidden;
  }
.page-275 header, .page-276 header{
  /*height:100vh;*/
}
 /* header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }*/
video{
  max-width:100%;
  height: auto;
}
  .video-after{
    margin-top: 100px;
  }

@media (min-width: 732px) { 
  .video-after{
    margin-top: 50px;
  }
}



  header .container-fluid {
    position: relative;
    z-index: 2;
  }
  
  header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.1;
    z-index: 1;
  }
  
  /* Media Query for devices withi coarse pointers and no hover functionality */
  
  /* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */
  
  @media (pointer: coarse) and (hover: none) {
    header {
      background: #333;
    }
  
    header video {
      /*display: none;*/
    }
  }
  .vp-height{
   min-height: 100vh;
  }
.vp-half-height{
  min-height: 50vh;
}
.flex-container,.flex-container-orte, .flex-container-foerderer, .flex-container-fotoueb {
  display: flex;
  flex-wrap: wrap;
  align-self:flex-start;
  
}
.flex-container > div,.flex-container-orte > div,.flex-container-foerderer > div, .flex-container-fotoueb > div{
  width: 48%;
  margin: 1%;
}

@media only screen and (min-width: 576px) {
.flex-container > div,.flex-container-orte > div, .flex-container-foerderer > div  {
  width: 31%;
  margin: 1%;
}
  .flex-container-fotoueb > div{
    width:22%;
    margin:1%;
  }
  .flex-container-foerderer > div {
    margin: 1% 1% 1% 0;
  }
}
@media only screen and (min-width: 980px) {
.flex-container > div {
  width: 22%;
}
  .flex-container-foerderer > div{
  /** alt width:31%;*/
    width:24%;
  
}

}
.flex-container > div img, .flex-container-orte > div img,.flex-container-foerderer > div img,.flex-container-fotoueb > div img{
  width:100%;
  height:auto;
}
.flex-container-foerderer > div img{
  background:#FFFFFF;
}
.flex-container-foerderer > div img:hover{
  filter: invert(80%);
}
.flex-container-fotoueb > div img:hover{
  filter: grayscale(80%);
}
.arch-year{
  color:#f1f1f1;
   font-family: 'JostLight';
  font-size: 2.2rem;
  text-align: center;
  
}
.arch-year img{
  width:100%;
  height:auto;
}
.normalcase {
  text-transform: none !important;
}
.impress{
  display:flex;
  flex-wrap:nowrap;
  overflow-x:scroll ;
  touch-action: pan-x;
}
.impress > div img, .impress a img{
  margin:0;
  padding:1rem 1rem 1rem 0;
  height:30vh;
  width: auto;
}
.mod-login{
  margin-top:16px;
  width:80%;
}
.gm-style .gm-style-iw-d {
  
}
.gm-style .gm-style-iw-d >div >div{
  max-width:100%;
  min-width:240px;
}
.gm-style .gm-style-iw-d img{
  width:98%;
}
.pmMarkerTitle{
  font-size:20px;
  color:#222;
  margin-bottom:16px;
}
.gm-style .gm-style-iw-a {
  color:#222;
}
.places, .foe{
  position:relative;
}
.foe-txt{
  display:none;
}

.places1 figcaption, .places2 figcaption, .places3 figcaption, .places4 figcaption, .places5 figcaption, .places6 figcaption, .places7 figcaption, .places8 figcaption, .places9 figcaption, .places10 figcaption, .places11 figcaption, .places12 figcaption, .places13 figcaption, .places14 figcaption, .places15 figcaption, .places16 figcaption{
  position:absolute;
  /*background: rgba(80,80,80,.6);*/
  /*display: none !important;*/
  opacity: .0;
  z-index:200;
  top:0;
  left:0;
  width:100%;
  height:100%;
  transition: all .5s;
}
.places1:hover figcaption, .places2:hover figcaption, .places3:hover figcaption, .places4:hover figcaption, .places5:hover figcaption, .places6:hover figcaption, .places7:hover figcaption, .places8:hover figcaption, .places9:hover figcaption, .places10:hover figcaption, .places11:hover figcaption, .places12:hover figcaption, .places13:hover figcaption, .places14:hover figcaption, .places15:hover figcaption, .places16:hover figcaption{
  opacity:1;
 /* display: block !important;  */
}

.places figcaption h2{
  font-size: 4vw;
}
.places figcaption p{
  font-size: 2.5vw;
}
@media (pointer:coarse) {
  .places{
    display:block;
  }
.places1 figcaption, .places2 figcaption, .places3 figcaption, .places4 figcaption, .places5 figcaption, .places6 figcaption, .places7 figcaption, .places8 figcaption, .places9 figcaption, .places10 figcaption, .places11 figcaption, .places12 figcaption, .places13 figcaption, .places14 figcaption, .places15 figcaption, .places16 figcaption{
  display:block;
  position:relative;
  /*background: rgba(80,80,80,.6);*/
  /*display: none !important;*/
  opacity: 1;
}
  
}

@media only screen and (min-width: 768px) {
.places figcaption h2{
  font-size: 2vw;
}
.places figcaption p{
  font-size: 1.2vw;
}
  
}
.left-figure img{
	float: right;
	max-width: 80%;
	max-height: 80vh;
	padding-bottom: 50px;
}

.right-figure img{
	float: left;
	max-width: 80%;
	max-height: 80vh;
	padding-bottom: 50px;
}

.left-figure::after,
.right-figure::after {
	content: "";
	clear: both;
	display: table;
}
.eventpics{
  margin: 0;
}
.eventpics figure{
   margin-bottom:50px;
  position:relative;
}
.eventpics figure::after{
	content: "";
	clear: both;
	display: table;
}
.eventpics figure:nth-child(odd) img{
	float: left;
	max-width: 80%;
	max-height: 80vh;
}
.eventpics figure figcaption{
  position:absolute;
  bottom:2px;
  padding:2px 8px;  
  background:rgba(60,60,60,.1);
  color:white;
}
.eventpics figure:nth-child(odd) figcaption{
  left:0;
}
.eventpics figure:nth-child(even) figcaption{
  right:0;
}

.eventpics figure:nth-child(even) img{
	float: right;
	max-width: 80%;
	max-height: 80vh;

}
@media only screen and (min-width: 1280px) {
  .spalt-2{
    column-count: 2;
  gap: 1.6em;
  text-align:justify;
    margin-bottom:16px;
  }
  .spalt-2 p{
    margin-bottom:0;
    
  }
}
*::-webkit-scrollbar-track {
  background: orange !important;        /* color of the tracking area */
}
div.mod-languages ul li.lang-active {
  display:none;
  background: none !important;
  border: 1px solid #CB2F0D;
}
div.mod-languages li {
  padding:2px 0 6px 0;
  background:#555;
  
}
div.mod-languages li a{
  color:white !important;
  font-size:22px;
}
#first{
  /*min-height:70vh;*/
}
.page-275 #first{
  min-height:30vh !important;
}
.carousel-item {
	/*max-height: 95vh;*/
	min-height: 300px;
}

.max-h100 {
	max-height: 90vh !important;

}

.carousel-indicators [data-bs-target] {
	background: #222;
  flex:0 !important;
	height: 52px;
	width: 52px;
  margin-right:16px !important;
  opacity:1 !important;
  border:0 !important;
 
}

.carousel-inner{
 height:94vh;
  margin-top:0;
}
@media only screen and (max-width: 480px) and (orientation:portrait){
.carousel-inner{
 height:80vh;
  margin-top:0;
}
  
}
.carousel-inner:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*background: rgba(0, 0, 0, 0.6);*/
	z-index: 1;
}

.carousel-item img {
	height:74vh;
	width: 100%;
	object-fit: contain;



}

.carousel {
	background: #212529;
}

.carousel-indicators {
  position:absolute;
  justify-content:flex-start !important;
  bottom: 0 !important;
  margin:0  !important;
  padding:0;
  overflow-x:hidden;
  overflow-y:hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  height:75px;
  background: none !important;
  
}

.w-button{
  width:50px;
  height:50px;
  object-fit:cover;
}

/* ******************************************* */
.carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: flex;
	list-style: none;
	overflow: hidden !important;
  padding-left:70px !important;
}
.carousel-indicators::webkit-scrollbar{
  display:none;
}

.carousel-indicators button {
	width: 70px !important;
  height:50px !important;
		background: #212529 !important;
}
.carousel-indicators button.active img{
  border:1px solid #fff;
}
.cover {
  width:100%;
	padding: 0;
	position: relative;
	/*background: rgba(0, 0, 0, 0.5);*/
  height:68px;
  
}
.carousel-control-next, .carousel-control-prev {
  opacity:.9 !important;
}

.left {
	position: absolute;
	left: 0;
	top: 20%;
	height: 60px;
	/*transform: translateY(-50%);*/
  background:rgba(33,37,41,0.99) !important;
}

.right {
	position: absolute;
	right: 0;
	height: 60px;
	top: 20%;
	/*transform: translateY(-50%);*/
  background:rgba(33,37,41,0.99) !important;
}

.scroll-images {
	/*width: 100%;*/
	height: 50px;
	display: flex;
	flex-wrap: nowrap;
	overflow-x: hidden;
	overflow-y: hidden;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
  touch-action: pan-x; 
}
.scroll-images img{
  width:50px !important;
  height:50px !important;
  object-fit:cover;
}
.scroll-images::-webkit-scrollbar {
  display: none !important;
  scrollbar-width:none;
}
.backhist{
  position:absolute;
  z-index:9999;
  
}
@media screen and (min-width: 998px){
h4.mbottom{
  margin-bottom:30px;
}
}
.credit{
  float:right;
  margin-bottom:20px;

}
.credit::after{
  content: "";
  clear: both;
  display: table;
}

/* ************************************************** */



@media only screen and (min-width: 768px) and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {