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


h1, h2, h3, h4, h5, h6 {z-index: 100000;}
hr {border-top: 1px solid red !important;}

.navbar-toggler {border-color: #757575 !important; background: #b3b7c0;}
.slider {display: none;}
.spacing {margin-top: 2em;}

.bg-iq	{background-image: url(/iq-hygiene/image/iq-background.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.blog-footer {background-color: #d80d31 !important; color: #fff !important;}
.blog-footer a {color: #fff !important; text-decoration: underline;}

.alert {background: #000000; color: #fff; }
.alert a {color: #fff; text-decoration: underline;}

.nav-link {color: #3f4797 !important; font-weight: bold;}
.navbar {margin-bottom: 5px;}

.card-body {background: #d80d31; color: #fff; margin-bottom: 2em; padding-bottom: 0.5em;}
.card-body h5 {color: #fff !important; }
.card-text {z-index: 100000; color: #212529;}


.card-body-products .card-body {background: #fff; color: #d80d31;}
.card-body-products .card-body h5 {color: #d80d31 !important;}

.carousel-caption .btn-primary {background-color: #d80d31; border: 1px solid #d80d31;}
.carousel-caption p {font-size: 2em; color: #626262;}
.carousel-caption h1 {hyphens: auto; text-shadow: 3px 3px 4px #fff; margin-bottom: none;}

.jumbotron {background-image: url(/iq-hygiene/image/audreys-iq.jpg); padding: 25rem 0rem 1rem; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.display-4 {font-weight: 500; color: #fff; background: #702a59; padding: 0.45em;}

.title h5 {font-size: 0.3em;}


.cookieConsentContainer {
	z-index: 999;
	width: 350px;
	min-height: 20px;
	box-sizing: border-box;
	padding: 30px 30px 30px 30px;
	background: #232323;
	overflow: hidden;
	position: fixed;
    bottom: 30px;
	right: 30px;
	display: none;
}
.cookieConsentContainer .cookieTitle a {
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 22px;
	line-height: 20px;
	display: block;
}
.cookieConsentContainer .cookieDesc p {
	margin: 0;
	padding: 0;
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 13px;
	line-height: 20px;
	display: block;
	margin-top: 10px;
} .cookieConsentContainer .cookieDesc a {
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	text-decoration: underline;
}
.cookieConsentContainer .cookieButton a {
	display: inline-block;
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-top: 14px;
	background: #000000;
	box-sizing: border-box; 
	padding: 15px 24px;
	text-align: center;
	transition: background 0.3s;
}
.cookieConsentContainer .cookieButton a:hover { 
	cursor: pointer;
	background: #3E9B67;
}

@media (max-width: 980px) {
	.cookieConsentContainer {
		bottom: 0px !important;
		left: 0px !important;
		width: 100%  !important;
	}
}



#contactForm {background-image: url(/iq-hygiene/image/iq-background-kontakt.jpg)}

@media (max-width: 760px) {
	.carousel-caption h1 {font-size: 2em;}
	.slider {display: block;}
	.original {display: none;}
	.card-body h5 {hyphens: auto;}
	
}

@media (max-width: 400px) {
	h1 {font-size: 1.75em !important;}
	.title h5 {font-size: 0.3em; font-weight: none;}
	
}