html{
	scroll-behavior: smooth;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body{
	background: #ededed;
  }
.error{
	color: #ff6738;
	display: block;
}

#logo{
	width: 70px;
	height: 70px;
}
#logocontainer{
	margin: 25px 0;
}

.btn-primary{
	color:white;
	background:#009fe3;
	border: none;
}
.btn-primary-active{
	color:white;
	background:#009fe3;
	border: none;
	text-align: left;
}

.copy:hover{
	cursor: pointer;
	color: #009fe3;
}
.btn-back {
	width: 15%!important;
	margin-left: calc(var(--bs-gutter-x)/ 2);
}
.emshadow{
	-webkit-box-shadow: 0px 0px 14px -6px #e0e0e0; 
	box-shadow: 0px 2px 8px 2px #7f7f7f;
	border: none;
	border-radius: 8px;
}

.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #009fe3;
    border-color: #009fe3;
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #009fe3;
    border-color: #009fe3;
    box-shadow: 0 0 0 0.15rem #009fe3;
}
.form-control:focus {
    color: #212529;
    background-color: #fff;
    outline: 0;
    background-color: #fff;
    border-color: #009fe3;
    box-shadow: 0 0 0 0.15rem #009fe3;
}

.btn-primary:hover{
	-webkit-animation: pulse_contact 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse_contact 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse_contact 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse_contact 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    box-shadow: 0 0 0 0 #009fe3;
    background: #009fe3;
    background-image: url(https://i.gifer.com/Ozo.gif);
    background-size: 301%;
    background-position: -181px;
}

.alert-danger {
    color: #fff;
    background-color: #ff8080;
}
.alert {
    position: relative;
    padding: .5rem .5rem;
    margin-bottom: .5rem;
    border: none;
}
  
  /* Offcanvas CSS */
  body.offcanvas-active{
	  overflow:hidden;
  }
  
  .offcanvas-header{ display:none; }
  
  .screen-darken{
	  height: 100%;
	  width:0%;
	  z-index: 30;
	  position: fixed;
	  top: 0;
	  right: 0;
	  opacity:0;
	  visibility:hidden;
	  background-color: rgba(34, 34, 34, 0.6);
	  transition:opacity .2s linear, visibility 0.2s, width 2s ease-in;
  }
  
  .screen-darken.active{
	  z-index:10; 
	  transition:opacity .3s ease, width 0s;
	  opacity:1;
	  width:100%;
	  visibility:visible;
  }
  
.green{
	color: #00e36b;
}

.hr-sect:before, .hr-sect:after {
    content: "";
    flex-grow: 1;
    background: rgba(0,0,0,.3);
    height: 1px;
    font-size: 0;
    line-height: 0;
}
.hr-sect{
	display: flex;
    justify-content: center;
    align-items: center;
}
.hr-sect:before {
    margin: 0 30px 0 0;
}
.hr-sect:after {
    margin: 0 0 0 30px;
}
  /* ============ mobile view ============ */
  @media all and (max-width: 991px) {
	  
	  .offcanvas-header{ display:block; }
  
	  .mobile-offcanvas{
		  visibility: hidden;
		  transform:translateX(-100%);
		  border-radius:0; 
		  display:block;
		  position: fixed;
		  top: 0; left:0;
		  height: 100%;
		  z-index: 1200;
		  width:80%;
		  overflow-y: scroll;
		  overflow-x: hidden;
		  transition: visibility .3s ease-in-out, transform .3s ease-in-out;
		  background-color: #fff;
	  }
  
	  .mobile-offcanvas.show{
		  visibility: visible;
		  transform: translateX(0);
	  }
	  .mobile-offcanvas .container, .mobile-offcanvas .container-fluid{
		  display: block;
	  }
  
  }	
  /* ============ mobile view .end// ============ */

  /* ANIMATIONS */

  .slide-in-blurred-right {
	-webkit-animation: slide-in-blurred-right 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000) 150ms both;
	        animation: slide-in-blurred-right 0.4s cubic-bezier(0.230, 1.000, 0.320, 1.000) 150ms both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-7-3 9:10:38
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-blurred-right
 * ----------------------------------------
 */
 @-webkit-keyframes slide-in-blurred-right {
	0% {
	  -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
			  transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
	  -webkit-transform-origin: 0% 50%;
			  transform-origin: 0% 50%;
	  -webkit-filter: blur(40px);
			  filter: blur(40px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateX(0) scaleY(1) scaleX(1);
			  transform: translateX(0) scaleY(1) scaleX(1);
	  -webkit-transform-origin: 50% 50%;
			  transform-origin: 50% 50%;
	  -webkit-filter: blur(0);
			  filter: blur(0);
	  opacity: 1;
	}
  }
  @keyframes slide-in-blurred-right {
	0% {
	  -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
			  transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
	  -webkit-transform-origin: 0% 50%;
			  transform-origin: 0% 50%;
	  -webkit-filter: blur(40px);
			  filter: blur(40px);
	  opacity: 0;
	}
	100% {
	  -webkit-transform: translateX(0) scaleY(1) scaleX(1);
			  transform: translateX(0) scaleY(1) scaleX(1);
	  -webkit-transform-origin: 50% 50%;
			  transform-origin: 50% 50%;
	  -webkit-filter: blur(0);
			  filter: blur(0);
	  opacity: 1;
	}
  }

.btn-menu {
    color: #555151;
    background-color: #e1e7eb;
    border-color: #c5cbd1;
	text-align: left;
}

.navbar-nav .nav-link {
    padding-left: 1rem;
}

.navbar-dark {
	padding-left: 1rem; 
	background-color: black;
}

.px20{
	width: 20px;
}

.footer{
	color: #6f6f6f;margin-left: 0;margin-right: 0;
}

.menu-layout-switch-button {
	display: none;
}
.menu-layout-switch-nav {
	display: none;
}
.show-mobile {
	display: none;
}
.separator-mobile {
	display: none;
}

@media (max-width: 768px) {
	.menu-hidden {
		display: none; /* Verstecke das normale Sidemenu auf kleinen Bildschirmen */
	}
	.menu-layout-switch-show {
		display: block;
		margin-bottom: 1em;
		margin-top: 1em;
		border: 2px solid #212529;
		padding: 2%;
		border-radius: 10px;
		position: absolute;
		z-index: 1;
		width: 20em;
		background-color: white;
	}
	.menu-layout-switch-button {
		display: flex !important;
		border-radius: .25rem;
		width: 2rem;
		height: 2rem;
		justify-content: space-between;
	}
	.menu-layout-switch-nav {
		display: flex;
		color: white;
		background: #009fe3;
		border: none;
		text-transform: uppercase;
		text-align: left;
		height: 2rem;
		border-radius: .25rem;
		align-items: center;
	}
	.menu-switch-nav-button {
		background: none;
		border: none;
		color: white;
		text-transform: uppercase;
		width: 100%;
		text-align: left;
	}
	.menu-switch-img {
		position: absolute;
    	top: 2.4em;
	}
	.show-mobile {
		display: flex;
	}
	.hide-mobile {
		display: none;
	}
	body > main > div:nth-child(2) > div.col-xs-10.col-lg-10 > div > div.row {
		height:100%;
	}
	div#affiliate-program {
		padding: 0 calc(var(--bs-gutter-x)/ 2) !important;
	}
	.mobile-center {
		margin: 0 auto;
	}
	body > main > div.row.p-4.footer.mt-4.mb-4 {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	.separator-mobile {
		margin: 1em 0 1.5em 0;
		display: block;
	}
	.mobile-width {
		width: 100%;
	}
	.mobile-logo {
		display: flex;
		justify-content: center;
	}
	.mob_flex-dir-col {
		display: flex;
		flex-direction: column;
	}
	.mob_m-0 {
		margin: 0!important;
	}
	#logo {
		width: 8rem;
		height: 8rem;
	}
	#logo-div {
		margin: 0;
		padding: 1.5rem 0 0 0!important;
	}
	#div-menuDropdownButton {
		padding-right: 0!important;
		width:13.666667%!important;
	}
	.mob_detail-but {
		width: 100%;
		height: 2rem;
		font-size: 0.75rem;
		background: #009de0;
	}
	.mob_detail-but:focus {
		background: #198754;
	}
	.btn-back {
		width: 30%!important;
	}
}
@media (min-width: 768px) {
	.hide-desktop {
		display: none;
	}
}
.hide {
	display: none!important;
}

.shop-radio {
	padding: 10px;
    display: flex;
    background: #e1e7eb;
    border-radius: 3px;
    border: 1px solid lightgray;
    margin-bottom: 0.4rem;
	opacity: 0.5;
	overflow: hidden;
    padding-left: 2rem;
}
.shop-radio:hover {
    background: #e1e7eb;
	opacity: 1;
	cursor: pointer;
}
.shop-radio.active {
	background: #d5e0e8;
	opacity: 1;
}
.shop-radio label:hover{cursor: pointer;}/*
.shop-radio small {}*/

/* Radio Buttons Triangle */
.accordion-header {
	position: relative;
	overflow: hidden;
}

.triangle {
	position: absolute;
	width: 0;
	height: 0;
	left: -17px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 35px solid #bac1c7; /* Farbe des Dreiecks */
	top: 9px;
	transform: translateY(-5px) rotate(90deg);
	z-index: 1;
}

.triangle.active:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: -20px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 35px solid #ffd5e3; /* Farbe des Dreieckrands */
	top: -5px; /* Versatz des Dreieckrands */
	left: -24px;
	filter: blur(2px);
	z-index: -1;
}

.triangle.active:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: -20px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 35px solid #009fe3; /* Farbe des Dreiecks */
	top: -7px; /* Versatz des Dreieckrands */
	left: -22px;
	z-index: 1;
}
  
  input[type="radio"] {
	display: none;
  }
  
  .triangle.active {
	animation: move .3s ease-out forwards;
  }
  
  @keyframes move {
	50% {
	  transform: translateY(-5%) translateX(-1rem) rotate(85deg);
	  opacity: 0.5;
	}
	100% {
	  transform: translateY(-5%) translateX(0rem) rotate(90deg);
	  opacity: 1;
	}
  }

.ask-feedback-icon {
	position: fixed;
	bottom: 3%;
	left: 3%;
}

.btn-check:hover+label {
	background-color: #405b6280;
}

.btn-check:checked+label.iFeedback1 {
	background-color: #8de80080;
}

.btn-check:checked+label.iFeedback2 {
	background-color: #fcd20080;
}

.btn-check:checked+label.iFeedback3 {
	background-color: #f5556b80;
}

.iFeedback1, .iFeedback2, .iFeedback3 {
	border-color: #ffffff00!important;
}

.content-center {
	place-content: center;
}

.overflow-wrap-anywhere {
	overflow-wrap: anywhere;
}

.confetti {
	display: block;
	justify-content: center;
	align-items: center;
	position: fixed;
	width: 100%;
	bottom: 0;
	height: 150px;
	overflow: hidden;
	z-index: 1000;
}
.confetti-piece {
	position: absolute;
	width: 10px;
	height: 30px;
	background: #ffd300;
	top: 0;
	opacity: 0;
}
.confetti-piece:nth-child(1) {
	left: 7%;
	-webkit-transform: rotate(-40deg);
	-webkit-animation: makeItRain 1000ms infinite ease-out;
	-webkit-animation-delay: 182ms;
	-webkit-animation-duration: 1116ms;
}
.confetti-piece:nth-child(2) {
	left: 14%;
	-webkit-transform: rotate(4deg);
	-webkit-animation: makeItRain 1000ms infinite ease-out;
	-webkit-animation-delay: 161ms;
	-webkit-animation-duration: 1076ms;
}
.confetti-piece:nth-child(3) {
	left: 21%;
	-webkit-transform: rotate(-51deg);
	-webkit-animation: makeItRain 1000ms infinite ease-out;
	-webkit-animation-delay: 481ms;
	-webkit-animation-duration: 1103ms;
}
.confetti-piece:nth-child(4) {
	left: 28%;
	-webkit-transform: rotate(61deg);
	-webkit-animation: makeItRain 1000ms infinite ease-out;
	-webkit-animation-delay: 334ms;
	-webkit-animation-duration: 708ms;
}
.confetti-piece:nth-child(5) {
	left: 35%;
	-webkit-transform: rotate(-52deg);
	-webkit-animation: makeItRain 1000ms infinite ease-out;
	-webkit-animation-delay: 302ms;
	-webkit-animation-duration: 776ms;
}
.confetti-piece:nth-child(6) {
	left: 42%;
	-webkit-transform: rotate(38deg);
	-webkit-animation: makeItRain 1000ms infinite ease-out;
	-webkit-animation-delay: 180ms;
	-webkit-animation-duration: 1168ms;
}
.confetti-piece:nth-child(7) {
	left: 49%;
	-webkit-transform: rotate(11deg);
	-webkit-animation: makeItRain 1000ms infinite ease-out;
	-webkit-animation-delay: 395ms;
	-webkit-animation-duration: 1200ms;
}
.confetti-piece:nth-child(8) {
	left: 56%;
	-webkit-transform: rotate(49deg);
	-webkit-animation: makeItRain 1000ms infinite ease-out;
	-webkit-animation-delay: 14ms;
	-webkit-animation-duration: 887ms;
}
.confetti-piece:nth-child(9) {
	left: 63%;
	-webkit-transform: rotate(-72deg);
	-webkit-animation: makeItRain 1000ms infinite ease-out;
	-webkit-animation-delay: 149ms;
	-webkit-animation-duration: 805ms;
}
.confetti-piece:nth-child(10) {
	left: 70%;
	-webkit-transform: rotate(10deg);
	-webkit-animation: makeItRain 1000ms infinite ease-out;
	-webkit-animation-delay: 351ms;
	-webkit-animation-duration: 1059ms;
}
.confetti-piece:nth-child(11) {
	left: 77%;
	-webkit-transform: rotate(4deg);
	-webkit-animation: makeItRain 1000ms infinite ease-out;
	-webkit-animation-delay: 307ms;
	-webkit-animation-duration: 1132ms;
}
.confetti-piece:nth-child(12) {
	left: 84%;
	-webkit-transform: rotate(42deg);
	-webkit-animation: makeItRain 1000ms infinite ease-out;
	-webkit-animation-delay: 464ms;
	-webkit-animation-duration: 776ms;
}
.confetti-piece:nth-child(13) {
	left: 91%;
	-webkit-transform: rotate(-72deg);
	-webkit-animation: makeItRain 1000ms infinite ease-out;
	-webkit-animation-delay: 429ms;
	-webkit-animation-duration: 818ms;
}
.confetti-piece:nth-child(odd) {
	background: #7431e8;
}
.confetti-piece:nth-child(even) {
	z-index: 1;
}
.confetti-piece:nth-child(4n) {
	width: 5px;
	height: 12px;
	-webkit-animation-duration: 2000ms;
}
.confetti-piece:nth-child(3n) {
	width: 3px;
	height: 10px;
	-webkit-animation-duration: 2500ms;
	-webkit-animation-delay: 1000ms;
}
.confetti-piece:nth-child(4n-7) {
	background: red;
}
@-webkit-keyframes makeItRain {
	from {
	opacity: 0;
	}
	50% {
	opacity: 1;
	}
	to {
	-webkit-transform: translateY(350px);
	}
}

.datepick-line {
	border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: solid silver 2px;
}

.em_card {
	border: solid silver 1px;
	padding: 1em;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.em_shadow {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	border-radius: 8px;
}

.timeular_resync:hover {
	cursor: pointer;
}

.jobtag-tooltip {
	display: block;
    position: absolute;
    background: rgb(255, 237, 249);
    margin: 1em 1em 1em 0;
    padding: 0.45em;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}