body {}
.zoomContainer {
    position: relative;
    padding: 1px;
    margin: -1px;
}

.logo {
	/* display: table; */
	/* width: 100%; /* Falls es sich um ein Block-Element handelt */ 
	/* height: 300px; /* Im besten Fall hat das Eltern-Element bereits eine Höhe, diese Anweisung kann dann ignoriert werden */ 
    width: 430px;
    height: 250px;
    margin: 0 auto;
    z-index: 0;
}
.logo div {
	/* display: table-cell; */
	/* vertical-align: middle; */
    /* text-align: center */
}
#key1 {display:grid}

.zlink {/* border:1px solid red */ background:#fff;}
#werbung.zlink {width: 72px; height: 30px; margin: -75px 0 0 0px;}
#marketing.zlink {width: 95px; height: 30px; margin: -87px 0 0 105px}
#beratung.zlink {width: 155px; height: 30px; margin: -98px 0 0 195px;}

.mask {
    /* border-radius: 50%;  */
    /* background: #eee; */
    /* padding: 10px; */
}

#werbung1,#marketing1,#beratung1 {
    /* width: 0px;  */
    /* height: 0px;  */
    font-size: 10px;  
    line-height: 15px; 
    z-index: 999; 
    /* overflow:hidden; */
}
.zoomed {
    /* width: 300px!important;  */
    height: auto!important; 
    font-size: 16px!important; 
    line-height: 25px!important; 
    /* padding: 100px!important;  */
    background: #eee!important; 
    border-radius: 50%!important; 
    overflow: visible!important; 
}
#werbung1.zoomed {color:red}
#marketing1.zoomed {color:blue}
#beratung1.zoomed {color:green}

/* .zoomed {font-size: 16px!important; line-height: 20px!important; padding: 50px 0;} */



.shape {
    float:left;
    /*width:80px;*/
    /*height:80px;*/
    padding: 5px;
    text-align:center;
    color:white;
    font-weight:500;
    line-height:70px;
    border-radius:3px;
    margin-bottom:40px;
}

.shape-skew {
    background-color:#090;
    -webkit-transform:skewX(15deg) skewY(10deg);
    -moz-transform:skewX(15deg) skewY(10deg);
    -ms-transform:skewX(15deg) skewY(10deg);
    -o-transform:skewX(15deg) skewY(10deg);
    margin-right:55px;
}

.shape-skew:hover {
    background-color:#0b0;
}

.shape-skew.selectedZoomTarget:hover {
    background-color:#090;
}

.shape-scale {
    -webkit-transform:scaleX(0.7) translateY(0px);
    -moz-transform:scaleX(0.7) translateY(0px);
    -ms-transform:scaleX(0.7) translateY(0px);
    -o-transform:scaleX(0.7) translateY(0px);
    background-color:#27c;
    margin-right:50px;
}

.shape-scale:hover {
    background-color:#49e;
}

.shape-scale.selectedZoomTarget:hover {
    background-color:#27c;
}

.shape-rotation {
    background-color:#c43;
    -webkit-transform: rotate(-50deg) translateX(-60px);
    -moz-transform:rotate(-50deg) translateX(-60px);
    -ms-transform:rotate(-50deg) translateX(-60px);
    -o-transform:rotate(-50deg) translateX(-60px);
}

.shape-rotation:hover {
    background-color:#e64433;
}

.shape-rotation.selectedZoomTarget:hover {
    background-color:#c43;
}