body{
	font-family:'Helvetica Neue LT W01_55 Roman';
}
.bg{
	position: relative;
	width: 100%;
	max-width: 100%;
	background-image: url("../img/medimi.jpg") top ;
	background-position: center top;
	z-index: 1;
	top:0;
}
.top-header{
	position: relative;
	width: 100%;
	max-width: 100%;
}
.logo-a{
	display: block;
}
.logo-a:hover{
	display: block;
	cursor: pointer;
}
.logo-svg{
	width: 130px;
	position: absolute;
	top: 50px;
	display: block;
}

.bg-wrap{
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 2;
	color: #FFF;
	background-color: rgba(1, 77, 138, 0.9);

}
.bg-2{
	position: relative;
	width: 100%;
	height: auto;
	z-index: 2;
	color: #FFF;
	background-color: #647da7;
	border-top: 2px rgba(35, 40, 75, 0.6) solid;
	border-bottom: 2px rgba(35, 40, 75, 0.6) solid;
	margin-bottom: 40px;
}
.bg-light{
	position: relative;
	width: 100%;
	height: auto;
	padding: 10px 0;
	z-index: 2;
	color: #FFF;
	background-color: #fff;
}

.mail{
	position: relative;
	display: block;
	width: 50px;
	height: auto;
	margin: 20px auto;
	z-index: 2;
}
.mail-ikon, .phone{
	display: inline-block;
	position: absolute;
	width: 60px;
}
.phone{
	height: 45px;
}

h1,h2,p{
	z-index: 2;
	color: #fff;
	font-family:'Helvetica Neue LT W01_25 UltLt';
}

.menu-headline{
	position: absolute;
	display: block;
	bottom: 0;
	margin-top: 50px;
	width: 250px;
	top:170px;
}
.menu-p{
	position: relative;
	font-size: 20px;
	color: #6987ba;
	line-height: 25px;
}
.headline{
		position: relative;
	z-index: 2;
	color: #23284b;
	font-family:'Helvetica Neue LT W02_55 Roman';
	font-size: 25px;
	line-height: 40px;
}
h1{
	position: relative;
	z-index: 2;
	color: #23284b;
	font-family:'Helvetica Neue LT W02_55 Roman';
	font-size: 24px;

}
h2{
	font-family:'Helvetica Neue LT W02_65 Md';
	color: #252525;
	font-size: 22px;
	text-align: left;
	
}
p{
	font-family:'Helvetica Neue LT W02_55 Roman';
	font-size: 16px;
	text-align: left;
	color: #252525;
}
.quotes{
	font-size: 100px;
	line-height: 0;
	margin: 0;
	padding: 0;
	display: block;
	color: #fff;
	font-family:'Helvetica Neue LT W02_55 Roman';
	z-index: 2;
}
.emphasis{
	font-family:'Helvetica Neue LT W02_85 Heavy';
	color:#23284b;
}
.bullits{
	color:#000;
	font-family:'Helvetica Neue LT W02_55 Roman';

}
.bullits li{
	margin-bottom: 20px;
	color:#000;
	font-family:'Helvetica Neue LT W02_55 Roman';
}
.bullits li a{
	color: #000;
	text-align: center;
	display: block;
}
.samarbejdspartner{
	width: 200px;
	display: block;
	margin: auto;
}
.text{
	color: #000;
	font-family:'Helvetica Neue LT W02_55 Roman';
	line-height: 20px;
	margin-bottom: 20px;
	display: block;
}
.subline{
	font-family:'Helvetica Neue LT W02_55 Roman';
	display: block;
	margin-top: 20px;
	font-size: 12px;
	color: #7c7c7c;
}
.thumb{
	display: block;
	margin: auto;
	width: 150px;
}
.button{
	font-family:'Helvetica Neue LT W02_55 Roman';
	background-color: #647da7;
}
.button:hover{
	background-color: #7c9fdc;
}
.hover-underline-menu {
	width: 100%;
}

.hover-underline-menu .menu {
	background-color: transparent;
}

.hover-underline-menu .menu a {
	color: #fefefe;
	padding: 1.2rem 1.5rem;
	font-family:'Helvetica Neue LT W02_65 Md';
}

.hover-underline-menu .menu .underline-from-center {
	position: relative;
}
.underline-from-center{
	font-size: 16px;
	font-family:'Helvetica Neue LT W02_65 Md';
}
.hover-underline-menu .menu .underline-from-center::after {
  content: "";
  position: absolute;
  top: calc(100% - 0.125rem);
  border-bottom: 0.125rem solid rgba(255, 255, 255, 0.3);
  left: 50%;
  right: 50%;
  transition: all 0.5s ease;
}

.hover-underline-menu .menu .underline-from-center:hover::after {
  left: 0;
  right: 0;
  transition: all 0.5s ease;
}


.liste{
	
	font-family:'Helvetica Neue LT W02_65 Md';
	list-style-type: none;
	text-indent: 0;
	color: rgb(35, 40, 75);
}
:host(.media-document.audio.mac){
	min-width: 0!important;
	max-width: 571px!important;
}
@media screen and (max-width: 650px) { 
	.bg{
			background-image: url("../img/medimismart.jpg");

	}
	.left{
		width: 100%;
		height: 20vh;
		border-radius: 0;
		padding: 0;
		margin: 0;
	}
	.tag-line-wrap{
	}
	.logo{
		display: block;
		margin:20px auto;
	}
	.mail{
		margin:10px auto;
	}
}
@media screen and (max-width: 450px) { 
	.bg{
			background-image: url("../img/medimismart.jpg");

	}
	.left{
		width: 100%;
		height: 45vh;
		border-radius: 0;
		padding: 0;
		margin: 0;
	}
	.tag-line-wrap{
	}
	.logo{
		margin:20px auto;
	}
	.mail{
		margin:10px auto;
	}
}
@media screen and (max-width: 350px) { 
	.bg{
			background-image: url("../img/medimismart.jpg");

	}
	.left{
		width: 100%;
		height: 50vh;
		border-radius: 0;
		padding: 0;
		margin: 0;
	}
	.tag-line-wrap{
	}
	.logo{
		display: block;
		position: relative;
		width: 200px;
		height: auto;
				margin:20px auto;

		
	}
	.mail{
		display: block;
		margin:10px auto;
	}
}

/*email*/
*email*/
.input-text{
	max-width: 100%;
}
textarea{
	height: 100px;
	max-width: 100%;
}
#phone{
	
	max-width: 100%;
}
#errors {
	display:block;
	width:100%;
	max-width: 100%;
	color: #f691ee;
	display:none;
}
#errors li {
	list-style:none;
	color: #000;	
}

#errors li:before {
	content: ' - ';	
}

#errors #info {
	font-weight:bold;
}

#errors #info:before {
	content: '';	
}

#success {
	display:block;
	width:100%;
	max-width: 100%;
	color: #647da7;
	display:none;
}

#errors.visible, #success.visible {
	display:block;	
}
#req-field-desc {
	color: #647da7;
	margin-top: 18px;
	font-size: 0.9em;
}
ul.kontakt{
	list-style: none;
	font-size: 1em;
}
input.subject{
	display: none;
}