/* Mobile First */
.tx-cycimagemap {
}
.tx-cycimagemap {
}
.responsive-tx-cycimagemap {
	padding-top: 25px;
	border-left: 1px solid #fbde2d;
	border-right: 1px solid #fbde2d;
}
.tx-cycimagemap-container,
.tx-cycimagemap-group {
	position: relative;
}

.tx-cycimagemap-container {}

.tx-cycimagemap-group {
	margin-bottom: 0;
}

.tx-cycimagemap-description {
	position: absolute;
	top: 14%;
	left: 4%;
	font-size: 1.5625rem;
	line-height: .3;
}

.tx-cycimagemap-ab {
	font-size: 1.25em;
	font-weight: bold;
	display: block;
	padding-bottom: .15em;
}

.tx-cycimagemap-title {
	font-size: .3em;
}

.tx-cycimagemap-image {
	width: 100%;
	height: auto;
}

.tx-cycimagemap-tooltip {
	border: 1px solid transparent;

	border-radius: 5px;
	display: block;

	overflow: hidden;
	position: absolute;

	/* Werden für jeden Breakpoint individuell gesetzt */
	width: 15px;
	height: 15px;

	/* Werden für jeden Tooltip individuell gesetzt */
	top:  0%;
	left: 0%;
}
.tx-cycimagemap-tooltip .hide {
	visibility: hidden;
}
.tx-cycimagemap-debug .tx-cycimagemap-tooltip {
	background: red;
}
.tx-cycimagemap-debug .tx-cycimagemap-tooltip .hide {
	visibility: visible;
}

/* Überschreibe den Mehr Info Stil */
.tx-cycimagemap .more {
	display: block;
}

.tx-cycimagemap .more a {
	color: #000;
	display: inline-block;
}

/* Extra small devices */
@media (min-width: 475px){
	.tx-cycimagemap-debug .tx-cycimagemap-tooltip {
		background: orange;
	}

	.tx-cycimagemap-description {
		font-size: 40px;
	}

	.tx-cycimagemap-tooltip {
		width: 30px;
		height: 30px;
		margin-top: -15px;
		margin-left: -15px;
	}
}

/* Small devices */
@media (min-width: 768px){
	.tx-cycimagemap-debug .tx-cycimagemap-tooltip {
		background: blue;
	}

	.tx-cycimagemap-description {
		font-size: 50px;
	}

	.tx-cycimagemap-tooltip {
		width: 36px;
		height: 36px;
		margin-top: -18px;
		margin-left: -18px;
	}
}

/* Medium devices */
@media (min-width: 992px){
	.tx-cycimagemap-debug .tx-cycimagemap-tooltip {
		background: yellow;
	}

	.tx-cycimagemap-description {
		font-size: 70px;
	}

	.tx-cycimagemap-tooltip {
		width: 40px;
		height: 40px;
		margin-top: -20px;
		margin-left: -20px;
	}
}

/* Large devices */
@media (min-width: 1200px){
	.tx-cycimagemap-debug .tx-cycimagemap-tooltip {
		background: green;
	}

	.tx-cycimagemap-description {
		font-size: 90px;
	}

	.tx-cycimagemap-tooltip {
		width: 50px;
		height: 50px;
		margin-top: -25px;
		margin-left: -25px;
	}
}