/* Menu Icons */
.menu__item.info-tooltip a,
[class*="menu__item--icon-"] {
	position: relative;
}

[class*="menu__item--icon-"] a::before {
	content: '';
	width: 1.54em;
	height: 1.54em;
	background-color: var(--base);
	-webkit-mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
}

.menu__item--icon-coupon a::before {
	-webkit-mask-image: url('http://schuetzenberg.efeqta.com/wp-content/uploads/icon-voucher-dark.png');
	mask-image: url('http://schuetzenberg.efeqta.com/wp-content/uploads/icon-voucher-dark.png');
}

.menu__item--icon-map a::before {
	-webkit-mask-image: url('http://schuetzenberg.efeqta.com/wp-content/uploads/icon-location-dark.png');
	mask-image: url('http://schuetzenberg.efeqta.com/wp-content/uploads/icon-location-dark.png');
}

.menu__item--icon-phone a::before {
	-webkit-mask-image: url('http://schuetzenberg.efeqta.com/wp-content/uploads/icon-phone-dark.png');
	mask-image: url('http://schuetzenberg.efeqta.com/wp-content/uploads/icon-phone-dark.png');
}

/* Info Tooltip */
.info-tooltip {cursor: pointer;}
.info-tooltip:not(.menu__item) {position: relative;}

.menu__item.info-tooltip a span,
.info-tooltip__text {
	position: absolute;
	inset: auto 0 0 0;
	z-index: 999;
	min-width: 150px;
	transform: translateY(100%);
	font-size: var(--text-m);
	color: var(--base);
	font-weight: 400;
	text-align: center;
	padding: 1.334em;
	text-transform: none;
	line-height: 1.333;
	background-color: var(--neutral);
	opacity: 0;
	pointer-events: none;
}

.menu__item.info-tooltip a span {
	left: 50%;
	transform: translate(-50%, calc(100% + 4px));
	padding: .1334em .3334em;
}
.info-tooltip:not(.menu__item) .info-tooltip__text {}

.menu__item.info-tooltip a span::before,
.info-tooltip__text::before {
	position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid var(--neutral);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
	inset: 0 auto auto 50%;
    transform: translate(-50%, -100%)
}

.menu__item.info-tooltip a:hover span,
.menu__item.info-tooltip a:focus-within span,
.info-tooltip:hover .info-tooltip__text,
.info-tooltip:focus-within .info-tooltip__text {
	opacity: 1;
	pointer-events: all;
}

.info-tooltip[data-tooltip-position="top"] .info-tooltip__text {
	inset: 0 0 auto 0;
	transform: translateY(-100%);
}

.info-tooltip[data-tooltip-position="top"] .info-tooltip__text::before {
	inset: auto auto 0 50%;
    transform: translate(-50%, 100%) rotate(180deg);
}

/* Animations */
@keyframes pulse {
    0% {
      -webkit-transform: scale(1, 1);
		transform: scale(1, 1);
      opacity: 0;
    }

    50% {
      opacity: 1;
    }

    100% {
      -webkit-transform: scale(2, 2);
		transform: scale(2, 2);
      opacity: 0;
	}
}

@-webkit-keyframes pulse {
    0% {
      -webkit-transform: scale(1, 1);
		transform: scale(1, 1);
      opacity: 0;
    }

    50% {
      opacity: 1;
    }

    100% {
      -webkit-transform: scale(2, 2);
		transform: scale(2, 2);
      opacity: 0;
	}
}