:root {
		--col_pri: #8DC63F;
		--col_sek: #425968;
		--col_schwarz: #222222;
		--col_grau: #444444;
		--col_hellgrau: #DDDDDD;
		--col_rot: #D44444;
		--col_rot_dunkel: #942F2F;
		--col_rahmen_farbe: #dfdfdf;
		--col_pri_rgb_04: rgba(217, 59, 59, 0.4);
		--ueberschrift: 'Roboto_Bold';
		--ueberschrift2: 'Roboto_Medium';
		--ueberschrift3: 'Roboto_Regular';
		--ueberschriftSerif: 'RobotoSerif_Medium';
		--fliesstext: 'Roboto_Light';
		--fliesstext_regular: 'Roboto_Regular';
		--roboto_black: 'Roboto_Black';
}
@font-face {
		font-family: 'Roboto_Black';
		src: local('schriften/Roboto_Black.ttf'), url('schriften/Roboto_Black.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
}
@font-face {
		font-family: 'Roboto_Bold';
		src: local('schriften/Roboto_Bold.ttf'), url('schriften/Roboto_Bold.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
}
@font-face {
		font-family: 'Roboto_Medium';
		src: local('schriften/Roboto_Medium.ttf'), url('schriften/Roboto_Medium.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
}
@font-face {
		font-family: 'Roboto_Regular';
		src: local('schriften/Roboto_Regular.ttf'), url('schriften/Roboto_Regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
}
@font-face {
		font-family: 'Roboto_Light';
		src: local('schriften/Roboto_Light.ttf'), url('schriften/Roboto_Light.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
}
@font-face {
		font-family: 'RobotoSerif_Medium';
		src: local('schriften/RobotoSerif_Medium.ttf'), url('schriften/RobotoSerif_Medium.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
}
body {
		background-color: #f4f4f4;
		font-family: var(--fliesstext_regular) !important;
		min-height: 100vh;
}
#particles-js {
		opacity: 0.2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
}
.form-check-input {
	/*
	&:active {
		filter: $form-check-input-active-filter;
	}
	*/
	&:focus {
		border-color: var(--col_pri) !important;
		outline: 0;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(141, 198, 63, 0.6) !important;
	}
}
.form-select {
	&:focus {
		/*
			--col_pri: #8DC63F;
			== rgb(141, 198, 63);
		*/
		border-color: var(--col_pri) !important;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(141, 198, 63, 0.6) !important;
	}
}
.form-control {
	&:focus {
		/*
			--col_pri: #8DC63F;
			== rgb(141, 198, 63);
		*/
		border-color: var(--col_pri) !important;
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(141, 198, 63, 0.6) !important;
	}
	&::file-selector-button {
		color: white !important;
		background-color: var(--col_pri) !important;
		border-color: var(--col_pri) !important;
	}
	&:hover:not(:disabled):not([readonly])::file-selector-button {
		background-color: var(--col_sek) !important;
		border-color: var(--col_sek) !important;
	}
	/* does not really work */
	&:active::file-selector-button {
		background-color: var(--col_sek) !important;
		border-color: var(--col_sek) !important;
	}
}
.pfeo_app_icon {
		height: 160px;
		border-radius: 30px;
		box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.07);
}
.pfeo_bildcontainer {
		background-image: url('../../intern/anlagen/bilder/webseite/bg.png');
		height: 440px;
}
.pfeo_bildcontainer_bild {
		max-height: 240px;
		box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.07);
		background-color: white !important;
		border-radius: 14px;
		border: black !important;
		border-style: solid !important;
		border-width: 7px !important;
}
.pfeo_bildcontainer_titel {
		font-size: 60px;
		font-family: var(--roboto_black) !important;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: var(--col_sek) !important;
}
.pfeo_bildcontainer_untertitel {
		font-family: var(--fliesstext) !important;
		color: var(--col_pri) !important;
		letter-spacing: 1px;
		text-transform: uppercase;
		margin-top: 14px;
		font-size: 20px;
}
.pfeo_blau {
		color: var(--col_sek) !important;
}
.pfeo_blau_bg {
		background-color: var(--col_sek) !important;
}
.pfeo_button_bestellen {
		background-color: #ADC291;
		border-color: #ADC291;
		text-transform: uppercase;
		padding: 20px 50px;
		font-size: 18px;
		border-radius: 100px;
		font-family: var(--fliesstext);
		letter-spacing: 2px;
}
.pfeo_button_bestellen:hover {
		background-color: var(--col_sek) !important;
		border-color: var(--col_sek) !important;
}
.pfeo_button_infos {
		background-color: #ADC291 !important;
		border-color: #ADC291 !important;
}
.pfeo_button_infos:hover {
		background-color: var(--col_sek) !important;
		border-color: var(--col_sek) !important;
}
.pfeo_captcha_bild {
		height: 38px;
		border-radius: .375rem;
}
.pfeo_captcha_code {
		background-color: var(--col_sek) !important;
		color: white;
		text-align: center;
}
.pfeo_captcha_eingabe {
		color: var(--col_pri) !important;
		text-align: center;
}
.pfeo_card_login {
		max-width: 440px;
		border-radius: 12px;
		box-shadow: 0px 0px 7px 2px rgba(0, 0, 0, 0.07);
		border: none;
}
.pfeo_container_footer {
		background-color: var(--col_sek) !important;
}
footer p:last-child {
  margin-bottom: 0;
}
.pfeo_container_service {
		padding: 7rem 3rem;
		background-image: url('../../intern/anlagen/bilder/webseite/service.jpg');
		background-size: cover;
}
.pfeo_container_webseite {
		padding: 7rem 3rem;
		min-height: 100%;
}
.pfeo_container_webseite_titel {
		text-transform: uppercase;
		letter-spacing: 3px;
		font-family: var(--roboto_black) !important;
		margin-bottom: 60px;
		color: var(--col_sek) !important;
}
.pfeo_container_webseite_titel_gruen {
		text-transform: uppercase;
		letter-spacing: 3px;
		font-family: var(--roboto_black) !important;
		margin-bottom: 60px;
		color: var(--col_pri) !important;
}
.pfeo_fussleiste {
		height: 70px;
		font-family: var(--fliesstext) !important;
}
.pfeo_fussleiste_links {
		color: white;
		font-size: 14px !important;
}
.pfeo_fussleiste_links:hover {
		color: var(--col_pri) !important;
}
.error_link {
		color: var(--col_pri);
}
.error_link:hover {
		color: #568316 !important;
}
.pfeo_gruen {
		color: var(--col_pri) !important;
}
.pfeo_gruen_bg {
		background-color: var(--col_pri) !important;
}
.pfeo_hauptcontainer {
		box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.07);
		background-color: white !important;
		padding: 0;
		min-height: 100vh;
}
.pfeo_icon_gross {
		font-size: 140px;
		color: var(--col_pri) !important;
}
.pfeo_infoseite_ue1 {
		text-transform: uppercase;
		letter-spacing: 3px;
		font-family: var(--roboto_black) !important;
		font-size: 30px;
		color: var(--col_sek) !important;
		margin-bottom: 20px;
}
.pfeo_infoseite_ue2 {
		text-transform: uppercase;
		letter-spacing: 3px;
		font-family: var(--roboto_black) !important;
		font-size: 22px;
		color: var(--col_sek) !important;
		margin-bottom: 20px;
}
.pfeo_infoseite_text {
		margin-bottom: 60px;
}
.pfeo_intern_text {
		margin-bottom: 2em;
		font-size: 18px;
		font-family: var(--fliesstext) !important;
		color: var(--col_sek) !important;
}
.pfeo_karte {
		-moz-transition: all .2s ease-in;
		-o-transition: all .2s ease-in;
		-webkit-transition: all .2s ease-in;
		transition: all .2s ease-in;
		height: 100%;
		border-color: #f6f6f6;
}
.pfeo_karte:hover {
		background-color: #adc29136;
		cursor: pointer;
}
.pfeo_kontakt_karte {
		border: none;
		box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.07);
		background-color: white !important;
		padding: 24px;
}
.pfeo_kontakt_nachricht {
		text-align: center;
		font-size: 22px;
		font-family: var(--fliesstext) !important;
}
.pfeo_landingpage_eingabe {
		color: var(--col_pri) !important;
}
.pfeo_lizenzen_titel {
		font-size: 22px;
		color: var(--col_sek) !important;
}
.pfeo_lizenzen_preis {
		font-size: 50px;
		color: var(--col_pri) !important;
}
.pfeo_login_button {
		background-color: var(--col_pri) !important;
		border-color: var(--col_pri) !important;
}
.pfeo_login_button:hover {
		background-color: var(--col_sek) !important;
		border-color: var(--col_sek) !important;
}
.pfeo_navigationslink {
		font-size: 18px;
		font-family: var(--fliesstext) !important;
		line-height: 20px;
		color: var(--col_sek) !important;
		margin-left: 16px;
}
.pfeo_pfeoplayer_info_reihe {
		margin-bottom: 120px;
		animation: pfeo_fade_up 1s;
}
.pfeo_rot {
		color: var(--col_rot) !important;
}
.pfeo_row_funktionen {
		margin-bottom: 100px;
		height: 600px;
}
.pfeo_ue {
		font-family: var(--ueberschrift) !important;
}
.pfeo_videovorschau {
		box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.07);
		background-color: white !important;
		border-radius: 14px;
		border: black !important;
		border-style: solid !important;
		border-width: 10px !important;
}
.pfeo_vorschaubild {
		box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.07);
		background-color: white !important;
		border-radius: 10px;
}
.pfeo_vorschaubild_rahmen {
		box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.07);
		background-color: white !important;
		border-radius: 14px;
		border: var(--col_sek) !important;
		border-style: solid !important;
		border-width: 6px !important;
}
.pfeo_webseite_icon {
		font-size: 44px;
		color: var(--col_pri) !important;
}
@media (max-width: 992px) {
		.pfeo_hauptcontainer {
				max-width: 100%;
		}
		.pfeo_bildcontainer {
				max-width: 100%;
		}
		.pfeo_container_webseite {
				max-width: 100%;
		}
		.pfeo_container_funktionen {
				max-width: 100%;
		}
		.pfeo_container_service {
				max-width: 100%;
		}
		.pfeo_container_footer {
				max-width: 100%;
		}
		.pfeo_bildcontainer_bild {
				max-height: 180px;
				border-radius: 10px;
				box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.07);
		}
}
@media (max-width: 768px) {
		.pfeo_bildcontainer_titel {
				font-size: 36px;
				font-family: var(--roboto_black) !important;
				letter-spacing: 1px;
				text-transform: uppercase;
				color: var(--col_sek) !important;
				text-align: center;
		}
		.pfeo_bildcontainer_untertitel {
				font-family: var(--fliesstext) !important;
				color: var(--col_pri) !important;
				letter-spacing: 1px;
				text-transform: uppercase;
				margin-top: 14px;
				margin-bottom: 32px;
				font-size: 16px;
				text-align: center;
		}
		.pfeo_bildcontainer_bild {
				max-height: 140px;
				box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.07);
				background-color: white !important;
				border-radius: 10px;
				border: black !important;
				border-style: solid !important;
				border-width: 4px !important;
		}
		.pfeo_icon_gross {
				font-size: 100px;
				color: var(--col_pri) !important;
				text-align: center;
		}
		.pfeo_funktionen_bild {
				visibility: collapse;
		}
		.pfeo_videovorschau {
				box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.07);
				background-color: white !important;
				border-radius: 10px;
				border: black !important;
				border-style: solid !important;
				border-width: 4px !important;
		}
		.pfeo_navbar_toggle {
				background-color: white;
				width: 100%;
				border-top-left-radius: 0px;
				border-top-right-radius: 0px;
				border-bottom-right-radius: 16px;
				border-bottom-left-radius: 16px;
				text-align: center;
				margin-top: 24px;
		}
		.pfeo_navigationslink {
				margin-bottom: 16px;
		}
		#pfeo_col_login {
				visibility: collapse;
		}
}
@keyframes pfeo_fade_up {
		0% {
				opacity: 0;
				transform: translateY(30px) scale(0.9);
		}
		100% {
				opacity: 1;
				transform: translateY(0px) scale(1);
		}
}

.required-label:after {
  content:" *";
  color:red;
}