/* CSS Document */

body {
	font-size: 1.2rem;
	line-height: 1.4rem;
	height: 100%;
	display: flex;
	flex-direction: column;
}


body,
.cc-window,
.cc-revoke {
	min-width: 320px;
}

footer {
	width: 100%;
}

footer hr {
	border-top: 1px solid var(--color-white);
	width: 23em;
}

footer img {
	width: 14em;
}




div#navheight {
	/*background-image: linear-gradient(#1E496B, var(--color-blue));*/
	background-color: var(--color-blue);
	height: 40px;
	width: 100%;
	display: inline-block;
}

nav.navbar {
	 box-shadow: 0 0 40px 15px #444;
}

.nav-link {
	white-space: nowrap;
}

section div.row div.section-top {
	background-color: var(--color-blue);
	color: var(--color-white);
	height: 300px;
	width: 100%;
	display: inline-block;
}

div#section-container {
	height: 100%;	
}

img.navbar-brand {
	/*padding: 0 !important;*/
	width: 320px;
}

.row,
.col-lg-12 {
	margin: 0;
	padding: 0;
}

li.nav-item {
	font-size: 1.2rem;
	font-weight: bold;
}

li.nav-item a {
	text-decoration: none;
}

li.nav-item-blue a {
	background-color: var(--color-blue);
	color: var(--color-white);
	border-bottom-left-radius: 15% 50%;
	border-bottom-right-radius: 15% 50%;
	border-top-right-radius: 15% 50%;
	border-top-left-radius: 15% 50%;
	padding-left: 20px !important;
	padding-right: 20px !important;
	margin-left: 5px;
}

a.menu-telephone,
a.menu-telephone-number,
a.menu-envelope {
	padding-left: 5px !important;
	padding-right: 5px !important;
	white-space: nowrap;
}


a.menu-telephone-number {
	font-size: 1.4rem;
	font-weight: bold;
	text-decoration: none;
	padding-left: 0 !important;
	padding-right: 10px !important;
	padding-top: 0.3rem !important;
	vertical-align: bottom;
	
	/*transition-property: width;
	transition-duration: 2s;
	transition-timing-function: linear;
	transition-delay: 1s;*/
}

a.menu-telephone img,
a.menu-envelope img {
	height: 40px;
}


.nav-icons a.menu-telephone-number {
	display:none;	
}



footer {
	padding-top: 3em;
	padding-bottom: 2em;
}


nav.navbar .nav-icons {
	display: flex;
	flex-direction: row; 
}

.content-homedesign {
	background-color: var(--color-blue);
	color: var(--color-white);
}

.content-homedesign .team img {
	width: 35vh;
}

.content-homedesign .team {
	font-size: 2rem;
	line-height: 2.3rem;
	text-align: center;
	vertical-align: middle;
}

.content-homedesign .slogen {
	padding-top: 20px;
}

.content-homedesign .image {
}



.content-homedesign hr {
	border-top: 1px dashed var(--color-white);
	padding-bottom: 20px;
	margin-bottom: 0;
}
/*.content-homedesign > div > div > div {
	display: inline;
	vertical-align: middle;
}*/ 

section.home-section div.heading-content {
	background-color: var(--color-blue);
	color: var(--color-white);
	margin-bottom: 40px;
}

section.home-section div.heading-content h1 {
	padding-top: 30px;
	padding-bottom: 30px;
}


section.home-section img.imgright {
	float: right;
	margin: 0 0 10px 10px;
	width: 50%;
}
section.home-section img.imgleft {
	float: left;
	margin: 0 10px 0 10px;
	width: 50%;
}
section.home-section img.imgcenterbig {
	display: block;
	margin: auto;
	width: 100%;
}

section.home-section img.imgcenternormal {
	display: block;
	margin: auto;
	width: 50%;
}


#orderform input, select {
	border-width: 2px;
}


.farmaorderform {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><rect x="0" y="0" width="100" height="100" stroke="black" stroke-width="0" fill="rgb(28,117,188)" /></svg>');
	background-size: 128px;
	background-repeat: repeat-x;
}

.farmaorderform .news .ContentItem {
	padding: 25px;
	margin: 10px;
	background-color: var(--color-gray);
	
	/*border:14px solid var(--color-blue);*/
	border-radius: 8px;
}

div.farmaorderform  div.singlecolumn div#dataarea {
	display:flex;
	flex-direction: row;
	gap: 20px;

}
/*---------------------------------  1079px ---------------------------*/

@media all and (max-width: 1079px) {
	img.navbar-brand {
		width: 200px;
	}
	div.farmaorderform  div.singlecolumn div#dataarea {
		flex-direction: column;
	}
}


/*---------------------------------  991px ---------------------------*/

@media all and (max-width: 991px) {
	.nav-after a.menu-telephone-number,
	.nav-after a.menu-telephone,
	.nav-after a.menu-envelope {
		display: none;
	}
	/*.nav-after {
		display: none;
	}*/
	
	.nav-item-blue .nav-link {
		display: inline-block;
	}
	img.navbar-brand {
		width: 170px;
	}
}

/*---------------------------------  992px ---------------------------*/

@media all and (min-width: 992px) {
	.nav-pre a.menu-telephone-number,
	.nav-pre a.menu-telephone,
	.nav-pre a.menu-envelope {
		display: none;
	}
	
	/*.nav-pre {
		display: none;
	}*/
	
	
}


/*---------------------------------  549px ---------------------------*/

@media all and (max-width: 549px) {
	a.menu-telephone-number,
	a.menu-telephone,
	a.menu-envelope {
	
	}
	a.menu-telephone img, 
	a.menu-envelope img {
		height: 28px;
		padding-top:10px;
	}
	a.menu-telephone-number {
		font-size: 2vh;
		margin-top:4px;
	}
	
	img.navbar-brand {
		width: 140px;
	}
	
	.navbar-toggler{
		padding: 4px;
	}
	

	
	footer {
		font-size: 0.8em;
	}
}
/* end of file */