section.uterus .inner {
 background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZkZjJmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZGY2ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#fdf2f7),color-stop(100%,#fdf6f4));
 background:-webkit-linear-gradient(top,#fdf2f7 1%,#fdf6f4 100%);
 background:linear-gradient(to bottom,#fdf2f7 1%,#fdf6f4 100%);
 filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf2f7', endColorstr='#fdf6f4', GradientType=0 )
}
.ie8 section.uterus .inner,
.ie9 section.uterus .inner,
section.uterus .ie8 .inner,
section.uterus .ie9 .inner {
 background-color:#fdf2f7!important
}

section.uterus .container{
	padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}
section.uterus {
 position:relative;
 z-index:10
}
section.uterus object {
 width:100%;
 max-width:900px
}
section.uterus .inner {
 padding:100px 30px;
 text-align:center;
 position:relative
}
section.uterus h2 {
 margin-bottom:30px
}
section.uterus p.description {
 margin-bottom:50px
}
section.mobile-uterus {
 max-width:750px;
 margin:0 auto 15px;
 padding:0 30px;
 display:none
}
section.mobile-uterus li {
  margin-bottom: 30px;
  font-size: 21px;
  line-height: 30px;
}
section.mobile-uterus li>* {
  display: table-cell;
  vertical-align: middle;
}
section.mobile-uterus li>:first-child {
  padding-right: 15px;
}
section.mobile-uterus figure{
  display: block;
}
section.mobile-uterus img {
  border-radius: 50%;
  border: 3px solid #00C7B0;
  width: 110px;
  float: left;
  padding: 4px;
  margin-right: 15px;
}
section.mobile-uterus h3 {
  margin-bottom: 5px;
  font-size: 20px;
  line-height: normal;
  color: #333;
}
section.mobile-uterus p {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 23px;
}

.hotspots {
 height:100%;
 position:absolute;
 left:0;
 top:0;
 z-index:10;
 display:none
}
.in-viewport .hotspots {
 display:block
}
.image-map {
 position:relative;
 opacity:0;
 -webkit-transform:scale(.2);
 transform:scale(.2);
 -webkit-transition:opacity 1s ease-in-out,-webkit-transform 1s cubic-bezier(.68,-.55,.265,1.55);
 transition:opacity 1s ease-in-out,transform 1s cubic-bezier(.68,-.55,.265,1.55)
}
.in-viewport .image-map {
 opacity:1;
 -webkit-transform:scale(1);
 transform:scale(1)
}
.image-map img {
 width:100%;
 display:block
}
.uterus-base {
 -webkit-animation:uterus-fade 1s infinite;
 animation:uterus-fade 1s infinite
}
.trigger {
 border-radius:50%;
 width:40px;
 height:40px;
 z-index:20;
 display:inline-block;
 -webkit-transform-origin:center center;
 transform-origin:center center;
 position:absolute;
 left:0;
 top:0;
 opacity:0;
 cursor:pointer;
 -webkit-transform:scale(0);
 transform:scale(0);
 -webkit-transition:-webkit-transform .2s cubic-bezier(.68,-.55,.265,1.55),opacity .2s ease-in-out;
 transition:transform .2s cubic-bezier(.68,-.55,.265,1.55),opacity .2s ease-in-out
}
.add-triggers .trigger {
 -webkit-transform:scale(1);
 transform:scale(1);
 opacity:1
}
.added-triggers .trigger {
 -webkit-animation:zoom 1s infinite;
 animation:zoom 1s infinite;
 -webkit-transition:none!important;
 transition:none!important;
 -webkit-transition-delay:none!important;
 transition-delay:none!important
}
.active .trigger {
 -webkit-animation:none!important;
 animation:none!important;
 -webkit-transition-delay:0!important;
 transition-delay:0!important;
 -webkit-transition:width .5s ease-in-out,height .5s ease-in-out!important;
 transition:width .5s ease-in-out,height .5s ease-in-out!important
}
.trigger .trigger-inner {
 position:relative
}
.trigger .drop {
 width:100%
}
.trigger .symptom {
 position:absolute;
 left:10px;
 top:11px;
 opacity:0;
 -webkit-transform:scale(.1);
 transform:scale(.1);
 -webkit-transition:-webkit-transform .5s cubic-bezier(.68,-.55,.265,1.55),opacity .5s ease-in-out;
 transition:transform .5s cubic-bezier(.68,-.55,.265,1.55),opacity .5s ease-in-out
}
.reverse .trigger .symptom {
 left:auto;
 right:11px;
 top:10px
}
.trigger .symptom img {
 border:1px solid #FFF;
 border-radius:50%;
 max-width:130px;
 float:left
}
.animate-bubble .trigger {
 width:250px;
 height:150px;
 -webkit-transition:width .5s ease-in-out,height .5s ease-in-out;
 transition:width .5s ease-in-out,height .5s ease-in-out;
 -webkit-transform-origin:left bottom;
 transform-origin:left bottom
}
.animate-symptom .trigger .symptom {
 opacity:1;
 -webkit-transform:scale(1);
 transform:scale(1)
}
.removing .trigger,
.removing .trigger .symptom {
 -webkit-transition:none;
 transition:none
}
.symptom-content {
 font-size:13px;
 width:400px;
 text-align:left;
 position:absolute;
 background-color:#FFF;
 z-index:10;
 padding:0 20px 20px;
 overflow:hidden;
 color:#333;
 margin-top:85px;
 box-shadow:3px 3px 0 rgba(0,0,0,.1);
 visibility:hidden;
 opacity:0;
 -webkit-transition:opacity 1s ease-in-out,padding .8s ease-in-out;
 transition:opacity 1s ease-in-out,padding .8s ease-in-out;
 left:-190px
}
.symptom-content h3 {
 word-wrap:break-word;
 font-size:20px;
 line-height:normal
}
.symptom-content h2 {
 font-size:22px;
 line-height:22px
}
.symptom-content .close-hotspot {
 text-decoration:underline;
 font-weight:700;
 cursor:pointer
}
.hotspot,
.hotspot:hover {
 text-decoration:none
}
.animate-content .symptom-content {
 padding-top:75px;
 visibility:visible;
 opacity:1
}
.questionnaire-module .symptom-content label,
.submit-combined .symptom-content input[type=submit],
.symptom-content .button,
.symptom-content .close-hotspot,
.symptom-content .next-button,
.symptom-content .prev-button,
.symptom-content .questionnaire-module label,
.symptom-content .submit-combined input[type=submit],
.symptom-content .tags a,
.symptom-content .video-button,
.tags .symptom-content a {
 float:left;
 clear:both
}

.close-hotspot {
 float:right!important;
}

.reverse .symptom-content {
 left:40px
}
.removing .symptom-content {
 -webkit-transition:none;
 transition:none
}
.hotspot {
 position:relative;
 float:left;
 text-align:center;
 z-index:30;
 -webkit-transition:left .5s ease-in-out,top .5s ease-in-out;
 transition:left .5s ease-in-out,top .5s ease-in-out;
 -webkit-transform-origin:left bottom;
 transform-origin:left bottom
}
.hotspot:nth-child(1) .trigger {
 -webkit-transition-delay:.15s;
 transition-delay:.15s
}
.hotspot:nth-child(2) .trigger {
 -webkit-transition-delay:.3s;
 transition-delay:.3s
}
.hotspot:nth-child(3) .trigger {
 -webkit-transition-delay:.45s;
 transition-delay:.45s
}
.hotspot:nth-child(4) .trigger {
 -webkit-transition-delay:.6s;
 transition-delay:.6s
}
.hotspot:nth-child(5) .trigger {
 -webkit-transition-delay:.75s;
 transition-delay:.75s
}
.hotspot:nth-child(6) .trigger {
 -webkit-transition-delay:.9s;
 transition-delay:.9s
}
.hotspot:nth-child(7) .trigger {
 -webkit-transition-delay:1.05s;
 transition-delay:1.05s
}
.hotspot:nth-child(8) .trigger {
 -webkit-transition-delay:1.2s;
 transition-delay:1.2s
}
.hotspot:nth-child(9) .trigger {
 -webkit-transition-delay:1.35s;
 transition-delay:1.35s
}
.hotspot:nth-child(10) .trigger {
 -webkit-transition-delay:1.5s;
 transition-delay:1.5s
}
.hotspot:nth-child(11) .trigger {
 -webkit-transition-delay:1.65s;
 transition-delay:1.65s
}
.hotspot:nth-child(12) .trigger {
 -webkit-transition-delay:1.8s;
 transition-delay:1.8s
}
.hotspot:nth-child(13) .trigger {
 -webkit-transition-delay:1.95s;
 transition-delay:1.95s
}
.hotspot:nth-child(14) .trigger {
 -webkit-transition-delay:2.1s;
 transition-delay:2.1s
}
.hotspot:nth-child(15) .trigger {
 -webkit-transition-delay:2.25s;
 transition-delay:2.25s
}
.hotspot:nth-child(16) .trigger {
 -webkit-transition-delay:2.4s;
 transition-delay:2.4s
}
.hotspot:nth-child(17) .trigger {
 -webkit-transition-delay:2.55s;
 transition-delay:2.55s
}
.hotspot:nth-child(18) .trigger {
 -webkit-transition-delay:2.7s;
 transition-delay:2.7s
}
.hotspot:nth-child(19) .trigger {
 -webkit-transition-delay:2.85s;
 transition-delay:2.85s
}
.hotspot:nth-child(20) .trigger {
 -webkit-transition-delay:3s;
 transition-delay:3s
}
.hotspot.removing {
 -webkit-transition:none;
 transition:none
}
.hotspot-myomen {
 left:356px;
 top:202px
}
.hotspot-myomen.animate-bubble {
 left:357px;
 top:91px
}
.hotspot-myomen2 {
 left:326px;
 top:80px
}
.hotspot-myomen2.active {
 left:324px;
 top:-22px
}
.hotspot-poliepen {
 left:227px;
 top:149px
}
.hotspot-poliepen.active {
 left:17px;
 top:46px
}
.hotspot-hormonal-disbalance {
 left:100px;
 top:190px
}
.hotspot-hormonal-disbalance.active {
 left:103px;
 top:87px
}
.hotspot-baarmoeder-slijmvlies {
 left:374px;
 top:119px
}
.hotspot-baarmoeder-slijmvlies.active {
 left:356px;
 top:17px
}
.hotspot-vleesboom {
 left:332px;
 top:191px
}
.hotspot-vleesboom.active {
 left:330px;
 top:88px
}
.hotspot-stolling {
 left:324px;
 top:258px
}
.hotspot-stolling.active {
 left:116px;
 top:156px
}
.hotspot-poliepen {
 left:305px;
 top:79px
}
.hotspot-poliepen.active {
 left:97px;
 top:-14px;
}
.hotspot-entzündungen-der-eierstöcke {
 left:550px;
 top:155px
}
.hotspot-entzündungen-der-eierstöcke.active {
 left:550px;
 top:50px
}
.hotspot-entzündungen-der-gebärmutter {
 left:265px;
 top:211px;
}
.hotspot-entzündungen-der-gebärmutter.active {
 left:42px;
 top:108px
}
.hotspot-perimenopause {
 left:500px;
 top:211px;
}
.hotspot-perimenopause.active {
 left:300px;
 top:108px
}
.hotspot-tumor {
 left:320px;
 top:152px;
}
.hotspot-tumor.active {
 left:120px;
 top:60px
}
.hotspot-endometriose {
 left:392px;
 top:-10px;
}
.hotspot-endometriose.active {
 left:370px;
 top:-110px
}
.hotspot-submuköses-myom {
 left:238px;
 top:158px;
}
.hotspot-submuköses-myom.active {
 left:28px;
 top:55px;
}
.hotspot-mo-verwachsung {
 left:287px;
 top:48px;
}
.hotspot-mo-verwachsung.active {
 left:268px;
 top:-55px;
}
.hotspot-subseroeses-myom {
 left:210px;
 top:100px;
}
.hotspot-subseroeses-myom.active {
 left:-2px;
 top:-5px;
}

.button,
.next-button,
.prev-button,
.questionnaire-module label,
.submit-combined input[type=submit],
.tags a,
.video-button {
 text-decoration:none;
 border:none;
 display:inline-block;
 cursor:pointer;
 text-align:center;
 background-color:#E40249;
 -webkit-transition:background .3s ease-in-out,border .3s ease-in-out;
 transition:background .3s ease-in-out,border .3s ease-in-out;
 padding:10px 25px;
 font-size:14px;
 font-weight:400;
 color:#fff;
 position:relative;
 margin-bottom: 15px;
}

.button:hover,
.next-button:hover,
.prev-button:hover,
.questionnaire-module label:hover,
.submit-combined input[type=submit]:hover,
.tags a:hover,
.video-button:hover {
 text-decoration:none!important;
 color:#fff;
 background-color:#980131
}
.button.secondary,
.questionnaire-module label.active,
.questionnaire-module label.secondary,
.secondary.next-button,
.secondary.prev-button,
.secondary.video-button,
.submit-combined input.secondary[type=submit],
.tags a.secondary {
 background-color:#00C7B0
}
.button.secondary:hover,
.questionnaire-module label.active:hover,
.questionnaire-module label.secondary:hover,
.secondary.next-button:hover,
.secondary.prev-button:hover,
.secondary.video-button:hover,
.submit-combined input.secondary[type=submit]:hover,
.tags a.secondary:hover {
 background-color:#00ae99
}
.button.dia-secondary,
.dia-secondary.next-button,
.dia-secondary.prev-button,
.dia-secondary.video-button,
.questionnaire-module label,
.submit-combined input.dia-secondary[type=submit],
.tags a.dia-secondary {
 background-color:#ECECEC;
 color:#333
}
.button.dia-secondary:hover,
.dia-secondary.next-button:hover,
.dia-secondary.prev-button:hover,
.dia-secondary.video-button:hover,
.questionnaire-module label:hover,
.submit-combined input.dia-secondary[type=submit]:hover,
.tags a.dia-secondary:hover {
 background-color:#00C7B0
}
.button.small,
.questionnaire-module label.small,
.small.next-button,
.small.prev-button,
.small.video-button,
.submit-combined input.small[type=submit],
.tags a.small {
 font-size:15px;
 padding:8px 20px
}
.button.extra-small,
.extra-small.next-button,
.extra-small.prev-button,
.extra-small.video-button,
.questionnaire-module label.extra-small,
.submit-combined input.extra-small[type=submit],
.tags a.extra-small {
 font-size:12px;
 padding:3px 9px
}
.button.more-button,
.more-button.next-button,
.more-button.prev-button,
.more-button.video-button,
.questionnaire-module label.more-button,
.submit-combined input.more-button[type=submit],
.tags a.more-button {
 padding-right:40px
}
.button.more-button:before,
.more-button.next-button:before,
.more-button.prev-button:before,
.more-button.video-button:before,
.questionnaire-module label.more-button:before,
.submit-combined input.more-button[type=submit]:before,
.tags a.more-button:before {
 width:0;
 height:0;
 border-left:5px solid transparent;
 border-right:5px solid transparent;
 border-top:7px solid #fff;
 right:15px;
 top:50%;
 margin-top:-3px
}
.button a,
.next-button a,
.prev-button a,
.questionnaire-module label a,
.submit-combined input[type=submit] a,
.tags a a,
.video-button a {
 color:#fff;
 text-decoration:none
}
.button-print {
 width:35px;
 height:35px;
 padding:0
}
.button-print:before {
 top:50%;
 left:50%;
 margin-top:-7.5px;
 margin-left:-8px
}

@media screen and (max-width: 992px){
  section.mobile-uterus {
      display: block;
  }
}
@media screen and (max-width: 992px){
  .content {
      width: 100%!important;
  }
}
@media (max-width: 992px){
  section.uterus {
      display: none;
  }
  section.mobile-uterus .content .button.extra-small{
    padding: 9px 9px;
  }
}
@media screen and (max-width: 420px){
  section.mobile-uterus ul > li {
   display: flex;
   flex-direction: column;
  }
}
@-webkit-keyframes zoom {
  0%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .8
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1
  }
}
@keyframes zoom {
  0%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: .8
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1
  }
}



/*bugfix*/

@media (max-width: 768px) {
 .uterus {
  overflow: hidden;
 }
}

.ce-bullets {
 overflow: hidden;
}
