/*************** // WEBFONT // ****************/

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed'); /* font-family:'Roboto Condensed',sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Cookie&display=swap'); /* font-family: "Cookie", cursive; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

h1, h2, h3 {
font-family: "Noto Sans", sans-serif;
}

/*************** // HTML // ****************/

html, body {
display:block;background:#000000;width:100%;height:auto;font-family:'Roboto Condensed',sans-serif;font-size:25px;line-height:1.3em;font-weight:normal;color:#FFFFFF;
}

/*************** // CONTAINER  // ****************/

#container {
display:block;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;
}
 
/*************** // HEADER // ****************/

header {
position:fixed;top:0;left:0;width:100%;background-color:rgba(17, 17, 17, 0.9);margin:0px 0px 0px 0px;padding:15px 15px 15px 15px;z-index:99999;
}
header:after {
content:'';display:block;clear:both;
}
header article.kontakt {
float:left;display:block;font-size:16px;line-height:1.3em;color:#666666;
}
header article.language {
float:right;display:block;font-size:16px;line-height:1.3em;color:#666666;
}
header article.language ul {
float:right;display:block;
}
header article.language ul {
display:block;
}
header article.language ul:after {
content:'';display:block;clear:both;
}
header article.language ul li {
float:left;display:block;margin:0px 0px 0px 10px;
}
header article.language ul li:first-child {
margin:0px 0px 0px 0px;
}
header article.language ul li a {
display:block;
}

/*************** // FOOTER // ****************/

footer {
display:block;background:#111111;margin:50px 0px 0px 0px;padding:15px 15px 15px 15px;font-size:16px;line-height:1.3em;color:#666666;text-align:center;
}

/*************** // A // ****************/

a {
text-decoration:none;color:#D96D00;
}

/*************** // INDEX -> START // ****************/

section.start {
display:block;background:#000000;padding:0px 0px 0px 0px;position:relative;
}
section.start div.wrapper {
display:block;width:100%;height:auto;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;position:relative;
}

/*************** // INDEX -> BANNER // ****************/

section.start div.wrapper section.cycle-slideshow {
display:block;width:100%;height:100vh;
}
section.start div.wrapper section.cycle-slideshow article.banner {
display:block;position:relative;width:100%;height:100vh;padding:0px 0px 0px 0px;overflow:hidden;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;
}
section.start div.wrapper section.cycle-slideshow article.banner div.caption {
position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:15px 15px 15px 15px;text-align:center;
}
section.start div.wrapper section.cycle-slideshow article.banner div.caption h2 {
display:block;font-size:80px;line-height:1em;color:#000000;white-space:nowrap;font-weight:bold;margin:0px 0px 15px 0px;padding:0px 0px 0px 0px;

/*text-shadow: 10px 11px 12px #FFFFFF;*/


  color: #000000;
  -webkit-text-fill-color: #FFFFFF; /* Will override color (regardless of order) */
  -webkit-text-stroke: 3px #000000;


/*text-shadow:5px 5px 0 #FFF,-1px -1px 0 #FFF,  1px -1px 0 #FFF,-1px 1px 0 #FFF,1px 1px 0 #FFF;*/
}
section.start div.wrapper section.cycle-slideshow article.banner div.caption h3 {
display:block;font-size:40px;line-height:1em;color:#000000;white-space:nowrap;font-weight:bold;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;

  color: #000000;
  -webkit-text-fill-color: #000000; /* Will override color (regardless of order) */
  -webkit-text-stroke: 2px #000000;


/*text-shadow:5px 5px 0 #FFF,-1px -1px 0 #FFF,  1px -1px 0 #FFF,-1px 1px 0 #FFF,1px 1px 0 #FFF;*/


}

/*************** // INFO // ****************/

.index section.info {
display:block;padding:0px 0px 0px 0px;background:#FFFFFF;
}
.index section.info div.wrapper {
display:block;width:100%;height:auto;margin:0px auto 0px auto;padding:0px 0px 0px 0px;position:relative;
}
.index section.info div.wrapper:after {
content:'';display:block;clear:both;
}

.index section.info div.wrapper article.story {
float:left;width:50%;height:auto;background:#FFFFFF;padding:50px 30px 50px 30px;
}
.index section.info div.wrapper article.story h2 {
display:block;font-size:60px;line-height:1.3em;font-weight:bold;color:#000000;margin:0px 0px 10px 0px;
}
.index section.info div.wrapper article.story p {
display:block;margin:0px 0px 30px 0px;color:#000000;
}

.index section.info div.wrapper article.facts {
float:right;width:50%;height:auto;background:#000000;padding:50px 30px 50px 30px;
}
.index section.info div.wrapper article.facts h2 {
display:block;font-size:60px;line-height:1.3em;font-weight:bold;color:#FFFFFF;margin:0px 0px 10px 0px;
}
.index section.info div.wrapper article.facts ul {
display:block;
}
.index section.info div.wrapper article.facts ul li {
display:block;position:relative;margin:0px 0px 5px 0px;padding:0px 0px 0px 20px;
}
.index section.info div.wrapper article.facts ul li:before {
position:absolute;top:5px;left:0px;font-family:"Font Awesome 5 Free";content:"\f054";font-size:20px;line-height:1em;font-weight:600;color:#FFFFFF;
}

/*************** // VIDEO // ****************/

.index section.video {
display:block;padding:50px 30px 100px 30px;background:#222222;
}
.index section.video div.wrapper {
display:block;width:100%;height:auto;margin:0px auto 0px auto;padding:0px 0px 0px 0px;position:relative;
}
.index section.video div.wrapper:after {
content:'';display:block;clear:both;
}
.index section.video div.wrapper h2 {
display:block;font-size:60px;line-height:1.3em;font-weight:bold;color:#FFFFFF;margin:0px 0px 10px 0px;
}
.index section.video div.wrapper p {
display:block;margin:0px 0px 50px 0px;
}
.index section.video div.wrapper div.video-container {
display:block;
}
.index section.video div.wrapper div.video-container:after {
content:'';display:block;clear:both;
}
.index section.video div.wrapper div.video-container div.video-container-left {
float:left;width:49%;display:block;
}
.index section.video div.wrapper div.video-container div.video-container-left div.elastic-video  {
position:relative;padding-bottom:56.25%;padding-top:25px;height:0;
}
.index section.video div.wrapper div.video-container div.video-container-left div.elastic-video iframe,  
.index section.video div.wrapper div.video-container div.video-container-left div.elastic-video object,  
.index section.video div.wrapper div.video-container div.video-container-left div.elastic-video embed {
position:absolute;top:0;left:0;width:100%;height:100%;
}
.index section.video div.wrapper div.video-container div.video-container-right {
float:right;width:49%;display:block;
}
.index section.video div.wrapper div.video-container div.video-container-right div.elastic-video  {
position:relative;padding-bottom:56.25%;padding-top:25px;height:0;
}
.index section.video div.wrapper div.video-container div.video-container-right div.elastic-video iframe,  
.index section.video div.wrapper div.video-container div.video-container-right div.elastic-video object,  
.index section.video div.wrapper div.video-container div.video-container-right div.elastic-video embed {
position:absolute;top:0;left:0;width:100%;height:100%;
}

/*************** // PICTURES // ****************/

.index section.pictures {
display:block;padding:50px 30px 50px 30px;background:#000000;
}
.index section.pictures div.wrapper {
display:block;width:100%;height:auto;margin:0px auto 0px auto;padding:0px 0px 0px 0px;position:relative;
}
.index section.pictures div.wrapper:after {
content:'';display:block;clear:both;
}
.index section.pictures div.wrapper h2 {
display:block;font-size:60px;line-height:1.3em;font-weight:bold;color:#FFFFFF;margin:0px 0px 10px 0px;
}
.index section.pictures div.wrapper p {
display:block;margin:0px 0px 50px 0px;
}

/* PICTURES */
section.pictures {
display:block;position:relative;margin:0px 0px 0px 0px;padding:30px 30px 30px 30px;
}
section.pictures div.grid {
display:block;max-width:100%;
}
section.pictures div.grid.are-images-unloaded {
opacity:0;
}
section.pictures div.grid__col-sizer {
width:23.5%;
}
section.pictures div.grid__gutter-sizer {
width:2%;
}
section.pictures div.grid.are-images-unloaded .image-grid__item {
opacity:0;
}

/* ITEM */
div.grid div.grid__item {
float:left;display:block;width:23.5%;position:relative;margin:0px 0px 2% 0px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}
div.grid div.grid__item figure {
display:block;position:relative;width:100%;height:auto;overflow:hidden;
}
div.grid div.grid__item figure a img {
display:block;width:100%;height:auto;margin:0px 0px 0px 0px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;cursor:pointer;
}
div.grid div.grid__item figure a:hover img {
transform:scale(1.05);
}

/* INFINITE SCROLL & LOADER */
.page-load-status {
display:none;padding-top:20px;text-align:center;color:#FFFFFF;
}
.pagination {
display:none;
}
.loader-ellips {
font-size:20px;position:relative;width:4em;height:1em;margin:10px auto;
}
.loader-ellips__dot {
display:block;width:1em;height:1em;border-radius:0.5em;background:#D96D00;position:absolute;animation-duration:0.5s;animation-timing-function:ease;animation-iteration-count:infinite;
}
.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
left:0;
}
.loader-ellips__dot:nth-child(3) {
left:1.5em;
}
.loader-ellips__dot:nth-child(4) {
left:3em;
}
@keyframes reveal {
from { transform:scale(0.001); }
to { transform:scale(1); }
}
@keyframes slide {
to {transform:translateX(1.5em)}
}
.loader-ellips__dot:nth-child(1) {
animation-name:reveal;
}
.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
animation-name:slide;
}
.loader-ellips__dot:nth-child(4) {
animation-name:reveal;
animation-direction:reverse;
}