* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body, footer, header, section, div, span,
h1, h2, h3, h4, h5, h6, p,
a, cite, blockquote, code,
b, u, i, q, s, strong, center,
ul, ol, li, table, caption, tbody, tfoot, thead, tr, th, td,
menu, nav, button, input, select, textarea,
img, audio, video {
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  word-break: break-word;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
}

nav ol, nav ul {
  list-style: none;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

a {
  background-color: transparent;
  text-decoration: none;
}

b, strong {
  font-weight: bolder;
}

img {
  border-style: none;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[hidden] {
  display: none;
}

/*$card__resp--font-size: "((100vw - 0.33rem) / 100 / 16 * 9)";*/
/*$card__resp--font-size: "((100vw - 0.33rem) / 100 / 16 * 9)";*/
html {
  font-size: 125%;
  /* 20px */
}

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

header .text {
  font-size: 0.7rem;
  padding-bottom: 5rem;
  text-align: justify;
}

main .main-content h1 {
  font-size: 1.4rem;
  font-weight: 300;
  text-transform: uppercase;
  color: #035484;
  margin-top: 0;
  margin-bottom: 1rem;
}

main .main-content h2 {
  font-size: 1.2rem;
  font-weight: 300;
  text-transform: uppercase;
  color: #8A8A8A;
  margin-top: 0;
  margin-bottom: 1rem;
}

main .main-content .videogalerie h2:not(:first-child) {
  margin-top: 1.5rem;
}

main .main-content .text {
  padding-left: 1.5rem;
}

main .main-content .text h2 {
  font-size: 1.2rem;
  font-weight: 500;
  text-decoration: underline;
  color: #8A8A8A;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

main .main-content .text h3 {
  font-size: 1rem;
  font-weight: 500;
  color: #8A8A8A;
  margin-top: 1rem;
  margin-bottom: .5rem;
}

main .main-content .text h4 {
  font-size: .8rem;
  font-weight: 700;
  color: #8A8A8A;
  margin-top: .5rem;
  margin-bottom: .25rem;
}

main .main-content .text p {
  font-size: .8rem;
  color: #8A8A8A;
  margin-bottom: .75rem;
  line-height: 1.5;
  text-align: justify;
  word-wrap: break-word;
}

main .main-content .text p:last-child {
  margin-bottom: 0;
}

main .main-content .text .perex {
  font-weight: 700;
  font-style: italic;
}

main .main-content .card .label-toggle {
  padding: .33rem;
  text-align: center;
}

main .main-content .card .label-toggle h4 {
  font-size: 1.2rem;
  font-weight: 700;
  color: #8A8A8A;
  margin-bottom: .5rem;
}

main .main-content .card .label-toggle p {
  font-size: .9rem;
  color: #8A8A8A;
  margin-bottom: .5rem;
}

main .main-content .card .label-toggle .chevron {
  text-align: center;
  color: #8A8A8A;
}

main .main-content .card .collapsible-content {
  padding: 0 .75rem;
  font-size: .75rem;
  color: #8A8A8A;
  text-align: justify;
  word-wrap: break-word;
}

main .main-content .card .collapsible-content::after {
  content: '<br>';
  visibility: hidden;
}

footer p {
  font-size: .8rem;
  color: white;
}

footer a {
  color: inherit;
}

footer a:hover {
  text-decoration: underline;
}

/*$card__resp--font-size: "((100vw - 0.33rem) / 100 / 16 * 9)";*/
.topnav {
  font-size: .7rem;
  text-align: center;
  text-transform: uppercase;
}

.topnav ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.topnav ul li a {
  display: block;
  padding: .6rem;
  color: rgba(255, 255, 255, 0.67);
  background-color: transparent;
}

.topnav ul li a:hover {
  border-radius: 5px 5px 5px 5px;
  background-color: rgba(255, 255, 255, 0.25);
  color: white;
  transition: background-color .35s linear;
  -webkit-transition: background-color .35s linear;
  -moz-transition: background-color .35s linear;
  -ms-transition: background-color .35s linear;
  -o-transition: background-color .35s linear;
}

.topnav ul li a.active {
  border-radius: 5px 5px 5px 5px;
  background-color: rgba(255, 255, 255, 0.25);
  color: white;
}

.topnav ul li ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: column wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column wrap;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-shadow: 0px 10px 20px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 10px 20px 1px rgba(0, 0, 0, 0.5);
  display: none;
  position: absolute;
  overflow: hidden;
  background-color: white;
}

.topnav ul li ul li:hover {
  background-color: rgba(127, 127, 127, 0.33);
  transition: background-color .35s linear;
  -webkit-transition: background-color .35s linear;
  -moz-transition: background-color .35s linear;
  -ms-transition: background-color .35s linear;
  -o-transition: background-color .35s linear;
}

.topnav ul li ul li:hover:first-child {
  border-radius: 5px 5px 0 0;
}

.topnav ul li ul li:hover:last-child {
  border-radius: 0 0 5px 5px;
}

.topnav ul li ul li a {
  display: block;
  margin: 0;
  border-bottom: 1px solid #ccc;
  color: #035484;
  text-align: left;
  text-transform: none;
}

.topnav ul li ul li a:hover {
  color: #035484;
}

.topnav ul li ul li:last-child a {
  border-bottom: none;
}

.topnav ul li:hover > ul {
  display: block;
  overflow: hidden;
}

.sidenav {
  font-size: .8rem;
  width: 25%;
  /*input[type='checkbox'] {
        display: none;
    }*/
}

.sidenav h1 {
  font-size: 1.4rem;
  font-weight: 300;
  text-transform: uppercase;
  color: #035484;
  margin-top: 0;
  margin-bottom: 1rem;
}

.sidenav .sidenav-btn {
  display: none;
}

.sidenav .sidenav-icon {
  display: none;
  cursor: pointer;
}

.sidenav ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: column wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
  list-style-type: none;
}

.sidenav ul li {
  padding-left: .6rem;
  padding-right: 1rem;
}

.sidenav ul li a {
  display: block;
  padding: .8rem 0;
  color: #035484;
  border-bottom: 1px solid #ccc;
  background-color: transparent;
}

.sidenav ul li a:hover {
  background-color: rgba(127, 127, 127, 0.33);
  transition: background-color .35s linear;
  -webkit-transition: background-color .35s linear;
  -moz-transition: background-color .35s linear;
  -ms-transition: background-color .35s linear;
  -o-transition: background-color .35s linear;
}

.sidenav ul li a.active {
  background-color: rgba(127, 127, 127, 0.33);
}

.langswitch {
  font-size: .7rem;
}

.langswitch img {
  width: .8rem;
}

.langswitch .langswitch-btn {
  display: none;
}

.langswitch .langswitch-btn:checked ~ ul {
  display: block;
  overflow: hidden;
}

.langswitch .langswitch-icon {
  display: block;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.67);
  font-size: .7rem;
  padding: .6rem;
  text-transform: uppercase;
  text-align: center;
}

.langswitch .langswitch-icon:hover {
  border-radius: 5px 5px 5px 5px;
  background-color: rgba(255, 255, 255, 0.25);
  color: white;
}

.langswitch ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -webkit-box-shadow: 0px 10px 20px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 10px 20px 1px rgba(0, 0, 0, 0.5);
  border-radius: 5px 5px 5px 5px;
  display: none;
  position: absolute;
  overflow: hidden;
  background-color: white;
  list-style-type: none;
}

.langswitch ul li {
  background-color: transparent;
  text-align: center;
  padding: .6rem;
}

.langswitch ul li:hover {
  background-color: rgba(127, 127, 127, 0.33);
  transition: background-color .35s linear;
  -webkit-transition: background-color .35s linear;
  -moz-transition: background-color .35s linear;
  -ms-transition: background-color .35s linear;
  -o-transition: background-color .35s linear;
}

.langswitch ul li:hover:first-child {
  border-radius: 5px 5px 0 0;
}

.langswitch ul li:hover:last-child {
  border-radius: 0 0 5px 5px;
}

.langswitch ul li:first-child {
  border-bottom: 1px solid #ccc;
}

.langswitch ul li a {
  display: block;
  text-transform: uppercase;
}

/*$card__resp--font-size: "((100vw - 0.33rem) / 100 / 16 * 9)";*/
.logobar {
  max-width: 50rem;
  margin: 0 auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
}

.logobar .logobar-content {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-shadow: 0px 10px 20px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 10px 20px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: 100%;
  padding: 1rem;
  margin-top: -2.5rem;
  background-color: white;
}

.logobar .logobar-content img:first-child {
  width: 15rem;
}

.logobar .logobar-content img:last-child {
  width: 20rem;
}

.partners {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: column wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.partners .card {
  -webkit-box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: .33s;
  transition: .33s;
  width: 40%;
  margin-bottom: 1.5rem;
  border-radius: 5px;
  /*input[type='checkbox'] {
            display: none;
        }*/
}

.partners .card:hover {
  -webkit-box-shadow: 0px 8px 16px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 16px 1px rgba(0, 0, 0, 0.2);
}

.partners .card img {
  border-radius: 5px 5px 0 0;
  width: 100%;
}

.partners .card .toggle {
  display: none;
}

.partners .card .label-toggle {
  display: block;
  cursor: pointer;
}

.partners .card .label-toggle .chevron i {
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-trasition: all 0.25s linear;
  -o-transition: all 0.25s linear;
}

.partners .card .collapsible-content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -ms-trasition: all 0.25s linear;
  -o-transition: all 0.25s linear;
}

.partners .card .toggle:checked + .label-toggle + .collapsible-content {
  max-height: 100vh;
}

.partners .card .toggle:checked + .label-toggle .chevron i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

header {
  width: 100%;
  background: #2283ce;
  background: linear-gradient(155deg, #2283ce 0%, #a74cd4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$start-color",endColorstr="$end-color",GradientType=1);
}

header .header-content {
  max-width: 50rem;
  margin: 0 auto;
}

header .header-content .logo-menu {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 1.5rem 0;
}

header .header-content .logo-menu .logo img {
  width: 15rem;
}

header .header-content .text {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: white;
}

main {
  max-width: 50rem;
  margin: 0 auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: white;
  padding: 2rem 0;
}

main .main-content {
  width: 75%;
  padding: 0 1rem;
  min-height: 100vh;
  border-left: 1px solid #ccc;
}

main .main-content video {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  padding: .75rem 0 1rem 0;
}

main .main-content .text .placehold-img img {
  width: 100%;
}

main .main-content .ct-logo {
  width: 50%;
  margin-bottom: 1rem;
}

main .main-content .tvp-logo {
  width: 25%;
  margin-bottom: 1rem;
}

main .main-content .gallery-wrap {
  padding: 1.5rem 0 0 1.5rem;
}

footer {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #8a8a8a;
  background: linear-gradient(155deg, #8a8a8a 0%, #454545 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$start-color",endColorstr="$end-color",GradientType=1);
  width: 100%;
  padding: 3rem 0;
}

footer .footer-content {
  max-width: 50%;
  margin: 0 auto;
}

@media screen and (max-width: 64em) {
  .logo-menu {
    padding: 0 1rem;
  }
  .logo-menu .logo {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
  }
  .logo-menu .topnav {
    margin-top: 1rem;
  }
  .logo-menu .langswitch {
    margin-top: 1rem;
    display: block;
  }
  .text {
    padding-left: .6rem;
    padding-right: .6rem;
  }
  .logobar .logobar-content img:first-child {
    width: 35%;
  }
  .logobar .logobar-content img:last-child {
    width: 45%;
  }
  main .sidenav h1 {
    padding-left: .5rem;
  }
  main .sidenav ul li a {
    margin-right: 0;
  }
  main .main-content .text,
  main .main-content .gallery-wrap {
    padding-left: 0;
  }
}

@media screen and (max-width: 48em) {
  .logobar .logobar-content img:first-child {
    width: 35%;
  }
  .logobar .logobar-content img:last-child {
    width: 45%;
  }
  main {
    padding: 1.5rem 0;
  }
  main .sidenav {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    padding: 0 1rem;
  }
  main .sidenav h1 {
    margin-bottom: .5rem;
    padding-left: 0;
  }
  main .sidenav ul {
    border-bottom: 1px solid #ccc;
  }
  main .sidenav ul li {
    padding-left: .5rem;
    width: 100%;
  }
  main .sidenav ul li a {
    padding: .6rem 0;
    border-radius: 5px 5px 5px 5px;
    border-bottom: none;
  }
  main .main-content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
    border-left: none;
  }
  main .main-content h1 {
    margin-top: 1rem;
  }
}

@media screen and (max-width: 40em) {
  .logo-menu {
    padding: 0;
  }
  .logo-menu .logo {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-left: .5rem;
  }
  .logo-menu .topnav {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 100%;
  }
  .logo-menu .topnav ul {
    -ms-flex-flow: column wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-flow: column wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .logo-menu .topnav ul li {
    width: 100%;
    margin-top: .3rem;
  }
  .logo-menu .topnav ul li > ul {
    display: none;
  }
  .logo-menu .topnav ul li:hover > ul {
    display: block;
    width: 100%;
  }
  .logo-menu .langswitch {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 0;
  }
  .logobar .logobar-content {
    padding: 1rem;
  }
  .logobar .logobar-content img:first-child {
    width: 45%;
    padding-right: 1rem;
  }
  .logobar .logobar-content img:last-child {
    width: 55%;
  }
  .sidenav {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sidenav .sidenav-btn:checked ~ ul {
    max-height: 100vh;
    overflow: hidden;
  }
  .sidenav .sidenav-icon {
    display: block;
    color: #035484;
    margin-bottom: .5rem;
  }
  .sidenav ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    max-height: 0;
    -webkit-transition: max-height .35s linear;
    transition: max-height .35s linear;
    border-bottom: 1px solid #ccc;
  }
  .sidenav ul li {
    width: 100%;
  }
}

@media screen and (max-width: 25em) {
  .logo-menu .logo {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    margin: 0;
  }
  .logo-menu .topnav {
    margin-top: 0;
  }
  .logo-menu .langswitch {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-top: .5rem;
  }
  .logo-menu .langswitch ul {
    width: 100%;
  }
}
/*# sourceMappingURL=main.css.map */