/********************
- Base -
********************/

html {
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans',serif;
  font-size:1.125rem;
  font-weight:400;
  letter-spacing: .0562rem;
  color: #000;
  background-color:#000;
}

ol,ul {
  list-style: none;
  margin:0;
  padding:0;
}

a {
  text-decoration:none;
  outline: none;
  -moz-outline: 0;
  color:#000;
  -webkit-tap-highlight-color: transparent;
}

a:active,a:hover {
  text-decoration:underline;
  outline: none;
}

a:focus {
  outline: none;
}

img {
  max-width: 100%;
  height: auto;
  width:auto;
  border:none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
  display: block;
}

h1,h2,h3,h4,ol,ul,li,a,figure {
  margin:0;
  padding:0;
}

h2 {
  font-size:1.625rem;
  line-height:1.3rem;
  letter-spacing: .026rem;
}

h3,h4,h5 {
  font-weight:bold;
  font-size:1.125rem;
}

.col-3-1 h3 {
  text-align:left;
  margin-bottom: 2.75rem;
}

p {
  padding:0;
  margin-bottom:0;
}

p:first-child {
  padding:0;
  margin-top:-.5rem;
}

p:empty, p:-moz-only-whitespace {
  padding:0 !important;
  margin:0 !important;
  display:none;
}

b {
  font-weight:700;
}

/*typo*/
div.csc-default {
  margin:0;
  padding:0;
}

.csc-textpic-image {
  padding:0;
  margin:0;
}


/********************
- Fonts & Icons -
********************/

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../Fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../Fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../Fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/open-sans-v34-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../Fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


@font-face {
  font-family: 'asisi';
  /*url('../Fonts/asisi.ttf?ctqfem') format('truetype'),
  url('..Foonts/asisi.svg?ctqfem#asisi') format('svg');*/
  src: url('../Fonts/asisi.woff?btqfis') format('woff');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'asisi' !important;
  speak: none;
  color:#fff;
  font-size: 1.37rem;
  font-weight: normal;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:focus, [class*=" icon-"]:focus {
  outline:none;
}

.icon-asisi:before {
  content: "\e600";
}
.icon-share:before {
  content: "\e601";
}
.icon-fb:before {
  content: "\e602";
}
.icon-issuu:before {
  content: "\e603";
}
.icon-twitter:before {
  content: "\e604";
}
.icon-instagram:before {
  content: "\e90d";
}
.icon-arrow:before {
  content: "\e605";
}
.icon-next:before {
  content: "\e606";
}
.icon-prev:before {
  content: "\e607";
}
.icon-ball:before {
  content: "\e608";
}
.icon-cross:before {
  content: "\e609";
}
.icon-plus:before {
  content: "\e60a";
}
.icon-minus:before {
  content: "\e60b";
}
.icon-big-arrow:before {
  content: "\e60c";
}
.icon-droplang:before {
  content: "\e60d";
}
.icon-hamburger:before {
  content: "\e60e";
}
.icon-play:before {
  content: "\e60f";
}
.icon-pause:before {
  content: "\e610";
}
.icon-down-arrow:before {
  content: "\e900";
  font-size:1rem;
}
.icon-press-prev:before {
  content: "\e901";
}
.icon-press-next:before {
  content: "\e902";
}
.icon-quote:before {
  content: "\e90e";
}
.icon-threesixo .path1:before {
  content: "\e903";
  color: transparent;
}
.icon-threesixo .path2:before {
  content: "\e904";
  margin-left: -5.5107421875em;
  color: #828282;
  transition: color 200ms ease-in;
}
.icon-threesixo .path3:before {
  content: "\e905";
  margin-left: -5.5107421875em;
  color: #828282;
  transition: color 200ms ease-in;
}
.icon-threesixo:hover .path2:before, .icon-threesixo:hover .path3:before {
  color: #fff;
}
.icon-yt-logo:before {
  content: "\e908";
}
.icon-yt-play:before {
  content: "\e90a";
}
.icon-gallery:before {
  content: "\e906";
}
.icon-point:before {
  content: "\e907";
  color: #fff;
}
.icon-news-prev:before {
  content: "\e90b";
}
.icon-news-next:before {
  content: "\e90c";
}
.icon-gallery-play:before {
  content: "\e90f";
}

/********************
- Typo3 -
********************/

.frame-space-before-small {
  margin-top: 1rem;
}

.frame-space-before-medium {
  margin-top: 3rem;
}

.frame-space-before-large {
  margin-top: 5rem;
}

.frame-space-after-small {
  margin-bottom: 1rem;
}

.frame-space-after-medium {
  margin-bottom: 3rem;
}

.frame-space-after-large {
  margin-bottom: 5rem;
}


/********************
- Homepage -
********************/

#main  {
  box-sizing: border-box;
  width: 100%;
}

#header {
  position:fixed;
  z-index:5;
  top:0;
  left:0;
  right:0;
  color: #fff;
  background-color: rgba(0, 0, 0, .8);
  height:4.285rem; /*padding section inner*/
}

#header .header-menu {
  padding-top:1.4375rem;
  padding-right:.625rem;
  padding-left: 3.9375rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.header-menu .logo {
  flex-basis: 20%;
}

.header-menu img {
  max-width: 5rem;
  height:auto;
}

.header-menu .lg-blog {
  display: none;
}

.header-menu .lg-blog img {
  max-width: 10rem;
}

.header-menu .menu-main {
  flex-grow:2;
  text-align:center;
  font-size: 1.5rem;
  letter-spacing: .05rem;
  line-height:1.2rem;
  padding: .21rem 0 0;
}

.header-menu .menu-main > ul > li a {
  display:inline-block;
  color: #fff;
  text-decoration: none;
  margin-right: 3.75rem;
  line-height:1.2rem;
  white-space:nowrap;
}

.menu-main > ul > li a span {
  color: #828282;
}

.menu-main > ul > li span:hover {
  text-decoration:underline;
}

.menu-main > ul > li a > span span.arg {
  color: #828282;
  text-transform: none;
}

.menu-main > ul > li a > span.arg {
  text-transform: none;
  color: #fff;
}

#home .header-menu .menu-main > ul {
  opacity:0;
}

.header-menu .menu-right {
  flex-basis: 24%;
  text-align: right;
  font-size: .875rem;
  letter-spacing: .08rem;
  line-height:.7rem;
  padding: .4375rem 0 0;
  white-space:nowrap;
}

.header-menu .menu-right ul li a {
  display:inline-block;
  color: #ccc;
  text-decoration: none;
  margin-right: 2.5rem;
}

.header-menu div > ul > li {
  text-transform: uppercase;
  display:inline-block;
  margin: 0;
  padding: 0;
}

.header-menu div > ul {
  cursor:pointer;
}

.header-menu div ul li a:hover {
  color:#fff;
}

.header-menu div ul li a.active {
  color: #fff;
  cursor:default;
}

.header-menu div ul li.language {
  left: -1rem;
}

.header-menu div ul li:last-child a {
  margin-right: 0;
}

#topic #header {
  height: 2.8125rem;
  background-color: #000;
}

#topic .header-menu {
  padding-top: .625rem;
}

#topic .header-menu .menu-main {
  flex-grow:2;
  text-align:center;
  font-size: 1.5rem;
  letter-spacing: .05rem;
  line-height:1.2rem;
  padding: .125rem 0 0 ;
}

#topic .header-menu .menu-right {
  text-align: right;
  font-size: .875rem;
  letter-spacing: .08rem;
  line-height:.7rem;
  padding: .25rem 0 0;
}

div.menu-right > ul > li {
  position:relative;
  padding-left: .6rem;
}

/* Submenu */

.header-menu .menu-main ul ul {
  display:none;
  position:fixed;
  z-index:10;
  padding-top:.8rem;
  margin-left: -.6rem;
}
.header-menu .menu-main ul ul li {
  background:#000;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  height:1.475rem;
  font-size:1rem;
  letter-spacing: .025rem;
  text-align:left;
  padding: .17rem 1.875rem 0 .6rem;
  padding-left: .6rem;
  padding-right:1.875rem;
}

.header-menu div ul ul li a:hover {
  text-decoration:underline;
}

.header-menu .menu-right ul ul { /*.menu-right*/
  display:none;
  position:fixed;
  z-index:10;
  padding-top:.8rem;
  margin-left: -.6rem;
}

.header-menu .menu-right li li {
  background:#000;
  height:1.475rem;
  text-align:left;
  right:0;
  padding: .17rem 1.875rem 0 .6rem;
}

.header-menu .menu-right li li a {
  position:relative;
  top: .17rem;
  padding-right:1.25rem;
}


.gallery-box  {
  z-index:-2;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position:absolute;
  top:0;
  left:0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  /*  -moz-background-origin: content;
  -webkit-background-origin: content-box;*/
  background-origin: content-box;
}

.gallery-box.video-box {
  z-index:auto;
}

.gallery-box-layer {
  width: 100%;
  height: 100%; /*22rem;*/
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  background-repeat: no-repeat;
}

.panorama .gallery-box-layer {
  background:rgba(0, 0, 0, .7);
}

.panorama .gallery-box-layer.turn-layer {
  background: linear-gradient(to bottom,  rgba(0, 0, 0, .9),  rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .9) );
}

#titel-idx h1 {
  display:none;
}

.animated  {
  opacity:0;
}

/********************
- Homepage Content Menu -
********************/

.menu-idx-inner {
  position:relative;
  display: flex;
  flex-direction: column;
}

.menu-idx-inner .gallery-pagination {
  color:#fff;
  text-align:center;
  padding: 0 0 .5rem;
}

.gallery-pagination .icon-point {
  font-size:.625rem;
  margin:0 .35rem;
  cursor:pointer;
  opacity:.6;
}

.gallery-pagination .act {
  opacity:1;
}

.menu-idx {
  text-align:center;
  box-sizing: border-box;
  width:100%;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
  text-transform: uppercase;
  padding-top:1.6875rem ;
  color:#fff;
  background-color: rgba(0, 0, 0, 0.8);
}

.menu-idx a {
  color:#fff;
}

.menu-idx a > span {
  color: #828282;
}

.menu-idx a > span:hover {
  text-decoration:underline;
}

.menu-idx a > span span.arg {
  color: #828282;
  text-transform: none;
}

.menu-idx a > span.arg {
  font-weight: 400;
  text-transform: none;
  color: #fff;
}

.menu-idx-inner nav:first-of-type {
  border-top: 1px solid rgba(255, 255, 255, .6);
}

.menu-idx h2 {
  cursor:default;
  padding: 0 0 1.875rem;
  font-size: 3.75rem;
  line-height:80%;
  font-weight:600;
  letter-spacing: 0;
  color:#fff;
}

.menu-idx-overlay {
  display:none;
  box-sizing: border-box;
  padding-left:2%; /*optisch mittig rücken*/
}

.menu-idx ul {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: stretch;
  width: 90%;
  padding:.625rem 0 1.625rem;
}

.menu-idx li {
  display: inline-block;
  box-sizing: border-box;
  flex-basis: 25%;
  flex-grow:0; 
  margin: 0 0 .75rem;
  padding:0 .5rem;
  text-align:left;
  font-size: 1.125rem;
  font-weight: 600;
  line-height:80%;
  letter-spacing: -.05rem;
}

.menu-idx.asisi ul {
  width: 50%; /* 68% if more then 2 */
}

.menu-idx.asisi ul li:nth-child(2) {
  padding-right:10%;
}

.menu-idx.asisi li {
  text-align:center;
  flex-basis: 17%;
}

.menu-idx.gallerylink {
  height:5rem;
  padding:0;
}

.menu-idx.gallerylink div {
  font-size: 1.875rem;
  line-height:80%;
  padding: 1.5rem;
}


.menu-idx.gallerylink .icon-gallery {
  position:relative;
  bottom: .38rem;
  left:1rem;
  font-size: .77rem;
}

.menu-idx.container  {
  flex-grow: 1;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .menu-idx li {
    flex-basis: 23%;
  }
}

.menu-idx li a {
  display: inline-block;
}

.menu-idx li a:hover {
  text-decoration:underline;
}

/********************
- Homepage Menu News -
********************/

.menu-idx.homenews  {
  padding: .9rem 2rem .9rem;
  background-color: rgba(0, 0, 0, 0.6);
}

.menu-idx.homenews h2 {
  padding: 0 2rem 0; /* 3.75rem minus menu-idx padding-top:1.6875rem ; */
  font-size: 1.875rem;
  line-height:80%;
  font-weight:400;
  letter-spacing: 0;
}

.menu-idx.homenews p {
  font-size:1.25rem;
  font-weight:400;
  margin:0;
  padding:0;
}

.homenews .menu-idx-overlay {
  text-transform: none;
  padding: 1rem 30% .5rem;
}

.homenews .menu-idx-overlay p:first-child {
  margin-bottom:.75rem;
}

.homenews .menu-idx-overlay .related-links {
  display: flex;
  justify-content: center;
  font-size: 0.8125rem;
  text-transform: uppercase;
}

.homenews .menu-idx-overlay .related-links > * {
  margin: .5rem 0 0;
}


/********************
- Panorama- Homepage -
********************/

.section-inner {
  position:relative;
  box-sizing: border-box;
}

.home .section-inner {
  padding-top:43vh;
}

.panorama .section-inner {
  height:100%;
  padding: 33vh 3.9375rem 0;
}

.topic .section-inner {
  background-color:#fff;
}

.gallery-browse {
  position:relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding:0;
  box-sizing: border-box;
}

.gallery-browse-container {
  font-size:2rem;
  padding:0 1.56rem;
}

.gallery-browse [class^="icon-"], .gallery-browse [class*=" icon-"] {
  flex-grow:1;
  font-size:10rem;
  line-height:10rem;
  cursor: pointer;
}


.gallery-browse.gallery-home [class^="icon-"], .gallery-browse.gallery-home [class*=" icon-"] {
  font-size:3.125rem;
  line-height:3.125rem;
}

.gallery-content {
  display:none;
}

/* .gallery-content {
display:none;
text-align:center;
vertical-align:middle;
flex-grow:2;
}

.gallery-content h1 {
text-transform: uppercase;
font-size: 7.5rem;
font-weight:700;
line-height:80%;
letter-spacing: -.05rem;
margin: 0 0 2.5rem;
}

.gallery-content h2 {
font-size: 2rem;
font-weight:700;
line-height:80%;
letter-spacing: .025rem;
}

.gallery-content span {
display:none;
position:absolute;
top:40%;
left: 50%;
transform: translate(-50%, -50%);
text-decoration:underline;
font-size: 1.625rem;
font-weight:400;
line-height:80%;
letter-spacing: .025rem;
cursor:pointer;
} */

.gallery-browse .icon-prev {
  opacity:0;
}

.gallery-browse.gallery-home .icon-news-prev {
  opacity:.3;
  text-align: left;
}

.gallery-browse .icon-news-next, .gallery-browse .icon-next {
  opacity:.3;
}

.gallery-turn:hover {
  cursor: pointer;
}

.gallery-browse.act .icon-news-prev, .gallery-browse.act .icon-news-next, .gallery-browse.act .icon-prev, .gallery-browse.act .icon-next {
  opacity:.3;
  transition: opacity .3s linear;
}

.gallery-browse.act .icon-prev:hover, .gallery-browse.act .icon-next:hover, .gallery-browse.act .icon-news-prev:hover, .gallery-browse.act .icon-news-next:hover {
  opacity:1;
}

.icon-news-next, .icon-next {
  text-align:right;
}

.gallery-menu {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  text-transform: uppercase;
  color: #fff;
  position:absolute;
  bottom:1.3125rem;
  left:3.9375rem;
  right:3.9375rem;
  top:auto;
  font-size: 1.5rem;
  font-weight:400;
  line-height:80%;
  letter-spacing: .025rem;
  cursor:pointer;
}

.gallery-menu .gallery-caption {
  opacity:0;
  flex-grow:1;
  flex-basis:25%;
  font-size: 1rem;
  padding:.2rem 0 0;
  text-transform: none;
}

.gallery-menu .gallery-nav ul {
  text-align:center;
  display:inline-block;
  flex-grow:2;
}

.gallery-menu .gallery-nav li {
  white-space: nowrap;
  display:inline-block;
  padding: 0 1rem 0;
}

.gallery-menu .gallery-nav li:hover {
  text-decoration: underline;
}

.gallery-menu .gallery-nav.location li {
  display:none;
}

.gallery-menu .gallery-nav.discover li:first-child {
  display:block;
}

.gallery-menu .gallery-nav.location li:last-child {
  display:block;
  padding:2.125rem 0 0;
}

.gallery-menu .gallery-nav.topic li:first-child {
  display:none;
}

.gallery-menu .gallery-nav.topic div {
  text-align:center;
  display:block;
  padding:2.125rem 0 0;
}

.gallery-menu .gallery-nav .blog-link {
  display:none;
}

.gallery-menu .gallery-nav a {
  color:#fff;
}

.gallery-menu .gallery-nav .icon-down-arrow {
  opacity: .3;
}

.gallery-menu .gallery-nav .icon-down-arrow:hover {
  opacity: 1;
  text-decoration: none;
}

.gallery-menu .pagination {
  opacity:0;
  text-align:right;
  flex-basis:25%;
  flex-grow:1;
  letter-spacing: .25rem;
  font-size: 1rem;
}


.video-box-layer {
  width: 100%;
  height: 100%; /*22rem;*/
  position:absolute;
  top:0;
  left:0;
  background: linear-gradient(to bottom,  rgba(0, 0, 0, .9),  rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, .9) );
}

.video-box-wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  position:absolute;
}

.vjs-tech {
  object-fit: cover;
}

video[poster]{
  object-fit: cover;
}
.vjs-poster {
  background-size: cover;
  background-position: center center;
}

/********************
- Topicpage -
********************/

.topic .section-inner {
  height:100%;
  padding: 6.5rem 6.14% 17.5rem; /* 17,5 topic-news - 1.1363% */
  color:#000;
}

.topic .section-inner.section-center {
  text-align:center;
}

.topic a {
  color:#000;
}

.topic a:hover {
  text-decoration:underline;
}

.topic h1 {
  position:absolute;
  top: -10rem;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(0, 0, 0, 0);
  text-align:center;
  font-size: 3.75rem;
  font-weight:600;
  line-height:80%;
  letter-spacing: -.05rem;
  text-transform: uppercase;
}

.topic h2 {
  text-align:center;
  font-size: 1.625rem;
  font-weight:600;
  line-height:120%;
  letter-spacing:.025rem;
  margin: 0 0 5rem;
}

.topic ul.contentList {
  list-style: disc outside;
  margin: 1rem 0 0 1rem;
  padding:0 0 0 1rem;
}

.topic .grid-2-narrow h2 {
  margin: 8.125rem 0 5rem 0;
}

.topic .grid-2-narrow div:first-child h2 {
  margin: 0 0 5rem 0;
}

.topic .grid-2-narrow h2:nth-child(1n+1) {
  margin: 8.125rem 0 5rem 0;
}

.topic .grid-2-narrow .ce-bodytext h3 {
  margin: 1rem 0 1rem 0;
}

.topic .grid-2-narrow .ce-bodytext h3:first-child {
  margin: 0 0 1rem;
}

.topic .col-header h2 {
  text-align:left;
}

div:not(.grid-2-narrow) > .col-1-3  {
  line-height:70%;
}

.topic .col-1-3 img {
  margin: 0 0 1.5rem;
}

.topic .col-2-1, .topic .col-1-3, .topic .col-1-3 .ce-bodytext  {
  transition: color 200ms ease-in;
}
.topic .col-2-1 img, .topic .col-1-3 img {
  transition: opacity .5s ease;
}
/* publikationen */
.topic .col-1-3 > .col-2-1.row img, .topic .col-1-3 > .col-3-1.row img {
  height:12rem;
}

.topic .col-2-1 a, div:not(.grid-2-narrow) > .col-1-3 a  {
  font-size: .75rem;
  text-transform: uppercase;
  color: #505050;
  transition: color 200ms ease-in;
}

/*4er grid*/
.topic .col-1-3 .col-4-1 {
  text-align:left;
  margin:0 0 9.5rem;
  transition: color 200ms ease-in;
}
.topic .col-1-3 .col-4-1 a {
  text-transform: none;
  transition: color 200ms ease-in;
}
.topic .col-1-3 .col-4-1 div:hover a {
  color: #ccc !important; /*important line 1054*/
  text-decoration: none !important;
}

/* 2er block komplette animation */
.topic div:not(.col-1-3) > .col-2-1:hover {
  color: #ccc;
}
.topic div:not(.col-1-3) > .col-2-1:hover a {
  color: #000;
  text-decoration:underline;
}
.topic div:not(.col-1-3) > .col-2-1:hover img {
  opacity: .5;
}

/* animation je block */
.topic .col-1-3 .row > div:hover .ce-bodytext  {
  color: #ccc;
}
.topic .col-1-3:hover > div:not(.row) img,
.topic .col-1-3 .row > div:hover img {
  opacity: .5;
}
.topic .col-1-3:hover > div:not(.row) a,
.topic .col-1-3 .row > div:hover a {
  color: #000;
  text-decoration:underline;
}

.topic .col-2-1 .col-right {
  display: inline-block;
  cursor: default;
}

.topic .menu-content {
  position:relative;
  top: 5rem;
  left: 50%;
  transform: translateX(-50%);
  display:inline-block;
}

.topic .menu-content a {
  text-transform: uppercase;
  color:#000;
  font-size: 1.25rem;
}

.topic .menu-content a:hover {
  text-decoration:underline;
}

.topic .menu-content a.act {
  text-decoration:underline;
}

.topic .menu-content li {
  display: inline-block;
  padding: 0 1rem 0;
}

.menu-idx.asisi li.blog-link, .menu-content li.blog-link, .menu-main li.blog-link {
  display:none;
}

/*media video element*/

.topic .caption, .topic figcaption {
  padding: .625rem 0 0;
  line-height:80%;
  text-align:center;
}

.topic .col-1-1 img {
  width: 100%;
  height: auto;
}

.topic .col-1-1 .ce-gallery {
  margin-top: 8.125rem
}

.topic .section-inner.section-center .ce-below {
  margin: 5rem 0 0;
}

.topic .col-1-1.galleryImage {
  idth: calc(100vw - var(--sbw));
  width: 100%;
  argin: 8.125rem -27.8vw 0;
  margin: 8.125rem 0 0;
  position:relative;
}

.topic .col-1-1.galleryImage div.ce-image {
  display:flex;
  gap: .625rem;
  flex-flow: row nowrap;
  overflow:hidden;
}

.topic .col-1-1.galleryImage figure {
  flex-basis: 50%;
  flex-grow: 1;
  flex-shrink: 0;
  height: 16rem;
}

.topic .col-1-1.galleryImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.gallery-quote-wrapper .turn-next {
  position: absolute;
  height: 100%;
  width: 4rem;
  z-index: 1;
  cursor: pointer;
  color: #fff;
  right:0;
  top:0;
  transition: all 200ms;
}

.gallery-quote-wrapper .turn-next:before{
  font-family: "asisi";
  content: "\e90c";
  font-size: 4rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

.gallery-quote-wrapper .turn-prev {
  position: absolute;
  height: 100%;
  width: 4rem;
  z-index: 1;
  left:0;
  top:0;
  cursor: pointer;
  color: #fff;
  transition: all 200ms;
}

.gallery-quote-wrapper .turn-prev:before{
  font-family: "asisi";
  content: "\e90b";
  font-size: 4rem;
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 200ms ease-in;
}
.gallery-quote-wrapper .turn-prev:hover,
.gallery-quote-wrapper .turn-next:hover {
 transform: scale(1.05);
}

.topic .col-1-1.galleryQuote {
  display:flex;
  gap: 2rem;
  flex-flow: row nowrap;
  width: calc(100% * 2);
  margin: 8.125rem -22.8vw 0;
}

.topic .col-1-1.galleryQuote div.ce-bodytext {
  flex: 1;
  flex-flow: row nowrap;
  text-align:center;
}


/*Media video fluid override*/

/*new for html5videoplayer, change on asisi.js*/
.video-wrapper {
  position: relative;
  width:100%;
}

.video-list-wrapper  {
  padding-bottom: 56.25%; /* 56.25% Default for 1600x900 videos 16:9 ratio*/
  padding-top:0;
  height: 100%;
  overflow: hidden;
}

.video-js-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width:100%;
  height:100%;
  transform: translate(-50%,-50%);
  z-index: 0;
}

.video-js {
  width:100% !important;
  height:100%  !important;
}

.video-js-overlay {
  width: 100%;
  height: 100%;
  position:absolute;
  z-index:0;
  top:0;
  left:0;
  background:rgba(0, 0, 0, .7);
  background-repeat: no-repeat;
  cursor:pointer;
}

/* class videoType via MediaGallery.html */
.ce-media.videoType {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.ce-media.videoType iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Textstyle Editor */

.colorTextRed {
  color: red;
}

div:not(.galleryQuote) > .ce-bodytext > .quoteText  {
  box-sizing: border-box;
  font-size: 1.625rem;
  font-style: italic;
  width:80%;
  text-align:center;
  margin: 8.125rem auto 0;
}

div:not(.galleryQuote) > .ce-bodytext > .quoteAuthor {
  box-sizing: border-box;
  width:80%;
  text-align:center;
  margin: 1rem auto 5rem;
}

.news-blog .quoteText {
  box-sizing: border-box;
  font-size: 1.625rem;
  font-style: italic;
  color: #585A56;
  width:80%;
  text-align:center;
  margin: 4rem auto 0;
}

.news-blog .quoteText:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 30%;
  padding-bottom: 2rem;
  border-top: 1px solid #707070;
}

.news-blog .quoteAuthor {
  box-sizing: border-box;
  font-size: 1rem;
  color: #585A56;
  width:80%;
  text-align:center;
  margin: 2rem auto 4rem;
}

.news-blog .quoteAuthor:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 30%;
  padding-top: 2rem;
  border-bottom: 1px solid #707070;
}

.galleryQuote .quoteText, .galleryQuote .quoteText q {
  box-sizing: border-box;
  font-size: 1.625rem;
  font-weight: 600;
  font-style:normal;
  color: #000;
  margin: 0 auto;
}

.galleryQuote .quoteText:before {
  font-family: 'asisi';
  font-size: 2rem;
  font-style:normal;
  content: "\e90e";
  color: #C6C6C6;
  display: block;
  margin: 0 auto;
  padding-bottom: 1rem;
}

.galleryQuote .quoteAuthor {
  box-sizing: border-box;
  font-size: .875rem;
  color: #C6C6C6;
  margin: 1.3rem auto 0;
}

a.redlink {
  color: red !important;
  text-decoration:underline !important;
}

a.redlink:active,a.redlink:hover {
  text-decoration:underline !important;
  color: red !important;
}

a.callToAction{
  display:block;
  color: #fff !important;
  background: #000;
  text-align:center;
  font-size: 1.5rem !important;
  padding: .3rem 1rem;
  width:15rem;
  margin: 4rem auto 4rem;
  text-decoration:none !important;
}

.blog a.callToAction {
  border: 1px solid #000;
  color: #000 !important;
  background: #fff;
  font-size: 2rem !important;
  font-weight: 700;
  padding: 1rem .5rem 1.1rem .5rem;
  width:50%;
}


/********************
- Press -
********************/

.press, .press-gallery {
  text-align:center;
  padding: 2.5rem 0 0 ;
}

.filter-text {
  font-size:.75rem;
  line-height:.6rem;
  margin:0 0 2.5rem 0 ;
}

.filter-category {
  font-size:.75rem;
  padding:1rem;
  border: 1px solid #000;
  text-align:center;
}

.filter-category li {
  text-transform: uppercase;
  line-height:1.3rem;
  box-sizing: border-box;
  display:inline;
  padding: 0 .5rem;
  margin:0;
}

.filter-category li a {
  display:inline-block;
}

.filter-category li a.act {
  text-decoration:underline;
}

.filter-category-all {
  margin-bottom:.9rem;
}

.filter-category-all a.act {
  text-decoration:underline;
}

h2.press-rubric {
  margin: 8.125rem 0 5rem !important;
}

.press-gallery h2.press-rubric:nth-child(n+4) {
  padding-top: 4rem;
}

.press .press-list {
  margin-bottom: 3.125rem;

}
.press .press-list a {
  display:inline-block;
  text-decoration:none;
  transition: color 200ms ease-in;
}

.press .press-list a:hover {
  color: #ababab;
}

.press .press-list .press-pdf  {
  font-size: .75rem;
  color:#505050;
  text-transform: uppercase;
  margin-top: .3rem;
  transition: color 200ms ease-in;
}

.press .press-list a:hover .press-pdf  {
  text-decoration:underline;
  color: #000;
}

.press .press-list h3 {
  margin-bottom: .3rem;
  font-weight:normal;
}

/* press gallery */

.press-gallery .press-list {
  margin-bottom: 3.7rem;
}

.press-image-list {
  display: flex;
  flex-flow: row wrap ;
  margin-bottom:0.625rem;
}

.press-image-list li {
  flex-basis:20%;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 .5rem 0 0;
}

.press-download a, .press-download-img a {
  text-align:center;
  font-size: .75rem;
  color: #505050;
}

.press-download a:hover, .press-download-img a:hover {
  color: #000;
  text-decoration:underline;
}

.press-caption {
  padding-top:.25rem;
}

.press-gallery-box-wrapper {
  position:relative;
  width:100%;
  padding-top: 75%; /* 16:9 -> 56.25%, 4:3 -> 75% */
  box-sizing: border-box;
}

.press-gallery-box {
  position:absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-background-origin: content;
  -webkit-background-origin: content-box;
  background-origin: content-box;
}

.press-gallery-browse {
  position:absolute;
  top:41%;
  left:0;
  right:0;
  display: flex;
  flex-flow: row nowrap;
  justify-content:space-between;
  height:5rem;
  padding: 0 2rem;
}

.press-gallery-browse .press-turn {
  color: #fff;
  opacity:.5;
  font-size:5rem;
  cursor: pointer;
  transition: opacity .3s linear;
}

.press-gallery-browse .icon-press-prev:hover, .press-gallery-browse .icon-press-next:hover {
  opacity:1;
}

.press-image-list img {
  transition: opacity .5s ease;
  width:100%;
  max-width: none;
}

.press-image-list img:hover {
  opacity: .5;
}

.press-gallery .f3-widget-paginator {
  padding-top:5rem;
}


/********************
- News -
********************/

.blog.section-inner {
  padding: 2.8125rem 11vw 17.5rem;
}

.news-asisi {
  box-sizing: border-box;
  margin-top:14rem;
}

/* listpage */
.news-blog {
  box-sizing: border-box;
  margin-top:0;
}

.news-banner .mobileBanner {
  display:none;
}
.maginal-wrap .datetime.portrait {
  display:none;
}


.news-banner {
  position: relative;
  margin: 0 -11vw 0;
  overflow:hidden;
}

.news-banner .container {
  display:flex;
  flex-flow: row nowrap;
  align-items: center;
  box-sizing: border-box;
  color: #fff;
  padding: 5rem 5rem 5rem 0;
  padding-left: calc(11vw + 1.5rem);
}

.news-banner .container > div {
  position:relative;
  flex-basis:50%;
  height:100%;

  box-sizing: border-box;
  z-index: 1;
}

.news-banner .container > div:nth-child(1) {
  box-sizing: border-box;
  padding: 0 5.5rem 0 0;
}
.news-banner .container > div:nth-child(2) {
  box-sizing: border-box;
  padding: 0 5% 0 0rem;
}

.news-banner-bg {
  width:100%;
  height: 100%;
  background-size:cover;
  background-position: 50% 50%;
  position: absolute;
  z-index: 0;
  bottom:0;
  filter: blur(20px) brightness(50%);
  -webkit-filter: blur(20px) brightness(50%);
  transform: scale(1.13);
}

.news-banner span.datetime {
  display:block;
  font-size: .875rem;
  text-transform: uppercase;
}

.news-banner span.title {
  display:block;
  font-size: 3.125rem;
  line-height: 100%;
  font-weight:700;
  margin: 1.6rem 0 1.5rem;
}

.news-banner span.teaser-text {
  display:block;
  font-size: 1.125rem;
  line-height:normal;
}

.btn_read_article {
  display: inline-block;
  box-sizing: border-box;
  height: 2.5rem;
  padding: .5625rem 1.25rem;
  margin: 2rem 0 0 0;
  background-color: #fff;
  font-size:.9375rem;
  font-weight:600;
  color: #000;
  cursor: pointer;
}

.blog-list-view {
  display: flex;
  flex-flow: row wrap;
}

.blog-list-view .article:nth-child(1) {
  flex-basis: 100%;
  padding:0 0 4.5rem 0;
}

.blog-list-view .article:nth-child(n+2) {
  flex-basis: 25%;
  width:100%;
  box-sizing: border-box;
  padding:0 1.5rem 3.75rem;
  color:#000;
}


.blog-list-view .news-header span.datetime {
  display:block;
  font-size: .625rem;
  text-transform: uppercase;
  margin: 1.125rem 0 .9375rem 0;
  color: #7B7B7B;
}

.blog-list-view .news-img-wrap {
  box-sizing: border-box;
  overflow:hidden;
}

.blog-list-view .news-img-wrap img {
  transition: all 200ms ease-in;
  display: block;
}

.blog-list-view .article:hover .news-img-wrap img {
  filter: brightness(70%);
  -webkit-filter:  brightness(70%);
  transform: scale(1.01);
}

.blog-list-view .article:hover a {
  text-decoration:none;
}

.blog-list-view .article:hover .news-header span.datetime {
  color:#000;;
}
.blog-list-view .article:hover .news-header h3 {
  text-decoration:underline;
}

.blog-list-view .news-content-wrap {
  box-sizing: border-box;
}

.blog-list-view .news-list-date {
  display:block;
  line-height:80%;
  margin-bottom:.75rem;
  font-weight:normal;
}

.blog-list-view .blog-filter {
  flex-basis: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content:center;
  margin: 0 0 7.25rem;
}

.blog-list-view .blog-filter h3 {
  flex-basis: 100%;
  font-weight:600;
  font-size: 1.5625rem;
  margin: 0 0 1.75rem;
  text-align:center;
}

.blog-dropdown {
  box-sizing: border-box;
  margin: 0 1rem;
  padding: 0;
  position: relative;
  font-size:.9375rem;
  min-width:12%;
}

.blog-dropdown > div::after {
  font-family: 'asisi';
  content: "\e900";
  font-size:.625rem;
  color: #707070;
  position: absolute;
  right: .625rem;
  top: .9375rem;
}

.blog-dropdown > div {
  box-sizing: border-box;
  position: relative;
  border: 1px #000 solid;
  border-width:1px 1px 0 1px;
  height: 2.5rem;
  padding: .5625rem 3.25rem 0 1rem;
  margin: 0;
  background: #fff;
  cursor: pointer;
  color: #000;
  font-weight:600;
}

.blog-dropdown:hover ul {
  height:auto;
  max-height: 50rem;
}

.blog-dropdown ul {
  position: absolute;
  top: 2.5rem;
  right:0;
  left: 0;
  z-index: 5;
  overflow-y: hidden;
  max-height: 0;
  cursor: pointer;
  background: #fff;
  color: #000;
  outline: none;
  border: 1px #000 solid;
  border-width:0 1px 1px 1px;
  margin: 0;
  box-sizing: border-box;
  transition: all 300ms ease-in;
}

.blog-dropdown ul li {
  padding: 0 1.25rem 0 1rem;
  font-size:.8125rem;
  line-height: 150%;
}

.blog-dropdown ul li:first-child {
  padding-top: .5rem;
}

.blog-dropdown ul li:last-child {
  padding-bottom: .5rem;
}

.to-top {
  position: fixed;
  bottom: 3rem;
  right: .625rem;
  display:none;
  background: rgba(171,171,171,0.75);
  width: 3rem;
  height: 3rem;
  text-decoration: none;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.to-top::after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-left: .75rem solid transparent;
  border-right: .75rem solid transparent;
  border-bottom: .75rem solid #fff;
  right: .75rem;
  top: 1rem;
  transition: 0.4s all ease-in-out;
}

/* singlepage*/

.blog-single-banner {
  position: relative;
  margin: 0 -11vw 0;
  height: 38rem;
  overflow:hidden;
}

.blog-single-banner-bg {
  width:100%;
  height: 100%;
  background-size:cover;
  background-position: 50% 50%;
  position: absolute;
  z-index: 0;
  bottom:0;
  filter: brightness(70%);
  -webkit-filter: brightness(70%);

}

.news-single .header h2 {
  width:70%;
  text-align: left;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: .025rem;
  margin: 1.5rem 0 3rem;
  font-size: 3rem;
}

.news-single header h2 {
  text-align: left;
  font-size: 2rem;
  font-weight: 700;
}

.news-single span.datetime {
  display:block;
  font-size: 1rem;
  text-transform: uppercase;
}

.news-single .teaser-text {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 4rem 0;
}

.topic .news-single .ce-gallery {
  margin-top: 0;
}

.news-single .ce-gallery .ce-column {
  margin: 4rem 0;
  min-width: 100%;
}

.news-single figcaption {
  font-size: .75rem;
}

.news-text-wrap p:first-child {
  font-size:1.25rem;
  font-weight:600;
}

.news-single .ce-bodytext p:only-child {
  margin:0;
}

.news-single .article-navigation {
  display: flex;
  flex-flow: row nowrap;
  margin: 8.125rem 0 1.5rem;
  padding: .75rem 0;
}

.news-single .blog-single-wrap {
  display:flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  margin: 6rem 0 0;
}

.news-single .blog-main-box {
  flex-basis:74%;
}

.news-single .blog-maginal-box {
  flex-basis: 35%;
  padding: 3.125rem 3.75rem 0;
  margin: 0 0 0 8rem;
  box-sizing: border-box;
  background: #F7F7F7;
}

.maginal-wrap {
  margin: 0 0 3.75rem 0;
}

.maginal-wrap.none {
  display:none;
}

.maginal-wrap span.headline {
  display:inline-block;
  font-size: 1.5rem;
  font-weight:600;
}

.maginal-wrap span.datetime {
  display:block;
  font-size: .75rem;
  color: #747474;
  text-transform: uppercase;
  margin: 1.125rem 0 .9375rem 0;
}

.maginal-wrap span.datetime span:nth-of-type(1) {
  display: block;
  width: max-content;
  font-weight:600;
}

.maginal-wrap span.title {
  display:inline-block;
  font-size: 1rem;
  font-weight:600;
  margin: .9375rem 0 1.125rem 0;
}
.maginal-wrap span.teaser-text {
  font-size: .875rem;
  font-weight: normal;
}

.news-list-view {
  width:100%;
  opacity:0;
}

.no-news-found {
  margin: 5rem 0 3.75rem;
}

.news-list-view .article {
  float: none; /* left jump on ipad */
  box-sizing: border-box;
  width:25%;
  padding:0 1.5625rem 8.125rem; /*padding:0 3.125rem 8.125rem 0*/
  color:#000;
}

.news-list-view .article a {
  color:#000;
  transition: color 200ms ease-in;
}

.news-list-view .article:hover a {
  color:#ccc;
  text-decoration:none;
}

.news-list-view .article a img {
  transition: opacity .5s ease;
  max-width:none;
  width:100%;
}

.news-list-view .article:hover a img {
  opacity: .5;
}

.news-related-links a {
  font-size:.75rem;
  color:#505050 !important;
  text-transform: uppercase;
  transition: color 200ms ease-in;
}

.article:hover .news-related-links a {
  text-decoration:underline;
  color:#000 !important;
}

.news-list-view .teaser-text, .blog-list-view .teaser-text {
  line-height: 1.75rem;
  letter-spacing: .05rem;
}

.news-list-view .news-img-wrap {
  margin: 0 0 2.5rem;
}
.news-header {
  margin: 0 0 1.25rem;
}

.news-header h3  {
  font-weight: 600;
  font-size:1.5625rem;
  letter-spacing: .025rem;
}

.news .filter-text {
  text-align:center;
}


.article-navigation > li {
  width:26%;
  white-space:nowrap;
}

.article-navigation > li:nth-child(2) {
  width:48%;
  white-space:nowrap;
}

.news-social.social {
  position:relative;
  top:-.455rem;
  right:-.2rem;
}

.news-social.social div div:last-child  {
  width:1.875rem;
  padding: .155rem .31rem 0 0;
  text-align:right;
}

.news-social .share {
  position:absolute;
  right:0;
  width:95%;
}

.news-list-tags {
  font-size:.75rem;
  margin: 0 0 1.75rem;
  border-top: solid 1px #505050;
  border-bottom: solid 1px #505050;
  padding: .75rem 0;
  text-align:center;
}

.news-list-tags li {
  line-height:1.3rem;
  box-sizing: border-box;
  display:inline;
  padding: 0 .5rem;
  margin:0;
}

.news-backlink-wrap {
  display: flex;
  flex-flow: row nowrap;
  justify-content:center;
  text-transform: uppercase;
  font-size: 1rem;
  color:#505050;
  margin-bottom:0;
  padding-left:.8rem;
}

.news-backlink-wrap span {
  width:3rem;
  text-align:center;
}

.news-backlink-wrap:first-child {
  margin-bottom: 8.125rem;
  padding:0 0 1rem;
  border-bottom: solid 1px #505050;
}

.news-backlink-wrap a {
  display:inline-block;
  white-space:nowrap;
  color:#505050;
}

.news-backlink-wrap a:hover {
  color:#000;
}



/********************
- Pagination -
********************/

/* news paginator */
.news-list-view .page-navigation, .blog-list-view .page-navigation {
  display:none;
  top:100%;
  left:0;
}

.blog-list-view .page-navigation, .news-single .article-navigation {
  text-align:center;
}

.f3-widget-paginator {
  font-size:.75rem;
  color:#000;
  height: 1rem;
  top:100%;
  left:0;
}

.f3-widget-paginator a {
  color: #000;
}

.f3-widget-paginator li {
  position:relative;
  display:inline-block;
  color:#000;
}

.f3-widget-paginator li a {
  color:#000;
}

.f3-widget-paginator li.previous:before {
  position:absolute;
  content: "<";
  top:.1rem;
  left:-.7rem;
}

.f3-widget-paginator li.previous a {
  margin: 0 1rem 0 .2rem;
}

.f3-widget-paginator li.next:after {
  position:absolute;
  content: ">";
  top:0.06rem;
  right:-.7rem;
}

.f3-widget-paginator li.next a {
  margin: 0 .2rem 0 1rem;
}

.f3-widget-paginator li.current {
  font-weight:600;
  color:#000;
}

.f3-widget-paginator li.current,.f3-widget-paginator li.along {
  letter-spacing: .2rem;
}

/********************
- Social Menu -
********************/

.social {
  position:fixed;
  z-index:1;
  top:6.5rem;
  right:0;
  z-index:3;
  text-align:right;
  box-sizing: border-box;
}

.social [class*="icon-"] {
  font-size: 1.5rem;
  color:rgba(171,171,171,0.75); /*#ABABAB*/
}

.social .icon-yt-play {
  font-size: 1.2rem;
}

.social div {
  margin: 0 0 .9375rem 0;
  cursor: pointer;
  overflow: hidden;
  min-height:1.875rem;
  height:1.875rem; /*28px-> 1.75rem, 22px 1.38rem*/
}

.social div div:first-child  {
  display:inline-block;
  overflow: hidden;
  width:auto;
  white-space: nowrap;
  padding: .5rem .31rem .5rem;
  font-size: .75rem;
  text-align:left;
  color: #fff;
  background-color:rgba(0,0,0,0.5);
  box-sizing: border-box;
}

.social div div:first-child a, .social div div:first-child span  {
  position:relative;
  bottom:.4rem;;
  color: #fff;
  display:inline-block;
  line-height: .875rem;
}

.social div:nth-child(n+2) div:first-child a {
  margin: .4375rem .375rem .5rem ;
}

.social div:nth-child(n+2) div:first-child a:hover, .social div div:first-child span:hover  {
  text-decoration:underline;
}

.social div:nth-child(n+2) div:first-child a:after{
  margin-left: .5rem;
  display: inline-block;
}

.social div:nth-child(1) div:first-child > a:after {
  font-family: 'asisi';
  font-size: .875rem;
  content: '\e604';
  display: inline-block;
  box-sizing: border-box;
  color:#fff;
  background-color:#00ccff;
  margin: .3125rem .2rem;
}

.social div:nth-child(1) div:first-child a:last-child:after {
  font-family: 'asisi';
  font-size: .875rem;
  content: '\e602';
  display: inline-block;
  color:#006697;
  background-color:#fff;
}

.social .share:hover .icon-share {
  color:#999 !important;
}

.social .gallery:hover .icon-gallery{
  color:#009afe !important;
}

.social .asisi:hover .icon-asisi, .social .yt-play:hover .icon-yt-play {
  color:#009afe !important;
}

.social .twitter:hover .icon-twitter  {
  color:#00ccff !important;
}

.social .fb:hover .icon-fb {
  color:#006697 !important;
}

.social .instagram:hover .icon-instagram {
  color:#d93175 !important;
}

.social .issuu:hover .icon-issuu {
  color:#ff6600 !important;
}

.social div div:last-child  {
  display:inline-block;
  box-sizing: border-box;
  width:2.3rem; /*2.34*/
  text-align:left;
  box-sizing: border-box;
  padding: .155rem .625rem 0 0;
}

/********************
- Footer -
********************/

#footer {
  color:#fff;
  height:10rem;
}

.footer-copy {
  padding: .125rem 3.9375rem;
  background-color:#333;
  text-align:left;
}

.footer-inner {
  text-transform: uppercase;
  padding: 2.8125rem 3.9375rem;
  background-color:#4b4b4b;
  box-sizing: border-box;
  display: flex;
  flex-flow: row nowrap;
  font-size: 1rem;
}

.footer-inner a {
  color:#828282;
  transition: color 200ms ease-in;
}

.footer-inner a:hover {
  color:#fff;
  text-decoration:none;
}

.footer-map {
  flex: 1 1 17%;
  padding: 0 1rem 0 0;
}

/*.footer-map.grow {
  flex: 2 1;
}*/

.footer-row {
  box-sizing: border-box;
  padding: 2.8125rem 0 0;
}

.footer-map li span {
  text-transform: none;
}

.footer-map [class^="icon-"], .footer-map [class*=" icon-"] {
  font-size:1.4375rem;
  margin-right:1rem;
}

.footer-map .icon-yt-logo {
  display:inline-block;
  font-size:1.7rem;
  margin: .5rem 0 0;
}

.footer-row a:active,a:hover {
  text-decoration:none;
}

.footer-map > a, .footer-map span a, .footer-row div, .footer-row > a, .footer-map nav > a  {
  color:#fff;
}

.footer-map > span, .footer-map > a, .footer-map > div, .footer-row > div, .footer-row > a, .footer-map nav > a {
  display:block;
  margin:0 0 .5rem;
}

.footerNews li {
  margin:0 0 1rem;
}

/********************
- Responsive -
********************/

/* viewport 2500 */

@media (min-width: 2500px) {

  .blog.section-inner {
    padding: 2.8125rem 19vw 17.5rem;
  }

  .news-banner, .blog-single-banner {
    margin: 0 -19vw 0;
  }

  .news-banner .container {
    padding-left: calc(19vw + 1.5rem);
  }

  .news-banner .container > div:nth-child(1) {
    padding: 0 9.1vw 0 0;
  }

  .news-banner .container > div:nth-child(2) {
    padding: 0 5vw 0 0rem;
    margin-left: -3vw;
  }

  .topic .col-1-1.galleryImage figure {
    height: 23rem;
  }

  .topic .col-1-1.galleryImage {
    margin: 5rem 0 0;
  }

}


/* viewport 1950 */

@media (max-width: 1950px) {
  /*  html {
  font-size: 1.125rem;
  }
  .home .section-inner {
  padding-top:43vh;
  }*/

  .footer-inner {
    font-size: 1rem;
  }

}

@media(max-width: 1950px)
and (orientation : portrait) {
  /* STYLES GO HERE */
}


/* viewport 1600 */

@media only screen and (max-width: 1600px) {
  html {
    font-size: .75rem;
  }

  #header .header-menu {
    padding-left: 3rem;
  }

  .home .section-inner {
    padding-top:43vh;
  }
  .menu-idx ul {
    padding: 1rem 0 1.25rem;
  }
  .menu-idx li {
    margin: 0 0 1.25rem;
    font-size: 1.4rem;
  }

  .gallery-content h1 {
    font-size: 6.5rem;
    margin: 0 0 1.66rem;
  }
  .gallery-content h2 {
    font-size: 1.8rem;
  }

  .topic .section-inner {
    padding: 6.5rem 8% 13.125rem;  /*8% -> 50px*/;
  }

  .topic h2 {
    margin: 0 0 3rem;
  }

  .topic .grid-2-narrow h2 {
    margin: 5rem 0 3rem 0;
  }

  .topic .grid-2-narrow div:first-child h2 {
    margin: 0 0 3rem 0;
  }

  .topic .grid-2-narrow h2:nth-child(1n+1) {
    margin: 5rem 0 3rem 0;
  }

  .topic .grid-2-narrow .col-3-1 {
    line-height:1.7rem;
  }

  .topic .col-1-1.galleryImage figure {
    height: 20rem;
  }

  .topic .col-1-1.galleryImage {
     margin: 5rem 0 0;
  }

  .topic .col-1-1.galleryQuote {
    width: calc(100% * 1.55); /* 65% (grid narrow) -> 84% (section inner) */
    margin: 5rem -16vw 0;
  }

  .blog.section-inner {
    padding: 2.8125rem 8rem 13.125rem;
  }

  .news-banner .container {
    padding: 5rem 5rem 5rem 9.5rem;
  }

  .news-banner .container > div:nth-child(1) {
    padding: 0 3.5rem 0 0;
  }
  .news-banner .container > div:nth-child(2) {
    padding: 0 5% 0 3.5rem;
  }

  .news-banner, .blog-single-banner {
    margin: 0 -8rem 0;
  }

  .news-list-view .article {
    padding:0 .83rem 5rem; /* padding:0 1.66rem 5rem 0; */
  }

  .news-list-view .news-img-wrap {
    margin: 0 0 1.66rem;
  }

  .news-single .blog-single-wrap {
    padding: 0 1.5rem 0;
  }


  h2.press-rubric {
    margin: 5rem 0 1.875rem  !important;
  }

  .press-gallery h2.press-rubric:nth-child(n+4) {
    padding-top: 3rem;
  }

  .filter-text {
    margin: 0 0 1rem;
  }

  .blog-dropdown ul li {
    font-size: inherit;
    line-height: 150%;
  }

  .footer-inner {
    padding: 1.83rem 3rem;
  }

}

/* viewport 1280 */

@media only screen and (max-width: 1300px) {
  html {
    font-size: .75rem;
  }

  #header .header-menu {
    padding-left: 2.5rem;
  }

  .home .section-inner {
    padding-top:43vh;
  }

  .menu-idx {
    padding-top:1.166rem ;
  }

  .menu-idx h2 {
    font-size:3rem;
    padding:0 0 1.25rem;
  }
  /*  .menu-idx.homenews h2 {
  font-size: 1.875rem;
  padding: .89rem 0 1.45rem;
  line-height:80%;
  font-weight:400;
  letter-spacing: 0;
  }*/

  .menu-idx ul {
    padding: 1rem 0 1.25rem;
    width:90%;
  }

  .menu-idx li {
    margin: 0 0 .75rem;
    font-size: 1.0833rem;
  }

  .social {
    top:4.5625rem;
  }
  .social div {
    margin: 0 0 .375rem 0;
  }

  .gallery-content h1 {
    font-size: 5rem;
    margin: 0 0 1.66rem;
  }
  .gallery-content h2 {
    font-size: 1.33rem;
  }

  .topic h1 {
    font-size: 2.66rem;
  }
  .topic h2 {
    font-size: 1.25rem;
    margin: 0 0 1.66rem;
  }

  .topic .grid-2-narrow h2 {
    margin: 4rem 0 2.48rem 0;
  }

  .topic .grid-2-narrow h2:first-child {
    margin: 0 0 2.48rem 0;
  }

  .topic .grid-2-narrow h2:nth-child(1n+1) {
    margin: 4rem 0 2.48rem 0;
  }

  .topic .section-inner {
    padding: 4.5625rem 2.5rem 11.2rem; /*8% -> 50px*/;
  }

  .topic .menu-content {
    top: 2.9rem;
  }

  .topic .menu-content a {
    font-size: 1rem;
  }

  .topic .col-1-1 .ce-gallery {
    margin-top: 4rem
  }

  .topic .section-inner.section-center .ce-below {
    margin: 4rem 0 0;
  }

  .topic .col-1-1.galleryImage {
    margin: 4rem 0 0;
  }

  .topic .col-1-1.galleryImage figure {
    height: 20rem;
  }

  .topic .col-1-1.galleryQuote {
    width: calc(100% * 1.25); /* 65% (grid narrow) -> 2*2.5rem (section inner) */
    margin: 4rem -8.4vw 0;
  }


  .blog.section-inner {
    padding: 2.8125rem 2.5rem 11.2rem;
  }

  .news-banner, .blog-single-banner {
    margin: 0 -2.5rem 0;
  }

  .news-banner .container {
    padding: 4rem 4rem 4rem 3.75rem;
  }

  .news-banner .container > div:nth-child(1) {
    padding: 0 1.125rem 0 0;
  }
  .news-banner .container > div:nth-child(2) {
    padding: 0 5% 0 2rem;
  }

  .blog-list-view .article:nth-child(n+2) {
    padding: 0 1.125rem 3.75rem;
    color: #000;
  }

  .blog-single-banner {
    margin: 0 -2.5rem 0;
  }

  .news-single .blog-single-wrap {
    padding: 0 1rem 0;
  }

  .news-asisi {
    margin-top:10.75rem /*11rem default + h1*/;
  }

  h2.press-rubric {
    margin: 4rem 0 2.48rem 0 !important;
  }
  .press-gallery h2.press-rubric:nth-child(n+4) {
    padding: 3rem;
  }

  .filter-text {
    margin: 0 0 1rem;
  }

}

/* viewport 1024 */

@media only screen and (max-width: 1024px) {

  .topic .col-1-1.galleryImage {
    margin: 4rem 0 0;
  }

  .topic .col-1-1.galleryQuote {
    width: calc(100% * 1.15); /* 65% (grid narrow) -> 84% (section inner) */
    margin: 4rem -7vw 0;
  }

}

/* tablet viewport 1366 */
@media only screen
and (min-width : 1080px)
and (max-width : 1366px)
and (-webkit-min-device-pixel-ratio: 1) {


}

/* tablet viewport 1080 */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1080px) 
and (-webkit-min-device-pixel-ratio: 1), 
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1080px) 
and (min--moz-device-pixel-ratio:0)
{

  html {
    font-size: .75rem;
  }

  .home .section-inner {
    padding-top:40vh;
  }

  /*  .menu-idx.project ul {
  width:100%;
  }*/

  .menu-idx li {
    flex:0;
    white-space:nowrap;
    line-height:100%;
  }

  .menu-idx.asisi li {
    flex-basis: 25%;
  }

  .menu-idx.project li {
    flex-basis: 33%;
  }

  .menu-idx.homenews h2 {
    line-height:100%;
  }


  .menu-idx.homenews p {
    font-size: 1.125rem;
  }

  .homenews .menu-idx-overlay .related-links {
    font-size: 1rem;
    font-weight:bold;
  }

  .gallery-menu .gallery-caption {
    font-size: .8125rem;
  }

  .gallery-menu .pagination {
    font-size: .8125rem;
  }


  .topic .col-1-1.galleryImage {
    margin: 4rem 0 0;
  }

  .topic .col-1-1.galleryImage figure {
    height: 16rem;
  }

  .topic .col-1-1.galleryQuote {
    width: calc(100% * 1.25);
    margin: 4rem -8.75vw 0;
  }

  .topic .col-1-1.galleryImage div.ce-image, .topic .col-1-1.galleryQuote  {
    gap: 0;
  }

  .topic .col-1-1.galleryImage figure {
    margin-left:  .625rem;
  }

  .col-1-1.galleryQuote div.ce-bodytext {
    margin-left: 2rem;
  }
  .col-1-1.galleryImage figure:first-child, .col-1-1.galleryQuote div.ce-bodytext:first-child {
    margin-left: 0;
  }

  .blog-main-box .teaser-text, .news-text-wrap p:first-child {
    font-size: 1.5rem;
  }

  .blog-main-box .ce-bodytext {
    font-size: 1.375rem;
  }

  .blog-list-view .blog-filter {
    padding:0 1rem;
    margin: 0 0 4rem;
  }

  .blog-dropdown {
    font-size: 1rem;
  }

  .blog-dropdown:hover ul {
    z-index:10;
  }

  .news-single .blog-single-wrap {
    padding: 0 1rem;
  }

  .footer-inner {
    padding: 2rem 7rem;
    flex-flow: row wrap;
    font-size: 1rem;
  }
  .footer-map {
    flex: none;
    flex-basis: 30%;
    padding-bottom:1rem;
  }

  .footer-map.grow {
    flex: none;
    flex-basis: 30%;
  }

  .footer-row {
    padding-top: 1rem;
    position:static;
  }

  .footer-row div:nth-child(1) {
    display: none;
  }

}

@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {

  .topic .col-1-1.galleryImage {
    margin: 4rem 0 0;
  }

}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

  html {
    font-size: .875rem;
  }
  .home .section-inner {
    padding-top:55vh;
  }

  .menu-idx h2 {
    font-size: 2.5rem;
  }

  .menu-idx.homenews h2 {
    font-size: 1.875rem
  }

  .menu-idx.homenews p {
    font-size: 1.125rem;
  }

  .menu-idx li {
    font-size: 1rem;
    line-height:1.25;
  }

  .preview-img-wrap, .preview-text-wrap {
    display:none;
  }

  .topic .col-1-1.galleryImage {
    margin: 4rem 0 0;
  }

  .news-banner .mobileBanner {
    display:block;
  }

  .news-banner .container {
    display:block;
    position:relative;
    z-index:1;
    padding: 1rem 4rem 1rem;
  }

  .news-banner .container a, .news-banner .container .article:nth-child(1):hover {
    color: #fff !important;
  }

  .news-banner span.teaser-text {
    margin: 2rem 0 0;
  }

  .btn_read_article {
    margin-bottom:3rem;
  }

  .blog-list-view .blog-filter h3 {
    text-align: left;
  }

  .blog-dropdown {
    width:100%;
    margin: 0 0 .5rem;
    font-size: 1rem;
  }

  .blog-list-view .article:nth-child(n+2) {
    flex-basis: 50%;
  }

  .news-single .blog-single-wrap {
    display:block;
    margin: 6rem 0 0;
  }

  .news-single .blog-maginal-box {
    display: inline-flex;
    flex-wrap: wrap;
    padding: 3.125rem 2.5rem 0;
    margin: 0 -3.125rem 0;
  }


  /*more article*/

  .blog-maginal-box > .news-blog {
    flex-basis:50%;
    padding:0 .625rem;
  }

  .blog-maginal-box .maginal-wrap {
    margin: 0;
  }

  .maginal-wrap .headline {
    min-height:6rem;
  }

  .maginal-wrap span.title {
    min-height:5rem;
    margin: 0 0 1rem 0;
    font-size: 1.125rem;
  }

  .maginal-wrap .teaser-text {
    display:none;
  }

  .maginal-wrap .datetime.landscape {
    display:none;
  }

  .maginal-wrap .datetime.portrait {
    display: block;
    margin: 1.125rem 0 .3125rem 0;
    font-size: .625rem;
  }

  .maginal-wrap span.datetime span:nth-of-type(1) {
    display: block;
  }

  /*next, prev*/
  .blog-maginal-box > .maginal-wrap {
    flex-basis:50%;
    box-sizing: border-box;
    padding:0 .625rem;
  }
  .maginal-wrap.none {
    display:block;
  }

  .maginal-wrap.prev .headline, .maginal-wrap.next .headline {
    min-height:3rem;
  }


}