/* *** Custom CSS for the Fühl den Flow! section *** */

.custom.flow {
	position: relative;/**/
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.custom.flow img {
	animation: fadein 5.5ms;
	-moz-animation: fadein 5.5ms;
	-webkit-animation: fadein 5.5s;
	width: 100%;
}
.custom.flow p {
	margin: 0;
}


/* *** Tooltipps *** */
.tooltip-gif,
.tooltip-text {
	position: absolute;
}
/* .tooltip-text */
/* .tooltip-gif */
.tooltip-text {
	display: none;
}

/* 
.tooltip-gif:hover {
	cursor: pointer;
}

.show-on-hover:hover .tooltip-text { 
	display: block;
	    -webkit-animation: fadein 1s; 
       -moz-animation: fadein 1s; 
        -ms-animation: fadein 1s; 
         -o-animation: fadein 1s;
            animation: fadein 1s;
} 

.tooltip-text::before,
.tooltip-text::after {
	display: block;
  width: 252px;
	content: ' ';
}
.tooltip-text::before {
  height: 45px;
  background: url("../../../../images/startseite/tooltip_top.png") 0 0 no-repeat;
}
.tooltip-text::after {
  height: 16px;
  background: url("../../../../images/startseite/tooltip_bottom.png") 0 0 no-repeat;
}
.tooltip-text p {
	width: 252px;
	padding: 12px 20px 28px 24px;
	font-size: 13px;
	font-weight: 500;
	color: #333;
	background: url("../../../../images/startseite/tooltip.png") 0 0 no-repeat;
	background-size: 252px 100%;
	text-align: center;
}

.tooltip-text p span.flow { 
	font-weight:700;
}

#Sitzender-Mann {
	left: 1043px;
	top: 182px;
	width: 123px;
	height: 175px;
}
#Sitzender-Mann-2{
	left: 830px;
	top: 278px;
	width: 213px;
	height: 60px;
}
#Sitzender-Mann-text {
	left: 880px;
	top: 330px;
}
#Telefonierende-Frau {
	left: 599px;
	top: 155px;
	width: 200px;
	height: 430px;
}
#Telefonierende-Frau-text {
	left: 561px;
	top: 314px;
}
#Abklatschende-Kollegen {
	left: 83px;
	top: 108px;
	width: 486px;
	height: 276px;
}
#Abklatschende-Kollegen-text {
	left: 332px;
	top: 329px;
}
#Medaille-bester-Arbeitgeber {
	left: 967px;
	top: 152px;
	width: 74px;
	height: 94px;
}
#Medaille-bester-Arbeitgeber-text {
	left: 868px;
	top: 250px;
}
#Heißluftballons {
	left: 800px;
	top: 166px;
	width: 120px;
	height: 102px;
}
#Heißluftballons-text {
	left: 731px;
	top: 256px;
}
#Handy {
	left: 254px;
	top: 396px;
	width: 277px;
	height: 191px;
}
#Handy-text {
	left: 22px;
	top: 450px;
}
*/



/* *** Animation *** 

@keyframes fadein {
	from { opacity: 0; } to { opacity: 1; }
}
@-moz-keyframes fadein {
	from { opacity: 0; } to { opacity: 1; }
}
@-webkit-keyframes fadein {
	from { opacity: 0; } to { opacity: 1; }
}
@-o-keyframes fadein {
	from { opacity: 0; } to { opacity: 1; }
}
*/



/* Media Queries */

@media (max-width:1200px) {

.custom.flow img {
height:auto;
}