/* POPUP */

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

.website_popup {
	width: fit-content;
    max-width: 30vw;
	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.exit_intent_size {
	width:500px;
	transform: translate(-50%, -50%);
	 top: 50%;
    left: 50%;
	bottom: unset;
}

.popup_reminder.exit_intent_size {
	display: none !important;
}

@media only screen and (max-width: 767px) {
	.website_popup.exit_intent_size {
		width:50vw;
		bottom:unset;
	}
}

.website_popup img {
	width:100%;
	height: auto;
}
.website_popup .close {
	display: flex;
    width: 34px;
    height: 34px;
    background: #b41e2f;
    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;
    align-items: center;
    justify-content: center;
}
.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:#b41e2f;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 8px;
	font-size: 16px;
	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:20px;
	left:20px;
	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;
}
.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: fit-content;
        padding: 32px 18px;
		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;
		        max-width: 77vw;
		bottom:80px;
		left:10vw;
	}
	.website_popup.right {
		bottom:80px;
	}
	.website_popup.big {
		width:100%;
		max-width:77vw!important;
		bottom:80px;
	}
	.popup_content {
		overflow-y: scroll;
   		 overflow-x: hidden;
		height: fit-content;
        padding: 32px 18px;
		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; 
}
}