.modal-body-text {
	color: #ffffff !important;
}

@media screen and (max-height: 660px){
.vierkantlogo #introstart .intro_button {
    font-size: 15px;
    width: 250px;
	}
}
	

.modal-backdrop {
background-color: #000 !important;
opacity: 0 !important;
}

a, a:hover, a:active, a:visited{
    text-decoration: none;
    color: #00A1DD !important;
    font-weight: bold;
}

li:before{
	color: #00A1DD !important;
}

.scene.current #img {
    border-color: #00A1DD;
}

.flickity-prev-next-button .arrow {
    fill: #00A1DD !important;
}


#form-div .close {

    color: #ffffff !important;

}
.intro_button{
	color: rgb(41,36,90); 
    background-color:  #ffffff ;
}

.intro_button:hover {
	background-color: rgb(41,36,90);
    color:  #ffffff ;
}

.modal-header {
    background-color: #00A1DD;
    color:  #ffffff ;
}

.toggleAction .fa,
.toggleScene .fa{
	color: #fff;
		text-shadow: 2px 2px #000;
}

.iconbutton .fa{
	color: #00A1DD;

}

.iconbutton {
 
    background-color: #ffffff ;

}

.flickity-prev-next-button {
	background-color: #ffffff ;
}

.flickity-prev-next-button:hover {  
	background-color: #ffffff ; 
}


strong.first {
    color: #00A1DD;
}

strong.second {
    color: #ffffff ;
}

.info-hotspot .info-hotspot-title,
.fa {
	color: #00A1DD !important;
}

.toggleScene {
		background-color: #ffffff ; 
}

.toggleScene + .tooltip > .tooltip-inner,
.link-hotspot + .tooltip > .tooltip-inner,
.iconbutton + .tooltip > .tooltip-inner 
{
	color:  #00A1DD;
	background-color:#ffffff ;
	border-color: #ffffff !important; 
	
}


.tooltip.left .tooltip-arrow,
.tooltip.bottom .tooltip-arrow,
.tooltip.right .tooltip-arrow{

	border-right-color: #ffffff !important;
 	border-left-color: #ffffff !important; 

}

.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #ffffff !important;
	border-right-color: rgba(255, 255, 255, 0) !important;
	border-left-color: rgba(255, 255, 255, 0) !important;
}

.icon {
	color: #00A1DD;
}


.link-hotspot-tooltip {
	color:#00A1DD;
}


#contact #submit {
		background-color:#00A1DD;
	
}

#form-div {
	background-color:#00A1DD;
}


.pulse{
	border: 3px solid #ffffff !important;
}

.dot{
	background-color:#00A1DD !important;
}

#title{
	    color: #ffffff!important;
	    text-shadow: -1px 0 rgb(119, 119, 119), 0 1px rgb(119, 119, 119), 1px 0 rgb(119, 119, 119), 0 -1px rgb(119, 119, 119);
}

#contact #button:hover {
	background-color: rgba(0, 0, 0, 0);
	color: #00A1DD;
}


#intro {
		color:${INTRO_COLOR};
}

#overlay.color {


	background-color: RGBA(0, 161, 221, 0.8);


}