.kwTooltip {
	display: none;
	position: absolute;

	top: 0;
	left: 0;
	width: 0;
	height: 0;
	z-index: 100000;

	font-size: 1rem;
	font-family: Arial, sans-serif;
	line-height: 140%;
}

.kwTooltip .loading {
	float: left;
	width: 20px;
	height: 20px;
	margin: -3px 0;
	padding: 0;
	background: url('/_kirchenweb/images/iconLaden.gif') center no-repeat;
}

.kwTooltip .box {
	position: absolute;
	box-sizing: border-box;
	min-width: 20px;
	min-height: 56px;
	height: auto; /* // will get set to a fix height through KwTwigTooltip.js after content is loaded*/
	padding: 20px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid #d5e1e7;
	box-shadow: 0 5px 23px 0 rgba(0, 0, 0, 0.25);
	overflow: hidden;
}

.kwTooltip .arrow {
	position: absolute;
	z-index: 1001;
	width: 16px;
	height: 20px;
}

.kwTooltip .arrow .border {
	position: absolute;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

.kwTooltip .arrow .fill {
	position: absolute;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

.kwTooltip .arrow.right .border {
	border-right: 16px solid #d5e1e7;
}

.kwTooltip .arrow.right .fill {
	border-right: 16px solid #fff;
	margin-left: 2px;
}

.kwTooltip .arrow.left .border {
	border-left: 16px solid #d5e1e7;
}

.kwTooltip .arrow.left .fill {
	border-left: 16px solid #fff;
	margin-left: -2px;
}