/* KEYFRAMES FÜR ANIMATIONEN */
@-webkit-keyframes _idGenKeyFrames-0 {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes _idGenKeyFrames-0 {
  0% { opacity:0; }
  100% { opacity:1; }
}

@-webkit-keyframes _idGenKeyFrames-1 {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes _idGenKeyFrames-1 {
  0% { opacity:0; }
  100% { opacity:1; }
}

/* FONT-FACES */
@font-face {
  font-family: Helvetica;
  font-style: normal;
  font-weight: normal;
  src: url("../font/Helvetica.ttf");
}
@font-face {
  font-family: "Minion Pro";
  font-style: normal;
  font-weight: normal;
  src: url("../font/MinionPro-Regular.otf");
}

/* RESET */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote, figure {
  margin:0;
  padding:0;
  border-width:0;
  text-rendering: optimizeSpeed;
}
div > svg {
  position:absolute;
}

/* RAHMEN UND TEXT */
div.Einfacher-Grafikrahmen {
  border-color: transparent;
  border-width: 0.09vw; 
  border-style: solid;
}
div.Einfacher-Textrahmen {
  border-style: solid;
}
div.scroll-vert_hideScroll {
  border-color: #000000;
  border-width: 0.09vw; 
  border-style: solid;
}
p.ParaOverride-1 {
  line-height:1;
  white-space: nowrap;
}
span.CharOverride-1 {
  color: #d3aa91;
  font-family: Helvetica, sans-serif;
  font-size: 2.78vw; 
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.05vw !important;
}
span.CharOverride-2 {
  color: #d3aa91;
  font-family: Helvetica, sans-serif;
  font-size: 2.22vw; 
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.05vw !important;
}

/* CONTAINER STYLES */
#_idContainer000 {
  position: absolute; left:0; top:0; width:100vw; height:238.43vw;
  transform: translate(0,0) rotate(0) skew(0) scale(1);
  transform-origin:0 0;
}
#_idContainer001 {
  position:absolute; left:0; top:0; width:6.5vw; height:6.5vw;
  transform: translate(46.75vw,184.33vw);
  transform-origin:0 0;
}
#_idContainer002 {
  position:absolute; left:0; top:0; width:80.74vw; height:147.59vw;
}
#_idContainer003 {
  position:absolute; left:0; top:0; width:87.78vw; height:144.81vw;
  overflow:hidden;
  background-image: url(../image/2.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#_idContainer004 {
  position:absolute; left:0; top:0; width:100vw; height:177.78vw;
}
#_idContainer005 {
  position:absolute; left:0; top:153vw; width:100vw; height:13.24vw;
  overflow:hidden;
  background-image: url(../image/3.png);
  background-repeat: no-repeat;
  background-size: contain;
}
#_idContainer006 {
  position:absolute; left:0; top:0; width:78.1vw; height:41.86vw;
  transform: translate(10.95vw,196.66vw);
  transform-origin:0 0;
}
#_idContainer007 {
  position:absolute; left:0; top:0; width:100vw; height:238.43vw;
}
#_idContainer008 {
  position:absolute; left:0; top:0; width:100vw; height:177.78vw;
  overflow:hidden;
  background-image: url(../image/5.png);
  background-repeat:no-repeat;
  background-size:contain;
}

/* BILDER UND DIVS */
img._idGenObjectAttribute-1 {
  width:100%; height:100%; min-width:100%;
}
img._idGenObjectAttribute-2 {
  position:absolute; left:0; top:0;
}
div._idGenObjectAttribute-3 { height:144.81vw; left:0; top:0; width:87.78vw; overflow:hidden; position:absolute; }
div._idGenObjectAttribute-4 { height:13.24vw; left:0; top:0; width:100vw; overflow:hidden; position:absolute; }
div._idGenObjectAttribute-5 { height:177.78vw; left:0; top:0; width:100vw; overflow:hidden; position:absolute; }

div._idGenObjectStyle-Disabled {
  background-color:transparent;
  border-width:0vw;
}

/* ANIMATIONEN */
div._idGenAnimationStart-1 { opacity:0; }
div._idGenAnimationEnd-1 { opacity:1; }

/* Fix für zweite Animation (Datum1) */
div._idGenAnimationStart-2 { opacity: 0; }
div._idGenAnimationEnd-2 { opacity: 1; }

/* PLAY ANIMATION */
div._idGenPlayAnimation-1 {
  -webkit-animation-name: _idGenKeyFrames-0;
  -webkit-animation-duration: 1.125s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.45s;
  -webkit-animation-iteration-count: 1;

  animation-name: _idGenKeyFrames-0;
  animation-duration: 1.125s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-delay: 0.45s; /* DELAY Hinzugefügt */
  animation-iteration-count: 1;

  transform-origin: 50% 50%;
}

div._idGenPlayAnimation-2 {
  -webkit-animation-name: _idGenKeyFrames-1;
  -webkit-animation-duration: 1.833s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0.0s; /* DELAY Hinzugefügt (falls 0.05s gewünscht, ändere es hier) */
  -webkit-animation-iteration-count: 1;

  animation-name: _idGenKeyFrames-1;
  animation-duration: 1.833s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-delay: 0.0s; /* DELAY Hinzugefügt */
  animation-iteration-count: 1;

  transform-origin: 50% 50%;
  visibility: visible !important; /* Sicherstellen, dass es sichtbar bleibt */
}