/*
DUS Font
================================================== */

@font-face {
	font-family:"DUS";
    src: url('./fonts/DUSFaktPro-Normal.eot');
	src: url('./fonts/DUSFaktPro-Normal.eot?#iefix') format('embedded-opentype'),
	url('./fonts/DUSFaktPro-Normal.woff') format("woff"),
    url('./fonts/DUSFaktPro-Normal.woff2') format('woff2'),
	url('./fonts/DUSFaktPro-Normal.ttf') format("truetype");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family:"DUS SemiBold";
    src: url('./fonts/DUSFaktPro-SemiBold.eot');
	src: url('./fonts/DUSFaktPro-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('./fonts/DUSFaktPro-SemiBold.woff') format("woff"),
    url('./fonts/DUSFaktPro-SemiBold.woff2') format('woff2'),
	url('./fonts/DUSFaktPro-SemiBold.ttf') format("truetype");
	font-weight: 600;
	font-style: normal;
}


/*
Default Settings
================================================== */

/* Reset Safari User Agent Styles */
* { -webkit-padding-start: 0px; }

/* For some Reason Enfold uses the Socket-Color for Default Background? */
html {
    background: #fff !important;
}

.logo img {
    height: 2rem;
    display: inline;
}

#socket {
	width: 100%;
    position: fixed;
    max-height: 50px;
    bottom: 0;
}


/*
Full Size Map
================================================== */

/* Full Size Map in Color-Section (#map) | Reset Padding */
#map .container {
	min-width: 100% !important;
	padding: 0; 
	margin: 0; 
}

/* Code-Block in Color-Section (.map) | Defines Settings for iFrame */ /* Height Header *//* Height Footer */
/*.map {
	position: fixed;
    width: 100%;
    top: 88px;		
    bottom: 50px;	
    left: 0;
}
*/

/*
iPhone Map
================================================== */

/* iPhone Background Image in Text-Block (.iphone) */
.iphone {    
	text-align: center;
	margin-bottom: -250px;
}

/* iPhone Spinner Image in Text-Block (.iphone) */
.spinner {
    top: -120px;
    z-index: -5;
}

/* Reset FireFox User Agent Styles | Apparentely FireFox has a different Pixel-Ration | Check */
@media screen and ( -webkit-min-device-pixel-ratio:0 ) { 
	.iphone {    
		margin-bottom: -270px;
	}
}

/* iOS Safari | Chrome | Small Display Fix */
@media only screen and (max-width: 767px) {
	#iphone-map .container {
		width: 351px !important;
		max-width: unset !important;
	}
}