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

body{
	overflow-x: hidden;
}

a{
	text-decoration: none;
}
/* -------------------------------------------------------- BG */

.bg-header-img {
	background-image:url("../img/Aktionsende_Header.jpg");
	height: 40vw;
	background-size: cover;
}

.bg-gray {
	background-color: #e6e8ea;
}

.bg-purple {
	background-color: #a12794;
}

.bg-dark-purple{
	background-color: #79247c;
}

.bg-green {
	background-color: #2c9f57;
}

.bg-black{
	background-color: #000000;
}


.bg-plants {
	background-image: url("../img/bg_plants.png");
	background-size: 670px;
	background-repeat: none;
}

/* -------------------------------------------------------- Font */

.font-arial {
	font-family: 'arial', sans-serif;
	font-size: 16px;
}

.font-gilroy {
	font-family: 'girloy', sans-serif;
	font-size: 38px;
}

.font-size-24{
	font-size: 24px;
}


.font-size-symbols {
	font-size: 20px;
	font-weight: bold;
	color: #130c47;
}

.font-size-buttons {
	font-size: 20px;
	cursor: pointer;
}

.font-size-univoq {
	font-size:50px;
}

.font-size-conditions-head {
	font-size: 20px;
}

.font-size-conditions {
	font-size: 13px;
}

.font-purple {
	color:#a12794;
}

.font-white{
	color: #ffffff;
}

.nav-link-ueber-corteva{
	color: #000000;
}

/*----------------------------------------*/

.white-box {
	bottom: 30px;
	background-color: white;
	position: absolute;
}

.responsive {
	display: none;
}

.checkbox-size {
	height: 20px;
	width: 20px;
}

.border-right-green {
	border-right: solid #00dc78 4px;

}

.footer-links{
	font-size: 20px;
	font-weight: bold;
	margin-right: 20px;
	cursor: pointer;
}
.footer-links:last-child{
	margin-right: 0;
}

.modal-dialog{
	max-width: 100%;
	width: 50%;
}

#TeilnahmebedingungenModalX,
#SubmitModalX{
	border: none;
	background: none;
	font-size: 20px;
}

.aufzaehlung{
	font-size: 24px;
}

svg{
	height: 25px;
}

.cls-1 {
	fill: #0d6efd;
	stroke-width: 0px;
  }

.cls-1:hover {
	fill: #0a58ca;
	stroke-width: 0px;
  }

#teilnahmebedingungen-label-link{
	cursor: pointer;
}

.errorHint{
	color: red;
}

#rechnung_input_label_hint span{
	display: none;
}

#rechnung_input_label_hint.errorHint span{ 
	display: inline;
}

@media only screen and (max-width: 1000px) {
	.white-box {
		display:none;
	}
	.responsive {
		display: block
	}
}

@media only screen and (max-width: 768px) {
	.modal-dialog{
		max-width: 100%;
		width: 80%;
		margin: 10px auto;
	}
	.footer-links{
		font-size: 20px;
	}
	svg{
		height: 20px;
	}
}