body, html {
        height: 100%;
		margin: 0;
    }

* {
    box-sizing: border-box;
}

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  
.bg-image {
    background-image: url(../_img/Patientenbad.jpg);
	transition-duration: 1500ms !important;
	transition-property: background-image;
    width: 100%;
	height: calc(100% - 50px);
    background-position: top center;
    background-repeat: repeat-y;
    background-size: cover;
    background-blend-mode: normal;
    background-color: #e6e6eb;
    position: fixed;
}


h1.start-head, text.start-head {
    font-size: 32px;
    font-family: Mulish, sans-serif;
    font-weight: 300;
    line-height: 1.1;
    color: #000;
    margin-bottom: 12px;
    margin-top: 0;
    height: 70px;
}

div.overview-point {
    display: inline-block;
    min-width: 175px;
    text-align: left;
    min-height: 175px;
    background-color: rgba(153, 190, 200, 0.8);
    margin: 12px;
    height: calc(33.3vh - 50px);
    width: calc(33.3vh - 50px);
}

div.overview-point:has(svg) {
	padding: 0px;
	overflow: visible;
}

div.navi-bar {
    position: absolute;
    bottom: 65px;
    width: 100%;
    text-align: center;
    height: 33.3vh;
}

.overview-point a.button {
    padding: 7px 10px 8px;
}

div.overview-point p, svg.overview-point text.svg-span {
    font-size: 18px;
    font-family: Mulish, sans-serif;
    font-weight: 300;
    height: 45px;
    line-height: 1.35;
}

a.button, button.button {
    color: #000;
    background: none;
    transition: all .4s ease;
    font-family: Mulish, sans-serif;
    font-weight: 400;
    text-align: center;
    font-size: 13px;
    line-height: 1.2;
    border-radius: 6em;
    margin-top: 17px;
    margin-bottom: 6px;
    text-transform: none;
    border-color: #000;
    border: 1px solid #000;
    text-decoration: none;
	display: inline-block;
}

a.button:hover, a.button:active, a.tour-link:hover, a.tour-link:active, button.button:hover, button.button:active, a.experience-now:hover {
	cursor: pointer;
	opacity: 0.6;
}

a.experience-now {
    margin-top: 34px;
    margin-bottom: 12px;
}

a.experience-now img {
    margin-top: 17px;
    display: inline-block;
    width: 80% !important;
}

footer {
	background-color: #e1d8b9;
	padding: 10px 15px;
	bottom: 0%;
	height: 50px;
	position: fixed;
	width: 100%;
}

a.navigation {
    text-align: center;
    display: inline-block;
    margin: 0 auto;
	transform: translateX(-10px);
}

div.footer-links {
	display: inline-block;
    text-align: center;
    width: calc(100% - 60px);
	height: 30px;
}

textstyle {
	font-family: Mulish,sans-serif; 
	font-size: 20px !important; 
	font-weight: 200; 
	letter-spacing:0px;
}

textstyle h4 {
	font-size: 20px !important;
	font-weight: 200 !important;
}

textstyle b {
	line-height: 1.5em;
}

/* div:has(> div > div > div > iframe#krpano_iframe_IFRAME_HTML) {
	width: calc(100vw - 120px) !important;
    max-width: 1344px;
    margin: 0 auto;
    transform: translate(60px, calc(10% - 30px)) !important;
	display: inline-block;

}

div:has(> div > div > div > iframe#krpano_iframe_IFRAME_HTML) div:has(*) {
	width: 100% !important;
}