body{background-image:url("../img/bg.jpg");background-size:cover;background-repeat:no-repeat;}
.row{float:left;}
.grey-box{//width:324px;//height:100px;background-color:rgba(233,233,233,0.7);margin-bottom:20px;}
.grey-box:hover{background-color:rgba(233,233,233,0.9);}
.grey-box .img{float:left;}
.grey-box img{width:108px;height:73px;margin-left:10px;margin-right:10px;margin-bottom:15px;}
.grey-box .img-title{text-align:center;font-size:20px;margin-top:5px;}
.grey-box .text{padding:20px;padding-right:10px;}
.grey-box a{color:#8e2165;text-decoration:underline;}
.jeet-font{font-family:"Dancing Script";color:#8e2165;}
.right-row{}
#left-row{}
.pyramid{border-bottom:437px solid rgba(233,233,233,0.7);border-left:350px solid transparent;border-right:350px solid transparent;width:100%;height:0;margin-top:200px;display:border-box;margin-left:0;margin-right:0;}
.pyramid-content{position:absolute;}
.pyramid-img{background-repeat:no-repeat;background-size:cover;margin-left:auto;margin-right:auto;}
.pyramid-title{font-size:22px;text-align:center;display:block;}
.float_left{float:left;}
.pyramid-center, .pyramid-bottom{display:inline-block;}
.pyramid-bottom{margin-top:2px;}
.pyramid-center{margin-top:2px;}
.pyramid-center > div{margin-left:10px;margin-right:10px;}
.pyramid-bottom > div{margin-left:12px;}
#right-row .grey-box{display:table;text-align:center;font-size:22px;margin-left:auto;margin-right:auto;margin-top:25px;padding:10px 50px;}
#right-row .grey-box span{display:table-cell;vertical-align:middle;}
@media(min-width:993px) and (max-width:1200px), (max-width:720px){.pyramid-title{font-size:18px;}
.pyramid-bottom{margin-top:0;}
.pyramid-center{margin-top:0;}
.pyramid-bottom > div{margin-left:8px;}
}
@media(min-width:841px) and (max-width:992px), (max-width:550px){.pyramid-title{font-size:12px;}
.pyramid-bottom{margin-top:0;}
.pyramid-center{margin-top:0;}
.pyramid-bottom > div{margin-left:4px;}
}
@media(min-width:769px) and (max-width:840px){.pyramid-bottom{margin-top:0;}
.pyramid-center{margin-top:0;}
.pyramid-title{font-size:11px;}
.pyramid-bottom > div{margin-left:2px;}
}
@media(max-width:768px){}
@media(max-width:562px){}
noscript{background-color:rgba(200,200,200,0.8);top:20%;margin-left:auto;margin-right:auto;font-size:40px;text-align:center;color:red;display:block;}
#impressum-button{padding:10px;cursor:pointer;}
#impressum{padding:10px;}
#impressum-modal{font-size:12px;}
#pyramid_vielfalt{background-image:url("../img/Vielfalt.png");}
#pyramid_vielfalt:hover{background-image:url("../img/Vielfalt_2_Overlay_anim.gif");//background-color:red;}
#pyramid_menschen{background-image:url('../img/Menschen.png');}
#pyramid_menschen:hover{background-image:url('../img/Menschen_Overlay_anim.gif');}
#pyramid_talente{}
#pyramid_talente:hover{-webkit-animation:spin 4s ease infinite;-moz-animation:spin 4s ease infinite;animation:spin 4s ease infinite;}
@-moz-keyframes spin{100%{-moz-transform:rotate(360deg);}
}
@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg);}
}
@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
#pyramid_themen{background-image:url('../img/Themen.png');}
#pyramid_themen:hover{background-image:url('../img/themen_overlay_anim.gif');}
#pyramid_intelligenz:hover{background-image:url('../img/intelligenz_overlay_anim.gif');}
#pyramid_intelligenz{background-image:url('../img/Intelligenz.png');}
#pyramid_kreativitaet{background-image:url('../img/Kreativitaet.png');}
#pyramid_kreativitaet:hover{background-image:url('../img/kreativitaet_overlay_anim.gif');}
#pyramid_perspektiven, #pyramid_perspektiven:hover{-webkit-transition:all 0.7s ease;transition:all 0.7s ease;}
#pyramid_perspektiven:hover{-webkit-transform:rotateY(180deg);-webkit-transform-style:preserve-3d;transform:rotateY(180deg);transform-style:preserve-3d;}
.image-container{margin-left:10px;margin-right:10px;margin-bottom:15px;overflow:hidden;border:3px solid #666666;}
#team-box img{-webkit-transition:all 0.7s ease;transition:all 0.7s ease;margin:0;}
#team-box:hover img{-webkit-transform:scale(1.3);transform:scale(1.3);}
.grey-box .image-crossfade-container{width:108px;height:73px;margin-left:10px;margin-right:10px;margin-bottom:15px;}
.image-crossfade-container{position:relative;}
.grey-box .crossfade-image{position:absolute;margin:0;-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;}
.grey-box:hover .crossfade-image.top{opacity:0;}