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

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

.btn-primary{
	color:white;
	background:#FF2B71;
	border: none;
	text-transform: uppercase;
}
.btn-primary-active{
	color:white;
	background:#FF2B71;
	border: none;
	text-transform: uppercase;
	text-align: left;
}

.copy:hover{
	cursor: pointer;
	color: #FF2B71;
}
.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 0px 14px -6px #e0e0e0;
border: none;
}

.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: #fa5a90;
    border-color: #fa5a90;
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #fa5a90;
    border-color: #fa5a90;
    box-shadow: 0 0 0 0.15rem rgb(250 90 144 / 100%);
}
.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 rgb(255 0 149 / 70%);
    background: #fa5a90;
    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;
}

.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: #FF2B71;
		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 #FF2B71; /* 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;
}