/* res_id: de9ce9fc2b36b53dfea699583411c269 */

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}a{color:#717273}.active,.fs-kd .lng-jp span,.orange{color:#ff4813}.mn-mn a,footer{color:#fff}footer{background-color:#ff4813}footer .active,footer a{color:#fff}@media (min-width:64em){.mn-mn .active{color:#ff4813}.mn-mn a{color:#717273}}body{color:#717273;font-family:myriad-pro,sans-serif}.jp-w3{font-family:Hiragino Sans W3,sans-serif}.jp-w6{font-family:Hiragino Sans W6,sans-serif}a{text-decoration:none}main a{text-decoration:underline;-webkit-text-decoration-color:#ff4813;text-decoration-color:#ff4813}.rspnsv-mn{font-size:14px;line-height:1.28571;font-weight:500;text-transform:uppercase}.mn-mn span{font-weight:500;font-size:16px;line-height:1}.mn-mn span .active,.srvc-de{font-weight:700}.srvc-de{font-size:14px;line-height:1}.srvc-jp,aside .lng-de>div>div{font-size:12px;line-height:1}aside .lng-de>div>div{font-weight:200;white-space:nowrap}aside .lng-de>div>div:first-of-type{font-size:18px}aside .lng-jp>div>div{font-size:10px;line-height:1}aside .lng-jp>div>div:first-of-type{font-size:16px}main .lng-de{font-size:18px;line-height:1.33333;font-weight:600}main .lng-de h1,main .lng-de h2,main .lng-de h3{font-weight:400}main .lng-de h1,main .lng-de h2{font-size:28px;line-height:1.71429}main .lng-de h3{font-size:22px;line-height:1.36364}main .lng-de .brdcrmb{font-size:12px;line-height:1.16667;font-weight:400}main .lng-jp{font-size:16px;line-height:1.5}main .lng-jp h1,main .lng-jp h2,main .lng-jp h3{font-family:Hiragino Sans W3,sans-serif;font-weight:400}main .lng-jp h1,main .lng-jp h2{font-size:27px;line-height:1.77778}main .lng-jp h3{font-size:21px;line-height:1.42857}main .lng-jp .brdcrmb{font-size:10px;line-height:1.2}footer{font-size:14px;line-height:1}@media screen and (min-width:64em){.mn-mn span{font-weight:700;font-size:20px;line-height:1}.mn-mn span:first-of-type{font-size:14px;line-height:1;font-weight:400}.mn-mn span:first-of-type .active{font-weight:400}aside .lng-de>div>div{font-weight:200;font-size:24px;line-height:1;white-space:nowrap}aside .lng-de>div>div:first-of-type{font-size:36px}aside .lng-jp>div>div{font-size:18px;line-height:1}aside .lng-jp>div>div:first-of-type{font-size:36px}footer>div:last-of-type{font-size:16px;line-height:1}}body,html{position:absolute;min-height:100%;min-width:100%}.group:after{content:"";display:table;clear:both}.dn{display:none}.o0{opacity:0}ul{list-style:none;margin:0;padding:0}img{display:block}body,html{text-rendering:geometricPrecision;font-smooth:allways;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:grayscale}.wrap{padding-top:5px}.shw .mbl-nv-bg{display:block;position:absolute;top:75px;left:0;width:100vw;height:calc(100% - 75px);background-color:rgba(255,72,19,.8)}.rspnsv-mn{position:absolute;right:25px;top:25px}.rspnsv-mn>div{display:inline-block}.de .rspnsv-mn .lng-jp,.jp .rspnsv-mn .lng-de{display:none}.hddn-nav{vertical-align:bottom;margin-left:6px}header{position:relative}header .brgr-bttn{width:25px;height:21px;position:relative;transform:rotate(0deg);cursor:pointer}header .brgr-bttn:hover span{background-color:#717273}header .brgr-bttn span{display:block;position:relative;height:.1875rem;width:100%;background-color:#ff4813;opacity:1;top:0;transform:rotate(0deg);transition:all .5s cubic-bezier(.65,.23,.2,1.1)}header .brgr-bttn span+span{margin-top:6px}.shw header .brgr-bttn span{background-color:#717273}.shw header .brgr-bttn span:nth-child(2){opacity:0;width:0}.shw header .brgr-bttn span:first-child{width:20px;transform:rotate(45deg);top:50%}.shw header .brgr-bttn span:nth-child(3){width:20px;transform:rotate(-45deg);bottom:calc(50% - 1px);margin-top:-1.5px}header>div{display:inline-block;vertical-align:top}.hm-lnk{padding-left:3px;padding-left:17px}.hdr-lg img{height:138px;height:64px;width:auto}.mn-mn{display:none;position:absolute;width:100vw;height:calc(100vh - 75px);top:70px;left:0;z-index:2;padding:44px 25px;box-sizing:border-box;overflow:auto}.mn-mn>div{display:block;position:relative;border-bottom:1px solid #fff}.mn-mn>div:first-of-type{border-top:1px solid #fff}.mn-mn>div>span{display:inline-block;width:50%;box-sizing:border-box;padding:19px 0}.mn-mn>div>span+span{text-align:right}.mn-mn .lngs,.shw .mn-mn{display:block}.nv-srvc{display:none}.fs-kd{padding:10px 0 0;width:auto;width:100vw;position:relative}.fs-kd,.fs-kd>div{overflow:hidden;box-sizing:border-box}.fs-kd>div{position:absolute;height:19px;transition:left 1s cubic-bezier(.65,.23,.2,1.1);padding:0 25px}.fs-kd .lng-de{bottom:0;left:0}.jp .fs-kd .lng-de{left:100%}.fs-kd .lng-de>div{position:relative;white-space:nowrap}.fs-kd .lng-de>div>div{display:block;display:inline-block}.fs-kd .lng-de>div>div:last-of-type{padding-left:170px;padding-left:5px}.fs-kd .lng-jp{position:relative;left:0}.de .fs-kd .lng-jp{left:-100%}.fs-kd .lng-jp>div{position:relative}.fs-kd .lng-jp>div div{display:block;display:inline-block;vertical-align:bottom}.fs-kd .lng-jp>div div:nth-of-type(2){padding-left:0;padding-left:5px}main{width:100vw;overflow:hidden;box-sizing:border-box;white-space:nowrap;padding-bottom:90px}main .brdcrmb{margin:20px 0 13px}main .brdcrmb img{display:inline-block;width:16px;height:auto}main .brdcrmb span{padding:0 4px}main>div{width:100%;display:inline-block;vertical-align:top;white-space:normal;transition:margin-left 1s cubic-bezier(.65,.23,.2,1.1);box-sizing:border-box;padding:0 25px}.de main>div:first-of-type{margin-left:-100%}main h1,main h2,main h3{margin:0 0 20px}main .shl-undrln{border-bottom:1px solid #ff4813}main .hl-hd{display:none}footer{position:absolute;display:block;width:100%;left:0;bottom:0;height:70px;padding:15px 25px;box-sizing:border-box;overflow:hidden}footer>div{display:-ms-flexbox;display:flex}footer>div>div:first-of-type{width:100px}footer>div>div:last-of-type{text-align:right;-ms-flex:auto;flex:auto}footer>div>div:last-of-type img{display:inline-block;vertical-align:middle;margin-right:13px}footer .srvc-de,footer .srvc-jp{display:none}footer .srvc-de a,footer .srvc-jp a{display:table}footer .srvc-de a+a,footer .srvc-jp a+a{margin-top:10px}.de footer .srvc-de,.jp footer .srvc-jp{display:block}@media (min-width:64em){.wrap{padding-top:9px}.mbl-nv-bg,.rspnsv-mn{display:none}header nav{margin:90px 0 0 75px}.hm-lnk{padding-left:3px}.hdr-lg img{height:138px}.mn-mn{display:block;position:relative;width:auto;height:auto;padding:0;top:0;overflow:visible}.mn-mn>div{display:inline-block;vertical-align:top;border:none!important}.mn-mn>div>span{display:block;width:auto;box-sizing:border-box;padding:0}.mn-mn>div>span+span{margin:10px 50px 0 0;text-align:left}.mn-mn .lngs{display:none}.nv-srvc{position:absolute;left:25px;bottom:70px;transform-origin:0 0;transform:rotate(90deg) translateX(-100%);overflow:hidden}.nv-srvc,.nv-srvc a{display:inline-block;height:20px}.nv-srvc a{position:relative}.nv-srvc a:before{content:"> "}.nv-srvc a+a{padding-left:10px}.nv-srvc>div:first-of-type{margin-top:0;transition:margin-top .4s cubic-bezier(.65,.23,.2,1.1)}.jp .nv-srvc>div:first-of-type{margin-top:-20px}.fs-kd{left:54px;overflow:visible;top:175px}.fs-kd,.fs-kd>div{position:absolute;padding:0;width:auto}.fs-kd>div{height:auto;transition:none}.fs-kd .lng-de{transform-origin:0 0;transform:rotate(90deg) translateY(-19px);height:70px;left:188px;top:0}.jp .fs-kd .lng-de{left:188px}.fs-kd .lng-de>div{bottom:0;transition:bottom .6s cubic-bezier(.65,.23,.2,1.1)}.fs-kd .lng-de>div>div{display:block}.fs-kd .lng-de>div>div:first-of-type{margin-bottom:4px}.fs-kd .lng-de>div>div:last-of-type{padding-left:153px}.jp .fs-kd .lng-de>div{bottom:100%}.fs-kd .lng-jp{width:150px;position:relative}.de .fs-kd .lng-jp{left:0}.fs-kd .lng-jp>div{position:relative;transition:left .6s cubic-bezier(.65,.23,.2,1.1);left:0}.de .fs-kd .lng-jp>div{left:calc(-100% - 25px)}.fs-kd .lng-jp>div div{display:block}.fs-kd .lng-jp>div div:first-of-type{width:38px}.fs-kd .lng-jp>div div:nth-of-type(2){position:absolute;white-space:nowrap;left:40px;bottom:20%;padding-left:0}main{min-height:530px;margin:43px 0 0 398px;padding:0 0 110px;position:relative;width:calc(100% - 453px);max-width:920px}main>div{padding:0 0 0 30px}.brdcrmb,.de footer .srvc-de,.jp footer .srvc-jp{display:none}}.cont img{max-width:100%}.lnk-pf{position:relative}.lnk-pf+.lnk-pf{margin-top:25px}.lnk-pf a{padding-left:18px;display:inline-block}.lnk-pf a:before{content:"";position:absolute;left:0;width:15px;height:100%;display:block;background:no-repeat 0 0 url(../../media/pf.png);background-size:contain}.afklpp .afklpp-tsr p:first-of-type{margin-top:0}.afklpp p:last-of-type{margin-bottom:0}.afklpp+.afklpp{margin-top:20px}.afklpp-txt{position:relative;height:0;overflow:hidden}.shw .afklpp-txt{height:auto}.afklpp-cls{cursor:pointer;color:#ff4813}@media screen and (min-width:64em){.lnk-pf a{padding-left:0}.lnk-pf a:before{left:-28px}}

a {
  color: #717273; }

.active, .orange {
  color: #ff4813; }

.fs-kd .lng-jp span {
  color: #ff4813; }

.mn-mn a {
  color: #fff; }

footer {
  color: white;
  background-color: #ff4813; }
  footer a, footer .active {
    color: white; }

@media all and (min-width: 64em) {
  .mn-mn .active {
    color: #ff4813; }
  .mn-mn a {
    color: #717273; } }

.start {
  width: 100vw;
  height: 100vh;
  overflow: hidden; }
  .start > div:not(.start-blende), .start .animation {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .start div {
    position: absolute; }

.ldng {
  opacity: 1;
  background-color: #fff;
  z-index: 5;
  display: block; }
  .ldng img {
    position: relative;
    top: calc(50% - 32px);
    left: calc(50% - 32px); }
  .loaded .ldng {
    -webkit-animation: loadfadeout 0.25s 1 linear forwards;
            animation: loadfadeout 0.25s 1 linear forwards; }

@-webkit-keyframes loadfadeout {
  0% {
    opacity: 1; }
  99% {
    opacity: 0; }
  100% {
    opacity: 0;
    display: none;
    visibility: hidden; } }

@keyframes loadfadeout {
  0% {
    opacity: 1; }
  99% {
    opacity: 0; }
  100% {
    opacity: 0;
    display: none;
    visibility: hidden; } }

.start-ani {
  background-color: #fff;
  z-index: 2;
  overflow: hidden; }
  .start-ani img {
    height: auto; }

.animation {
  z-index: 5; }
  .animation img {
    position: absolute; }
  .animation .kreis {
    left: calc(100% + ( 300 * 0.6 * 1px ));
    bottom: calc(((100vh - 300px) * 0.4 ) + 180px);
    -webkit-transform: translateX(calc(-100% - 31.61157%));
            transform: translateX(calc(-100% - 31.61157%)); }
    .de .animation .kreis {
      bottom: calc(((100vh - 190px) * 0.4 ) + 80px); }
    .loaded .animation .kreis {
      -webkit-animation: kreisMove 3s 0.5s 1 cubic-bezier(0.78, 0.31, 0.74, 1.1) forwards;
              animation: kreisMove 3s 0.5s 1 cubic-bezier(0.78, 0.31, 0.74, 1.1) forwards; }
    .animation .kreis .jp-krs {
      max-width: 23.69707vw;
      width: 118.48534px;
      position: relative; }
    .animation .kreis .jp-krs-all {
      -webkit-transform-origin: center center;
              transform-origin: center center;
      position: relative; }
      .loaded .animation .kreis .jp-krs-all {
        -webkit-animation: kreisRot 3s 0.5s 1 cubic-bezier(0.78, 0.31, 0.74, 1.1) forwards;
                animation: kreisRot 3s 0.5s 1 cubic-bezier(0.78, 0.31, 0.74, 1.1) forwards; }

@-webkit-keyframes kreisMove {
  0% {
    left: calc(100% + 150px); }
  100% {
    left: 50%; } }

@keyframes kreisMove {
  0% {
    left: calc(100% + 150px); }
  100% {
    left: 50%; } }

@-webkit-keyframes kreisRot {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes kreisRot {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }
  .animation .quadrat {
    right: 50%;
    bottom: calc(100vh + 20px);
    -webkit-transform: translateX(calc(100% + 35.01144%));
            transform: translateX(calc(100% + 35.01144%)); }
    .loaded.jp .animation .quadrat {
      -webkit-animation: quadratMove 2.5s 2s 1 cubic-bezier(0.78, 0.31, 0.74, 1.2) forwards;
              animation: quadratMove 2.5s 2s 1 cubic-bezier(0.78, 0.31, 0.74, 1.2) forwards; }
    .loaded.de .animation .quadrat {
      -webkit-animation: quadratMoveDE 2.5s 2s 1 cubic-bezier(0.78, 0.31, 0.74, 1.2) forwards;
              animation: quadratMoveDE 2.5s 2s 1 cubic-bezier(0.78, 0.31, 0.74, 1.2) forwards; }
    .animation .quadrat .de-qdrt {
      max-width: 106.75896px;
      width: 21.35179vw;
      position: relative; }

@-webkit-keyframes quadratMove {
  0% {
    bottom: calc(100vh + 20px);
    opacity: 0.4; }
  40% {
    opacity: 1; }
  88% {
    bottom: calc(calc(((100vh - 300px) * 0.4 ) + 180px) - 15px); }
  95% {
    bottom: calc(calc(((100vh - 300px) * 0.4 ) + 180px) + 3px); }
  100% {
    bottom: calc(((100vh - 300px) * 0.4 ) + 180px);
    opacity: 1; } }

@keyframes quadratMove {
  0% {
    bottom: calc(100vh + 20px);
    opacity: 0.4; }
  40% {
    opacity: 1; }
  88% {
    bottom: calc(calc(((100vh - 300px) * 0.4 ) + 180px) - 15px); }
  95% {
    bottom: calc(calc(((100vh - 300px) * 0.4 ) + 180px) + 3px); }
  100% {
    bottom: calc(((100vh - 300px) * 0.4 ) + 180px);
    opacity: 1; } }

@-webkit-keyframes quadratMoveDE {
  0% {
    bottom: calc(100vh + 20px);
    opacity: 0.4; }
  40% {
    opacity: 1; }
  88% {
    bottom: calc(calc(((100vh - 190px) * 0.4 ) + 80px) - 15px); }
  95% {
    bottom: calc(calc(((100vh - 190px) * 0.4 ) + 80px) + 3px); }
  100% {
    bottom: calc(((100vh - 190px) * 0.4 ) + 80px);
    opacity: 1; } }

@keyframes quadratMoveDE {
  0% {
    bottom: calc(100vh + 20px);
    opacity: 0.4; }
  40% {
    opacity: 1; }
  88% {
    bottom: calc(calc(((100vh - 190px) * 0.4 ) + 80px) - 15px); }
  95% {
    bottom: calc(calc(((100vh - 190px) * 0.4 ) + 80px) + 3px); }
  100% {
    bottom: calc(((100vh - 190px) * 0.4 ) + 80px);
    opacity: 1; } }
  .animation .de-b {
    width: 27.45995%;
    top: 60.12397%;
    left: 21.96796%; }
  .animation .de-a {
    width: 28.37529%;
    top: 24.17355%;
    left: 16.01831%; }
  .animation .de-c {
    width: 16.47597%;
    top: 54.33884%;
    left: 55.37757%; }
  .animation .de-oe {
    width: 25.62929%;
    top: 15.28926%;
    left: 51.71625%; }
  .animation .de-aus {
    width: 10.06865%;
    top: 47.52066%;
    left: 73.91304%; }
  .loaded .animation .de-a {
    -webkit-animation: deBSa 2s 2.5s 1 linear forwards;
            animation: deBSa 2s 2.5s 1 linear forwards; }
  .loaded .animation .de-b {
    -webkit-animation: deBSb 2s 2.5s 1 linear forwards;
            animation: deBSb 2s 2.5s 1 linear forwards; }
  .loaded .animation .de-c {
    -webkit-animation: deBSc 2s 2.5s 1 linear forwards;
            animation: deBSc 2s 2.5s 1 linear forwards; }
  .loaded .animation .de-oe {
    -webkit-animation: deBSoe 2s 2.5s 1 linear forwards;
            animation: deBSoe 2s 2.5s 1 linear forwards; }
  .loaded .animation .de-aus {
    -webkit-animation: deBSaus 2s 2.5s 1 linear forwards;
            animation: deBSaus 2s 2.5s 1 linear forwards; }

@-webkit-keyframes deBSa {
  77% {
    top: 24.17355%; }
  85% {
    top: 39%; }
  91% {
    top: 16%; }
  100% {
    top: 24.17355%; } }

@keyframes deBSa {
  77% {
    top: 24.17355%; }
  85% {
    top: 39%; }
  91% {
    top: 16%; }
  100% {
    top: 24.17355%; } }

@-webkit-keyframes deBSb {
  77% {
    top: 60.12397%; }
  85% {
    top: 67%; }
  91% {
    top: 56%; }
  100% {
    top: 60.12397%; } }

@keyframes deBSb {
  77% {
    top: 60.12397%; }
  85% {
    top: 67%; }
  91% {
    top: 56%; }
  100% {
    top: 60.12397%; } }

@-webkit-keyframes deBSc {
  77% {
    top: 54.33884%; }
  85% {
    top: 70%; }
  91% {
    top: 45%; }
  100% {
    top: 54.33884%; } }

@keyframes deBSc {
  77% {
    top: 54.33884%; }
  85% {
    top: 70%; }
  91% {
    top: 45%; }
  100% {
    top: 54.33884%; } }

@-webkit-keyframes deBSoe {
  77% {
    top: 15.28926%; }
  85% {
    top: 39%; }
  91% {
    top: 10%; }
  100% {
    top: 15.28926%; } }

@keyframes deBSoe {
  77% {
    top: 15.28926%; }
  85% {
    top: 39%; }
  91% {
    top: 10%; }
  100% {
    top: 15.28926%; } }

@-webkit-keyframes deBSaus {
  77% {
    top: 47.52066%; }
  85% {
    top: 55%; }
  91% {
    top: 40%; }
  100% {
    top: 47.52066%; } }

@keyframes deBSaus {
  77% {
    top: 47.52066%; }
  85% {
    top: 55%; }
  91% {
    top: 40%; }
  100% {
    top: 47.52066%; } }
  .animation .jp-a {
    width: 30.78512%;
    top: 22.31405%;
    left: 16.94215%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  .animation .jp-e {
    width: 12.60331%;
    top: 41.52893%;
    left: 51.03306%;
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right; }
  .animation .jp-i {
    width: 16.73554%;
    top: 23.76033%;
    left: 61.57025%;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left; }
  .animation .jp-o {
    width: 24.38017%;
    top: 52.06612%;
    left: 59.09091%;
    -webkit-transform-origin: top left;
            transform-origin: top left; }
  .animation .jp-u {
    width: 23.1405%;
    top: 56.40496%;
    left: 26.8595%;
    -webkit-transform-origin: top right;
            transform-origin: top right; }
  .loaded .animation .jp-u, .loaded .animation .jp-a {
    -webkit-animation: jpBSa 3s 0.6s 1 cubic-bezier(0.42, 0.49, 0.7, 1) forwards;
            animation: jpBSa 3s 0.6s 1 cubic-bezier(0.42, 0.49, 0.7, 1) forwards; }
  .loaded .animation .jp-i, .loaded .animation .jp-o, .loaded .animation .jp-e {
    -webkit-animation: jpBSi 3.5s 0s 1 cubic-bezier(0.42, 0.49, 0.7, 1) forwards;
            animation: jpBSi 3.5s 0s 1 cubic-bezier(0.42, 0.49, 0.7, 1) forwards; }

@-webkit-keyframes jpBSa {
  0% {
    -webkit-transform: rotate(300deg);
            transform: rotate(300deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes jpBSa {
  0% {
    -webkit-transform: rotate(300deg);
            transform: rotate(300deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@-webkit-keyframes jpBSi {
  0% {
    -webkit-transform: rotate(600deg);
            transform: rotate(600deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes jpBSi {
  0% {
    -webkit-transform: rotate(600deg);
            transform: rotate(600deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }
  .animation .de-pfl, .animation .jp-pfl {
    width: 55.3719%; }
  .animation .de-pfl {
    top: 55.3719%;
    left: 102.06612%; }
  .animation .jp-pfl {
    top: 33.8843%;
    left: -50vw;
    opacity: 0; }
    .loaded .animation .jp-pfl {
      -webkit-animation: jpPfeil 4s 1s 1 cubic-bezier(0.78, 0.31, 0.74, 1.1) forwards;
              animation: jpPfeil 4s 1s 1 cubic-bezier(0.78, 0.31, 0.74, 1.1) forwards; }

@-webkit-keyframes jpPfeil {
  0% {
    left: -50vw; }
  64% {
    opacity: 0; }
  65% {
    left: -50vw;
    opacity: 1; }
  100% {
    left: calc(100% + (22 * 0.20661%));
    opacity: 1; } }

@keyframes jpPfeil {
  0% {
    left: -50vw; }
  64% {
    opacity: 0; }
  65% {
    left: -50vw;
    opacity: 1; }
  100% {
    left: calc(100% + (22 * 0.20661%));
    opacity: 1; } }

.start-fs-kd {
  opacity: 0; }
  .de .start-fs-kd {
    position: absolute;
    left: -50vw;
    -webkit-transform: translateX(-35.01144%);
            transform: translateX(-35.01144%);
    width: 100%; }
  .start-fs-kd .lng-de {
    width: 100vw;
    text-align: center; }
    .start-fs-kd .lng-de > div {
      display: inline-block;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      .start-fs-kd .lng-de > div > div {
        position: relative; }
        .start-fs-kd .lng-de > div > div:first-of-type {
          font-size: 32px;
          margin-top: 20px; }
        .start-fs-kd .lng-de > div > div:last-of-type {
          text-align: left;
          font-size: 16px;
          margin-top: 8px; }
  .jp .start-fs-kd {
    width: 100%;
    text-align: center; }
  .start-fs-kd .lng-jp {
    width: 100%; }
    .start-fs-kd .lng-jp > div {
      width: 100%; }
      .start-fs-kd .lng-jp > div div:first-of-type {
        position: relative;
        width: 32px;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        margin-top: 20px;
        font-size: 32px; }
      .start-fs-kd .lng-jp > div div:last-of-type {
        left: 90%;
        bottom: 36px;
        width: auto;
        white-space: nowrap;
        font-size: 15px; }
        .start-fs-kd .lng-jp > div div:last-of-type span {
          color: #ff4813; }
  .loaded .start-fs-kd {
    -webkit-animation: fsfadeIn 2s 4.5s 1 ease-out forwards;
            animation: fsfadeIn 2s 4.5s 1 ease-out forwards; }

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

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

.loaded .start-ani {
  -webkit-animation: remove 0.1s 7.8s 1 linear forwards;
          animation: remove 0.1s 7.8s 1 linear forwards; }

@-webkit-keyframes remove {
  0% {
    visibility: visible; }
  100% {
    display: none;
    visibility: hidden; } }

@keyframes remove {
  0% {
    visibility: visible; }
  100% {
    display: none;
    visibility: hidden; } }

.strt-skip {
  bottom: 25px;
  right: 30px;
  z-index: 100; }
  .strt-skip a {
    padding: 30px 0 0 50px; }

.start-ende {
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: none; }
  .start-ende img {
    max-width: 60vw;
    height: auto;
    width: 300px;
    opacity: 0.1; }
  .start-ende > div {
    display: block;
    position: relative; }

.start-blende {
  top: -100vh;
  left: -70vw;
  width: 110vw;
  height: 450vh;
  background-color: #ff4813;
  z-index: 50;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg); }
  .loaded .start-blende {
    -webkit-animation: blende 2s 7s 1 linear forwards;
            animation: blende 2s 7s 1 linear forwards;
    display: block; }

@-webkit-keyframes blende {
  0% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
    left: -70vw; }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    left: 0; }
  99% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
    left: 80vw; }
  100% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
    left: 80vw;
    display: none;
    visibility: hidden; } }

@keyframes blende {
  0% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
    left: -70vw; }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    left: 0; }
  99% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
    left: 80vw; }
  100% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
    left: 80vw;
    display: none;
    visibility: hidden; } }

.start-content iframe {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute; }

@media all and (min-width: 31.25em) {
  .animation .kreis {
    -webkit-transform: translateX(-150px);
            transform: translateX(-150px); }
  .animation .quadrat {
    right: 50%;
    -webkit-transform: translateX(150px);
            transform: translateX(150px); } }

@media all and (min-width: 64em) {
  .de .start-fs-kd {
    left: 0;
    -webkit-transform: none;
            transform: none; }
  .start-fs-kd .lng-de {
    width: auto;
    text-align: left; }
    .start-fs-kd .lng-de > div {
      display: block;
      -webkit-transform: none;
              transform: none; }
      .start-fs-kd .lng-de > div div {
        position: relative; }
        .start-fs-kd .lng-de > div div:first-of-type {
          margin-top: 30px;
          font-size: 36px; }
        .start-fs-kd .lng-de > div div:last-of-type {
          margin: 8px 0 0 147px;
          font-size: 24px; }
  .jp .start-fs-kd {
    width: 100%;
    text-align: center; }
  .start-fs-kd .lng-jp {
    width: 100%; }
    .start-fs-kd .lng-jp > div {
      width: 100%; }
      .start-fs-kd .lng-jp > div div:first-of-type {
        margin-top: 33px;
        font-size: 36px; }
      .start-fs-kd .lng-jp > div div:last-of-type {
        bottom: 41px;
        font-size: 18px; }
        .start-fs-kd .lng-jp > div div:last-of-type span {
          color: #ff4813; } }