/*Global Styling*/
body{
    color:#666666;
}

.bg-transparent {
	background: rgba(10, 10, 10,0.3);
	width: 100%;
}



/* ########################################################################## Hintergrundverläufe */

.bg-verlauf{
    background:-webkit-gradient(linear, left top, right top, from(#464E75) , to(#6B6A8C) );
    background:-webkit-linear-gradient(left, #464E75 , #6B6A8C );
    background:-moz-linear-gradient(left, #464E75 , #6B6A8C );
    background:-o-linear-gradient(left, #464E75 , #6B6A8C );
    background:linear-gradient(90deg, #464E75 , #6B6A8C );
    
}




.bg-bild1 {
    background: url("../bilder/bg.jpg") no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-attachment: scroll;
        background-size: cover;
}

.bg-bild2 {
    background: url("../bilder/bg-produkte.jpg") no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-attachment: scroll;
        background-size: cover;
}
.parallax {
    background-attachment: fixed;
    background-position: center center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}


/* ########################################################################## sonstige Farben */

.bghell{
    background: #f5f5f5;
}
.bgdunkel{
    background: #464E75;
}
.bgdefault{
    background: #515A5F;
}
.whitecolor{
    color: #ffffff;
}
.dunkelcolor{
    color: #515A5F;
}
.colorblack{
    color: #232323;
}



.back-top {
  background:#515A5F;
  color:#fff;
}

.back-top:hover, .back-top:focus{
	color:#fff;
	background:#6B6A8C;
}





/* ########################################################################## Buttons */

.button.dunkel, .button.hell, .button.white{
    color: #ffffff;
}
.button.dunkel{
    background: #515A5F;
}
.button.hell{
    background: #464E75;
}
.button.white{
    background: transparent;
    border: 2px solid #ffffff;
}

/* hover */
.button.hell:before{
    background: #515A5F;
}
.button.hell:hover,
.button.hell:focus{
    border: 2px solid #515A5F;
}
.button.dunkel:before{
     background: #464E75;
}
.button.dunkel:hover, 
.button.dunkel:focus{
    border: 2px solid #464E75;
}

.button:hover,
.button:focus{
    color: #fff;
}





/* ########################################################################## Bildfilter */
.overlay,
.overlay .likeus {
    background: rgba(66,217,228,.8);
}


/*Filters*/

/*PopUp*/
.fancybox-thumbs > ul > li::before {
  border: 4px solid #515A5F;
}



/* ########################################################################## Textfarbe bei farbigem Hintergrund */
.parallax h2 i{
    color: #ffffff;
    padding:5px;
    font-size:1.5rem;
}
.parallax.bg-verlauf p{
    color: #ffffff;
}





/* ########################################################################## Icons */

.icon_wrap .icon_box i{
  color:#464E75; 
}
.icon_wrap .icon_box:hover i, .icon_wrap .icon_box:hover p{
	color:#fff;
}
.icon_wrap .icon_box:hover{
	background:#464E75;
	color:#fff;
}