/* Schaumann Custom CSS */

/* Link für die HTML oben
    <link rel="stylesheet" href="custom_CSS.css">
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="css/bootstrap-grid.css">
	<link rel="stylesheet" href="css/bootstrap-reboot.css">

		Unten

	<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
	<script src="js/bootstrap.bundle.js"></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/bootstrap.min.js"></script>
*/

/*== Fonts ==*/

@font-face {
    font-family: 'Myriad Pro';
    src: url('/fonts/MyriadPro-Regular.woff2') format('woff2'),
    url('/fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/*====General====*/

div {
    font-family: "Myriad Pro", sans-serif !important;
}

.hotspot-title {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    z-index: 99;
}

.hotspot-title > div {
    font-weight: 700 !important;
    width: fit-content !important;
    width: -moz-fit-content !important;
    text-align: center !important;
    background-color: #ffffff94;
    height: fit-content !important;
    height: -moz-fit-content !important;
    padding: 7px !important;
    margin-top: 0px !important;
    position: relative !important;
    font-size: 1.25rem;
    border-radius: 5px;
    font-family: "Open Sans", sans-serif;
}

video {
    outline: none;
}