/* Menü verstecken */
.toggleNavigation {
    top: 20%;
}

.quicklinks-container .quicklinks a  i {
  cursor: pointer;
  box-shadow: 0 0 0 rgba(255,255,255, 0.4);
  animation: none;
}
.quicklinks-container .quicklinks a:hover  i {
  animation: pulse 2s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.8);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.8);
    box-shadow: 0 0 0 0 rgba(255,255,255, 0.7);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(255,255,255, 0);
      box-shadow: 0 0 0 10px rgba(255,255,255, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
      box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}

.navigation-container li {
font-weight:400;
}

.toggleNavigation {
    top: 20%;
}




/* Panomaker Hotspot Animation / PULIERENDES INFO Feld */

.hotspot_pulse_2 { position: absolute; width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.hotspot_pulse_2 .puls { border-radius: 50%; height: 30px; position: absolute; width: 30px; top: 8px; left: 8px; }
.hotspot_pulse_2 .pulsate { border-radius: 50%; height: 55px; opacity: 1; position: relative; width: 55px; animation: pulsate 1.5s ease-out; animation-iteration-count: infinite; }
@keyframes pulsate { 0% { transform: scale(0.7); opacity: 1; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } }

.hotspot_pulse_2 .puls i {
line-height: 30px; color: #fff;
}

/*
 * Innere Kreis des Hotspots
 */
.hotspot_pulse_2 .puls {
    background: #ed6702;
}

/*
 * Pulsierender Rahmen
 */
.hotspot_pulse_2 .pulsate {
    border: 4px solid #ed6702;
}



/* Panomaker Hotspot Animation / PFEIL */

.hotspot {
    background: #ffffff;
    border: 2px solid #ed6702;
    display: block;
    height: 49px;
    width: 49px;
    border-radius: 100%;
    cursor: pointer;
    margin: 5px;
    box-shadow: 0px 0px 0px 1px #333;
}


.hotspot:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    box-sizing: content-box;
    top: -6px;
    left: -6px;
    padding: 5px;
    box-shadow: 0 0 0 2px #fff;
    -moz-transition: -moz-transform .2s, opacity .2s;
    -moz-transform: scale(.6);
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6);
    opacity: 0
}

.hotspot:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
}

.hotspot.infinite:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms infinite;
    animation: sonarEffect 1.3s ease-out 75ms infinite;
}


@-webkit-keyframes sonarEffect {
    0% {
        opacity: .3
    }
    10% {
        opacity: .5;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, .3), 0 0 15px 3px #fff, 0 0 0 5px rgba(255, 255, 255, .5)
    }
    100% {
        box-shadow: 0 0 0 1px rgba(255, 255, 255, .3), 0 0 15px 3px #fff, 0 0 0 5px rgba(255, 255, 255, .5);
        -webkit-transform: scale(.7);
        opacity: 0
    }
}

@keyframes sonarEffect {
    0% {
        opacity: .3
    }
    40% {
        opacity: .5;
        box-shadow: 0 0 0 1px rgba(255, 255, 255, .3), 0 0 15px 3px #fff, 0 0 0 5px rgba(255, 255, 255, .5)
    }
    100% {
        box-shadow: 0 0 0 1px rgba(255, 255, 255, .3), 0 0 15px 3px #fff, 0 0 0 5px rgba(255, 255, 255, .5);
        -webkit-transform: scale(.7);
        transform: scale(.7);
        opacity: 0
    }
}

.hotspot .inner {
    display: block;
    background: #ed6702;
    width: 39px;
    height: 39px;
    border-radius: 100%;
    position: relative;
    top: 3px;
    left: 3px;
    font-size: 26px;

    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hotspot .inner:before {
    border-radius: 100%;
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}


.hotspot:hover, .hotspot:focus, .hotspot:active {
    background-color: #ed6702;
    border-color: #ffffff;
}

.hotspot:hover .inner:before,
.hotspot:focus .inner:before,
.hotspot:active .inner:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}


.hotspot .inner div.fa {
    color: #ffffff;
    line-height: 39px;
}

.hotspot:hover .inner div.fa,
.hotspot:focus .inner div.fa,
.hotspot:active .inner div.fa {
    color: #ed6702;
}

.hotspot.plane .fa-plane { padding-top:2px;}
.hotspot.euro .fa-euro { padding-top:2px; padding-right:6px;}
.hotspot.play .fa-play { padding-top:2px; padding-left:6px;}


/* SITEMAP BILDER DEAKTICIEREN */
#sitemapBox .navigation-container ul li ul li img {
	display: none !important;
}

#sitemapBox .sitemapnav li a {
color: #fff !important;
}

/* Hintergrund Splashscreen */
#cms-splashscreen {
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0, 0.5) 0, rgba(0,0,0, 0.5) 30%, rgba(0,0,0, 0) 70%, rgba(0,0,0, 0) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0, 0.5) 0, rgba(0,0,0, 0.5) 30%, rgba(0,0,0, 0) 70%, rgba(0,0,0, 0) 100%);
    background: radial-gradient(ellipse at center, rgba(0,0,0, 0.5) 0, rgba(0,0,0, 0.5) 30%, rgba(0,0,0, 0) 70%, rgba(0,0,0, 0) 100%);