@font-face {
    font-family:"Saar Headline";
    src:url("/typo3conf/ext/ma_x_sitepackage/Resources/Public/Fonts/Saar/Saar1450Headline-Regular.woff2") format("woff2"),
    url("/typo3conf/ext/ma_x_sitepackage/Resources/Public/Fonts/Saar/Saar1450Headline-Regular.woff") format("woff"),
    url("/typo3conf/ext/ma_x_sitepackage/Resources/Public/Fonts/Saar/Saar1450Headline-Regular.ttf") format("truetype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Saar Regular";
    src:url("/typo3conf/ext/ma_x_sitepackage/Resources/Public/Fonts/Saar/Saar1450Text-Regular.woff2")
    format("woff2"),url("/typo3conf/ext/ma_x_sitepackage/Resources/Public/Fonts/Saar/Saar1450Text-Regular.woff")
    format("woff"),url("/typo3conf/ext/ma_x_sitepackage/Resources/Public/Fonts/Saar/Saar1450Text-Regular.ttf")
    format("truetype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Saar Bold";
    src:url("/typo3conf/ext/ma_x_sitepackage/Resources/Public/Fonts/Saar/Saar1450Text-Bold.woff2")
    format("woff2"),url("/typo3conf/ext/ma_x_sitepackage/Resources/Public/Fonts/Saar/Saar1450Text-Bold.woff")
    format("woff"),url("/typo3conf/ext/ma_x_sitepackage/Resources/Public/Fonts/Saar/Saar1450Text-Bold.ttf")
    format("truetype");
    font-style:normal;font-weight:700;
}

:root {
    --bg-color: #eeeff0;
    --azure: #2b6bab;
    --azure-light: #079AC0;
    --azure-light-cold: #e9f3f7;
    --cyan-dark: #033D68;
    --cyan-light-2: #079AC0;
    --bs-font-sans-serif: "Saar Regular" !important;
}

body { font-family: "Saar Regular" !important; }

#main {
    overflow: hidden
}

.instimg {
    position: relative;
    text-align: center;
}

.modal-image {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

#main {
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}
#main:before {
	content: "";
	display: block;
	width: 100%;
	padding-top: 68%;
}

#fimg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: url(../Lageplan.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}

.fullsizeimg {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    width: auto;
    scrollbar-width: none;
}
.hotspot { position: absolute; width: 32px; height: 32px; }

#imagecage {
    max-width: 100vh;
    max-height: 100vh;
}

#lists {
    background-color: #ffffff;
	margin-top: -30px;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.modal-body{
    background-size: cover;
}

.btncls {
    background-color: #1577B5;
    color: white;
    position: relative;
    float: right;
    padding: 10px;
    border-radius: 15px;
    border-color: transparent;
}

.listmarker {
    width: 32px;
    height: 32px;
}

.beschreibung {
    position: relative;
    border-top: transparent;
    border-radius: 15px;
    padding: 10px;
    margin-right: 0;
    margin-left: 0;
	margin-top: 20px;
}
.beschreibung h4 {
    color: #1577B5;
}

.modal-body { min-height: 600px; }

a { text-decoration: none !important; color: #212529 !important; }
a:hover { color: #000000 !important; cursor: pointer; }

#legende {
	-webkit-columns: 3 320px;
	-moz-columns: 3 320px;
	columns: 3 320px;
	max-width: 100%;
	overflow: hidden;
}
#legende ul { list-style-type: none; }
#legende ul li { margin-left: -20px; }

@-webkit-keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	14% {
		-webkit-transform: scale(2);
		transform: scale(2);
	}

	28% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	42% {
		-webkit-transform: scale(2);
		transform: scale(2);
	}

	70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	14% {
		-webkit-transform: scale(2);
		transform: scale(2);
	}

	28% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	42% {
		-webkit-transform: scale(2);
		transform: scale(2);
	}

	70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.heartBeat {
	-webkit-animation-name: heartBeat;
	animation-name: heartBeat;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

@-webkit-keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}

	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}
.btncls {
    background-color: #033D68;
    color: white;
    position: relative;
    float: right;
    padding: 2px;
    border-radius: 50px;
    border-color: transparent;
    height: 30px;
    width: 30px;
}

a { color: #1577B5 !important; }

#lists {
    background-image: url(../Textflaeche_Hochformat.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 bottom;
    /* experimental */
    width: 85%;
    left: 162px;
    position: absolute;
    margin-top: -18px;
    /* experimental end */
}