/********** indole FX **********/

.video-background {
  background: rgba(0, 106, 179, 1);
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: auto;
  width: 100%;
  height: 100%;
  pointer-events: none; 
  min-width: 1440px;
}

.video-background {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -99;
}

.spacer-global { padding: 40px; }

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* clear fix */
.mixcontainer:after {
  content: '';
  display: block;
  clear: both;
}
.embed-responsive {
 position:relative;
 display:block;
 height:0;
 padding:0;
 overflow:hidden
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 width:100%;
 height:100%;
 border:0
}
.embed-responsive-16by9 {
 padding-bottom:56.25%
}
.embed-responsive-4by3 {
 padding-bottom:75%
}

#swipebox-overlay { background: rgba(0, 106, 179, 0.99); }
#swipebox-slider {-webkit-transition: -webkit-transform 1.4s ease; transition: transform 1.4s ease;}
#swipebox-container a { background-color: rgba(0, 106, 179, 0.99); border-radius: 50%; }

.reserved { opacity: 0.6; }
.sold { opacity: 0.2; }

.overflow { overflow: visible !important; }
.overflow-visible { overflow: visible; }
.overflow-hidden { overflow: hidden; }

.border-radius-5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.border-radius-10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }
.border-radius-50pro { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }

.border-none { border-width: 0 !important; border-style: solid; border-color:inherit; }
.border-1 { border-width: 1px; border-style: solid; border-color:inherit; }
.border-5 { border-width: 5px; border-style: solid; border-color:inherit; }
.border-10 { border-width: 10px; border-style: solid; border-color:inherit; }

.border-hover-off:hover { border-width: inherit; border-style: solid; border-color: transparent; }

.border-top { border-top-width: 1px; border-top-style: solid; border-top-color:inherit; }
.border-bottom { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: inherit; }
.border-left { border-left-width: 1px; border-left-style: solid; border-left-color: inherit; }
.border-right { border-right-width: 1px; border-right-style: solid; border-right-color: inherit; }
.overline, .overline:hover { border-top-width: 3px; border-top-style: solid; border-top-color: inherit; }
.underline, .underline:hover { border-bottom-width: 3px;border-bottom-style: solid;border-bottom-color:inherit; }

/*** shadow **********/
.shadow-normal { -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25); }
.shadow-inset {	-moz-box-shadow: inset 0 0px 50px rgba(0, 0, 0, 0.25);-webkit-box-shadow: inset 0 0px 50px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0px 50px rgba(0, 0, 0, 0.25); }
.shadow-object { -webkit-box-shadow: 0 20px 10px -11px rgba(0, 0, 0, 0.25);	-moz-box-shadow: 0 20px 10px -11px rgba(0, 0, 0, 0.25);	box-shadow: 0 20px 10px -11px rgba(0, 0, 0, 0.25); }
.shadow-hover-off:hover { -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0); -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0); box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.0); }

.circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.circle-hover:hover { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; }
.circle-hover-off:hover { -webkit-border-radius: 0%; -moz-border-radius: 0%; border-radius: 0%; overflow: hidden; }

/*** rotate **********/
.rotate3 { -moz-transform:rotate(3deg); -webkit-transform:rotate(3deg); transform:rotate(3deg); }
.rotate-3 {	-moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); transform:rotate(-3deg); }
.rotate5 { -moz-transform:rotate(5deg); -webkit-transform:rotate(5deg);	transform:rotate(5deg); }
.rotate-5 {	-moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); transform:rotate(-5deg); }

.rotate-hover-off:hover, .image-rotate-hover-off:hover { -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); rotate: 0deg !important; }

/*** scale **********/
.scale-0-8 { -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
.scale-0-9 { -moz-transform: scale(0.9); -webkit-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
.scale-1-1 { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.scale-1-2 { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.scale-1-3 { -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); }
.scale-1-5 { -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }
.scale-0-8-hover:hover { -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }
.scale-0-9-hover:hover { -moz-transform: scale(0.9); -webkit-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
.scale-1-1-hover:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.scale-1-2-hover:hover { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.scale-1-3-hover:hover { -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); }
.scale-1-5-hover:hover { -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }
.scale-hover-normalize:hover { 
	-moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);
	-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}

/*** perspektive **********/
.perspektive { position: relative;
	-moz-transform: rotate(-3deg) translateX(0px) translateY(0px) skewX(10deg) skewY(-6deg);	
	-webkit-transform: rotate(-3deg) translateX(0px) translateY(0px) skewX(10deg) skewY(-6deg);	
	transform: rotate(-3deg) translateX(0px) translateY(0px) skewX(10deg) skewY(-6deg); 	
}
.perspektiveA { position: relative;
	-moz-transform: rotate(-5deg) translateX(0px) translateY(0px) skewX(10deg) skewY(0deg);	
	-webkit-transform: rotate(-5deg) translateX(0px) translateY(0px) skewX(10deg) skewY(0deg);	
	transform: rotate(-5deg) translateX(0px) translateY(0px) skewX(10deg) skewY(0deg); 	
}
.perspektiveB { position: relative;
	-moz-transform: rotate(5deg) translateX(0px) translateY(0px) skewX(-35deg) skewY(0deg);	
	-webkit-transform: rotate(5deg) translateX(0px) translateY(0px) skewX(-35deg) skewY(0deg);	
	transform: rotate(5deg) translateX(0px) translateY(0px) skewX(-35deg) skewY(0deg); 	
}
.perspektive-hover-off:hover, .image-perspektive-hover-off:hover { position: relative; z-index:1 !important;
	-moz-transform: rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); 
	-webkit-transform: rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); 
	transform: rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);  
}

.looper { animation: perspect 6s infinite linear }
@keyframes perspect {
   0% {transform:perspective(300px) rotateY(0deg)}
   25% {transform:perspective(300px) rotateY(90deg)}
   50% {transform:perspective(300px) rotateY(180deg)}
   75% {transform:perspective(300px) rotateY(270deg)}
   100% {transform:perspective(300px) rotateY(360deg)}
}
.looper:hover { animation-play-state: paused; }

.wipper-3 {
  -webkit-animation: rotation 4s infinite linear; -moz-animation: rotation 4s infinite linear; -o-animation: rotation 4s infinite linear; -ms-animation: rotation 4s infinite linear; animation: rotation 4s infinite linear;
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);  -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg);  -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg);
  }
  50% {
    -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);  -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg);  -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg);
  }
  100% {
    -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);  -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);
  }
}
.wipper-3:hover { animation-play-state: paused; }

.anime { animation: turner 6s infinite linear } 
@keyframes turner{
    from{  transform: rotateY(0deg)   }
    to  {  transform: rotateY(360deg) }
}
.anime:hover { animation-play-state: paused; }


.transition { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out; }
.image-transition { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out; }

.bg-transparent-hover:hover { background: none; background-color: rgba(0, 0, 0, 0) !important; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.bg-none-hover:hover { background: none !important; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

.text-shadow { text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); }
.text-shadow-hell { text-shadow: 0px 0px 20px rgba(255, 255, 255, 1); }
.text-shadow-dark { text-shadow: 0px 0px 20px rgba(0, 0, 0, 1); }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

/* scroll ani */
.fadescroll { transition: all 400ms; opacity: 0; }
.fade { opacity: 1; }
.fade:not(.show) { opacity: inherit !important; }
.slide-from-left { transition: all 400ms; transform: translate(-600px, 0); opacity: 0; }
.slide-left-in { transform: translate(0px, 0); opacity: 1; }

.slide-from-right { transition: all 400ms; transform: translate(600px, 0); opacity: 0; }
.slide-right-in { transform: translate(0px, 0); opacity: 1; }

.slide-from-top { transition: all 100ms; transform: translate(0, -300px); opacity: 0; }
.slide-top-in { transform: translate(0px, 0); opacity: 1; }

.slide-from-bottom { transition: all 100ms; transform: translate(0, 300px); opacity: 0; }
.slide-bottom-in { transform: translate(0px, 0); opacity: 1; }

.fade-in { 
	animation: fadeIn ease-in-out 5s;
  -webkit-animation: fadeIn ease-in-out 5s;
  -moz-animation: fadeIn ease-in-out 5s;
  -o-animation: fadeIn ease-in-out 5s;
  -ms-animation: fadeIn ease-in-out 5s;
}
@keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} }
@-moz-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} }
@-webkit-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} }
@-o-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} }
@-ms-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} }


.parallax-scroll { position: relative; }
.parallax {
  position: relative;
  background-attachment: fixed;
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.kenburns {
	-webkit-animation: burnsIn 16s ease infinite alternate;
	-moz-animation: burnsIn 16s ease infinite alternate;
	animation: burnsIn 16s ease infinite alternate;
}

.kenburns .slide-content {
	-webkit-animation: burnsOut 16s ease infinite alternate;
	animation: burnsOut 16s ease infinite alternate;
	-moz-animation: burnsOut 16s ease infinite alternate;
	position: relative;
	top: 30px;
}

@-webkit-keyframes burnsIn {
	from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); }
	to { -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); }
}

@-webkit-keyframes burnsOut {
	from { -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); }
	to { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); }
}

@-moz-keyframes burnsIn {
	from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); }
	to { -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); }
}

@-moz-keyframes burnsOut {
	from { -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); }
	to { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); }
}

@keyframes burnsIn {
	from { -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); }
	to { -webkit-transform: scale(1.6,1.6); transform: scale(1.6,1.6); -ms-transform: scale(1.6,1.6); }
}

@keyframes burnsOut {
	from { -webkit-transform: scale(1,1); transform: scale(1,1); -ms-transform: scale(1,1); }
	to { -webkit-transform: scale(1.6,1.6); transform: scale(1.6,1.6); -ms-transform: scale(1.6,1.6);}
}

.blink { animation: blink-animation 5s steps(5, start) infinite; -webkit-animation: blink-animation 5s steps(5, start) infinite; }
@keyframes blink-animation {  to { visibility: hidden; transition: opacity ease-in-out 0s; animation-delay: 1s; } }
@-webkit-keyframes blink-animation { to { visibility: hidden; transition: opacity ease-in-out 3s; animation-delay: 3s; } }


.marquee { display:flex; position:absolute; width: 100%; height:100%; white-space: nowrap; overflow: hidden; box-sizing: border-box; }
.run1 { display:flex; position:absolute; padding-left: 100%; animation: marquee 8s linear infinite; }
.run2 { display:flex; position:absolute; padding-left: 100%; animation: marquee 6s linear infinite; animation-direction: reverse; }
.run3 { display:flex; position:absolute; padding-left: 100%; animation: marquee 4s linear infinite; }
.run4 { display:flex; position:absolute; padding-left: 100%; animation: marquee 2s linear infinite; animation-direction: reverse; }
.run5 { display:flex; position:absolute; padding-left: 100%; animation: marquee 12s linear infinite; }

@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

/********** Farbshema Color FX **********/  
.text-color-1, .text-color-1-hover:hover { color: rgba(0, 106, 179, 1); }
.text-color-1-75 { color: rgba(0, 106, 179, 0.75); }
.text-color-1-50 { color: rgba(0, 106, 179, 0.50); }
.text-color-1-25 { color: rgba(0, 106, 179, 0.25); }

.text-color-2, .text-color-2-hover:hover { color: rgba(103, 113, 104, 1); }
.text-color-2-75 { color: rgba(103, 113, 104, 0.75); }
.text-color-2-50 { color: rgba(103, 113, 104, 0.50); }
.text-color-2-25 { color: rgba(103, 113, 104, 0.25); }

.text-color-3, .text-color-3-hover:hover { color: rgba(237, 111, 39, 1); }
.text-color-3-75 { color: rgba(237, 111, 39, 0.75); }
.text-color-3-50 { color: rgba(237, 111, 39, 0.50); }
.text-color-3-25 { color: rgba(237, 111, 39, 0.25); }

.text-white, .text-white-hover:hover { color: rgba(255, 255, 255, 1); }
.text-white-75 { color: rgba(255, 255, 255, 0.75); }
.text-white-50 { color: rgba(255, 255, 255, 0.50); }
.text-white-25 { color: rgba(255, 255, 255, 0.25); }

.text-black, .text-black-hover:hover { color: rgba(0, 0, 0, 1); }
.text-black-75 { color: rgba(0, 0, 0, 0.75); }
.text-black-50 { color: rgba(0, 0, 0, 0.50); }
.text-black-25 { color: rgba(0, 0, 0, 0.25); }

.text-grau, .text-grau-hover:hover { color: rgba(160, 160, 160, 1); }
.text-grau-75 { color: rgba(160, 160, 160, 0.75); }
.text-grau-50 { color: rgba(160, 160, 160, 0.50); }
.text-grau-25 { color: rgba(160, 160, 160, 0.25); }



/**********  bg-black FX **********/  
.bg-black { background-color: rgba(0, 0, 0, 1); }
.bg-black-100 { background-color: rgba(0, 0, 0, 100); }
.bg-black-99 { background-color: rgba(0, 0, 0, 0.99); }
.bg-black-75 { background-color: rgba(0, 0, 0, 0.75); }
.bg-black-50 { background-color: rgba(0, 0, 0, 0.5); }
.bg-black-25 { background-color: rgba(0, 0, 0, 0.25); }

.bg-black:hover, .bg-black-100:hover, .bg-black-75:hover, .bg-black-50:hover, .bg-black-25:hover { 
 -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}
.bg-black-hover:hover { background-color: rgba(0, 0, 0, 1) !important; color: rgba(255, 255, 255, 1) !important; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

.verlauf-black-top { 
 background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0,0) 100%); 
 background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0,0) 100%);
 background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%,rgba(0, 0, 0,0) 100%); 
}

.verlauf-black-bottom { 
 background: -moz-linear-gradient(top, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0, 1) 100%); 
 background: -webkit-linear-gradient(top, rgba(0, 0, 0,0) 0%,rgba(0, 0, 0, 1) 100%); 
 background: linear-gradient(to bottom, rgba(0, 0, 0,0) 0%,rgba(0, 0, 0, 1) 100%); 
}

.verlauf-black-left { 
 background: -moz-linear-gradient(left, rgba(0, 0, 0,1) 33%, rgba(0, 0, 0,0) 100%); 
 background: -webkit-linear-gradient(left, rgba(0, 0, 0,1) 33%,rgba(0, 0, 0,0) 100%); 
 background: linear-gradient(to right, rgba(0, 0, 0,1) 33%,rgba(0, 0, 0,0) 100%); 
}

.verlauf-black-right { 
 background: -moz-linear-gradient(left, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0,1) 66%); 
 background: -webkit-linear-gradient(left, rgba(0, 0, 0,0) 0%,rgba(0, 0, 0,1) 66%); 
 background: linear-gradient(to right, rgba(0, 0, 0,0) 0%,rgba(0, 0, 0,1) 66%); 
}

.verlauf-black-top:hover, .verlauf-black-bottom:hover, .verlauf-black-left:hover, .verlauf-black-right:hover { 
 -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}

.verlauf-diagonal-black-tl-br { 
 background: -moz-linear-gradient(-45deg, rgba(0, 0, 0,1) 33%, rgba(0, 0, 0,0) 100%); 
 background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0,1) 33%,rgba(0, 0, 0,0) 100%); 
 background: linear-gradient(135deg, rgba(0, 0, 0,1) 33%,rgba(0, 0, 0,0) 100%); 
}

.verlauf-diagonal-black-tr-bl { 
 background: -moz-linear-gradient(45deg, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0,1) 66%); 
 background: -webkit-linear-gradient(45deg, rgba(0, 0, 0,0) 0%,rgba(0, 0, 0,1) 66%);
 background: linear-gradient(45deg, rgba(0, 0, 0,0) 0%,rgba(0, 0, 0,1) 66%); 
}

.verlauf-diagonal-black-bl-tr { 
 background: -moz-linear-gradient(45deg, rgba(0, 0, 0,1) 33%, rgba(0, 0, 0,0) 88%); 
 background: -webkit-linear-gradient(45deg, rgba(0, 0, 0,1) 33%,rgba(0, 0, 0,0) 88%); 
 background: linear-gradient(45deg, rgba(0, 0, 0,1) 33%,rgba(0, 0, 0,0) 88%); 
}

.verlauf-diagonal-black-br-tl { 
 background: -moz-linear-gradient(-45deg, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0,1) 66%); 
 background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0,0) 0%,rgba(0, 0, 0,1) 66%); 
 background: linear-gradient(135deg, rgba(0, 0, 0,0) 0%,rgba(0, 0, 0,1) 66%); 
}

.verlauf-diagonal-black-tl-br:hover, .verlauf-diagonal-black-tr-bl:hover, .verlauf-diagonal-black-bl-tr:hover, .verlauf-diagonal-black-br-tl:hover { 
 -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}

.radial-in-black { 
 background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0,0) 0%, rgba(0, 0, 0, 1) 100%); 
 background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0,0) 0%,rgba(0, 0, 0, 1) 100%); 
 background: radial-gradient(ellipse at center, rgba(0, 0, 0,0) 0%,rgba(0, 0, 0, 1) 100%); 
}

.radial-out-black { 
 background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0,0) 100%); 
 background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.75) 0%,rgba(0, 0, 0,0) 100%); 
 background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.75) 0%,rgba(0, 0, 0,0) 100%); 
}

.radial-in-black:hover, .radial-out-black:hover { 
 -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}


/**********  Background Weiss FX - verlauf - radial **********/
.bg-white { background-color: rgba(255, 255, 255, 100); }
.bg-white-100 { background-color: rgba(255, 255, 255, 100); }
.bg-white-99 { background-color: rgba(255, 255, 255, 0.95); }
.bg-white-75 { background-color: rgba(255, 255, 255, 0.75); }
.bg-white-50 { background-color: rgba(255, 255, 255, 0.5); }
.bg-white-25 { background-color: rgba(255, 255, 255, 0.25); }

.bg-white:hover, .bg-white-100:hover, .bg-white-75:hover, .bg-white-50:hover, .bg-white-25:hover { 
 -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}

.bg-white-hover:hover { background-color: rgba(255, 255, 255, 1) !important; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

/* start verlauf-white-top */
.verlauf-white-top { 
 background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 33%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 33%,rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 33%,rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

/* verlauf-white-bottom */
.verlauf-white-bottom { 
 background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 66%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 66%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* start verlauf-horizontal-white-left */
.verlauf-white-left { 
 background: -moz-linear-gradient(left, rgba(255,255,255,1) 33%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(left, rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to right, rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

/* start verlauf-horizontal-white-right */
.verlauf-white-right { 
 background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 66%); /* FF3.6-15 */
 background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

/* start verlauf-diagonal-white-tl-br */
.verlauf-diagonal-white-tl-br { 
 background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 33%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(135deg, rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* start verlauf-diagonal-white-tr-bl */
.verlauf-diagonal-white-tr-bl { 
 background: -moz-linear-gradient(45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 66%); /* FF3.6-15 */
 background: -webkit-linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* start verlauf-diagonal-white-bl-tr */
.verlauf-diagonal-white-bl-tr { 
 background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 33%, rgba(255,255,255,0) 88%); /* FF3.6-15 */
 background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 33%,rgba(255,255,255,0) 88%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(45deg, rgba(255,255,255,1) 33%,rgba(255,255,255,0) 88%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* start verlauf-diagonal-white-br-tl */
.verlauf-diagonal-white-br-tl { 
 background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 66%); /* FF3.6-15 */
 background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(135deg, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 66%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* verlauf-radial-in-white */
.radial-in-white { 
background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/* verlauf-radial-out-white */
.radial-out-white { 
background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 150%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 0) 150%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 0) 150%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


/**********  bg-grau FX **********/  
.bg-grau { background-color: rgba(200, 200, 200, 1); }
.bg-grau-100 { background-color: rgba(200, 200, 200, 100); }
.bg-grau-75 { background-color: rgba(200, 200, 200, 0.75); }
.bg-grau-50 { background-color: rgba(200, 200, 200, 0.5); }
.bg-grau-25 { background-color: rgba(200, 200, 200, 0.25); }

.bg-grau:hover, .bg-grau-100:hover, .bg-grau-75:hover, .bg-grau-50:hover, .bg-grau-25:hover { 
 -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}

.bg-grau-hover:hover { background-color: rgba(160, 160, 160, 1) !important; color: rgba(0, 0, 0, 1) !important; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

.verlauf-grau-top { 
 background: -moz-linear-gradient(top, rgba(200, 200, 200, 1) 0%, rgba(200, 200, 200,0) 100%); 
 background: -webkit-linear-gradient(top, rgba(200, 200, 200, 1) 0%,rgba(200, 200, 200,0) 100%);
 background: linear-gradient(to bottom, rgba(200, 200, 200, 1) 0%,rgba(200, 200, 200,0) 100%); 
}

.verlauf-grau-bottom { 
 background: -moz-linear-gradient(top, rgba(200, 200, 200,0) 0%, rgba(200, 200, 200, 1) 100%); 
 background: -webkit-linear-gradient(top, rgba(200, 200, 200,0) 0%,rgba(200, 200, 200, 1) 100%); 
 background: linear-gradient(to bottom, rgba(200, 200, 200,0) 0%,rgba(200, 200, 200, 1) 100%); 
}

.verlauf-grau-left { 
 background: -moz-linear-gradient(left, rgba(200, 200, 200,1) 33%, rgba(200, 200, 200,0) 100%); 
 background: -webkit-linear-gradient(left, rgba(200, 200, 200,1) 33%,rgba(200, 200, 200,0) 100%); 
 background: linear-gradient(to right, rgba(200, 200, 200,1) 33%,rgba(200, 200, 200,0) 100%); 
}

.verlauf-grau-right { 
 background: -moz-linear-gradient(left, rgba(200, 200, 200,0) 0%, rgba(200, 200, 200,1) 66%); 
 background: -webkit-linear-gradient(left, rgba(200, 200, 200,0) 0%,rgba(200, 200, 200,1) 66%); 
 background: linear-gradient(to right, rgba(200, 200, 200,0) 0%,rgba(200, 200, 200,1) 66%); 
}

.verlauf-grau-top:hover, .verlauf-grau-bottom:hover, .verlauf-grau-left:hover, .verlauf-grau-right:hover { 
 -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}

.verlauf-diagonal-grau-tl-br { 
 background: -moz-linear-gradient(-45deg, rgba(200, 200, 200,1) 33%, rgba(200, 200, 200,0) 100%); 
 background: -webkit-linear-gradient(-45deg, rgba(200, 200, 200,1) 33%,rgba(200, 200, 200,0) 100%); 
 background: linear-gradient(135deg, rgba(200, 200, 200,1) 33%,rgba(200, 200, 200,0) 100%); 
}

.verlauf-diagonal-grau-tr-bl { 
 background: -moz-linear-gradient(45deg, rgba(200, 200, 200,0) 0%, rgba(200, 200, 200,1) 66%); 
 background: -webkit-linear-gradient(45deg, rgba(200, 200, 200,0) 0%,rgba(200, 200, 200,1) 66%);
 background: linear-gradient(45deg, rgba(200, 200, 200,0) 0%,rgba(200, 200, 200,1) 66%); 
}

.verlauf-diagonal-grau-bl-tr { 
 background: -moz-linear-gradient(45deg, rgba(200, 200, 200,1) 33%, rgba(200, 200, 200,0) 88%); 
 background: -webkit-linear-gradient(45deg, rgba(200, 200, 200,1) 33%,rgba(200, 200, 200,0) 88%); 
 background: linear-gradient(45deg, rgba(200, 200, 200,1) 33%,rgba(200, 200, 200,0) 88%); 
}

.verlauf-diagonal-grau-br-tl { 
 background: -moz-linear-gradient(-45deg, rgba(200, 200, 200,0) 0%, rgba(200, 200, 200,1) 66%); 
 background: -webkit-linear-gradient(-45deg, rgba(200, 200, 200,0) 0%,rgba(200, 200, 200,1) 66%); 
 background: linear-gradient(135deg, rgba(200, 200, 200,0) 0%,rgba(200, 200, 200,1) 66%); 
}

.verlauf-diagonal-grau-tl-br:hover, .verlauf-diagonal-grau-tr-bl:hover, .verlauf-diagonal-grau-bl-tr:hover, .verlauf-diagonal-grau-br-tl:hover { 
 -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}

.radial-in-grau { 
 background: -moz-radial-gradient(center, ellipse cover, rgba(200, 200, 200,0) 0%, rgba(200, 200, 200, 1) 100%); 
 background: -webkit-radial-gradient(center, ellipse cover, rgba(200, 200, 200,0) 0%,rgba(200, 200, 200, 1) 100%); 
 background: radial-gradient(ellipse at center, rgba(200, 200, 200,0) 0%,rgba(200, 200, 200, 1) 100%); 
}

.radial-out-grau { 
 background: -moz-radial-gradient(center, ellipse cover, rgba(200, 200, 200, 0.75) 0%, rgba(200, 200, 200,0) 100%); 
 background: -webkit-radial-gradient(center, ellipse cover, rgba(200, 200, 200, 0.75) 0%,rgba(200, 200, 200,0) 100%); 
 background: radial-gradient(ellipse at center, rgba(200, 200, 200, 0.75) 0%,rgba(200, 200, 200,0) 100%); 
}

.radial-in-grau:hover, .radial-out-grau:hover { 
 -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}


/**********  color-1 FX **********/  
.bg-color-1 { background-color: rgba(0, 106, 179, 1); }
/** .bg-color-1 a, .bg-color-2-100 a { color: rgba(237, 111, 39, 1); } **/
.bg-color-1-100 { background-color: rgba(0, 106, 179, 100); }
.bg-color-1-75 { background-color: rgba(0, 106, 179, 0.75); }
.bg-color-1-50 { background-color: rgba(0, 106, 179, 0.5); }
.bg-color-1-25 { background-color: rgba(0, 106, 179, 0.25); }


.bg-color-1-hover:hover { background-color: rgba(0, 106, 179, 1) !important; }
.bg-color-1-hover:hover a { color: rgba(237, 111, 39, 1) !important;  }


.verlauf-color-1-top { 
 background: -moz-linear-gradient(top, rgba(0, 106, 179, 1) 0%, rgba(0, 106, 179,0) 100%); 
 background: -webkit-linear-gradient(top, rgba(0, 106, 179, 1) 0%,rgba(0, 106, 179,0) 100%);
 background: linear-gradient(to bottom, rgba(0, 106, 179, 1) 0%,rgba(0, 106, 179,0) 100%); 
}

.verlauf-color-1-bottom { 
 background: -moz-linear-gradient(top, rgba(0, 106, 179,0) 0%, rgba(0, 106, 179, 1) 100%); 
 background: -webkit-linear-gradient(top, rgba(0, 106, 179,0) 0%,rgba(0, 106, 179, 1) 100%); 
 background: linear-gradient(to bottom, rgba(0, 106, 179,0) 0%,rgba(0, 106, 179, 1) 100%); 
}

.verlauf-color-1-left { 
 background: -moz-linear-gradient(left, rgba(0, 106, 179,1) 33%, rgba(0, 106, 179,0) 100%); 
 background: -webkit-linear-gradient(left, rgba(0, 106, 179,1) 33%,rgba(0, 106, 179,0) 100%); 
 background: linear-gradient(to right, rgba(0, 106, 179,1) 33%,rgba(0, 106, 179,0) 100%); 
}

.verlauf-color-1-right { 
 background: -moz-linear-gradient(left, rgba(0, 106, 179,0) 0%, rgba(0, 106, 179,1) 66%); 
 background: -webkit-linear-gradient(left, rgba(0, 106, 179,0) 0%,rgba(0, 106, 179,1) 66%); 
 background: linear-gradient(to right, rgba(0, 106, 179,0) 0%,rgba(0, 106, 179,1) 66%); 
}

.verlauf-color-1-top:hover, .verlauf-color-1-bottom:hover, .verlauf-color-1-left:hover, .verlauf-color-1-right:hover { 
 -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}

.verlauf-diagonal-color-1-tl-br { 
 background: -moz-linear-gradient(-45deg, rgba(0, 106, 179,1) 33%, rgba(0, 106, 179,0) 100%); 
 background: -webkit-linear-gradient(-45deg, rgba(0, 106, 179,1) 33%,rgba(0, 106, 179,0) 100%); 
 background: linear-gradient(135deg, rgba(0, 106, 179,1) 33%,rgba(0, 106, 179,0) 100%); 
}

.verlauf-diagonal-color-1-tr-bl { 
 background: -moz-linear-gradient(45deg, rgba(0, 106, 179,0) 0%, rgba(0, 106, 179,1) 66%); 
 background: -webkit-linear-gradient(45deg, rgba(0, 106, 179,0) 0%,rgba(0, 106, 179,1) 66%);
 background: linear-gradient(45deg, rgba(0, 106, 179,0) 0%,rgba(0, 106, 179,1) 66%); 
}

.verlauf-diagonal-color-1-bl-tr { 
 background: -moz-linear-gradient(45deg, rgba(0, 106, 179,1) 33%, rgba(0, 106, 179,0) 88%); 
 background: -webkit-linear-gradient(45deg, rgba(0, 106, 179,1) 33%,rgba(0, 106, 179,0) 88%); 
 background: linear-gradient(45deg, rgba(0, 106, 179,1) 33%,rgba(0, 106, 179,0) 88%); 
}

.verlauf-diagonal-color-1-br-tl { 
 background: -moz-linear-gradient(-45deg, rgba(0, 106, 179,0) 0%, rgba(0, 106, 179,1) 66%); 
 background: -webkit-linear-gradient(-45deg, rgba(0, 106, 179,0) 0%,rgba(0, 106, 179,1) 66%); 
 background: linear-gradient(135deg, rgba(0, 106, 179,0) 0%,rgba(0, 106, 179,1) 66%); 
}

.verlauf-diagonal-color-1-tl-br:hover, .verlauf-diagonal-color-1-tr-bl:hover, .verlauf-diagonal-color-1-bl-tr:hover, .verlauf-diagonal-color-1-br-tl:hover { 
 -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}

.radial-in-color-1 { 
 background: -moz-radial-gradient(center, ellipse cover, rgba(0, 106, 179,0) 0%, rgba(0, 106, 179, 1) 100%); 
 background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 106, 179,0) 0%,rgba(0, 106, 179, 1) 100%); 
 background: radial-gradient(ellipse at center, rgba(0, 106, 179,0) 0%,rgba(0, 106, 179, 1) 100%); 
}

.radial-out-color-1 { 
 background: -moz-radial-gradient(center, ellipse cover, rgba(0, 106, 179, 0.75) 0%, rgba(0, 106, 179,0) 100%); 
 background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 106, 179, 0.75) 0%,rgba(0, 106, 179,0) 100%); 
 background: radial-gradient(ellipse at center, rgba(0, 106, 179, 0.75) 0%,rgba(0, 106, 179,0) 100%); 
}

.radial-in-color-1:hover, .radial-out-color-1:hover { 
 -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}


/**********  color-2 FX **********/  
.bg-color-2 { background-color: rgba(103, 113, 104, 1); }
/** .bg-color-2 a, .bg-color-2-100 a { color: inherit; } **/
.bg-color-2-100 { background-color: rgba(103, 113, 104, 100); }
.bg-color-2-75 { background-color: rgba(103, 113, 104, 0.75); }
.bg-color-2-50 { background-color: rgba(103, 113, 104, 0.5); }
.bg-color-2-25 { background-color: rgba(103, 113, 104, 0.25); }

.bg-color-2:hover, .bg-color-2-100:hover, .bg-color-2-75:hover, .bg-color-2-50:hover, .bg-color-2-25:hover { 
 -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}

.bg-color-2-hover:hover { background-color: rgba(103, 113, 104, 1) !important; color: rgba(255, 255, 255, 1) !important; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }

.verlauf-color-2-top { 
 background: -moz-linear-gradient(top, rgba(103, 113, 104, 1) 0%, rgba(103, 113, 104,0) 100%); 
 background: -webkit-linear-gradient(top, rgba(103, 113, 104, 1) 0%,rgba(103, 113, 104,0) 100%);
 background: linear-gradient(to bottom, rgba(103, 113, 104, 1) 0%,rgba(103, 113, 104,0) 100%); 
}

.verlauf-color-2-bottom { 
 background: -moz-linear-gradient(top, rgba(103, 113, 104,0) 0%, rgba(103, 113, 104, 1) 100%); 
 background: -webkit-linear-gradient(top, rgba(103, 113, 104,0) 0%,rgba(103, 113, 104, 1) 100%); 
 background: linear-gradient(to bottom, rgba(103, 113, 104,0) 0%,rgba(103, 113, 104, 1) 100%); 
}

.verlauf-color-2-left { 
 background: -moz-linear-gradient(left, rgba(103, 113, 104,1) 33%, rgba(103, 113, 104,0) 100%); 
 background: -webkit-linear-gradient(left, rgba(103, 113, 104,1) 33%,rgba(103, 113, 104,0) 100%); 
 background: linear-gradient(to right, rgba(103, 113, 104,1) 33%,rgba(103, 113, 104,0) 100%); 
}

.verlauf-color-2-right { 
 background: -moz-linear-gradient(left, rgba(103, 113, 104,0) 0%, rgba(103, 113, 104,1) 66%); 
 background: -webkit-linear-gradient(left, rgba(103, 113, 104,0) 0%,rgba(103, 113, 104,1) 66%); 
 background: linear-gradient(to right, rgba(103, 113, 104,0) 0%,rgba(103, 113, 104,1) 66%); 
}

.verlauf-color-2-top:hover, .verlauf-color-2-bottom:hover, .verlauf-color-2-left:hover, .verlauf-color-2-right:hover { 
 -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}

.verlauf-diagonal-color-2-tl-br { 
 background: -moz-linear-gradient(-45deg, rgba(103, 113, 104,1) 33%, rgba(103, 113, 104,0) 100%); 
 background: -webkit-linear-gradient(-45deg, rgba(103, 113, 104,1) 33%,rgba(103, 113, 104,0) 100%); 
 background: linear-gradient(135deg, rgba(103, 113, 104,1) 33%,rgba(103, 113, 104,0) 100%); 
}

.verlauf-diagonal-color-2-tr-bl { 
 background: -moz-linear-gradient(45deg, rgba(103, 113, 104,0) 0%, rgba(103, 113, 104,1) 66%); 
 background: -webkit-linear-gradient(45deg, rgba(103, 113, 104,0) 0%,rgba(103, 113, 104,1) 66%);
 background: linear-gradient(45deg, rgba(103, 113, 104,0) 0%,rgba(103, 113, 104,1) 66%); 
}

.verlauf-diagonal-color-2-bl-tr { 
 background: -moz-linear-gradient(45deg, rgba(103, 113, 104,1) 33%, rgba(103, 113, 104,0) 88%); 
 background: -webkit-linear-gradient(45deg, rgba(103, 113, 104,1) 33%,rgba(103, 113, 104,0) 88%); 
 background: linear-gradient(45deg, rgba(103, 113, 104,1) 33%,rgba(103, 113, 104,0) 88%); 
}

.verlauf-diagonal-color-2-br-tl { 
 background: -moz-linear-gradient(-45deg, rgba(103, 113, 104,0) 0%, rgba(103, 113, 104,1) 66%); 
 background: -webkit-linear-gradient(-45deg, rgba(103, 113, 104,0) 0%,rgba(103, 113, 104,1) 66%); 
 background: linear-gradient(135deg, rgba(103, 113, 104,0) 0%,rgba(103, 113, 104,1) 66%); 
}

.verlauf-diagonal-color-2-tl-br:hover, .verlauf-diagonal-color-2-tr-bl:hover, .verlauf-diagonal-color-2-bl-tr:hover, .verlauf-diagonal-color-2-br-tl:hover { 
 -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}

.radial-in-color-2 { 
 background: -moz-radial-gradient(center, ellipse cover, rgba(103, 113, 104,0) 0%, rgba(103, 113, 104, 1) 100%); 
 background: -webkit-radial-gradient(center, ellipse cover, rgba(103, 113, 104,0) 0%,rgba(103, 113, 104, 1) 100%); 
 background: radial-gradient(ellipse at center, rgba(103, 113, 104,0) 0%,rgba(103, 113, 104, 1) 100%); 
}

.radial-out-color-2 { 
 background: -moz-radial-gradient(center, ellipse cover, rgba(103, 113, 104, 0.75) 0%, rgba(103, 113, 104,0) 100%); 
 background: -webkit-radial-gradient(center, ellipse cover, rgba(103, 113, 104, 0.75) 0%,rgba(103, 113, 104,0) 100%); 
 background: radial-gradient(ellipse at center, rgba(103, 113, 104, 0.75) 0%,rgba(103, 113, 104,0) 100%); 
}

.radial-in-color-2:hover, .radial-out-color-2:hover { 
 -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}


/**********  color-3 FX **********/  
.bg-color-3 { background-color: rgba(237, 111, 39, 1); }
/** .bg-color-3 a, .bg-color-3-100 a { color: rgba(0, 106, 179, 1); } **/
.bg-color-3 a:hover, .bg-color-3-100 a:hover { color: inherit; }
.bg-color-3-100 { background-color: rgba(237, 111, 39, 100); }
.bg-color-3-75 { background-color: rgba(237, 111, 39, 0.75); }
.bg-color-3-50 { background-color: rgba(237, 111, 39, 0.5); }
.bg-color-3-25 { background-color: rgba(237, 111, 39, 0.25); }


.bg-color-3-hover:hover { background-color: rgba(237, 111, 39, 1) !important; }
.bg-color-3-hover:hover a { color: rgba(0, 0, 0, 1) !important;  }


.verlauf-color-3-top { 
 background: -moz-linear-gradient(top, rgba(237, 111, 39, 1) 0%, rgba(237, 111, 39,0) 100%); 
 background: -webkit-linear-gradient(top, rgba(237, 111, 39, 1) 0%,rgba(237, 111, 39,0) 100%);
 background: linear-gradient(to bottom, rgba(237, 111, 39, 1) 0%,rgba(237, 111, 39,0) 100%); 
}

.verlauf-color-3-bottom { 
 background: -moz-linear-gradient(top, rgba(237, 111, 39,0) 0%, rgba(237, 111, 39, 1) 100%); 
 background: -webkit-linear-gradient(top, rgba(237, 111, 39,0) 0%,rgba(237, 111, 39, 1) 100%); 
 background: linear-gradient(to bottom, rgba(237, 111, 39,0) 0%,rgba(237, 111, 39, 1) 100%); 
}

.verlauf-color-3-left { 
 background: -moz-linear-gradient(left, rgba(237, 111, 39,1) 33%, rgba(237, 111, 39,0) 100%); 
 background: -webkit-linear-gradient(left, rgba(237, 111, 39,1) 33%,rgba(237, 111, 39,0) 100%); 
 background: linear-gradient(to right, rgba(237, 111, 39,1) 33%,rgba(237, 111, 39,0) 100%); 
}

.verlauf-color-3-right { 
 background: -moz-linear-gradient(left, rgba(237, 111, 39,0) 0%, rgba(237, 111, 39,1) 66%); 
 background: -webkit-linear-gradient(left, rgba(237, 111, 39,0) 0%,rgba(237, 111, 39,1) 66%); 
 background: linear-gradient(to right, rgba(237, 111, 39,0) 0%,rgba(237, 111, 39,1) 66%); 
}

.verlauf-color-3-top:hover, .verlauf-color-3-bottom:hover, .verlauf-color-3-left:hover, .verlauf-color-3-right:hover { 
 -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}

.verlauf-diagonal-color-3-tl-br { 
 background: -moz-linear-gradient(-45deg, rgba(237, 111, 39,1) 33%, rgba(237, 111, 39,0) 100%); 
 background: -webkit-linear-gradient(-45deg, rgba(237, 111, 39,1) 33%,rgba(237, 111, 39,0) 100%); 
 background: linear-gradient(135deg, rgba(237, 111, 39,1) 33%,rgba(237, 111, 39,0) 100%); 
}

.verlauf-diagonal-color-3-tr-bl { 
 background: -moz-linear-gradient(45deg, rgba(237, 111, 39,0) 0%, rgba(237, 111, 39,1) 66%); 
 background: -webkit-linear-gradient(45deg, rgba(237, 111, 39,0) 0%,rgba(237, 111, 39,1) 66%);
 background: linear-gradient(45deg, rgba(237, 111, 39,0) 0%,rgba(237, 111, 39,1) 66%); 
}

.verlauf-diagonal-color-3-bl-tr { 
 background: -moz-linear-gradient(45deg, rgba(237, 111, 39,1) 33%, rgba(237, 111, 39,0) 88%); 
 background: -webkit-linear-gradient(45deg, rgba(237, 111, 39,1) 33%,rgba(237, 111, 39,0) 88%); 
 background: linear-gradient(45deg, rgba(237, 111, 39,1) 33%,rgba(237, 111, 39,0) 88%); 
}

.verlauf-diagonal-color-3-br-tl { 
 background: -moz-linear-gradient(-45deg, rgba(237, 111, 39,0) 0%, rgba(237, 111, 39,1) 66%); 
 background: -webkit-linear-gradient(-45deg, rgba(237, 111, 39,0) 0%,rgba(237, 111, 39,1) 66%); 
 background: linear-gradient(135deg, rgba(237, 111, 39,0) 0%,rgba(237, 111, 39,1) 66%); 
}

.verlauf-diagonal-color-3-tl-br:hover, .verlauf-diagonal-color-3-tr-bl:hover, .verlauf-diagonal-color-3-bl-tr:hover, .verlauf-diagonal-color-3-br-tl:hover { 
 -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}

.radial-in-color-3 { 
 background: -moz-radial-gradient(center, ellipse cover, rgba(237, 111, 39,0) 0%, rgba(237, 111, 39, 1) 100%); 
 background: -webkit-radial-gradient(center, ellipse cover, rgba(237, 111, 39,0) 0%,rgba(237, 111, 39, 1) 100%); 
 background: radial-gradient(ellipse at center, rgba(237, 111, 39,0) 0%,rgba(237, 111, 39, 1) 100%); 
}

.radial-out-color-3 { 
 background: -moz-radial-gradient(center, ellipse cover, rgba(237, 111, 39, 0.75) 0%, rgba(237, 111, 39,0) 100%); 
 background: -webkit-radial-gradient(center, ellipse cover, rgba(237, 111, 39, 0.75) 0%,rgba(237, 111, 39,0) 100%); 
 background: radial-gradient(ellipse at center, rgba(237, 111, 39, 0.75) 0%,rgba(237, 111, 39,0) 100%); 
}

.radial-in-color-3:hover, .radial-out-color-3:hover { 
 -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
}