/* POPUP */

.website_popup a {
	color:#444444;
	text-decoration: none;
}
.website_popup a:hover {
	text-decoration: none;
}

.website_popup {
	width:300px;
	height:auto;
	position: fixed;
	bottom:20px;
	left:20px;
	z-index: 999999 !important;
	display: block;
	-webkit-box-shadow: 0px 0px 47px 18px rgba(0,0,0,0.23); 
	box-shadow: 0px 0px 47px 18px rgba(0,0,0,0.23);
	background:#FFF;
	border-radius: 15px;
	display: none;
}
.website_popup.right {
	bottom:20px;
	right:20px;
	left:auto;
}
.website_popup.big {
	width:500px;
}
.website_popup img {
	width:100%;
	height: auto;
}
.website_popup .close {
	width:30px;
	height:30px;
	background:#81bf89;
	position: absolute;
	right:-15px;
	top:-15px;
	border-radius: 100px;
	color:#FFF;
	text-align: center;
	font-size:25px;
	line-height: 30px;
	cursor: pointer;
	z-index: 99;
}
.website_popup.right .close {
	left:-15px;
	right:auto;
}

.website_popup img {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.popup_content {
	padding:20px;
}
.popup_headline {
	font-size:19px;
	font-weight: 700;
}
.popup_button {
	border-radius: 50px;
	background:#81bf89;
	padding-left: 28px;
	padding-right: 28px;
	padding-top: 8px;
	padding-bottom: 8px;
	color:#FFF !important;
	text-decoration: none;
}
.popup_button:hover {
	opacity: 0.8;
}

.popup_text {
	padding-bottom:20px;
}
.popup_text p {
	font-size:15px !important;
	line-height: 1.4em;
}

.popup_reminder {
	width:70px;
	height:70px;
	border-radius: 100px;
	position: fixed;
	bottom:40vh;
	left:20px;
	z-index: 999 !important;
	-webkit-box-shadow: 0px 0px 47px 18px rgba(0,0,0,0.23); 
	box-shadow: 0px 0px 47px 18px rgba(0,0,0,0.23);
	background:#FFF;
	display: none;
}
.popup_reminder .reminder_inner {
	height: 100%;
	display: flex;
  	align-items: center;
  	justify-content: center;
}


.popup_reminder img {
	width: 60%;
	height: auto;
}
.popup_reminder .info_icon {
	position: absolute;
	top:0px;
	right:-2px;
}
.popup_reminder img.info_icon {
	width:20px !important;
	height: auto;
}
.popup_reminder img.icon_weiss {
	filter: invert(99%) sepia(9%) saturate(2%) hue-rotate(74deg) brightness(114%) contrast(100%);
}
.popup_reminder img.icon_schwarz {
	filter: invert(0%) sepia(0%) saturate(7465%) hue-rotate(338deg) brightness(91%) contrast(109%);
}

@media only screen and (max-width: 767px) {
	.website_popup {
		width: 90vw;
        bottom: 64px;
		padding-bottom: 2px;
	}
	.website_popup.right {
		bottom:120px;
	}
	.website_popup.big {
		width:60vw;
		bottom:120px;
	}
}