html,
body {
  font-family: 'Open Sans';
  font-size: 1rem;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.pnlm-container {
  font-family: 'Open Sans';
}

.modal-body-mtyp1 {
  padding: 0;
}

.close-button {
  position: absolute;
  right: -1.1em;
  font-size: 2rem;
  color: #0071ce;
  height: 30px;
  width: 30px;
  border-radius: 15px;
  background-color: #fff;
}

.close {
	height: 30px !important;
	width: 30px !important;
	border-radius: 15px !important;
	background-color: #fff !important;
	line-height: 1rem !important;
	margin-top: 0.5rem;
}

.close-button:hover {
  color: #000;
}
	

.mtyp1-container {
  background: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fdfeff;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0);
}

.container-text {
  padding-right: 20px;
  margin-bottom: 40px;
}

.headline {
  padding: 1rem;
}

p {
  font-size: 1rem;
}

a {
    color: #green;
    text-decoration: none;
    background-color: transparent;
	margin-bottom: 2rem
}

a:hover {
    color: #green;
}

ol, ul {
	list-style-type: disc;
	margin-bottom: 2rem;
}

li {
  font-size: 1rem;
}  
	
h1, h2, h3, h4, h5 {
color: #0071ce !important;
}

.grey {
  background: #4b4b4d;
  min-height: 50px;
}

.white {
  background: #fff;
}

.landingpage-backdrop {
  background: url('../shared/img/landing-page-background.jpg');
  /* background: url('/assets/shared/img/landing-page-background.jpg'); */
}

.start-tour-button img {
  height: 48px;
}

.landingpage-container {
  max-width: 1200px;
}

.logo-container {
  width: 250px;
}

.jub-logo-container {
  width: 150px;
}

.logo {
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}

.introText {
  font-size: 1em;
  max-width: 800px;
}

.tour-texts {
  background: rgba(255, 255, 255, 0.75);
}

.play-button-img {
  width: 48px;
}

.start-link {
  color: #000;
  font-size: 1.3em;
  white-space: nowrap;
}

.start-link a:hover {
  color: #000;
}

.event-card {
  color: white;
  background: rgba(161, 205, 58, 1);
}
.event-card .card-header {
  background: #244f2d;
}

.event-card a {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
}

.event-card a:hover {
  color: #fff;
  text-decoration: underline;
}

lib-event-login .card-body a:nth-child(1) 
{ 	  background: #15254d !important; }


lib-event-login  a {

	  padding: .375rem .75rem !important;
	  border-radius: .25rem !important;
}
 
.card-body > .p-2 {

	  padding-right: 0px !important;
}



.btn-primary {
	  background: #244f2d;
	  border-color: #244f2d;
}

.btn-primary:hover {
	  background: #244f2d;
	  	  border-color: #244f2d;
}

.welcome-banner {
	height: 380px !important;
    width: 380px !important;
    border-radius: 50%;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  /* Durchscheinendner HIntergrung: */
  /* background-color: rgba(0, 0, 0, 0.3); */
  /* Nicht Durchscheinendner HIntergrung: */
  background-color: #4b4b4d;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.legal-content {
	background-color: #4b4b4d;
	opacity: 0.99;
	color: #ffffff; 
	min-height: 100%;
	padding: 75px 35px 25px 35px;
}


.marker {
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-radius: 15px;
  animation: pulse-dot 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
  cursor: pointer;
  @media (max-width: 1280px) {
    width: 46px;
    height: 46px;
  }
  @media (max-width: 1024px) {
    width: 42px;
    height: 42px;
  }
  @media (max-width: 640px) {
    width: 38px;
    height: 38px;
  }
  -webkit-filter: drop-shadow(7px 7px 3px #0000007c);
  filter: drop-shadow(7px 7px 3px #0000007c);
}


.markerTitle {
  width: 180px !important;
  background:  rgba(161, 205, 58, 0.5) !important;
  padding: 5px !important;
  margin-top: 40px !important;
  white-space: pre-wrap !important;
  font-size: 1.2rem;

}

.markerTitle {

  color: #fff;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 90%;
  transform: translate(-50%, -50%);
/*   visibility: hidden; */

}

/* .markerTitle:hover,
.markerTitle.hover {
visibility: visible;

} */