.ce_as_mini_popup {
	position: fixed;
	z-index: 9998;
	right: 80px;
	top: 50%;
	transform: translateY(-50%);
	min-width: 300px;
	max-width: 500px;
	visibility: hidden;
	opacity: 0;
	display: none;
	transition: all ease .5s;
	@media screen and (max-width: 550px) {
		right: 5px;
		left: 5px;
		max-width: 100%;
		min-width: auto;
	}
	&.open {
		visibility: visible;
		opacity: 1;
		display: block;
	}
	.ce_as_mini_popup_inside {
		padding: 20px;
		padding-right: 30px;
		// background-color: $auritasgruen;
		color: #fff;
		border-radius: 10px;
		box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
		&.bg-white {
			* {
				color: var(--body-color) !important;
			}
		}
		&.bg-accent, &.bg-second {
			* {
				color: #fff;
			}
		}
		&.bg-second {
			.ce_headline {
				* {
					color: var(--accentColor);
				}
			}
			.ce_url {
				a {
					color: var(--accentColor);
				}
			}
		}
		.close_button {
			position: absolute;
			right: 7.5px;
			top: 7.5px;
			color: #fff;
			cursor: pointer;
			font-size: 40px;
			line-height: 15px;
			&:hover {
				scale: 1.25;
				transition: all ease .1s;
			}
		}
		.ce_headline {
			margin-bottom: 10px;
			* {
				color: #fff;
				font-weight: 600;
			}
		}
		.ce_textarea {
			font-weight: 600;
		}
		.ce_url {
			a {
				color: #fff;
				font-weight: bold;
				transition: all ease .15s;
				&:after {
					font-family: FontAwesome;
					content: '\f105';
					font-size: 19px;
					display: inline;
					margin-left: 5px;
					font-size: inherit;
					text-rendering: auto;
					-webkit-font-smoothing:antialiased;
					-moz-osx-font-smoothing: grayscale;
					transition: all ease .15s;
				}
				&:hover {
					opacity: 0.75;
					&:after {
						margin-left: 10px;
					}
				}
			}
		}
	}
}