@charset "UTF-8";
/* CSS Document */

/* ##### TRANSITIONS #####----------------------------------*/
 
 .bto, .icon, #nav ul li .navitem, .startbutton, .list.kunden .listrow, .unternehmen_prev_item, .unternehmen_prev_item .top, .unternehmen_prev_item .top .name,
 .animation02{
	transition:all 0.2s linear;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
}
 
.animation04, {	 
	transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
}


/* ##### BORDERS #####----------------------------------*/

.bto, .icon, .profile, form .radiobto, .querywrap > .data, .month_action input.radio + label, .headicon, .list.user .listrow .col:nth-of-type(1) > img,
.color_preview_item {
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;
}

#nav ul li .user .icon, #nav ul li .navitem .icon, .headicon img, .logout .bto  {
	border-radius:0 !important;
	-webkit-border-radius:0 !important;
	-moz-border-radius:0 !important;
	-ms-border-radius:0 !important;
	-o-border-radius:0 !important;
}

.flag.user, label.checkbox_label {
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
}

#nav form input[type="search"] {
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
}

/* ##### ANIMATION REFERENCE #####----------------------------------*/

#intro {
	animation:LoadAnimation 1s 1 linear;
	-webkit-animation:LoadAnimation 1s 1 linear;
	-moz-animation:LoadAnimation 1s 1 linear;
	-ms-animation:LoadAnimation 1s 1 linear;
	-o-animation:LoadAnimation 1s 1 linear;
}

#overlay .signet .bg {
	animation:Loading 4s infinite linear;
	-webkit-animation:Loading 4s infinite linear;
	-moz-animation:Loading 4s infinite linear;
	-ms-animation:Loading 4s infinite linear;
	-o-animation:Loading 4s infinite linear;
} 

#overlay .signet p {
	animation:InAndOutBlend 4s infinite linear;
	-webkit-animation:InAndOutBlend 4s infinite linear;
	-moz-animation:Loading 4s infinite linear;
	-ms-animation:InAndOutBlend 4s infinite linear;
	-o-animation:InAndOutBlend 4s infinite linear;
} 


/* ##### ANIMATION #####----------------------------------*/

/*InAndOutBlend*/
@-webkit-keyframes InAndOutBlend {
0% { opacity:0;}
50% { opacity:1;}
100% { opacity:0;}
}

@-moz-keyframes InAndOutBlend {
0% { opacity:0;}
50% { opacity:1;}
100% { opacity:0;}
}

@-ms-keyframes InAndOutBlend {
0% { opacity:0;}
50% { opacity:1;}
100% { opacity:0;}
}

@-o-keyframes InAndOutBlend {
0% { opacity:0;}
50% { opacity:1;}
100% { opacity:0;}
}

/*Loading*/
@-webkit-keyframes Loading {
0% { background-color:#000;}
50% { background-color:#FC0;}
100% { background-color:#000;}
}

@-moz-keyframes Loading {
0% { background-color:#000;}
50% { background-color:#FC0;}
100% { background-color:#000;}
}

@-ms-keyframes Loading {
0% { background-color:#000;}
50% { background-color:#FC0;}
100% { background-color:#000;}
}

@-o-keyframes Loading {
0% { background-color:#000;}
50% { background-color:#FC0;}
100% { background-color:#000;}
}

/*LoadAnimation*/
@-webkit-keyframes LoadAnimation {
0% { visibility:visible; opacity:1;}
95% { visibility:visible; opacity:1;}
100% { visibility:hidden; opacity:0; }
}

@-moz-keyframes LoadAnimation {
0% { visibility:visible; opacity:1;}
95% { visibility:visible; opacity:1;}
100% { visibility:hidden; opacity:0;}
}

@-ms-keyframes LoadAnimation {
0% { visibility:visible; opacity:1;}
95% { visibility:visible; opacity:1;}
100% { visibility:hidden; opacity:0;}
}

@-o-keyframes LoadAnimation {
0% { visibility:visible; opacity:1;}
95% { visibility:visible; opacity:1;}
100% { visibility:hidden; opacity:0;}
}

/*RotateAnimation*/
@-webkit-keyframes RotateAnimation {
0% { -webkit-transform:rotate(0);}
100% { -webkit-transform:rotate(360deg);}
}

@-moz-keyframes RotateAnimation {
0% { -moz-transform:rotate(0);}
100% { -moz-transform:rotate(360deg);}
}

@-ms-keyframes RotateAnimation {
0% { -ms-transform:rotate(0);}
100% { -ms-transform:rotate(360deg);}
}

@-o-keyframes RotateAnimation {
0% { -o-transform:rotate(0);}
100% { -o-transform:rotate(360deg);}
}

/*xsRotationAnimation*/
@-webkit-keyframes xsRotationAnimation {
0% { -webkit-transform:rotate(0deg);}
25% { -webkit-transform:rotate(10deg);}
75% {-webkit-transform:rotate(-10deg);}
100% { -webkit-transform:rotate(0deg);}
}

@-moz-keyframes xsRotationAnimation {
0% { -moz-transform:rotate(0deg);}
25% { -moz-transform:rotate(10deg);}
75% {-moz-transform:rotate(-10deg);}
100% { -moz-transform:rotate(0deg);}
}

@-ms-keyframes xsRotationAnimation {
0% { -ms-transform:rotate(0deg);}
25% { -ms-transform:rotate(10deg);}
75% {-ms-transform:rotate(-10deg);}
100% { -ms-transform:rotate(0deg);}
}

@-o-keyframes xsRotationAnimation {
0% { -o-transform:rotate(0deg);}
25% { -o-transform:rotate(10deg);}
75% {-o-transform:rotate(-10deg);}
100% { -o-transform:rotate(0deg);}
}

/*LoadAnimation*/
@-webkit-keyframes TitleAnimation {
0% { opacity:0; margin-left:0;}
8% { opacity:1; margin-left:0;}
16% { opacity:0.8;}
20% { opacity:0;}
100% { opacity:0;}
}

@-moz-keyframes TitleAnimation {
0% { opacity:0; margin-left:0;}
8% { opacity:1; margin-left:0;}
16% { opacity:0.8;}
20% { opacity:0;}
100% { opacity:0;}
}

@-ms-keyframes TitleAnimation {
0% { opacity:0; margin-left:0;}
8% { opacity:1; margin-left:0;}
16% { opacity:0.8;}
20% { opacity:0;}
100% { opacity:0;}
}

@-o-keyframes TitleAnimation {
0% { opacity:0; margin-left:0;}
8% { opacity:1; margin-left:0;}
16% { opacity:0.8;}
20% { opacity:0;}
100% { opacity:0;}
}

/*PopUpAnimation*/
@-webkit-keyframes PopUpAnimation {
0% { opacity:1; -webkit-transform:scale(0.1);}
100% { opacity:1; -webkit-transform:scale(1.0);}
}

@-moz-keyframes PopUpAnimation {
0% { opacity:1; -moz-transform:scale(0.1);}
100% { opacity:1; -moz-transform:scale(1.0);}
}

@-ms-keyframes PopUpAnimation {
0% { opacity:1; -ms-transform:scale(0.1);}
100% { opacity:1; -ms-transform:scale(1.0);}
}

@-o-keyframes PopUpAnimation {
0% { opacity:1; -o-transform:scale(0.1);}
100% { opacity:1; -o-transform:scale(1.0);}
}

/*BuildAnimation*/
@-webkit-keyframes BuildAnimation {
0% { opacity:0; margin-top:70px;}
20% { opacity:0; margin-top:70px;}
100% { opacity:1; margin-top:80px;}
}

@-moz-keyframes BuildAnimation {
0% { opacity:0; margin-top:70px;}
20% { opacity:0; margin-top:70px;}
100% { opacity:1; margin-top:80px;}
}

@-ms-keyframes BuildAnimation {
0% { opacity:0; margin-top:70px;}
20% { opacity:0; margin-top:70px;}
100% { opacity:1; margin-top:80px;}
}

@-o-keyframes BuildAnimation {
0% { opacity:0; margin-top:70px;}
20% { opacity:0; margin-top:70px;}
100% { opacity:1; margin-top:80px;}
}

/*BunnyAnimation*/
@-webkit-keyframes BunnyAnimation {
0% { -webkit-transform:scale(0.95);}
20% { -webkit-transform:scale(0.90);}
100% { -webkit-transform:scale(1.0); }
}

@-moz-keyframes BunnyAnimation {
0% { -moz-transform:scale(0.95);}
20% { -moz-transform:scale(0.90);}
100% { -moz-transform:scale(1.0); }
}

@-ms-keyframes BunnyAnimation {
0% { -ms-transform:scale(0.95);}
20% { -ms-transform:scale(0.90);}
100% { -ms-transform:scale(1.0); }
}

@-o-keyframes BunnyAnimation {
0% { -o-transform:scale(0.95);}
20% { -o-transform:scale(0.90);}
100% { -o-transform:scale(1.0); }
}

/*SizeAnimation*/
@-webkit-keyframes SizeAnimation {
0% { -webkit-transform:scale(1.0);}
50% { -webkit-transform:scale(1.02);}
100% { -webkit-transform:scale(1.0);}
}

@-moz-keyframes SizeAnimation {
0% { -moz-transform:scale(1.0);}
50% { -moz-transform:scale(1.02);}
100% { -moz-transform:scale(1.0);}
}

@-ms-keyframes SizeAnimation {
0% { -ms-transform:scale(1.0);}
50% { -ms-transform:scale(1.02);}
100% { -ms-transform:scale(1.0);}
}

@-o-keyframes SizeAnimation {
0% { -o-transform:scale(1.0);}
50% { -o-transform:scale(1.02);}
100% { -o-transform:scale(1.0);}
}

/*CircleAnimation*/
@-webkit-keyframes CircleAnimation {
0% { box-shadow:0px 0px 0px 10pt rgba(214,157,29,1), 0px 0px 0px 18pt rgba(250,200,26,1);}
20% { box-shadow:0px 0px 0px 8pt rgba(214,157,29,1), 0px 0px 0px 18pt rgba(250,200,26,1);}
80% { box-shadow:0px 0px 0px 18pt rgba(214,157,29,1), 0px 0px 0px 22pt rgba(250,200,26,1);}
100% { box-shadow:0px 0px 0px 10pt rgba(214,157,29,1), 0px 0px 0px 18pt rgba(250,200,26,1);}
}

@-moz-keyframes CircleAnimation {
0% { box-shadow:0px 0px 0px 10pt rgba(214,157,29,1), 0px 0px 0px 18pt rgba(250,200,26,1);}
20% { box-shadow:0px 0px 0px 8pt rgba(214,157,29,1), 0px 0px 0px 18pt rgba(250,200,26,1);}
80% { box-shadow:0px 0px 0px 18pt rgba(214,157,29,1), 0px 0px 0px 22pt rgba(250,200,26,1);}
100% { box-shadow:0px 0px 0px 10pt rgba(214,157,29,1), 0px 0px 0px 18pt rgba(250,200,26,1);}
}

@-ms-keyframes CircleAnimation {
0% { box-shadow:0px 0px 0px 10pt rgba(214,157,29,1), 0px 0px 0px 18pt rgba(250,200,26,1);}
20% { box-shadow:0px 0px 0px 8pt rgba(214,157,29,1), 0px 0px 0px 18pt rgba(250,200,26,1);}
80% { box-shadow:0px 0px 0px 18pt rgba(214,157,29,1), 0px 0px 0px 22pt rgba(250,200,26,1);}
100% { box-shadow:0px 0px 0px 10pt rgba(214,157,29,1), 0px 0px 0px 18pt rgba(250,200,26,1);}
}

@-o-keyframes CircleAnimation {
0% { box-shadow:0px 0px 0px 10pt rgba(214,157,29,1), 0px 0px 0px 18pt rgba(250,200,26,1);}
20% { box-shadow:0px 0px 0px 8pt rgba(214,157,29,1), 0px 0px 0px 18pt rgba(250,200,26,1);}
80% { box-shadow:0px 0px 0px 18pt rgba(214,157,29,1), 0px 0px 0px 22pt rgba(250,200,26,1);}
100% { box-shadow:0px 0px 0px 10pt rgba(214,157,29,1), 0px 0px 0px 18pt rgba(250,200,26,1);}
}

/*ScaleAnimation*/
@-webkit-keyframes ScaleAnimation {
	0% {-webkit-transform:scale(0.0);}
	20% {-webkit-transform:scale(1.0); }
	100% {-webkit-transform:scale(1.0);}
}

@-moz-keyframes ScaleAnimation {
	0% {-webkit-transform:scale(0.0);}
	20% {-webkit-transform:scale(1.0); }
	100% {-webkit-transform:scale(1.0);}
}

@-ms-keyframes ScaleAnimation {
	0% {-webkit-transform:scale(0.0);}
	20% {-webkit-transform:scale(1.0); }
	100% {-webkit-transform:scale(1.0);}
}

@-o-keyframes ScaleAnimation {
	0% {-webkit-transform:scale(0.0);}
	20% {-webkit-transform:scale(1.0); }
	100% {-webkit-transform:scale(1.0);}
}

/*ImageScaleAnimation*/
@-webkit-keyframes ImageScaleAnimation {
	0% {-webkit-transform:scale(1.0) skew(0deg);}
	10% {-webkit-transform:scale(1.2);  }
	20% {-webkit-transform:scale(1.4) skew(20deg) translate(1%);  }
	30% {-webkit-transform:scale(1.6);  }
	60% {-webkit-transform:scale(1.4) translate(-1%);  }
	100% { -webkit-transform:scale(1.0) skew(0deg);  }
}

@-moz-keyframes ImageScaleAnimation {
	0% {-moz-transform:scale(1.0) skew(0deg);}
	10% {-moz-transform:scale(1.2);  }
	20% {-moz-transform:scale(1.4) skew(20deg) translate(1%);  }
	30% {-moz-transform:scale(1.6);  }
	60% {-moz-transform:scale(1.4) translate(-1%);  }
	100% { -moz-transform:scale(1.0) skew(0deg);  }
}

@-ms-keyframes ImageScaleAnimation {
	0% {-ms-transform:scale(1.0) skew(0deg);}
	10% {-ms-transform:scale(1.2);  }
	20% {-ms-transform:scale(1.4) skew(20deg) translate(1%);  }
	30% {-ms-transform:scale(1.6);  }
	60% {-ms-transform:scale(1.4) translate(-1%);  }
	100% { -ms-transform:scale(1.0) skew(0deg);  }
}

@-o-keyframes ImageScaleAnimation {
	0% {-o-transform:scale(1.0) skew(0deg);}
	10% {-o-transform:scale(1.2);  }
	20% {-o-transform:scale(1.4) skew(20deg) translate(1%);  }
	30% {-o-transform:scale(1.6);  }
	60% {-o-transform:scale(1.4) translate(-1%);  }
	100% { -o-transform:scale(1.0) skew(0deg);  }
}

/*ImageBlurAnimation*/
@-webkit-keyframes ImageBlurAnimation {
	0%{ webkit-filter: blur(0px);}
	30%{ webkit-filter: blur(10px);}
	95%{ webkit-filter: blur(10px);}
	100%{ webkit-filter: blur(0px);}
}

@-moz-keyframes ImageBlurAnimation {
	0%{ moz-filter: blur(0px);}
	30%{ moz-filter: blur(10px);}
	95%{ moz-filter: blur(10px);}
	100%{ moz-filter: blur(0px);}
}

@-ms-keyframes ImageBlurAnimation {
	0%{ ms-filter: blur(0px);}
	30%{ ms-filter: blur(10px);}
	95%{ ms-filter: blur(10px);}
	100%{ ms-filter: blur(0px);}
}

@-o-keyframes ImageBlurAnimation {
	0%{ o-filter: blur(0px);}
	30%{ o-filter: blur(10px);}
	95%{ o-filter: blur(10px);}
	100%{ o-filter: blur(0px);}
}

/*BgColorAnimation*/

@-webkit-keyframes BgColorAnimation {
	0%{ background-color:rgba(18,169,217,1);}
	30%{ background-color:rgba(86,160,160,1);}
	50%{ background-color:rgba(246,120,113,1);}
	95%{ background-color:rgba(18,169,217,0.4);}
	100%{ background-color:rgba(18,169,217,1);}
}

@-moz-keyframes BgColorAnimation {
	0%{ background-color:rgba(18,169,217,1);}
	30%{ background-color:rgba(86,160,160,1);}
	50%{ background-color:rgba(246,120,113,1);}
	95%{ background-color:rgba(18,169,217,0.4);}
	100%{ background-color:rgba(18,169,217,1);}
}

@-ms-keyframes BgColorAnimation {
	0%{ background-color:rgba(18,169,217,1);}
	30%{ background-color:rgba(86,160,160,1);}
	50%{ background-color:rgba(246,120,113,1);}
	95%{ background-color:rgba(18,169,217,0.4);}
	100%{ background-color:rgba(18,169,217,1);}
}

@-o-keyframes BgColorAnimation {
	0%{ background-color:rgba(18,169,217,1);}
	30%{ background-color:rgba(86,160,160,1);}
	50%{ background-color:rgba(246,120,113,1);}
	95%{ background-color:rgba(18,169,217,0.4);}
	100%{ background-color:rgba(18,169,217,1);}
}