/****************************
 * Container
 ****************************/
html, body { margin: 0 0; padding: 0; width: 100%; height: 100%; font-family:Arial, Helvetica, sans-serif; }
img { width: 100%; max-width: 100%;}
.container_dc {
  overflow: hidden;
  width: 300px;
  height: 600px;
  margin: 0 auto;
  position: relative;
  background-color: #f6b3ae;
  transform: scale(0.96);
  transform-origin: center center;
}
.container_dc a.IAB_clicktag { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 900; }

#close-button { position: absolute; top: 1%; right: 0.5%; width: 8%; height: 4%; cursor: pointer; text-align: center; z-index: 10000; }
#close-button img {width: 50%;}


/****************************
 * Elemente
 ****************************/

#slide1 {z-index: 100; background-color: #a097c8; opacity: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#slide1.hide {animation: fadeout 600ms ease-in-out forwards;}
#slide2 {z-index: 95;}

.slide {position: absolute; width: 100%; top: 0; left: 0; height: 100%; opacity: 0;}

#werbung.position { top: -230px;	transition: all 600ms ease;
}
#egal.position { top: 253px;	transition: all 600ms ease;
}

.madein {opacity: 0; position: absolute; height: 24px; width: auto; transition: all 600ms ease; }

#made {top: 225px; left: 68px;}
#made.morph {left: 48px;} 

#in, #for {top: 225px; left: 174px; transform-origin: center;}

#for { transform: rotateY(180deg);}

#in.morph { transform: rotateY(0deg); opacity: 0 !important;}
#for.morph { transform: rotateY(0deg); opacity: 1 !important;}

#austria {top: 260px; left: 65px;}


.show {
  animation: fadein 400ms ease-in-out forwards;

    }

.slide.hide {animation: fadeout 400ms ease-in-out forwards;}

#slide2a.morph {transform: scale(0,0) !important; }
#slide2b.morph {transform: scale(1,1); opacity: 1;}



@keyframes fadein {
  0% {
     opacity: 0;
  }
100% {
    opacity: 1;
  }
}

@keyframes fadeout {
  0% {
     opacity: 1;
  }
100% {
    opacity: 0;
  }
}



.animated_small {
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}

.clicktag { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 900; }


:focus {outline:none;}
::-moz-focus-inner {border:0;}