/* Text mit Bild */

.dce_tb {
  margin-bottom:40px;
}

.dce_tb_img,
.dce_tb_text {
  float:left;  
}

.dce_tb_img {
  width:45%;
  position: relative;
    padding-top:80px;
}

    .dce_tb_img img {
        width:100%;
        height:auto;
    }

   

.dce_tb_text {
    width:calc(55% + 100px);
    margin-left:-100px;
}

    .zitat {
        font-family:Didot-Reg;
        margin-bottom:40px;
        font-size:1.1em;
        line-height: 1.5em;
    }

        .oval {
          width: 220px;
          height: 220px;
          border-radius: 50%;
          text-align: center;
          font-size: 90px;
          float: left;
          shape-outside: ellipse();
          position: relative;
        }

         .dce_tb_port {
            position: absolute;
            top:10px;
            right:10px;
        }

    .zitat_text {
       margin-left: calc(100px + 4vw);
       display: block;
    }        

    .info,
	.angebot {
        padding-left:calc(100px + 4vw);
    }


.shuffle .frame-type-dce_dceuid5:nth-child(odd) {
    
}

.shuffle .frame-type-dce_dceuid5:nth-child(even) {
    text-align: right;
}

.shuffle .frame-type-dce_dceuid5:nth-child(even) .dce_tb_img {
    float:right;
}

.shuffle .frame-type-dce_dceuid5:nth-child(even) .info,
.shuffle .frame-type-dce_dceuid5:nth-child(even) .angebot{
    padding-left:0;
    padding-right:calc(100px + 4vw);
}

.shuffle .frame-type-dce_dceuid5:nth-child(even) .dce_tb_text {
    margin-left:inherit;
    margin-right:-100px;
}

.shuffle .frame-type-dce_dceuid5:nth-child(even) .oval{
    float:right;
}

.shuffle .frame-type-dce_dceuid5:nth-child(even) .zitat_text {
       margin-left:inherit;
       margin-right: calc(100px + 4vw);
    }

.frame-type-dce_dceuid2 {
    border-top:2px solid #000;
    padding:30px 0;
    display: flex;
    justify-content:space-between;
    margin-top:70px;
}

    
.frame-type-dce_dceuid2 img {
    height:150px;
    width: auto;
}

/*animation element*/

.animation-element {
  opacity: 0;
}
/*animation element sliding left*/

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-200px, 0px, 0px);
  -webkit-transform: translate3d(-200px, 0px, 0px);
  -o-transform: translate(-200px, 0px);
  -ms-transform: translate(-200px, 0px);
  transform: translate3d(-200px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/*animation element sliding right*/

.animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(200px, 0px, 0px);
  -webkit-transform: translate3d(200px, 0px, 0px);
  -o-transform: translate(200px, 0px);
  -ms-transform: translate(200px, 0px);
  transform: translate3d(200px, 0px, 0px);
}

.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}


	
/* *****************************************************************************************
   RESPONSIVE SECTION
*******************************************************************************************/

/* portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) {

}

/* landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) {

}

@media screen and (max-width: 1620px) {
	.frame-type-dce_dceuid2 img {
    height:110px;
}
}

@media screen and (max-width: 1440px) {
    .zitat {
        font-size:1em;
    }
    
    .frame-type-dce_dceuid2 img {
    height:70px;
}
}

@media screen and (max-width: 1023px) {
.dce_tb_img {
    width:100%;
    padding-top:0;
}
    
.dce_tb_text {
    width:100%;
    margin-left:0;
    margin-top:1em;
}
    
    .frame-type-dce_dceuid2 img {
    height:50px;
}
    
}


@media screen and (max-width: 767px) {	
	.zitat_text {
        margin-left:0;
    }
    .info,
	.angebot{
        padding-left:0;
    }
    
    .shuffle .frame-type-dce_dceuid5:nth-child(2n) .info,
	.shuffle .frame-type-dce_dceuid5:nth-child(2n) .angebot {
        padding-right:0;
    }
    
    .shuffle .frame-type-dce_dceuid5:nth-child(2n) .zitat_text {
        margin-right: 0;
    }
    
    .oval {
        width:160px;
        height: 160px;
    }
    
    .frame-type-dce_dceuid2 {
        display: block;
        text-align: center;
    }
    
     .frame-type-dce_dceuid2 div {
        margin-bottom:10px; 
         
    }
    
    .frame-type-dce_dceuid2 img {
        height:70px;
    }
    
   
}