.elementor-5480 .elementor-element.elementor-element-cc2ba54 .elementor-heading-title{color:#FFFFFF;}.elementor-5480 .elementor-element.elementor-element-e41c010 > .elementor-widget-container{background-color:#393539;padding:8px 8px 8px 8px;}.elementor-5480 .elementor-element.elementor-element-e41c010.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-5480 .elementor-element.elementor-element-e41c010 .elementor-heading-title{color:rgba(238, 238, 238, 0.9333333333333333);}.elementor-5480 .elementor-element.elementor-element-bba5d52 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-5480 .elementor-element.elementor-element-bba5d52 .elementor-icon{font-size:32px;}.elementor-5480 .elementor-element.elementor-element-6d70a40 > .elementor-widget-container{background-color:#F3BE00;margin:0px 0px 0px 0px;padding:8px 8px 8px 8px;}.elementor-5480 .elementor-element.elementor-element-6d70a40.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-5480 .elementor-element.elementor-element-6d70a40 .elementor-heading-title{color:#020101;}.elementor-5480 .elementor-element.elementor-element-5a66e975{--spacer-size:20px;}.elementor-5480 .elementor-element.elementor-element-5148e84a{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-5480 .elementor-element.elementor-element-5148e84a .elementor-divider-separator{width:100%;}.elementor-5480 .elementor-element.elementor-element-5148e84a .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5480 .elementor-element.elementor-element-3cba4acf .elementor-heading-title{color:#FFFFFF;}.elementor-5480 .elementor-element.elementor-element-25f0ef9 > .elementor-widget-container{background-color:#393539;padding:8px 8px 8px 8px;}.elementor-5480 .elementor-element.elementor-element-25f0ef9.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-5480 .elementor-element.elementor-element-25f0ef9 .elementor-heading-title{color:#FFFFFF;}.elementor-5480 .elementor-element.elementor-element-58cfb22 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-5480 .elementor-element.elementor-element-58cfb22 .elementor-icon{font-size:32px;}.elementor-5480 .elementor-element.elementor-element-9c6b1d4 > .elementor-widget-container{background-color:#F3BE00;padding:8px 8px 8px 8px;}.elementor-5480 .elementor-element.elementor-element-9c6b1d4.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}/* Start custom CSS for html, class: .elementor-element-428e8a5d */.hotspot {

    background-color: rgba(255, 255, 0, 0.2); /* Hintergrundfarbe */
	border:1px dashed maroon;                 /* Umrandung (Stärke, Stil, Farbe) */
	cursor:pointer;                           /* Hand-Cursor */
}

.hotspot .bubble {
	background-color: #ea681b; /* Sprechblasen-Hintergrundfarbe */
}

.hotspot .bubble, .hotspot .bubble h5 {
    color:#ffffff; /* Textfarbe des Sprechblasentextes inkl. Überschrift*/
}

.hotspot .bubble::before {
    border: 10px solid #ea681b; /* Farbe und Größe des Sprechblasenzipfels */
}


/********************************************************************/


.hotspot-container {
	position: relative;
	overflow: visible;
}

.hotspot {
	position: absolute;
	overflow: hidden; /* wichtig! damit der Hotspot nicht eingeblendet wird, wenn dessen Sprechblase gehovert wird */
	opacity:0;
	transition: 0.0s ease-in-out opacity;
    transition-delay: 0.0s;
}

.hotspot:hover, .hotspot.x {
    opacity:1;
    transition-delay: 0.0s;
    overflow:visible;
}

.hotspot.bullet {
	border-radius: 50%;
}

.hotspot .bubble {
	position: absolute; 
	text-align: center;
	width: 250px;
	padding: 12px;
	margin: 0px;
	font-size:.7em;
	border-radius: 10px;
	opacity: 0; /*Wieder auf 0+ scale */
	z-index: 99999;
	cursor:default;
}

.hotspot:hover .bubble, .hotspot.x .bubble.x {
	opacity: 1.0;
}


.hotspot .bubble h6 {
    margin-bottom: -4px;
}

.hotspot .bubble div {
    text-align: left;
	color: #fff;
	font-size:1.2em;
	margin:5px 0px 0px 0px;
	line-height: 1.3;
}

.hotspot .bubble a {
	text-decoration: none;
	color: #006600;
	font-size:1.0em;
	background-color: #fff;
	padding: 2px 6px;
	border: 1px solid #fff;
	border-radius: 3px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-766c4c6d */.hotspot {

    background-color: rgba(255, 255, 0, 0.2); /* Hintergrundfarbe */
	border:1px dashed maroon;                 /* Umrandung (Stärke, Stil, Farbe) */
	cursor:pointer;                           /* Hand-Cursor */
}

.hotspot .bubble {
	background-color: #ea681b; /* Sprechblasen-Hintergrundfarbe */
}

.hotspot .bubble, .hotspot .bubble h5 {
    color:#ffffff; /* Textfarbe des Sprechblasentextes inkl. Überschrift*/
}

.hotspot .bubble::before {
    border: 10px solid #ea681b; /* Farbe und Größe des Sprechblasenzipfels */
}


/********************************************************************/


.hotspot-container {
	position: relative;
	overflow: visible;
}

.hotspot {
	position: absolute;
	overflow: hidden; /* wichtig! damit der Hotspot nicht eingeblendet wird, wenn dessen Sprechblase gehovert wird */
	opacity:0;
	transition: 0.0s ease-in-out opacity;
    transition-delay: 0.0s;
}

.hotspot:hover, .hotspot.x {
    opacity:1;
    transition-delay: 0.0s;
    overflow:visible;
}

.hotspot.bullet {
	border-radius: 50%;
}

.hotspot .bubble {
	position: absolute; 
	text-align: center;
	width: 250px;
	padding: 15px;
	margin: 0px;
	font-size:.8em;
	border-radius: 10px;
	opacity: 0; /*Wieder auf 0+ scale */
	z-index: 99999;
	cursor:default;
}

.hotspot:hover .bubble, .hotspot.x .bubble.x {
	opacity: 1.0;
}

/*.bubble:hover { background-color:lime }*/

.hotspot .bubble.n {
    bottom:100%;
    left:50%;
    margin-bottom:5px;
    transform: translate(-50%,0%);
}

.hotspot .bubble.ne {
    bottom:100%;
    left:100%;
    margin-bottom:-5px;
    margin-left:-5px;
    border-bottom-left-radius:0px;
    transform: translate(0%,0%);
}

.hotspot .bubble.e {
    top:50%;
    left:100%;
    margin-left:5px;
    transform: translate(0%,-50%);
}

.hotspot .bubble.se {
    top:100%;
    left:100%;
    margin-top:-5px;
    margin-left:-5px;
    border-top-left-radius:0px;
    transform: translate(0%,0%);
}

.hotspot .bubble.s {
    top:100%;
    left:50%;
    margin-top:5px;
    transform: translate(-50%,0%);
}

.hotspot .bubble.sw {
    top:100%;
    right:100%;
    margin-top:-5px;
    margin-right:-5px;
    border-top-right-radius:0px;
    transform: translate(0%,0%);
}

.hotspot .bubble.w {
    top:50%;
    right:100%;
    margin-right:5px;
    transform: translate(0%,-50%);
}

.hotspot .bubble.nw {
    bottom:100%;
    right:100%;
    margin-bottom:-5px;
    margin-right:-5px;
    border-bottom-right-radius:0px;
    transform: translate(0%,0%);
}

.hotspot .bubble.n::before
{
    content:'';
    border-top-color:transparent;
    border-left-color:transparent;
    border-right-color:transparent;
    position:absolute;
    top:100%;
    left:50%;
    transform:translate(-50%, 0%);
    width:0px;
    height:0px;
}

.hotspot .bubble.e::before
{
    content:'';
    border-top-color:transparent;
    border-left-color:transparent;
    border-bottom-color:transparent;
    position:absolute;
    top:50%;
    right:100%;
    transform:translate(0%, -50%);
    width:0px;
    height:0px;
}

.hotspot .bubble.s::before
{
    content:'';
    border-left-color:transparent;
    border-right-color:transparent;
    border-bottom-color:transparent;
    position:absolute;
    top:0%;
    left:50%;
    transform:translate(-50%, -100%);
    width:0px;
    height:0px;
}

.hotspot .bubble.w::before
{
    content:'';
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:transparent;
    position:absolute;
    top:50%;
    left:100%;
    transform:translate(0%, -50%);
    width:0px;
    height:0px;
}

.hotspot .bubble h5 {
    margin:0px;
}

.hotspot .bubble div {
	color: #fff;
	font-size:1.2em;
	margin:5px 0px 0px 0px;
}

.hotspot .bubble a {
	text-decoration: none;
	color: #006600;
	font-size:1.0em;
	background-color: #fff;
	padding: 2px 6px;
	border: 1px solid #fff;
	border-radius: 3px;
}/* End custom CSS */