:root {
  --mw: 383.333px;
  --l3i: 50%;
  --l3w: 360px;
  --l3n: 3;
  --l4i: 50%;
  --l4w: 33.333%;
  --l4n: 3;
  --l11i: 50%;
  --l11w: 25%;
  --l11n: 4;
}
	
.g { padding: 0; margin:0 auto 0 auto; display:grid; width:100%; position: relative; }

.w { max-width: 1150px; } /*1120 + 30 padding*/

.cg, .x { background: #f7f7f7; }
.cb { background: #0096dc; }

.z .gc > .p > div:nth-child(2) > p { color: rgb(0,150,220); }

.g .tal { text-align: left; }
.g .tac { text-align: center; }
.g .tar { text-align: right; }

/************************************************/
/*****************LAYOUT 1 & 2 & 6***************/
/************************************************/
table.c {
  width: 100%;
  border-spacing: 0px;
  border-radius: 0px;
}
table.c > tbody {
  border: none;
  background-color: transparent;
}
table.c > tbody > tr {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  grid-auto-flow: column;
  align-items: center;
}

/*title*/
table.c.w14 {
  max-width: 1150px;
  margin: 0 auto;
}

table.c.w1,
table.c.w12,
table.c.w13 {
  max-width: 100%;
  margin: 0px;
}
table.c.w2,
table.c.w3,
table.c.w2575,
table.c.w7525 {
  max-width: 1150px;
  margin: 0 auto;
}

table.c.w1 > tbody > tr,
table.c.w12 > tbody > tr,
table.c.w13 > tbody > tr {
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
}
table.c.w2 > tbody > tr,
table.c.w2575 > tbody > tr {
  -ms-grid-columns: minmax(25%, 287.5px) minmax(auto, 75%); /*25% 75%;*/
  grid-template-columns: minmax(25%, 287.5px) minmax(auto, 75%); /*25% 75%;*/
}
table.c.w3 > tbody > tr,
table.c.w7525 > tbody > tr {
  -ms-grid-columns: minmax(auto, 75%) minmax(25%, 287.5px); /*25% 75%;*/
  grid-template-columns: minmax(auto, 75%) minmax(25%, 287.5px); /*25% 75%;*/
}

table.c.w2 > tbody > tr > td:nth-child(1) { padding: 0 0 0 0; text-align: left; }
table.c.w2 > tbody > tr > td:nth-child(2) { padding: 0 0 0 0; }

table.c.w3 > tbody > tr > td:nth-child(1) { padding: 0 0 0 0; }
table.c.w3 > tbody > tr > td:nth-child(2) { padding: 0 0 0 0; }

table.c.w1 > tbody > tr > td > img,
table.c.w12 > tbody > tr > td > img,
table.c.w13 > tbody > tr > td > img {
  display:block;
  width:100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  background: #dcdcdc;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
table.c.w2 > tbody > tr > td > img,
table.c.w3 > tbody > tr > td > img {
  display:block;
  width:100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
  object-position: 50% 50%;
  background: #dcdcdc;
}

table.c.w2575 > tbody > tr > td:nth-child(1) { 
  padding: 100% 0 0 0;
  position: relative;
  height: 0;
}
table.c.w2575 > tbody > tr > td:nth-child(2) { padding: 0 0 0 0; text-align: left; }
table.c.w2575 > tbody > tr > td > img {
  display:block;
  width:100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

table.c.w7525 > tbody > tr > td:nth-child(1) { padding: 0; text-align: left; }
table.c.w7525 > tbody > tr > td:nth-child(2) { padding: 0; }
table.c.w7525 > tbody > tr > td > img {
  display:block;
  width:100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

table.c > tbody > tr > td > h1,
table.c > tbody > tr > td > h2,
table.c > tbody > tr > td > p {
  font-family: 'Montserrat',sans-serif;
  font-style: normal;
  text-transform: none;
}
table.c > tbody > tr > td > h1 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  color: #0096dc;
  margin: 0 0 15px 0;
  padding: 0 15px;
}
table.c > tbody > tr > td > h2 {
  font-size: 20px;
  line-height: 1.39;
  font-weight: 700;
  color: #000;
  margin: 10px 0 10px 0;
  padding: 0 15px;
  display: inline-block;
}

table.c > tbody > tr > td > p {
  font-size: 16px;
  line-height: 27px;
  padding: 0 15px;
  margin: 0 0 10px 0;
  position: relative;
  max-width: 770px;
}
table.c > tbody > tr > td > p > a.u {
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 10.5px 20px;
  font-size: 16px;
  line-height: 27px;
  background: #0096dc;
  color: #fff;
  font-weight: 700;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all .15s ease;
  -moz-transition: all .15s ease;
  -o-transition: all .15s ease;
  transition: all .15s ease;
}
@media (hover: hover){
  table.c > tbody > tr > td > p > a.u:hover {
    background: #000;
    color: #fff;
  }
}
/*BLUE*/
.cb > table.c > tbody > tr > td > h1 {
  color: #fff;
}
.cb > table.c > tbody > tr > td > p {
  color: #fff;
}
.cb > table.c > tbody > tr > td > p > a.u {
  background: #fff;
  color: #0096dc;
}
@media (hover: hover){
  .cb > table.c > tbody > tr > td > p > a.u:hover {
    background: #000;
    color: #fff;
  }
}

table.c.w2 > tbody > tr > td > p > span#vid,
table.c.w3 > tbody > tr > td > p > span#vid {
  width: 100%;
  padding-top: 64%;
  height: 0px;
  position: relative;
  display: block;
}
table.c.w2 > tbody > tr > td > p > span#vid > video,
table.c.w3 > tbody > tr > td > p > span#vid > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  clip-path: inset(1px 1px);
  pointer-events: none;
  background-color: #fff !important;
}
table.c.w2 > tbody > tr > td > p > span#vidt,
table.c.w3 > tbody > tr > td > p > span#vidt {
    position: absolute;
    left: -webkit-calc(50% + 15px);
    left: -moz-calc(50% + 15px);
    left: calc(50% + 15px);
    top: 49%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 36px;
    line-height: 1.2;
    text-align: center;
    padding: 0;
    margin: 0;
    color: #0096dc;
}
table.c.w2 > tbody > tr > td > p > span#vidt > b,
table.c.w3 > tbody > tr > td > p > span#vidt > b {
    font-size: 72px;
    line-height: 0;
    opacity: 0;
    -webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;
    display: inline-block;
    letter-spacing: 1px;
    text-align: center;
}
table.c.w2 > tbody > tr > td > p > span#vidt > strong,
table.c.w3 > tbody > tr > td > p > span#vidt > strong {
    font-size: 36px;
    line-height: 1.2;
}

div[data-l="12"] > table.c > tbody > tr > td > h1 { font-weight: 400; font-style: italic; }
div[data-l="12"] > table.c > tbody > tr > td > p { color: #0096dc; }
div[data-l="12"].w > table.c > tbody > tr > td > h1 { font-weight: 400; font-style: italic; }
div[data-l="12"].w > table.c > tbody > tr > td > p { color: #0096dc; }

div[data-l="13"] > table.c > tbody > tr > td > h1 { font-weight: 400; font-style: italic; }
div[data-l="13"] > table.c > tbody > tr > td > p { color: #0096dc; }
div[data-l="13"].w > table.c > tbody > tr > td > h1 { font-weight: 400; font-style: italic; }

div[data-l="1"].w > table.c > tbody > tr > td > p:nth-of-type(2) { text-align: center; }
div[data-l="2"].w > table.c > tbody > tr > td > p:nth-of-type(2) { text-align: center; }

@media screen and (min-width: 641px) {
	
  table.c.w1 > tbody > tr > td:nth-child(1) { /*img*/ max-width: 100%; }
  table.c.w1 > tbody > tr > td:nth-child(2) { /*texts*/ max-width: 575px; }
	
  table.c.w12 > tbody > tr > td:nth-child(1) { /*img*/ max-width: 100%; }
  table.c.w12 > tbody > tr > td:nth-child(2) { /*texts*/ max-width: 575px; }
	
  table.c.w13 > tbody > tr > td:nth-child(1) { /*img*/ max-width: 100%; }
  table.c.w13 > tbody > tr > td:nth-child(2) { /*texts*/ max-width: 575px; }

  /*image > text*/
  div[data-l="1"] > table.c > tbody > tr > td:nth-child(1),
  div[data-l="12"] > table.c > tbody > tr > td:nth-child(1) {
    padding: 56.25% 0 0 0;
	margin: 0 15px 0 0;
	position: relative;
	height: 0;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  div[data-l="1"] > table.c > tbody > tr > td:nth-child(2),
  div[data-l="12"] > table.c > tbody > tr > td:nth-child(2) {
    padding: 0 0 0 0;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
    margin-right: auto;
	width: 100%;
  }
  div[data-l="1"] > table.c > tbody > tr > td:nth-child(2) { text-align: left; }
  div[data-l="12"] > table.c > tbody > tr > td:nth-child(2) { text-align: center; }
	
  div[data-l="1"] > table.c > tbody > tr > td:nth-child(1) > img,
  div[data-l="12"] > table.c > tbody > tr > td:nth-child(1) > img {
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -ms-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
  }
  div[data-l="1"].w > table.c > tbody > tr > td:nth-child(1) > img,
  div[data-l="12"].w > table.c > tbody > tr > td:nth-child(1) > img {
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -ms-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
	max-width: 545px;
	margin: 0 0 0 auto;
	width: 100%;
    height: 100%;
    object-fit: cover;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
  }
	
  /*text > image*/
  div[data-l="2"] > table.c > tbody > tr > td:nth-child(1),
  div[data-l="13"] > table.c > tbody > tr > td:nth-child(1) {
    padding: 56.25% 0 0 0;
	margin: 0 0 0 15px;
	position: relative;
	height: 0;
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  div[data-l="2"] > table.c > tbody > tr > td:nth-child(2),
  div[data-l="13"] > table.c > tbody > tr > td:nth-child(2) {
    padding: 0 0 0 0;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    margin-left: auto;
	width: 100%;
  }	
  div[data-l="2"] > table.c > tbody > tr > td:nth-child(2) { text-align: right; }
  div[data-l="13"] > table.c > tbody > tr > td:nth-child(2) { text-align: center; }
	
  div[data-l="2"] > table.c > tbody > tr > td:nth-child(1) > img,
  div[data-l="13"] > table.c > tbody > tr > td:nth-child(1) > img {
    -webkit-border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -ms-border-radius: 3px 0px 0px 3px;
    border-radius: 3px 0px 0px 3px;
  }
  div[data-l="2"].w > table.c > tbody > tr > td:nth-child(1) > img,
  div[data-l="13"].w > table.c > tbody > tr > td:nth-child(1) > img {
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -ms-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
	max-width: 545px;
	margin: 0 auto 0 0;
	width: 100%;
    height: 100%;
    object-fit: cover;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
  }

  div[data-l="1"] > table.c > tbody > tr > td > h1 { max-width: 515px; margin: 0 0 15px auto; }
  div[data-l="1"] > table.c > tbody > tr > td > h2 { max-width: 515px; margin: 0 0 15px auto; }
  div[data-l="1"] > table.c > tbody > tr > td > p { max-width: 515px; margin: 0 0 10px auto; }
  div[data-l="1"].w > table.c > tbody > tr > td > h1 { max-width: 455px; margin: 0 auto 15px auto; }
  div[data-l="1"].w > table.c > tbody > tr > td > h2 { max-width: 455px; margin: 0 auto 15px auto; }
  div[data-l="1"].w > table.c > tbody > tr > td > p { max-width: 455px; margin: 0 auto 10px auto; }
	
  div[data-l="2"] > table.c > tbody > tr > td > h1 { max-width: 515px; margin: 0 auto 15px 0; }
  div[data-l="2"] > table.c > tbody > tr > td > h2 { max-width: 515px; margin: 0 auto 15px 0; }
  div[data-l="2"] > table.c > tbody > tr > td > p { max-width: 515px; margin: 0 auto 10px 0; }
  div[data-l="2"].w > table.c > tbody > tr > td > h1 { max-width: 455px; margin: 0 auto 15px auto; }
  div[data-l="2"].w > table.c > tbody > tr > td > h2 { max-width: 455px; margin: 0 auto 15px auto; }
  div[data-l="2"].w > table.c > tbody > tr > td > p { max-width: 455px; margin: 0 auto 10px auto; }

  div[data-l="12"] > table.c > tbody > tr > td > h1 { max-width: 515px; margin: 0 0 15px auto; }
  div[data-l="12"] > table.c > tbody > tr > td > p { max-width: 515px; margin: 0 0 10px auto; }
  div[data-l="12"].w > table.c > tbody > tr > td > h1 { max-width: 455px; margin: 0 auto 15px auto; }
  div[data-l="12"].w > table.c > tbody > tr > td > p { max-width: 455px; margin: 0 auto 10px auto; }
	
  div[data-l="13"] > table.c > tbody > tr > td > h1 { max-width: 515px; margin: 0 auto 15px 0; }
  div[data-l="13"] > table.c > tbody > tr > td > p { max-width: 515px; margin: 0 auto 10px 0; }
  div[data-l="13"].w > table.c > tbody > tr > td > h1 { max-width: 455px; margin: 0 auto 15px auto; }
  div[data-l="13"].w > table.c > tbody > tr > td > p { max-width: 455px; margin: 0 auto 10px auto; }
	
}
@media screen and (min-width: 0px) and (max-width: 640px) {

  table.c.w1 > tbody > tr,
  table.c.w12 > tbody > tr,
  table.c.w13 > tbody > tr,
  table.c.w2 > tbody > tr,
  table.c.w3 > tbody > tr {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }

  table.c.w1 > tbody > tr > td:nth-child(2),
  table.c.w12 > tbody > tr > td:nth-child(2),
  table.c.w13 > tbody > tr > td:nth-child(2),
  table.c.w2 > tbody > tr > td:nth-child(2),
  table.c.w3 > tbody > tr > td:nth-child(2) {
    max-width: 100%;
  }

  div[data-l="1"] > table.c.w1 > tbody > tr > td:nth-child(1),
  div[data-l="2"] > table.c.w1 > tbody > tr > td:nth-child(1),
  div[data-l="12"] > table.c.w12 > tbody > tr > td:nth-child(1),
  div[data-l="13"] > table.c.w13 > tbody > tr > td:nth-child(1) {
    padding: 56.25% 0 0 0;
	position: relative;
	height: 0;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 0 0 20px 0;
  }

  div[data-l="1"] > table.c.w1 > tbody > tr > td:nth-child(2),
  div[data-l="2"] > table.c.w1 > tbody > tr > td:nth-child(2),
  div[data-l="12"] > table.c.w12 > tbody > tr > td:nth-child(2),
  div[data-l="13"] > table.c.w13 > tbody > tr > td:nth-child(2) {
    padding: 0 0 0 0;
    text-align: center;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
  }

  div[data-l="6"] > table.c.w2 > tbody > tr > td:nth-child(2),
  div[data-l="7"] > table.c.w3 > tbody > tr > td:nth-child(1) {
    padding: 0 0 0 0;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 0 0 20px 0;
  }

  div[data-l="6"] > table.c.w2 > tbody > tr > td:nth-child(1),
  div[data-l="7"] > table.c.w3 > tbody > tr > td:nth-child(2) {
    padding: 0 0 0 0;
    text-align: center;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
  }

  .g.tal[data-l="1"] > table.c.w1 > tbody > tr > td:nth-child(2){ text-align: left; }
  .g.tal[data-l="12"] > table.c.w12 > tbody > tr > td:nth-child(2){ 
    text-align: center;
    font-style: italic;
    font-weight: 400;
  }
  .g.tal[data-l="13"] > table.c.w13 > tbody > tr > td:nth-child(2){
    text-align: center;
    font-style: italic;
    font-weight: 400;
  }
	
  table.c.w2575 > tbody > tr {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
	align-items: start;
  }
  table.c.w2575 > tbody > tr > td:nth-child(2) {
    max-width: 100%;
  }
  div[data-l="9"] > table.c.w2575 > tbody > tr > td:nth-child(1) {
    padding: 56.25% 0 0 0;
	height: 0;
	position: relative;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
    margin: 0 0 20px 0;
  }
  div[data-l="9"] > table.c.w2575 > tbody > tr > td:nth-child(2) {
    padding: 0 0 0 0;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
  }

  table.c.w7525 > tbody > tr {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
	align-items: start;
  }
  table.c.w7525 > tbody > tr > td:nth-child(2) {
    max-width: 100%;
  }
  div[data-l="10"] > table.c.w7525 > tbody > tr > td:nth-child(1) {
    padding: 0 0 0 0;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
  div[data-l="10"] > table.c.w7525 > tbody > tr > td:nth-child(2) {
    padding: 0;
	height: auto;
	position: relative;
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
    margin: 20px 0 0 0;
  }
  div[data-l="10"] > table.c.w7525 > tbody > tr > td:nth-child(2) img {
    width:100%;
	max-width: 360px;
	display:block;
  }

}

/*div[data-l="14"] {
  max-width: 1150px;
}*/
div[data-l="14"] > h1 {
  max-width: 1150px;
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  color: #0096dc;
  text-transform: none;
  margin: 0 auto 18px auto;
  width: 100%;
  padding: 0 15px;
  text-align: left;
}



/************************************************/
/**********LAYOUT 3: Erfolgsgeschichten**********/
/************************************************/
.gc {
  font-size: 0;
  text-align: center !important;
  display: flex;
  margin: 0 auto;
  padding: 0 5px;
}
/*//NO LINK*/
.gc > .p {
  margin: 10px;
  background: #fff;
  display: inline-block;
  vertical-align: top;
  width: 33.333%;
  max-width: 360px;
  border: 1px solid #e8e8e8;
  text-align: left;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
/*image*/
.gc > .p > div:nth-child(1) {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.gc > .p > div:nth-child(1) > img {
	display:block;
	width:100%;
    height: 100%;
    object-fit: cover;
	aspect-ratio: 16/9;
	object-position: 50% 50%;
}
/*description*/	
.gc > .p > div:nth-child(2) {
	margin: 0;
    padding: 25px 20px 144px 20px;
    letter-spacing: -0.1px;
}
.gc > .p > div:nth-child(2) > p {
	margin: 0;
    font-size: 14px; /*16*/
    line-height: 1.5; /*1.3*/
	word-break: break-word;
	font-weight: 500;
}
/*name,job,company*/	
.gc > .p > div:nth-child(3) {
	margin: 0;
    padding: 20px 20px 24px 20px;
    letter-spacing: -0.1px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.gc > .p > div:nth-child(3) > img {
    width: 33.333%;
    aspect-ratio: 1;
    object-fit: cover;
    position: absolute;
    right: -10px;
    bottom: 10px;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
.gc > .p > div:nth-child(3) > h2 {
    margin: 0 0 10px 0;
    font-size: 18px;
    line-height: 1.2;
	padding: 0 33.333% 0 0;
    word-break: break-word;
}
.gc > .p > div:nth-child(3) > p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    padding: 0 33.333% 0 0;
    word-break: break-word;
}
/*//LINK 24*/
.gc > .u {
  margin: 10px;
  background: #f7f7f7;
  display: inline-block;
  vertical-align: top;
  width: 33.333%;
  max-width: 360px;
  border: 1px solid #e8e8e8;
  text-align: left;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  cursor: pointer;
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0);
  -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0);
  box-shadow: 0px 0px 9px 0px rgba(0,0,0,0);
}
@media (hover: hover){
  .gc > .u:hover {
    border: 1px solid rgb(0,150,220);
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.25);
  }
}
/*anchor*/
.gc > .u > a {
  color:#000 !important;
  user-select: none;
  -webkit-user-drag: none;
}
/*image*/
.gc > .u > a > div:nth-child(1) {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.gc > .u > a > div:nth-child(1) > img {
	display:block;
	width:100%;
    height: 100%;
    object-fit: cover;
	aspect-ratio: 16/9;
	object-position: 50% 50%;
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform 0.1s ease-in-out;
    -moz-transition: transform 0.1s ease-in-out;
    -o-transition: transform 0.1s ease-in-out;
    -ms-transition: transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out;
}
.gc > .u:hover > a > div:nth-child(1) > img {
	-webkit-transform: scale(1.075);
    -ms-transform: scale(1.075);
    transform: scale(1.075);
}
/*description*/	
.gc > .u > a > div:nth-child(2) {
	margin: 0;
    padding: 25px 20px 144px 20px;
    letter-spacing: -0.1px;
}
.gc > .u > a > div:nth-child(2) > p {
	margin: 0;
    font-size: 14px; /*16*/
    line-height: 1.5; /*1.3*/
	word-break: break-word;
	font-weight: 500;
}
@media (hover: hover){
  .gc > .u:hover > a > div:nth-child(2) > p b,
  .gc > .u:hover > a > div:nth-child(2) > p u,
  .gc > .u:hover > a > div:nth-child(2) > p strong {
    color: rgb(0,150,220);
  }
}
/*name,job,company*/	
.gc > .u > a > div:nth-child(3) {
	margin: 0;
    padding: 20px 20px 24px 20px;
    letter-spacing: -0.1px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.gc > .u > a > div:nth-child(3) > img {
    width: 33.333%;
    aspect-ratio: 1;
    object-fit: cover;
    position: absolute;
    right: -10px;
    bottom: 10px;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}
.gc > .u > a > div:nth-child(3) > h2 {
    margin: 0 0 10px 0;
    font-size: 18px;
    line-height: 1.2;
	padding: 0 33.333% 0 0;
    word-break: break-word;
}
.gc > .u > a > div:nth-child(3) > p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    padding: 0 33.333% 0 0;
    word-break: break-word;
}
/*//LINK 23*/
.gc > .c {
  margin: 10px;
  background: #f7f7f7;
  display: inline-block;
  vertical-align: top;
  /*width: -webkit-calc(var(--l3w) - 20px);
  width: -moz-calc(var(--l3w) - 20px);
  width: calc(var(--l3w) - 20px);*/
  max-width: 360px;
  text-align: left;
  cursor: pointer;
  position: relative;
  border: 1px solid #f7f7f7;
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
  -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0);
  -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0);
  box-shadow: 0px 0px 9px 0px rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
@media (hover: hover){
  .gc > .c:hover {
    border: 1px solid rgb(0,150,220);
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.25);
  }
}
.gc > .c > a {
  color:#000;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
/*image*/
.gc > .c > a > div:nth-child(1) {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}
.gc > .c > a > div:nth-child(1) > img {
	display:block;
	width:100%;
    height: 100%;
    object-fit: cover;
	aspect-ratio: 16/9;
	object-position: 50% 50%;
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform 0.1s ease-in-out;
    -moz-transition: transform 0.1s ease-in-out;
    -o-transition: transform 0.1s ease-in-out;
    -ms-transition: transform 0.1s ease-in-out;
    transition: transform 0.1s ease-in-out;
}
.gc > .c:hover > a > div:nth-child(1) > img {
	-webkit-transform: scale(1.075);
    -ms-transform: scale(1.075);
    transform: scale(1.075);
}
/*tag*/
.gc > .c > a > div:nth-child(2) {
    padding: 20px 20px 0px 20px;
    margin: 0px 0px 5px 0px;
    font-size: 10px;
    line-height: 10px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
	width: 100%;
}	
/*title*/	
.gc > .c > a > div:nth-child(3) {
    padding: 0 20px 0px 20px;
    margin: 0;
}
.gc > .c > a > div:nth-child(3) > h1 {
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    color: #000;
    display: inline-block;
    vertical-align: top;
	width: 100%;
}
/*description*/	
.gc > .c > a > div:nth-child(4) {
	margin: 0;
    padding: 0px 20px 50px 20px; /*date*/
	/*padding: 0px 20px 83px 20px;*/ /*button*/
}
.gc > .c > a > div:nth-child(4) > p {
    font-size: 14px;
    line-height: 1.5;
    padding: 0;
    margin: 0;
	word-break: break-word;
	letter-spacing: -0.1px;
}
/*text*/
.gc > .c > a > div:nth-child(5) {
    padding: 0 20px 28px 20px;
    margin: 0;
	position: absolute;
    bottom: 0;
	left: 0;
	width: 100%;
	text-align: right;
}
.gc > .c > a > div:nth-child(5) > div {
    margin: 0;
    padding: 0;
    line-height: 1;
	font-size: 14px;
	font-weight: 600;
}
.gc > .c > a > div:nth-child(5) > div > i {
    vertical-align: middle;
}
@media (hover: hover){
  .gc > .c:hover > a > div:nth-child(5) > div {
      color: #0096dc;
  }
  .gc > .c:hover > a > div:nth-child(5) > div > i {
      color: #0096dc;
  }
}




/************************************************/
/**************LAYOUT 10: 4 COLUMNS**************/
/************************************************/
/************************************************/
/**************LAYOUT 10: 4 COLUMNS**************/
/************************************************/
.g > .c4 {
  font-size: 0;
  text-align: center !important;
  display: inline-block; /*flex;*/
  margin: 0 auto;
  width: 100%;
  max-width: 1150px;
  justify-content: center;
}
.g > .c4 > .p {
  margin: 10px 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  border: none;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.g > .c4 > .p > div:nth-child(1) {
  padding: 0px 15px;
  margin: 0 0 10px 0;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.g > .c4[data-l="3"] > .p:nth-child(1) > div:nth-child(1) { background-image: url("https://www.gofast.swiss/application/blocks/gofast_content/arrows1.png"); }
.g > .c4[data-l="3"] > .p:nth-child(2) > div:nth-child(1) { background-image: url("https://www.gofast.swiss/application/blocks/gofast_content/arrows2.png"); }
.g > .c4[data-l="3"] > .p:nth-child(3) > div:nth-child(1) { background-image: url("https://www.gofast.swiss/application/blocks/gofast_content/arrows2.png"); }
.g > .c4[data-l="3"] > .p:nth-child(4) > div:nth-child(1) { background-image: url("https://www.gofast.swiss/application/blocks/gofast_content/arrows3.png"); }
.g > .c4 > .p > div:nth-child(1) > img {
  display:block;
  width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  padding: 0;
  -webkit-border-radius: 0%;
  -moz-border-radius: 0%;
  -ms-border-radius: 0%;
  border-radius: 0%;
  max-width: 320px; /*25*/
}
.g > .c4[data-l="3"] > .p > div:nth-child(1) > img { 
  padding: 0 25%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.g > .c4 > .p > div:nth-child(2) {
  padding: 0px 15px;
  margin: 0px 0px 0px 0px;
}
.g > .c4 > .p > div:nth-child(2) > h2 {
  font-size: 20px;
  line-height: 1.39;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin: 10px 0;
}
.g > .c4 > .p > div:nth-child(2) > p {
  font-size: 16px;
  line-height: 27px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 100%;
  margin: 0;
}
.g > .c4 > .p > div:nth-child(2) > p > span {
  color: rgba(0,0,0,0.25);
}
.g > .c4 > .p > div:nth-child(2) > p > a {
  color: #000;
  text-decoration: none;
}
@media (hover: hover){
  .g > .c4 > .p > div:nth-child(2) > p > a:hover {
    color: #000;
    text-decoration: underline;
  }
}
.g > .c4 > .p > div:nth-child(2) > p > a.b {
  color: #0096dc;
  text-decoration: none;
}
@media (hover: hover){
  .g > .c4 > .p > div:nth-child(2) > p > a.b:hover {
    color: #0096dc;
    text-decoration: none; /*underline*/
  }
}
@media screen and (min-width: 862.5px) {
  .g > .c4 > .p { width: 25%; }
}
@media screen and (min-width: 647px) and (max-width: 862.5px) {
  .g > .c4 > .p { width: 50%; }
}
@media screen and (min-width: 485px) and (max-width: 647px) {
  .g > .c4 > .p { width: 50%; }
}
@media screen and (min-width: 0px) and (max-width: 485px) {

  /*SLIDER*/
  .g > .c4 {
    display: flex;
    width: 100%;
	min-width: 0;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content: flex-start; /*center, flex-end*/
	padding: 0;
  }

  .g > .c4 > .p,
  .g > .c4 > .c,
  .g > .c4 > .u {
    flex: 0 0 100vw; /*//flex-grow, flex-shrink, and flex-basis*/
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 100%;
    -webkit-transition: margin-left 0.2s ease;
    -moz-transition: margin-left 0.2s ease;
    -o-transition: margin-left 0.2s ease;
    -ms-transition: margin-left 0.2s ease;
    transition: margin-left 0.2s ease;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0);
    cursor: grab;
  }
	
  /*X4*/
  .g[data-p="1"][data-n="4"] > .c4 > .p:nth-child(1),
  .g[data-p="1"][data-n="4"] > .c4 > .c:nth-child(1),
  .g[data-p="1"][data-n="4"] > .c4 > .u:nth-child(1) {  
    /*//nothing*/
  }
  .g[data-p="2"][data-n="4"] > .c4 > .p:nth-child(1),
  .g[data-p="2"][data-n="4"] > .c4 > .c:nth-child(1),
  .g[data-p="2"][data-n="4"] > .c4 > .u:nth-child(1) {  
	margin-left: -100%;
  }
  .g[data-p="3"][data-n="4"] > .c4 > .p:nth-child(1),
  .g[data-p="3"][data-n="4"] > .c4 > .c:nth-child(1),
  .g[data-p="3"][data-n="4"] > .c4 > .u:nth-child(1) {
	margin-left: -200%;
  }
  .g[data-p="4"][data-n="4"] > .c4 > .p:nth-child(1),
  .g[data-p="4"][data-n="4"] > .c4 > .c:nth-child(1),
  .g[data-p="4"][data-n="4"] > .c4 > .u:nth-child(1) {
	margin-left: -300%;
  }

  /*X3*/
  .g[data-p="1"][data-n="3"] > .c4 > .p:nth-child(1),
  .g[data-p="1"][data-n="3"] > .c4 > .c:nth-child(1),
  .g[data-p="1"][data-n="3"] > .c4 > .u:nth-child(1) {  
    /*//nothing*/
  }
  .g[data-p="2"][data-n="3"] > .c4 > .p:nth-child(1),
  .g[data-p="2"][data-n="3"] > .c4 > .c:nth-child(1),
  .g[data-p="2"][data-n="3"] > .c4 > .u:nth-child(1) {  
	margin-left: -100%;
  }
  .g[data-p="3"][data-n="3"] > .c4 > .p:nth-child(1),
  .g[data-p="3"][data-n="3"] > .c4 > .c:nth-child(1),
  .g[data-p="3"][data-n="3"] > .c4 > .u:nth-child(1) {
	margin-left: -200%;
  }

  /*X2*/
  .g[data-p="1"][data-n="2"] > .c4 > .p:nth-child(1),
  .g[data-p="1"][data-n="2"] > .c4 > .c:nth-child(1),
  .g[data-p="1"][data-n="2"] > .c4 > .u:nth-child(1) {  
    /*//nothing*/
  }
  .g[data-p="2"][data-n="2"] > .c4 > .p:nth-child(1),
  .g[data-p="2"][data-n="2"] > .c4 > .c:nth-child(1),
  .g[data-p="2"][data-n="2"] > .c4 > .u:nth-child(1) {  
	margin-left: -100%;
  }

}




/************************************************/
/************LAYOUT 4: Ansprechpartner***********/
/************************************************/
.ap {
  font-size: 0;
  display: flex;
  margin: 0 auto;
  width: 100%;
  justify-content: center;
}
.ap > .p {
  margin: 10px 0;
  padding: 0 15px;
  display: inline-block;
  vertical-align: top;
  /*width: -webkit-calc(var(--l4w) - 20px);
  width: -moz-calc(var(--l4w) - 20px);
  width: calc(var(--l4w) - 20px);
  max-width: 360px;*/
  width: 33.333%;
  max-width: 383.333px;
  border: none;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.ap > .p > div:nth-child(1) {
  padding: 0px;
  margin: 0 0 10px 0;
  overflow: hidden;
}
.ap > .p > div:nth-child(1) > img {
  display:block;
  width: 100%;
  max-width: 190.666px; /*200*/
  object-fit: cover;
  object-position: 50% 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.ap > .p > div:nth-child(2) {
  padding: 0px;
  margin: 0px 0px 0px 0px;
}
.ap > .p > div:nth-child(2) > p:nth-of-type(1) { /*name*/
  font-size: 16px;
  font-weight: bold;
  line-height: 27px;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-align: center;
  width: 100%;
  margin: 0;
}
.ap > .p > div:nth-child(2) > p:nth-of-type(2) { /*job title*/
  font-size: 14px;
  line-height: 1.3;
  margin: 0 0 16px 0;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
.ap > .p > div:nth-child(2) > p:nth-of-type(3) { /*region*/
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  margin: 0 0 4px 0;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-align: center;
  width: 100%;
}
/*
.ap > .p > div:nth-child(2) > p > span {
  color: rgba(0,0,0,0.25);
}
.ap > .p > div:nth-child(2) > p > a {
  color: #000;
  text-decoration: none;
}
@media (hover: hover){
  .ap > .p > div:nth-child(2) > p > a:hover {
    color: #000;
    text-decoration: underline;
  }
}
*/



/************************************************/
/****************LAYOUT 5: STRIPE****************/
/************************************************/
div[data-l="5"] {
  background: rgb(0,150,220);
  color: #fff;
}
div.str {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  font-size: 0px;
  max-width: 1140px;
  padding: 0 5px;
  margin: 0 auto;
}
div.str > h1 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  color: #fff;
  text-transform: none;
  margin: 0 0 5px 0;
  padding: 0 10px;
}
div.str > p {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
  font-size: 16px;
  line-height: 27px;
  margin: 10px 0;
}
div.str > p > a {
  display: block;
  margin: 0;
  padding: 11.5px 20px;
  font-size: 16px !important;
  line-height: 27px;
  min-height: 50px;
  background: #fff;
  color: #0096dc !important;
  font-weight: 700 !important;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: all .15s ease;
  -moz-transition: all .15s ease;
  -o-transition: all .15s ease;
  transition: all .15s ease;
}
@media screen and (min-width: 0px) and (max-width: 725px) {
  div.str {
    text-align: center !important;
  }
}
@media (hover: hover){
  div.str > p > a:hover {
    background: #000;
    color: #fff !important;
  }
}




/************************************************/
/**************LAYOUT 7: HERO FOOTER*************/
/************************************************/
.hf {
  position: relative;
  background: #000;
  width: 100%;
  height: 100%;
  max-height: -webkit-calc(100vh - 120px);
  max-height: -moz-calc(100vh - 120px);
  max-height: calc(100vh - 120px);
  min-height: 270px;
}
.hf > div:nth-child(1) > img {
  opacity: 0.666;
  width: 100%;
  height: 100%;
  max-height: -webkit-calc(100vh - 120px);
  max-height: -moz-calc(100vh - 120px);
  max-height: calc(100vh - 120px);
  min-height: 270px;
  object-fit: cover;
}
.hf > div:nth-child(2) {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
}
.hf > div:nth-child(2) > div {
    padding: 0 15px;
    color: #fff;
}
.hf > div:nth-child(2) > div:nth-child(2) {
    font-size: 80px;
    line-height: 1.01;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
}
.hf > div:nth-child(2) > div:nth-child(3) {
    font-size: 30px;
    line-height: 1.35;
    font-weight: 500;
    margin: 0 0 10px 0;
    letter-spacing: 0.25px;
}
.hf > div:nth-child(2) > div:nth-child(4) > a {
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 10.4px 18px;
    min-height: 50px;
    border: 2px solid #fff;
    background: transparent;
    color: #fff;
    font-weight: 700;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
    line-height: 1.68;
}
@media screen and (max-width: 1040px) { /*720*/
  .hf > div:nth-child(2) > div:nth-child(6) {
    display: none;
  }
}
@media screen and (max-width: 640px) { /*720*/
  .hf {
    background: #fff;
    width: 100%;
    height: auto;
    max-height: none;
    min-height: 0;
  }
  .hf > div:nth-child(1) {
    padding: 56.25% 0 0 0;
    height: 0;
    position: relative;
    margin: 0 0 20px 0;
  }
  .hf > div:nth-child(1) > img {
    opacity: 1;
    width: 100%;
    height: 100%;
    max-height: none;
    min-height: 0;
    object-fit: cover;
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
  }
  .hf > div:nth-child(2) {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
	overflow: hidden;
  }
  .hf > div:nth-child(2) > div {
    text-align: center;
  }
  .hf > div:nth-child(2) > div:nth-child(1) {
    display: none;
  }
  .hf > div:nth-child(2) > div:nth-child(2) {
	font-size: 30px;
    line-height: 36px; /*1.18*/
    font-weight: 700; /*bold*/
    color: #0096dc;
    text-transform: none;
    margin: 0 0 15px 0;
  }
  .hf > div:nth-child(2) > div:nth-child(3) {
    font-size: 16px;
	line-height: 27px; /*1.68;*/
    font-weight: 400; /*normal*/
	color: #000;
	margin: 0 0 10px 0;
  }
  .hf > div:nth-child(2) > div:nth-child(4) {
	margin: 0 0 10px 0;
  }
  .hf > div:nth-child(2) > div:nth-child(4) > a {
    border: 2px solid #0096dc;
    background: #0096dc;
    color: #fff;
  }
  .hf > div:nth-child(2) > div:nth-child(5) { /*line40*/
    display: none;
  }
  .hf > div:nth-child(2) > div:nth-child(6) { /*line60*/
    display: block;
  }
}
@media (hover: hover){
  .hf > div:nth-child(2) > div:nth-child(4) > a:hover {
	border: 2px solid #000;
    background: #000;
  }
}




/*#######################################################
####################MOSAIC 1 ; TEAM####################*/
.mosaic
{
  font-size: 0px;
  max-width: 1150px;
  padding: 0 5px;
  margin: 0 auto;
}
.mosaic > table
{
  width: 100%;
  height: 100%;
  margin: 0px;
  border-spacing: 0px;
  border-radius: 0px;
  border-collapse: collapse;
}
.mosaic > table > tbody
{
  border: none;
}
.mosaic > table > tbody > tr
{
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  grid-auto-flow: column;
  -ms-grid-columns: repeat(24, 1fr);
  grid-template-columns: repeat(24, 1fr);
  -ms-grid-rows: repeat(20, 1fr);
  grid-template-rows: repeat(20, 1fr);
  width: 100%;
  height: 100%;
  aspect-ratio: 4 / 3;
  align-items: normal; /*//middle normal*/
}
@supports not (aspect-ratio: 4 / 3) {
  .mosaic > table > tbody > tr::before {
    float: left;
    padding-top: 100%;
    content: "";
  }

  .mosaic > table > tbody > tr::after {
    display: block;
    content: "";
    clear: both;
  }
}
.mosaic > table > tbody > tr > td {
  padding:0px;
  margin:10px;
  text-align: center;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.mosaic > table > tbody > tr > td:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 9;
  grid-row-start: 1;
  grid-row-end: 7;
  /*background: #c7c7c7;*/
}
.mosaic > table > tbody > tr > td:nth-child(2) {
  grid-column-start: 9;
  grid-column-end: 19;
  grid-row-start: 1;
  grid-row-end: 7;
  /*background: #24E653;*/
}
.mosaic > table > tbody > tr > td:nth-child(3) {
  grid-column-start: 19;
  grid-column-end: 25;
  grid-row-start: 1;
  grid-row-end: 9;
  /*background: #EF8D10;*/
}
.mosaic > table > tbody > tr > td:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: 13;
  grid-row-start: 7;
  grid-row-end: 10;
  /*background: #d500ff;*/
}
.mosaic > table > tbody > tr > td:nth-child(5) {
  grid-column-start: 13;
  grid-column-end: 19;
  grid-row-start: 7;
  grid-row-end: 12;
  /*background: #ff00b5;*/
}
.mosaic > table > tbody > tr > td:nth-child(6) {
  grid-column-start: 19;
  grid-column-end: 25;
  grid-row-start: 9;
  grid-row-end: 12;
  /*background: #53D337;*/
}
.mosaic > table > tbody > tr > td:nth-child(7) {
  grid-column-start: 1;
  grid-column-end: 7;
  grid-row-start: 10;
  grid-row-end: 21;
  /*background: #C79735;*/
}
.mosaic > table > tbody > tr > td:nth-child(8) {
  grid-column-start: 7;
  grid-column-end: 13;
  grid-row-start: 10;
  grid-row-end: 16;
  /*background: #2E20DA;*/
}
.mosaic > table > tbody > tr > td:nth-child(9) {
  grid-column-start: 7;
  grid-column-end: 13;
  grid-row-start: 16;
  grid-row-end: 21;
  /*background: #2BC8C1;*/
}
.mosaic > table > tbody > tr > td:nth-child(10) {
  grid-column-start: 13;
  grid-column-end: 25;
  grid-row-start: 12;
  grid-row-end: 21;
  /*background: #AF2435;*/
}
.mosaic > table > tbody > tr > td > img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  display: block;
  object-fit: cover;
}
.mosaic > table > tbody > tr > td:nth-child(1) > img { object-position:50%; object-fit: cover; }
.mosaic > table > tbody > tr > td:nth-child(2) { background: rgba(0,150,220,1); }
.mosaic > table > tbody > tr > td:nth-child(2) > img { object-position:50%; width: 90%; object-fit: contain; }
.mosaic > table > tbody > tr > td:nth-child(3) > img { object-position:50%; object-fit: cover; }
.mosaic > table > tbody > tr > td:nth-child(4) > img { object-position:50%; width: 90%; object-fit: contain; }
.mosaic > table > tbody > tr > td:nth-child(5) > img { object-position:50%; object-fit: cover; }
.mosaic > table > tbody > tr > td:nth-child(6) > img { object-position:50%; width: 90%; object-fit: contain; }
.mosaic > table > tbody > tr > td:nth-child(7) > img { object-position:40%; object-fit: cover; }
.mosaic > table > tbody > tr > td:nth-child(8) > img { object-position:50%; object-fit: cover; }
.mosaic > table > tbody > tr > td:nth-child(9) { background: rgba(0,150,220,1); }
.mosaic > table > tbody > tr > td:nth-child(9) > img { object-position:50%; width: 90%; object-fit: contain; }
.mosaic > table > tbody > tr > td:nth-child(10)> img { object-position:50%; object-fit: cover; }
@media screen and (min-width: 0px) and (max-width: 485px) {
  
    .mosaic > table > tbody > tr
    {
      display: -ms-grid;
      display: grid;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      justify-content: center;
      grid-auto-flow: column;
      -ms-grid-columns: repeat(2, 1fr);
      grid-template-columns: repeat(2, 1fr);
      -ms-grid-rows: repeat(14, 1fr);
      grid-template-rows: repeat(14, 1fr);
      width: 100%;
      height: 100%;
      aspect-ratio: 1 / 3;
      align-items: normal; /*//middle normal*/
    }
	
	.mosaic > table > tbody > tr > td:nth-child(1) {
      grid-column-start: 1;
      grid-column-end: 3;
      grid-row-start: 1;
      grid-row-end: 3;
    }
    .mosaic > table > tbody > tr > td:nth-child(2) {
      grid-column-start: 1;
      grid-column-end: 3;
      grid-row-start: 3;
      grid-row-end: 5;
    }
    .mosaic > table > tbody > tr > td:nth-child(3) {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 6;
      grid-row-end: 8;
    }
    .mosaic > table > tbody > tr > td:nth-child(4) {
      grid-column-start: 1;
      grid-column-end: 3;
      grid-row-start: 5;
      grid-row-end: 6;
    }
    .mosaic > table > tbody > tr > td:nth-child(5) {
      grid-column-start: 2;
      grid-column-end: 3;
      grid-row-start: 6;
      grid-row-end: 8;
    }
    .mosaic > table > tbody > tr > td:nth-child(6) {
      grid-column-start: 1;
      grid-column-end: 3;
      grid-row-start: 8;
      grid-row-end: 9;
    }
    .mosaic > table > tbody > tr > td:nth-child(7) {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 9;
      grid-row-end: 13;
    }
    .mosaic > table > tbody > tr > td:nth-child(8) {
      grid-column-start: 2;
      grid-column-end: 3;
      grid-row-start: 9;
      grid-row-end: 11;
    }
    .mosaic > table > tbody > tr > td:nth-child(9) {
      grid-column-start: 2;
      grid-column-end: 3;
      grid-row-start: 11;
      grid-row-end: 13;
    }
    .mosaic > table > tbody > tr > td:nth-child(10) {
      grid-column-start: 1;
      grid-column-end: 3;
      grid-row-start: 13;
      grid-row-end: 15;
    }
	
	.mosaic > table > tbody > tr > td:nth-child(1) > img { object-position: 0 35%; }
	
}




/*#######################################################
#########################GENERIC#######################*/
.g > .pag {
  display: none;
  overflow: hidden;
  height: 20px;
  text-align: center !important;
  margin-top: 7px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 0;
}
.g > .pag > div {
  width: 10px;
  height: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #bfbfbf;
  display: inline-block;
  vertical-align: top;
  margin: 5px;
  cursor: pointer;
}
/*X2*/
.g[data-p="1"][data-n="2"] > .pag > div:nth-child(1),
.g[data-p="2"][data-n="2"] > .pag > div:nth-child(2) {
  background: #bfbfbf;
  cursor: default;
  pointer-events: none;
}
/*X3*/
.g[data-p="1"][data-n="3"] > .pag > div:nth-child(1),
.g[data-p="2"][data-n="3"] > .pag > div:nth-child(2),
.g[data-p="3"][data-n="3"] > .pag > div:nth-child(3) {
  background: #bfbfbf;
  cursor: default;
  pointer-events: none;
}
/*X4*/
.g[data-p="1"][data-n="4"] > .pag > div:nth-child(1),
.g[data-p="2"][data-n="4"] > .pag > div:nth-child(2),
.g[data-p="3"][data-n="4"] > .pag > div:nth-child(3),
.g[data-p="4"][data-n="4"] > .pag > div:nth-child(4) {
  background: #bfbfbf;
  cursor: default;
  pointer-events: none;
}

@media screen and (min-width: 0px) and (max-width: 862.5px) {

  /*SLIDER*/
  .g > .gc,
  .g > .ap {
    display: flex;
    width: 100%; /* Set the desired width of the container */
	min-width: 0;
    flex-direction: row;
    flex-wrap: nowrap; /*wrap*/
	justify-content: flex-start; /*center, flex-end*/
  }
	
  .g > .gc { padding: 0 5px; max-width: var(--mw); }
  .g > .ap { padding: 0; max-width: var(--mw); }
	
  .g > .gc > .p,
  .g > .gc > .u {
    max-width: -webkit-calc(100% - 20px);
    max-width: -moz-calc(100% - 20px);
    max-width: calc(100% - 20px);
  }
	
  .g > .gc > .p,
  .g > .gc > .c,
  .g > .gc > .u,
  .g > .ap > .p,
  .g > .ap > .c,
  .g > .ap > .u {
    /*flex: 0 0 100%;*/ /*//flex-grow, flex-shrink, and flex-basis*/
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: 100%;
    -webkit-transition: margin-left 0.2s ease;
    -moz-transition: margin-left 0.2s ease;
    -o-transition: margin-left 0.2s ease;
    -ms-transition: margin-left 0.2s ease;
    transition: margin-left 0.2s ease;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0);
    cursor: grab;
  }

  /*X3*/
  .g[data-p="1"][data-n="3"] > .ap > .p:nth-child(1),
  .g[data-p="1"][data-n="3"] > .ap > .c:nth-child(1),
  .g[data-p="1"][data-n="3"] > .ap > .u:nth-child(1) {  
    /*//nothing*/
  }
  .g[data-p="2"][data-n="3"] > .ap > .p:nth-child(1),
  .g[data-p="2"][data-n="3"] > .ap > .c:nth-child(1),
  .g[data-p="2"][data-n="3"] > .ap > .u:nth-child(1) {  
	margin-left: -100%;
  }
  .g[data-p="3"][data-n="3"] > .ap > .p:nth-child(1),
  .g[data-p="3"][data-n="3"] > .ap > .c:nth-child(1),
  .g[data-p="3"][data-n="3"] > .ap > .u:nth-child(1) {
	margin-left: -200%;
  }

  /*X2*/
  .g[data-p="1"][data-n="2"] > .ap > .p:nth-child(1),
  .g[data-p="1"][data-n="2"] > .ap > .c:nth-child(1),
  .g[data-p="1"][data-n="2"] > .ap > .u:nth-child(1) {  
    /*//nothing*/
  }
  .g[data-p="2"][data-n="2"] > .ap > .p:nth-child(1),
  .g[data-p="2"][data-n="2"] > .ap > .c:nth-child(1),
  .g[data-p="2"][data-n="2"] > .ap > .c:nth-child(1) {  
	margin-left: -100%;
  }

  /*X3*/
  .g[data-p="1"][data-n="3"] > .gc > .p:nth-child(1),
  .g[data-p="1"][data-n="3"] > .gc > .c:nth-child(1),
  .g[data-p="1"][data-n="3"] > .gc > .u:nth-child(1) {  
    /*//nothing*/
  }
  .g[data-p="2"][data-n="3"] > .gc > .p:nth-child(1),
  .g[data-p="2"][data-n="3"] > .gc > .c:nth-child(1),
  .g[data-p="2"][data-n="3"] > .gc > .u:nth-child(1) {  
	margin-left: -webkit-calc(-100% + 10px);
    margin-left: -moz-calc(-100% + 10px);
    margin-left: calc(-100% + 10px);
  }
  .g[data-p="3"][data-n="3"] > .gc > .p:nth-child(1),
  .g[data-p="3"][data-n="3"] > .gc > .c:nth-child(1),
  .g[data-p="3"][data-n="3"] > .gc > .u:nth-child(1) {
	margin-left: -webkit-calc(-200% + 10px);
    margin-left: -moz-calc(-200% + 10px);
    margin-left: calc(-200% + 10px);
  }

  /*X2*/
  .g[data-p="1"][data-n="2"] > .gc > .p:nth-child(1),
  .g[data-p="1"][data-n="2"] > .gc > .c:nth-child(1),
  .g[data-p="1"][data-n="2"] > .gc > .u:nth-child(1) {  
    /*//nothing*/
  }
  .g[data-p="2"][data-n="2"] > .gc > .p:nth-child(1),
  .g[data-p="2"][data-n="2"] > .gc > .c:nth-child(1),
  .g[data-p="2"][data-n="2"] > .gc > .c:nth-child(1) {  
	margin-left: -webkit-calc(-100% + 10px);
    margin-left: -moz-calc(-100% + 10px);
    margin-left: calc(-100% + 10px);
  }

  /*ARROWS*/
  .g:not([data-l="11"]) > .a {
    height: 32px;
    width: 32px;
    background-color: #0096dc;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: var(--l3i);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    z-index: 8;		
  }
  .g:not([data-l="11"]) > .a:nth-of-type(1) {
    left: 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
	background-image: url("img/arl_w.png");
  }
  .g:not([data-l="11"]) > .a:nth-of-type(2) {
    right: 0;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
	background-image: url("img/arr_w.png");
  }
	
  .g.na:not([data-l="11"]) > .a {
    display:none;
	pointer-events: none;
  }
	
  /*HIDE ARROWS*/
  .g[data-p="1"][data-n="2"]:not([data-l="11"]) > .a:nth-of-type(1) { display:none; }
  .g[data-p="2"][data-n="2"]:not([data-l="11"]) > .a:nth-of-type(2) { display:none; }
  .g[data-p="1"][data-n="3"]:not([data-l="11"]) > .a:nth-of-type(1) { display:none; }
  .g[data-p="3"][data-n="3"]:not([data-l="11"]) > .a:nth-of-type(2) { display:none; }
  .g[data-p="1"][data-n="4"]:not([data-l="11"]) > .a:nth-of-type(1) { display:none; }
  .g[data-p="4"][data-n="4"]:not([data-l="11"]) > .a:nth-of-type(2) { display:none; }

  /*PAGINATION*/
  .g:not([data-l="11"]) > .pag {
    display: block;
  }

}

@media screen and (min-width: 0px) and (max-width: 485px) {

  /*ARROWS data-l="11"*/
  .g[data-l="11"] > .a {
    height: 32px;
    width: 32px;
    background-color: #0096dc;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: var(--l3i);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    z-index: 8;		
  }
  .g[data-l="11"] > .a:nth-of-type(1) {
    left: 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
	background-image: url("img/arl_w.png");
  }
  .g[data-l="11"] > .a:nth-of-type(2) {
    right: 0;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
	background-image: url("img/arr_w.png");
  }
	
  .g.na[data-l="11"] > .a {
    display:none;
	pointer-events: none;
  }
	
  /*HIDE ARROWS*/
  .g[data-p="1"][data-n="2"][data-l="11"] > .a:nth-of-type(1) { display:none; }
  .g[data-p="2"][data-n="2"][data-l="11"] > .a:nth-of-type(2) { display:none; }
  .g[data-p="1"][data-n="3"][data-l="11"] > .a:nth-of-type(1) { display:none; }
  .g[data-p="3"][data-n="3"][data-l="11"] > .a:nth-of-type(2) { display:none; }
  .g[data-p="1"][data-n="4"][data-l="11"] > .a:nth-of-type(1) { display:none; }
  .g[data-p="4"][data-n="4"][data-l="11"] > .a:nth-of-type(2) { display:none; }

  /*PAGINATION*/
  .g[data-l="11"] > .pag {
    display: block;
  }

}

.lspc1 { letter-spacing: -0.1px; }
.lspc2 { letter-spacing: -0.2px; }
.lspc3 { letter-spacing: -0.3px; }
.lspc4 { letter-spacing: -0.4px; }
.lspc5 { letter-spacing: -0.5px; }
.lspc6 { letter-spacing: -0.6px; }
.lspc7 { letter-spacing: -0.7px; }
.lspc8 { letter-spacing: -0.8px; }
.lspc9 { letter-spacing: -0.9px; }

div.ccm-ui .ccm-tab-content {
    padding-top: 0px !important;
    display: block !important;
}

/*GENERIC*/
table > tbody > tr > td > img.opt { object-position: top !important; }
table > tbody > tr > td > img.opb { object-position: bottom !important; }
table > tbody > tr > td > img.opl { object-position: left !important; }
table > tbody > tr > td > img.opr { object-position: right !important; }