/* 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: 99999 !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.left {
	left:40px;
	bottom:116px;
	overflow:visible;
}
.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;
	box-sizing:border-box;
	display:grid;
	place-items:center;
	background:#81bf89;
	position: absolute;
	right:-15px;
	top:-15px;
	border-radius: 100px;
	color:#000;
	text-align: center;
	font-family:Arial,sans-serif;
	font-size:20px;
	line-height: 1;
	padding:0;
	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:12px;
	color: #000;
}
.popup_headline {
	font-size:21px;
	font-weight: 700;
	margin-bottom:10px;
}
.popup_button {
	border-radius: 8px;
	background:#000 !important;
	padding: 5px 25px;
	color:#FFF !important;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 500;
}
.popup_button:hover {
	opacity: 0.8;
}

.popup_text {
	padding-bottom:20px;
}
.popup_text p {
	
	line-height: 1.4em;
}
.popup_text ul {
	padding-left:18px !important;
}

.popup_text ul li {
	list-style: disc !important;
}

.popup_reminder {
	width:64px;
	height:64px;
	border-radius: 100px;
	position: fixed;
	bottom:111px;
	left:40px;
	z-index: 999999 !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;
	display: none;
}
.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: 1450px) {
	.popup_content {
		overflow-y: scroll;
   		 overflow-x: hidden;
		height: auto;
		padding-bottom: 25px;
		scrollbar-width: thin; 
	}
	.popup_content::-webkit-scrollbar {
    width: 10px; 
}

.popup_content::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

.popup_content::-webkit-scrollbar-thumb {
    background: #888; 
}

.popup_content::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
}

@media only screen and (max-width: 767px) {
	.website_popup {
		width:80vw;
		bottom:80px;
	}
	.website_popup.right {
		bottom:80px;
	}
	.website_popup.big {
		width:90vw;
		bottom:80px;
	}
	.popup_content {
		overflow-y: scroll;
   		 overflow-x: hidden;
		height: 250px;
		scrollbar-width: thin; 
	}
	.popup_content::-webkit-scrollbar {
    width: 10px; 
}

.popup_content::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

.popup_content::-webkit-scrollbar-thumb {
    background: #888; 
}

.popup_content::-webkit-scrollbar-thumb:hover {
    background: #555; 
}
}

@media (hover: none) and (pointer: coarse) {
	.popup_headline {
		font-size:18px;
	}
	.popup_reminder {
		width:48px;
		height:48px;
		bottom:78px;
		left:20px;
	}
	.website_popup.left {
		left:20px;
		bottom:80px;
		overflow:visible;
	}
}