/*
*  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

body {
  cursor: pointer;
  position: absolute;
  overflow: hidden;
  min-width: 120px;
  width: 100%;
  min-height: 600px;
  height: 100%;
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 100;
  line-height: 110%;
  color: white;
  /*text-transform: uppercase;*/
}

#container {
  overflow: hidden;
  visibility: hidden;
  min-width: 120px;
  min-height: 600px;
  width: 100%;
  height: 100%;
  background: white;
}

#banner {
  cursor: pointer;
  position: absolute;
  overflow: hidden;
  max-width: 80px;
  width: 200px;
  max-width: 800px;
  height: 1000px;
  background: white;
  /*border: 2px red solid;*/
  /*PERFORMANCE!*/
  /*-webkit-transform: translateZ(0.01px);
    -moz-transform: translateZ(0.01px);
    -ms-transform: translateZ(0.01px);
    -o-transform: translateZ(0.01px);
    transform: translateZ(0.01px);*/
  /* */
}

.bannerClass {
  position: absolute;
}

#look {
  position: absolute;
  width: auto;
  height: inherit;
}

.containerClass {
  position: absolute;
}


/* BACKGROUND */
#bg_container {
  width: 100%;
  height: 100%;
  left: 0;
  background-color: white;
}

#bg {
  width: 1000px;
  height: auto;
  left:0px;
}


/*Spirale*/
#spirale_container {
  width: 1px;
  height: 1px;
  left: 50%;

  /*border:1px green solid;*/
}

#spirale_wrapper {
  width: inherit;
  height: inherit;

}

#spirale {
  width: 1407px;
  height: auto;
  left: -704px;
  top: -686px;
  /*border:1px red solid;*/
  background-color: white;
}

/* TXT1 */

#txt_1_container {
  width: 1px;
  height: 1px;
  left: 50%;
  /*border:1px red solid;*/
}

#txt_1_wrapper {
  width: inherit;
  height: inherit;
}

#txt_1_1 {
  width: 364px;
  height: auto;
  left: -182px;
  top: -295px;
  /*border:1px red solid;*/
}

#txt_1_2 {
  width: 466px;
  height: auto;
  left: -233px;
  top: -185px;
  /*border:1px red solid;*/
}



/* txt_2_1 */

#txt_2_container {
  width: 1px;
  height: 1px;
  left: 50%;
  /*border-left:1px red solid;*/
}

#txt_2_wrapper {
  width: inherit;
  height: inherit;
}

#txt_2_1 {
  width: 197px;
  height: auto;
  left: -168px;
  top: -195px;
}

#txt_2_2 {
  width: 89px;
  height: auto;
  left: 44px;
  top: -129px;
}

#txt_2_3 {
  width: 401px;
  height: auto;
  left: -200px;
  top: -68px;
}

#txt_2_3_small {
  width: 271px;
  height: auto;
  left: -135px;
  top: -66px;
}

#txt_2_4 {
  width: 35px;
  height: auto;
  left: -152px;
  top: 25px;
}

#txt_2_5 {
  width: 378px;
  height: auto;
  left: -102px;
  top: -5px;
}

/* txt_3 */
#txt_3_container {
  width: 1px;
  height: 1px;
  left: 50%;
  border-left:1px red solid;
}

#txt_3_wrapper {
  width: inherit;
  height: inherit;
}

#txt_3_1 {
  width: 345px;
  height: auto;
  left: -172px;
  top: -39px;
}

#txt_3_2 {
  width: 438px;
  height: auto;
  left: -219px;
  top: 50px;
}

/* McFlurry Peanutbutter */

#motiv_peanutbutter_container {
  width: 1px;
  height: 1px;
  left: 50%;
  /*border: green solid 1px;*/
}

#motiv_peanutbutter_wrapper {
  width: inherit;
  height: inherit;
}

#motiv_peanutbutter {
  width: 1049px;
  height: auto;
  left: -363px;
  top: -336px;
  /*border: green solid 1px;*/
}

#motiv_peanutbutter_small {
  width: 1049px;
  height: auto;
  left: -363px;
  top: -336px;
  /*border: green solid 1px;*/
}

/* McFlurry Karamell */
#motiv_karamell_container {
  width: 1px;
  height: 1px;
  left: 50%;
  /*border: green solid 1px;*/
}

#motiv_karamell_wrapper {
  width: inherit;
  height: inherit;
}

#motiv_karamell {
  width: 626px;
  height: auto;
  left: -162px;
  top: -217px;
  /*border: green solid 1px;*/
}

/*McFlurry Schoko*/
#motiv_schoko_container {
  width: 1px;
  height: 1px;
  left: 50%;
  /*border: green solid 1px;*/
}

#motiv_schoko_wrapper {
  width: inherit;
  height: inherit;
}

#motiv_schoko {
  width: 618px;
  height: auto;
  left: -155px;
  top: -220px;
  /*border: green solid 1px;*/
}

/*Stoerer Karamell*/
#stoerer_karamell_container {
  width: 1px;
  height: 1px;
  left: 50%;
  /*border: green solid 1px;*/
}

#stoerer_karamell_wrapper {
  width: inherit;
  height: inherit;
}

/*Stoerer Karamell*/
#stoerer_karamell {
  width: 160px;
  height: auto;
  left: -80px;
  top: -25px;
}

/* STOERER Peanutbutter */

#stoerer_peanutbutter_container {
  width: 1px;
  height: 1px;
  left: 50%;
  /*border: green solid 1px;*/
}

#stoerer_peanutbutter_wrapper {
  width: inherit;
  height: inherit;
}
#stoerer_peanutbutter {
  width: 166px;
  height: auto;
  left: -83px;
  top: -54px;
  /*border: red solid 1px;*/
}

/* STOERER Schoko */
#stoerer_schoko_container {
  width: 1px;
  height: 1px;
  left: 50%;
  /*border: green solid 1px;*/
}

#stoerer_schoko_wrapper {
  width: inherit;
  height: inherit;
}
#stoerer_schoko {
  width: 130px;
  height: auto;
  left: -65px;
  top: -24px;
  /*border: red solid 1px;*/
}

/*KitKat Logo*/
#kitkat_logo_container {
  width: 1px;
  height: 1px;
  left: 50%;
  /*border: green solid 1px;*/
}

#kitkat_logo_wrapper {
  width: inherit;
  height: inherit;
}

#kitkat_logo_1 {
  width: 458px;
  height: auto;
  left: -229px;
  top: -22px;
  /*border: red solid 1px;*/
}

#kitkat_logo_2 {
  width: 218px;
  height: auto;
  left: -109px;
  top: -76px;
  /*border: red solid 1px;*/
}

#kitkat_logo_small {
  width: 218px;
  height: auto;
  left: -109px;
  top: -76px;
  /*border: red solid 1px;*/
}

/* LOGO */
#logo_container {
  width: 100px;
  min-width: 50px;
  right: 0;
}

#logo {
  width: 186px;
  height: auto;
  top: 30px;
  right: 0;
  display: block;
}

/*ICH LIEBE ES*/
#ile_container {
  width: 100%;
  height: 1px;
  left: 50%;
  top: 0;
  /*border: green solid 1px;*/
}

#ile {
  width: 126px;
  height: auto;
  left: -63px;
  top: 0px;
}


/* LEGAL LINE */
#legaline_container {
  width: 100%;
  height: 100%;
}

#legaline_wrapper {
  width: 100%;
  height: inherit;
}

#legaline {
  margin-right: 5px;
  left: 5px;
  bottom: 5px;
  color: black;
  display: inline-block;
  width: inherit;
  height: auto;
  font-size: 10px;
  line-height: 9px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  /*border: 1px green solid;*/
}

#clickThrough {
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  opacity: 0;
  /*border: 1px solid grey;*/
  box-sizing: border-box;
  z-index: 10000;
}

.rahmen {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid grey;
  z-index: 500;
  box-sizing: border-box;
}