@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Noto Sans Display';
	font-style: normal;
	font-weight: 400;
	src: local(''),
		 url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/noto-sans-display-v20-latin-regular.woff2') format('woff2'), 
		 url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/noto-sans-display-v20-latin-regular.woff') format('woff'); 
  }

  @font-face {
	font-family: 'Noto Sans Display';
	font-style: normal;
	font-weight: 700;
	src: local(''),
		 url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/noto-sans-display-v20-latin-700.woff2') format('woff2'), 
		 url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/noto-sans-display-v20-latin-700.woff') format('woff'); 
  }

  @font-face {
	font-family: 'Noto Sans Display';
	font-style: italic;
	font-weight: 400;
	src: local(''),
		 url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/noto-sans-display-v20-latin-italic.woff2') format('woff2'), 
		 url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/noto-sans-display-v20-latin-italic.woff') format('woff'); 
  }

  @font-face {
	font-family: 'Noto Sans Display';
	font-style: italic;
	font-weight: 700;
	src: local(''),
		 url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/noto-sans-display-v20-latin-700italic.woff2') format('woff2'), 
		 url('https://cdn2.comvalue.com/pharmacom/assets/design/fonts/noto-sans-display-v20-latin-700italic.woff') format('woff'); 
  }

	html {
		font-family: 'Noto Sans Display', sans-serif;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/background.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/background.jpg', sizingMethod='scale')";
	}

	body, li {
		color: #000000;
		line-height: 1.3;
	}

	strong, b, h1, h2, h3, h4, h5, h6 {
		font-weight: 700;
	}

	h1 {
		color:#104e8a;
	}
	
	h2, h3, h4, h5, h6 {
		color: #9C9C9A;
	}

	h1 {
		font-size: 260%;
	}

	h2 {
		font-size: 120%;
		color: #104e8a;
	}

	h3 {
		font-size: 120%;
		line-height: 1.8;
	}

	.text_website {
		color: #bd1321;
		font-weight: 700;
	}

	p {
		margin: 15px 0px 0px 0px;
	}

	.root {
		margin: 20px auto;
		position: relative;
		width: 850px;
		z-index: 100;
	}

	.color	{
		text-decoration: none !important;
		color: #000000;
	}

	.color:hover	{
		text-decoration: none !important;
		color: #104e8a;
	}

		@media screen and (max-width: 870px) {
			.root {
				width: 100%;
			}
		}

	.text_container {
		background-color: #f1f6fb;
		display: inline-block;
		font-size: medium;
		margin: 15px auto;
		padding: 20px;
		width: 810px;
		z-index: 100;
		text-align: center;
		border-top: 10px solid #104e8a;
	}

		@media screen and (max-width: 870px) {
			.text_container {
				padding: 5%;
				width: 90%;
			}
		}

	.text_container .logo {
		margin: 0px 0px 20px 20px;
	}

	.intro {
		background-color: #FFFFFF;
		display: inline-block;
		font-size: 80%;
		margin: 5px auto 10px auto;
		padding: 20px 20px 20px 20px;
		width: 810px;
	}

		@media screen and (max-width: 870px) {
			.intro {
				padding: 2% 5% 2% 5%;
				width: 90%;
			}
		}

	.logos_container {
		display: inline-block;
		margin: 10px auto;
		padding: 0px;
		width: 850px;
		z-index: 100;
	}

		@media screen and (max-width: 870px) {
			.logos_container {
				padding: 0;
				width: 100%;
			}
		}
	
	.logo_container,
	.logo_container-special
	 {
		background-color: #FFFFFF;
		display: inline-block;
		font-size: 80%;
		margin: 0px 21px 0px 0px;
		padding: 20px;
		text-align: center;
		vertical-align: top;
		width: 372px;
		z-index: 100;
		text-align: center;
		border-top: 10px solid #104e8a;
	}

	.logo_container:hover, 
	.text_container:hover, 
	.logo_container-special:hover {
		-webkit-box-shadow: 0px 0px 10px 0px #000000;
		-moz-box-shadow: 0px 0px 10px 0px #000000;
		box-shadow: 0px 0px 10px 0px #000000;
	}

		.logo_container:last-child,
		#logo-special {
			margin: 0px 0px 0px 0px;
		}

			@media screen and (max-width: 870px) {
				.logo_container, 
				.logo_container-special,
				#logo-special {
					padding: 5% 0%;
					margin: 0px 0px 20px 0px;
					width: 100%;
				}

				.logo_container:last-child {
					margin: 0px 0px 0px 0px;
				}
			}

	a:-webkit-any-link {
		text-decoration: none;
		color: #000000;
	} 
			
	a:-webkit-any-link:hover {
		color: #104e8a;
	} 
			
	a.choose:hover {
		color:#ffffff;
	}

	a.mail_link.impressum,
	a.mail_link.impressum strong {
		text-decoration: none;
		color: #ffffff;
	} 

	a.mail_link.impressum:hover strong {
		color: #104e8a;
	}

	.link {
		color: #000000;
		margin: 0px;
		padding: 0px;
		text-decoration: none;
		vertical-align: top;
	}

	.mail_link {
		color: #000000;
		text-decoration: none;
	}

	.mail_link:hover {
		color: #104e8a;
		text-decoration: none;
	}

	.mail_link-blue {
		color: #9C9C9A;
		text-decoration: none;
	}

	.mail_link-blue:hover {
		color: #104e8a;
		text-decoration: none;
	}

	.address {
		margin: 15px auto 17px auto;
		text-align: center;
		font-size: medium;
	}

		.address.KID815 {
			width: 244px;
		}

		.green {
			color: #104e8a;
		} 
		
	.choose {
		background-color: #ffffff;
		border: 2px solid #104e8a;
		color: #104e8a;
		cursor: pointer;
		display: inline-block;
		font-size: 100%;
		font-weight: 700;
		margin: 0px;
		padding: 15px;
		text-decoration: none;
	}

	.choose:hover {
		background-color: #104e8a;
		border: 2px solid #104e8a;
		color: #FFFFFF;
	}

	.choose-special {
		background-color: #9C9C9A;
		border: 2px solid #9C9C9A;
		color: #ffffff;
		cursor: pointer;
		display: inline-block;
		font-size: 100%;
		font-weight: 700;
		margin-left: 10px;
		margin-right: 10px;
		padding: 15px;
		text-decoration: none;
		border-radius: 10px;
	}
	
	.choose-special:hover {
			background-color: #104e8a;
			border: 2px solid #104e8a;
			color: #FFFFFF;
	}

	.legals {
		color: #000000;
		font-size: 80%;
		text-align: center;
	}

	.cb-slideshow {
		background-color: #9C9C9A;
		border-top: 10px solid #104e8a;
	}

	.cb-slideshow {
	background-color: #9C9C9A;
}

.margin-top {
	margin: 0px 0px 15px 0px;;
}

.text-blue {
	color: #9C9C9A;
}

@media screen and (max-width: 870px) {
.text_container .logo {
    margin: 0px 0px 0px 0px;
}

@media screen and (max-width: 870px) {
.text_container .logo {
    padding: 5% 0%;
    margin: 0px 0px 20px 0px;
    width: 100%;
}
}