@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: 'Droid Sans', 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: #222222;
		line-height: 1.3;
	}

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

	h1, h2, h3, h4, h5, h6 {
		color: #1F3A18;
	}

	h1 {
		font-size: 190%;
	}

	h2 {
		font-size: 120%;
		color: #297f0c;
	}

	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: #297f0c;
	}

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

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

		@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 {
		margin: 10px auto;
		padding: 0px;
		width: 850px;
		z-index: 100;
		display: flex;
		justify-content: center;
	}

		@media screen and (max-width: 870px) {
			.logos_container {
				padding: 0;
				width: 100%;
			}
		}
	
	.logo_container
	 {
		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-radius: 10px;
		border-top: 10px solid #F1B700;
	}

	.logo_container-special {
	   background-color: #FFFFFF;
	   display: inline-block;
	   font-size: 80%;
	   padding: 20px;
	   text-align: center;
	   vertical-align: top;
	   width: 375px;
	   z-index: 100;
	   text-align: center;
	   border-radius: 10px; 
	   border-top: 10px solid #297f0c;
	   margin-right: 13px;
   }

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

		.logo_container:last-child,
		#logo-special {
			margin: 0px 0px 0px 0px;
			border-top: 10px solid #FD2A2A;
		}

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

			}
			
			.logo_container:last-child .choose:hover {
				background-color: #FD2A2A;
				border: 2px solid #FD2A2A;
				color: #FFFFFF;
			}

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

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

	.mail_link:hover {
		color: #297f0c;
		text-decoration: none;
	}

	.mail_link-blue {
		color: #1F3A18;
		text-decoration: none;
	}

	.mail_link-blue:hover {
		color: #297f0c;
		text-decoration: none;
	}

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

		.address.KID815 {
			width: 244px;
		}

		.green {
			color: #1F3A18;
		} 
		
	.choose {
		background-color: #297f0c;
		border: 2px solid #297f0c;
		color: #ffffff;
		cursor: pointer;
		display: inline-block;
		font-size: 100%;
		font-weight: 700;
		margin-top: 15px;
		padding: 12px;
		text-decoration: none;
		border-radius: 10px;
		min-width: 75px;
	}

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

	.choose-special {
		background-color: #1F3A18;
		border: 2px solid #1F3A18;
		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: #297f0c;
			border: 2px solid #297f0c;
			color: #FFFFFF;
	}

	.legals {
		color: #1F3A18;
		font-size: 100%;
		text-align: center;
		padding-top: 40px;
   		padding-bottom: 40px;
	}

	.abstand {
		padding-bottom: 12px;
	}

	@media screen and (max-width: 870px) {
		h1 {
			font-size:20px;
		}
	}

	@media screen and (max-width: 870px) {
		h2 {
			font-size:15px;
		}
	}

	@media screen and (max-width: 870px) {
		h3 {
			font-size:15px;
			line-height: 1.2;
		}
	}

@media screen and (max-width: 870px) {
	.text_container {
		display:none;
	}
}

@media screen and (max-width: 870px) {
	.text_container-mobile {
		display:block;
		background-color: #FFFFFF;
		display: inline-block;
		font-size: medium;
		z-index: 100;
		text-align: center;
		border-radius: 10px;
		border-top: 10px solid #297f0c;
		padding: 4%;
		margin: 10px;
	}
}

@media screen and (min-width: 870px) {
	.text_container-mobile {
		display:none;
	}
}


@media screen and (max-width: 870px) {
	.logos_container {
		display:none;
	}
}

@media screen and (max-width: 870px) {
	.logos_container-mobile {
		display:block;
		margin: 10px;
	}
}

@media screen and (min-width: 870px) {
	.logos_container-mobile {
		display:none;
	}
}

@media screen and (min-width: 870px) {
	.logos_container-mobile {
		display:none;
	}
}

	.cb-slideshow {
		background-color: #1F3A18;
		border-top: 10px solid #297f0c;
	}

	.cb-slideshow {
	background-color: #1F3A18;
}

.text-blue {
	color: #1F3A18;
}

@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%;
}
}