body {
  font-family: 'FF Meta Serif W01', serif;
  font-size: 1.9rem;
  font-weight: 300;
}
body > header,
body > main {
  background-color: white;
}
strong {
  font-weight: 500;
}
html.spa body > header {
  position: absolute;
  background: none;
  width: 100%;
}
html.spa header .menu {
  color: white;
  text-shadow: 0 0 10px black;
}
html.spa header .menu a:hover {
  color: white;
  text-decoration: underline;
}
html.spa header .menu .logo {
  width: 30rem;
  height: auto;
  margin: 2rem;
}
html.spa main > article {
  max-width: 100%;
  padding: 0;
  overflow: hidden;
}
html.spa main > article > .lazyimage:first-child {
  height: auto;
  min-height: 26rem;
}
html.spa main > article > .lazyimage:first-child img {
  width: 100%;
}
html.spa main > article > h1 {
  position: absolute;
  z-index: 10;
  width: 126rem;
  left: 0;
  right: 0;
  margin-top: -25rem;
  font-size: 6.7rem;
  color: white;
  text-shadow: 0 0 10px black;
}
html.spa main > article > .umb-grid {
  margin: 4rem 0 6rem;
}
form.search {
  margin: auto 2.5rem auto 2rem;
  position: relative;
}
form.search ::-webkit-input-placeholder {
  color: #666666;
}
form.search :-moz-placeholder {
  color: #666666;
}
form.search ::-moz-placeholder {
  color: #666666;
}
form.search :-ms-input-placeholder {
  color: #666666;
}
form.search input {
  line-height: 1.2em;
  font-size: 1.4rem;
  padding: 0.5rem 3rem 0.6rem 0.5rem;
  border: 1px solid #cccccc;
  margin: 0;
  width: 20rem;
}
form.search button {
  border: none;
  background-size: 12.4rem 22.2rem;
  background-image: url(/media/1369/sprite.svg?d=20191007);
  background-repeat: no-repeat;
  background-position: 0.5rem 0.4rem;
  background-color: transparent;
  position: absolute;
  width: 2.8rem;
  height: 2.8rem;
  right: 1px;
  top: 1px;
  padding: 0;
  cursor: pointer;
}
header {
  position: relative;
  z-index: 3;
}
header .tools {
  display: flex;
  justify-content: flex-end;
}
header .tools + .menu {
  margin: -2rem auto 2em;
}
header .menu {
  margin: 2rem auto 10rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
header .menu .logo {
  width: 30rem;
  height: auto;
  margin: 2rem;
}
header .menu .logo img {
  width: 100%;
  height: auto;
}
main {
  position: relative;
  z-index: 1;
}
nav.backlink {
  position: relative;
  z-index: 1;
  margin: 0 auto 2.5rem;
}
nav.backlink a {
  display: inline-block;
  color: #0d4673;
  text-decoration: none;
  padding: 0 1.5rem 0 1.7rem;
  display: inline-flex;
  position: relative;
}
nav.backlink a:before {
  content: '';
  width: 1.6rem;
  height: 1.8rem;
  margin: auto 0;
  position: absolute;
  left: 0;
  top: 0.2rem;
  background-size: 12.4rem 22.2rem;
  background-image: url(/media/1369/sprite.svg?d=20191007);
  background-repeat: no-repeat;
  background-position: -7.5rem -7.2rem;
}
nav.backlink a:hover {
  text-decoration: underline;
}
footer {
  font-size: 1.6rem;
  line-height: 1.15em;
  color: white;
  margin: 3rem 0 0;
  padding: 0 0 3rem;
  background-color: #004573;
}
footer .block {
  display: flex;
  align-content: stretch;
  padding: 3rem 1.8rem 2rem;
}
footer .block + .block {
  display: flex;
  justify-content: space-between;
  padding: 2rem 3rem 3rem;
}
footer .block > div {
  display: flex;
  align-content: center;
  line-height: 2.4rem;
}
footer .payoff {
  padding: 0.1rem 1.5rem 0 0;
  margin: 0;
  display: block;
  font-family: 'Veneer Clean W01', sans-serif;
  font-weight: 400;
  font-size: 2rem;
}
footer .payoff + a {
  border-left: 1px solid white;
  display: block;
  padding: 0 0 0 1rem;
  font-family: 'Veneer Clean W01', sans-serif;
  font-weight: 400;
  font-size: 2.8rem;
  text-decoration: none;
}
footer .payoff + a:hover {
  color: white;
}
footer a.extranet {
  margin: 5rem 0 0;
}
footer .icon {
  display: inline-block;
  position: relative;
  padding: 0 0 0 3.6rem;
  color: black;
  font-size: 1.5rem;
}
footer .icon:before {
  background-size: 12.4rem 22.2rem;
  background-image: url(/media/1369/sprite.svg?d=20191007);
  background-repeat: no-repeat;
  background-position: 0 -15.6rem;
  display: block;
  position: absolute;
  content: '';
  width: 2.6rem;
  height: 2.8rem;
  left: 0;
  top: -0.2rem;
}
footer .icon.stockholmmultisport:before {
  background-position: -0.2rem -19.5rem;
}
footer .icon.facebook:before {
  background-position: -3.8rem -15.6rem;
}
footer .icon.instagram:before {
  background-position: -6.4rem -15.6rem;
}
footer .icon.linkedin:before {
  background-position: 0 -15.6rem;
}
footer .icon.gmail:before {
  background-position: -0.2rem -19.5rem;
}
input,
textarea,
keygen,
select {
  font-family: 'FF Meta Serif W01', serif;
  text-rendering: optimizeSpeed;
  border-radius: 0;
}
button {
  font-family: 'Veneer Clean W01', sans-serif;
  text-rendering: optimizeSpeed;
  border-radius: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Veneer Clean W01', sans-serif;
  font-weight: 400;
  color: #0d4673;
}
h3 {
  color: black;
}
h1 {
  margin: 0 2rem 2rem;
  padding: 0;
  line-height: 1.1em;
  font-size: 4.6rem;
  max-width: 85rem;
  margin: 0 auto;
}
.lazyimage + h1 {
  padding: 4rem 0 1rem;
}
a:hover {
  color: #0d4673;
}
p a {
  color: black;
}
p {
  font-weight: 300;
}
blockquote {
  font-style: italic;
  margin: 2rem 0 0;
  padding: 1rem 2rem;
  border-left: 3px solid #0d4673;
}
hr {
  border-color: #cccccc;
}
fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
label {
  display: inline-block;
}
input::-webkit-input-placeholder {
  font-style: italic;
}
input:-moz-placeholder {
  font-style: italic;
}
input::-moz-placeholder {
  font-style: italic;
}
input:-ms-input-placeholder {
  font-style: italic;
}
table {
  text-align: left;
  border-collapse: collapse;
  min-width: 65%;
}
table tr + tr {
  border-bottom: 1px solid #cccccc;
}
table tr + tr:last-of-type {
  border: none;
}
table tr + tr:nth-child(2n+3) td {
  background-color: #f4f4f4;
}
table tr td {
  padding: 1rem;
  font-size: 1.7rem;
  line-height: 1.4em;
  vertical-align: top;
}
table tr td p {
  font-size: 1.7rem;
}
table tr td p + p {
  margin-top: 0.8em;
}
table tr th {
  padding: 0.8rem 3rem 1rem 1rem;
  font-size: 1.7rem;
  vertical-align: top;
  text-transform: uppercase;
  padding: 0.7rem 1rem;
  font-size: 1.5rem;
  background-color: #434343;
  color: white;
}
iframe {
  width: 100%;
  max-width: 100%;
  position: relative;
}
iframe > div {
  height: 100%;
}
.logo {
  margin: 0;
  padding: 0;
  line-height: 0;
}
.lazyimage img {
  display: block;
}
.wrapper {
  position: relative;
}
.map {
  margin: 4rem 0 0;
}
.startpage .umb-grid h1 {
  font-size: 4.8rem;
  color: #0d4673;
  margin: 0 0 1rem;
  padding: 1rem 0 0;
  text-align: left;
}
.startpage .menublog {
  margin-top: 4.6rem;
}
.personellpage h1 span {
  display: block;
  font-size: 1.8rem;
  color: black;
}
.personellpage .column {
  min-height: 37.3rem;
}
.personellpage .column p + div {
  margin: 0.7em 0 0;
}
.searchpage main form {
  display: block;
  max-width: 72rem;
  margin: 0 auto 4rem;
}
.searchpage main form div {
  position: relative;
}
.searchpage main form div label {
  position: relative;
  padding: 0 13rem 0 0;
  display: block;
}
.searchpage main form div label span {
  line-height: 2.5rem;
  display: block;
  padding: 0 0 1rem;
}
.searchpage main form div label input {
  width: 100%;
  border: 1px solid #cccccc;
  font-size: 2rem;
  font-weight: 300;
  line-height: 2.6rem;
  padding: 0.8rem 1rem 1rem;
  background: white;
}
.searchpage main form div button {
  position: absolute;
  width: 12rem;
  right: 0;
  top: 3.5rem;
}
.searchpage .bordertop {
  margin: 0;
  padding: 0 0 4rem;
}
.searchpage li.blog {
  margin-bottom: 2rem;
}
.searchpage .generic h2 {
  padding: 4rem 0 3rem;
  text-align: center;
}
.searchpage .generic h3 {
  font-size: 2.4rem;
  padding: 0.5rem 0 0;
}
.searchpage .results {
  margin-bottom: 7rem;
}
.searchpage .results .block {
  margin: 0 auto 4rem;
}
.searchpage .results .block > h2 {
  padding: 2rem 0 0;
  margin: 0 0 2.4rem;
  font-size: 3rem;
  text-align: center;
  border-top: 1px solid #cccccc;
}
.col-md-12 > div {
  max-width: 85rem;
}
.related > h2 {
  font-size: 1.8rem;
  padding: 3.2rem 0 3rem;
  min-width: 22rem;
  color: black;
  border-top: 2px solid #cccccc;
}
.mobileonly {
  display: none !important;
  padding-bottom: 1rem;
}
.umb-grid {
  margin: 1.5rem 0 6rem;
}
.umb-grid h1 {
  text-align: left;
  margin: 0 auto 2rem;
}
.umb-grid .column > div:not(.thumbnail) > * + * {
  margin-top: 0.8em;
}
.umb-grid .column > div:not(.thumbnail) > * + h2 {
  margin-top: 1.1em;
}
.umb-grid .column > div:not(.thumbnail) > h3 + * {
  margin-top: 0.4em;
}
.umb-grid .column > div:not(.thumbnail) > h3 {
  margin-top: 1em;
}
.umb-grid .column > div:not(.thumbnail) > h2 + h3 {
  margin-top: 0;
  font-size: 2rem;
}
.umb-grid .column > div:not(.thumbnail) blockquote {
  padding: 1rem 2rem;
}
.umb-grid .column > div:not(.thumbnail) .personellmacro {
  padding: 2rem 0 0;
}
.umb-grid h2 {
  margin: 1.1em 0 0;
  font-size: 2.4rem;
}
.umb-grid h2:first-child {
  margin: 0;
}
.umb-grid *:not(.thumbnails) > ul li:before {
  position: absolute;
  content: '';
  top: 0.47em;
  left: 0.1rem;
  border: 0.25em solid #0d4673;
  border-radius: 0.4em;
}
.umb-grid *:not(.thumbnails) > ol {
  counter-reset: my-badass-counter;
}
.umb-grid *:not(.thumbnails) > ol li:before {
  position: absolute;
  content: '';
  top: 0;
  left: 1px;
  top: -4px;
  content: counter(my-badass-counter);
  counter-increment: my-badass-counter;
  font-size: 1.4em;
  color: #0d4673;
}
.umb-grid *:not(.thumbnails) > ul > li,
.umb-grid *:not(.thumbnails) > ol > li {
  padding: 0 0 0 2rem;
  position: relative;
  line-height: 1.4em;
}
.umb-grid *:not(.thumbnails) > ul > li + li,
.umb-grid *:not(.thumbnails) > ol > li + li,
.umb-grid *:not(.thumbnails) > ul > li > ul,
.umb-grid *:not(.thumbnails) > ol > li > ul,
.umb-grid *:not(.thumbnails) > ul > li > ol,
.umb-grid *:not(.thumbnails) > ol > li > ol {
  margin: 0.7em 0 0 0;
}
.umb-grid .grid-section > div + div {
  margin: 2rem 0 0;
}
.umb-grid .thumbnailsmacro {
  margin-bottom: -2rem;
  padding-top: 2rem;
}
.umb-grid .personellmacro ul li {
  padding: 0;
}
.umb-grid .personellmacro ul li:before {
  display: none;
}
.umb-grid .personellmacro ul li + li {
  margin: 2rem 0 0;
  padding: 0;
}
.umb-grid .segmentsmacro {
  margin: 2rem 0 -2rem;
  border-bottom: 1px solid #cccccc;
}
.umb-grid .segmentsmacro h2:first-child {
  margin: 0;
}
.umb-grid .segmentsmacro > ul > li,
.umb-grid .segmentsmacro > nav > ul > li {
  display: none;
  padding: 0;
}
.umb-grid .segmentsmacro > ul > li:before,
.umb-grid .segmentsmacro > nav > ul > li:before {
  display: none;
}
.umb-grid .segmentsmacro > ul > li.current,
.umb-grid .segmentsmacro > nav > ul > li.current {
  display: block;
}
.umb-grid .segmentsmacro > ul > li > div,
.umb-grid .segmentsmacro > nav > ul > li > div {
  display: flex;
  flex-wrap: wrap;
}
.umb-grid .segmentsmacro nav {
  border-bottom: 1px solid #cccccc;
  margin: 0 0 4rem;
}
.umb-grid .segmentsmacro nav ul {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0;
  align-content: center;
  flex-wrap: wrap;
  align-items: baseline;
}
.umb-grid .segmentsmacro nav ul li {
  margin: 0 1rem;
  display: block;
  width: auto;
}
.umb-grid .segmentsmacro nav ul li button {
  padding: 1rem;
  font-size: 1.6rem;
  font-weight: 400;
  font-family: 'Veneer Clean W01', sans-serif;
  border: none;
  background: none;
  color: black;
  cursor: pointer;
  margin-bottom: 4px;
}
.umb-grid .segmentsmacro nav ul li button:hover {
  color: #0d4673;
}
.umb-grid .segmentsmacro nav ul li.current {
  margin: 0 1rem;
}
.umb-grid .segmentsmacro nav ul li.current button {
  border-bottom: 5px solid #0d4673;
  margin-bottom: -1px;
}
.umb-grid .segmentsmacro ul li.current {
  margin: 0 -2rem 4rem;
}
.umb-grid .linklistmacro {
  margin: 1rem -1.25rem;
}
.umb-grid .linklistmacro > ul {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.umb-grid .linklistmacro > ul > li {
  width: 15rem;
  height: 10rem;
  border: 1px solid #cccccc;
  padding: 0;
  margin: 1rem 1.25rem;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}
.umb-grid .linklistmacro > ul > li:hover {
  border-color: #0d4673;
}
.umb-grid .linklistmacro > ul > li + li {
  padding: 0;
  margin: 1rem 1.25rem;
}
.umb-grid .linklistmacro > ul > li a,
.umb-grid .linklistmacro > ul > li span {
  display: block;
  max-height: 8rem;
  max-width: 12rem;
}
.umb-grid .linklistmacro > ul > li img {
  width: auto;
  height: auto;
  max-height: inherit;
  max-width: 100%;
  margin: auto;
}
.umb-grid .linklistmacro > ul > li:before {
  display: none;
}
.umb-grid .contactformmacro .contact {
  margin: 3rem 0 0;
}
.blogitem > .lazyimage {
  max-width: 120rem;
  min-width: 0;
  margin: 0 auto 4rem;
}
.blogitem time {
  text-align: left;
  display: block;
  color: black;
  padding: 0 0 1.2rem;
  max-width: 85rem;
  margin: 0 auto;
  font-size: 1.6rem;
}
.blogitem h1 {
  color: #0d4673;
  font-size: 3rem;
  max-width: 85rem;
  width: 100%;
  margin: 0 auto 2rem;
  text-align: left;
}
.blogitem .umb-grid {
  padding: 0 0 4rem;
  margin: 2.5rem 0 0;
}
.blogitem .personell {
  max-width: 85rem;
  width: 100%;
  margin: 0 auto 2rem;
  display: flex;
}
.blogitem .personell a:hover {
  text-decoration: underline;
}
.dictionary table td {
  width: 30%;
}
.dictionary table td + td {
  width: 70%;
}
.mapbox {
  height: 40rem;
}
@media screen and (max-width: 1024px) {
  .responsive article > .lazyimage:first-child {
    height: auto;
  }
}
@media screen and (max-width: 710px) {
  .responsive.spa body > header .logo {
    width: 15rem;
    margin: 0;
  }
}
@media screen and (max-width: 668px) {
  .responsive {
    max-width: 100%;
    min-height: 100%;
  }
  .responsive body {
    font-size: 2.2rem;
    min-height: 100%;
    top: 0px;
    min-width: 0;
    max-width: 100%;
  }
  .responsive body > header {
    padding-bottom: 3rem;
  }
  .responsive p {
    font-size: 2.2rem;
  }
  .responsive .introduction {
    font-size: 2.6rem;
  }
  .responsive .mapbox {
    margin-top: 2rem;
  }
  .responsive .notmobile {
    display: none !important;
  }
  .responsive .mobileonly {
    display: block !important;
  }
  .responsive header .menu .logo {
    margin: 2rem 0;
    height: 12.5rem;
    width: 12.5rem;
    display: block;
  }
  .responsive main {
    min-height: 0;
  }
  .responsive footer .block {
    padding: 0 2rem 3rem;
    display: block;
  }
  .responsive footer .block.mobileonly {
    padding: 0 0 3rem;
  }
  .responsive footer .block > div {
    display: inline-flex;
    align-items: center;
  }
  .responsive footer .block > div + div {
    display: block;
    padding: 3.2rem 0 0;
  }
  .responsive footer .block .menufootersocial ul li:first-child {
    margin: 0;
  }
  .responsive footer a.extranet {
    margin: 0;
  }
  .responsive legend {
    line-height: 1em;
  }
  .responsive .row {
    margin: 0;
  }
  .responsive .block {
    max-width: none;
    padding: 0 2rem;
  }
  .responsive .column {
    float: none;
  }
  .responsive .col-md-3 {
    width: 50%;
    padding: 0;
  }
  .responsive .col-md-4,
  .responsive .col-md-6,
  .responsive .col-md-8,
  .responsive .col-md-12 {
    width: 100%;
    padding: 0;
  }
  .responsive .col-md-4 img {
    margin: 0 auto;
  }
  .responsive table {
    width: 100%;
  }
  .responsive .umb-grid .column {
    margin: 0;
  }
  .responsive .umb-grid .column:first-child {
    margin-top: 0;
  }
  .responsive .umb-grid .grid-section > div + div {
    margin-top: 1rem;
  }
  .responsive .segmentsmacro > ul {
    padding: 0 2rem;
  }
  .responsive.startpage .umb-grid h1 {
    font-size: 3.6rem;
  }
  .responsive.searchpage form div label {
    padding: 0;
  }
  .responsive.searchpage form div button {
    width: 100%;
    position: static;
    margin: 1rem 0 0;
  }
  .responsive.spa body > header .logo {
    width: 15rem;
    margin: 2rem 0;
  }
  .responsive.spa main > article {
    max-width: 100%;
    padding: 0 2rem;
    overflow: hidden;
  }
  .responsive.spa main > article > .lazyimage:first-child {
    min-height: 14rem;
  }
  .responsive.spa main > article > .lazyimage {
    margin: 0 -2rem;
  }
  .responsive.spa main > article > h1 {
    position: static;
    z-index: 10;
    width: auto;
    left: 0;
    right: 0;
    margin-top: 0;
    font-size: 4.6rem;
    color: #0d4673;
    text-shadow: none;
  }
  .responsive.spa main > article > .umb-grid {
    margin: 2rem 0 6rem;
  }
}
.menutools {
  margin: 1.1rem -0.5rem;
}
.menutools ul {
  display: inline-flex;
  justify-content: flex-start;
}
.menutools li {
  display: inline-block;
}
.menutools li a {
  font-size: 1.6rem;
  line-height: 1.4rem;
  padding: 0 1rem;
  text-decoration: none;
  font-family: 'Veneer Clean W01', sans-serif;
  font-weight: 400;
}
.menutools li:first-child a {
  border: none;
}
.menutop {
  padding: 0 0 0 3rem;
  font-family: 'Veneer Clean W01', sans-serif;
  font-weight: 400;
}
.menutop a:hover {
  color: black;
}
.menutop > ul > li {
  display: inline-block;
  margin: 0 1.5rem 0;
}
.menutop > ul > li > span,
.menutop > ul > li > a {
  font-size: 2.6rem;
  padding: 0;
  position: relative;
  cursor: default;
}
.menutop > ul > li > a {
  cursor: pointer;
  text-decoration: none;
  display: block;
}
.menutop > ul > li > a:hover {
  text-decoration: none;
  color: #0d4673;
}
.menutop > ul > li.back {
  display: none;
}
.menutop > ul > li.current > a,
.menutop > ul > li.current > span {
  color: #0d4673;
}
.menutop > ul > li ul {
  display: none;
  opacity: 0;
  transition: opacity 5s ease-in-out;
}
.menufooterstructure {
  width: 83.333333333%;
  font-size: 1.8rem;
  color: white;
}
.menufooterstructure > ul {
  display: flex;
  align-content: stretch;
}
.menufooterstructure > ul > li {
  padding: 0 1.2rem;
  width: 20%;
}
.menufooterstructure > ul > li > a {
  font-style: italic;
  display: block;
  padding: 0 0 1rem;
  margin: 0 0 0.7rem;
  border-bottom: 1px solid #cccccc;
  font-size: 2.2rem;
}
.menufooterstructure > ul a {
  font-size: 2rem;
  display: inline-block;
  padding: 0.4rem 0;
  font-family: 'Veneer Clean W01', sans-serif;
  font-weight: 400;
  text-decoration: none;
}
.menufooterstructure > ul a:hover {
  color: #c8c8c8;
}
.menufooterstructure + div {
  width: 16.666666667%;
  padding: 0 1.2rem;
}
.menufootershortcuts {
  font-size: 1.8rem;
  color: white;
}
.menufootershortcuts li {
  display: block;
  padding: 0 0 1rem;
  margin: 0 0 1rem;
  border-bottom: 1px solid #cccccc;
}
.menufootershortcuts li a {
  text-decoration: none;
  font-family: 'Veneer Clean W01', sans-serif;
  font-weight: 400;
}
.menufootersocial ul {
  display: flex;
  align-content: flex-end;
}
.menufootersocial ul li {
  margin: 0 0 0 2.2rem;
}
.menufootersocial ul li a {
  text-decoration: none;
  font-size: 2rem;
  font-family: 'Veneer Clean W01', sans-serif;
  font-weight: 400;
  color: white;
}
.filter,
.menublog {
  margin: 0 auto 2rem;
  font-family: 'Veneer Clean W01', sans-serif;
  font-weight: 400;
}
.filter > div,
.menublog > div {
  display: flex;
  align-content: flex-start;
  padding: 0 0 2rem;
}
.filter > div h1,
.menublog > div h1 {
  font-size: 1.8rem;
  margin: 2.2rem 0 0;
  min-width: 22rem;
  padding: 0;
  color: black;
  text-align: left;
}
.filter ul,
.menublog ul {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -1rem;
  width: calc(100% - 20rem);
}
.filter ul li,
.menublog ul li {
  margin: 1.4rem 1rem 0;
  width: calc(20% - 2rem);
  border: 1px solid #cccccc;
  border-radius: 3px;
  display: flex;
  align-items: center;
  height: 3.8rem;
  text-align: center;
}
.filter ul li a:hover,
.menublog ul li a:hover,
.filter ul li button:hover,
.menublog ul li button:hover {
  color: #0d4673;
}
.filter ul .item,
.menublog ul .item {
  background-color: transparent;
  font-size: 1.6rem;
  line-height: 1em;
  width: 100%;
  color: black;
  display: block;
  text-align: center;
  text-decoration: none;
}
.filter ul .current,
.menublog ul .current {
  border-color: #0d4673;
  border-width: 2px;
}
.filter ul .current .item,
.menublog ul .current .item {
  color: #0d4673;
}
.filter ul button.item,
.menublog ul button.item {
  cursor: pointer;
  border: 0;
  padding: 0;
}
.filter.menublog > div,
.menublog.menublog > div,
.filter.filter > div,
.menublog.filter > div {
  align-items: flex-start;
}
.filter.menublog > div > div,
.menublog.menublog > div > div,
.filter.filter > div > div,
.menublog.filter > div > div {
  min-width: 22rem;
  max-width: 22rem;
}
.filter.menublog > div > div h1,
.menublog.menublog > div > div h1,
.filter.filter > div > div h1,
.menublog.filter > div > div h1 {
  padding: 0;
  font-size: 3.6rem;
  margin: 0.9rem 0 0;
  text-align: left;
}
.filter.menublog > div > div p,
.menublog.menublog > div > div p,
.filter.filter > div > div p,
.menublog.filter > div > div p {
  padding: 0.7rem 1.5rem 0 0;
}
.hamburguesa {
  display: none;
}
nav.partners {
  max-width: 126rem;
  padding: 6rem 3rem 0;
  margin: 0 auto;
}
nav.partners ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 0 0;
}
nav.partners ul li {
  max-width: 20rem;
  margin: 2rem;
}
nav.partners + .partners ul {
  padding: 0 0 6rem 0;
  border: none;
}
nav.partners + .partners ul li {
  max-width: 15rem;
}
@media screen and (max-width: 668px) {
  .responsive body header {
    padding: 0;
    margin-bottom: 1rem;
  }
  .responsive .menu {
    margin: 0;
    display: block;
  }
  .responsive .menu .hamburguesa {
    display: block;
    background-size: 124px 222px;
    background-image: url(/media/1369/sprite.svg?d=20191007);
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    position: absolute;
    background-position: 13px -93px;
    padding: 0;
    cursor: pointer;
    background-color: white;
    height: 5.6rem;
    width: 5.6rem;
    background-position: 8px -99px;
    top: 0;
    right: 2rem;
  }
  .responsive .toggle {
    margin: 0 -2rem;
    display: none;
  }
  .responsive .toggle.opened {
    display: block;
    margin: 0 -2rem 2rem;
    overflow: visible;
  }
  .responsive .menutools {
    background-color: #004573;
    margin: 0;
  }
  .responsive .menutools ul {
    display: flex;
    justify-content: center;
  }
  .responsive .menutools ul li {
    flex-grow: 1;
    border-left: 1px solid #cccccc;
  }
  .responsive .menutools ul li a {
    line-height: normal;
    display: block;
    padding: 1.5rem 2rem;
    color: white;
    font-size: 2.4rem;
  }
  .responsive .menutools ul li:first-child {
    border-left: none;
  }
  .responsive .menutools + .search {
    margin: 0;
  }
  .responsive .menutools + .search label {
    width: 100%;
  }
  .responsive .menutools + .search label input {
    border-left: none;
    border-right: none;
    width: 100%;
    font-size: 2.4rem;
    padding: 1.35rem 8rem 1.35rem 2rem;
  }
  .responsive .menutools + .search button {
    width: 8rem;
    height: 5.4rem;
    right: 0;
    background-position: 27px 13px;
    top: 0;
    background-size: 124px 222px;
    background-image: url(/media/1369/sprite.svg?d=20191007);
    background-repeat: no-repeat;
  }
  .responsive .menutop {
    margin: 0;
    padding: 0;
  }
  .responsive .menutop > ul {
    position: relative;
    z-index: 1;
    border-top: 1px solid #cccccc;
  }
  .responsive .menutop > ul li {
    display: block;
    margin: 0;
    position: relative;
    border-bottom: 1px solid #cccccc;
    background-color: #004573;
    padding: 1.5rem 2rem;
    cursor: pointer;
  }
  .responsive .menutop > ul li:hover > span {
    color: #0d4673;
  }
  .responsive .menutop > ul li:hover.haschildren > span:after {
    display: none;
  }
  .responsive .menutop > ul li span,
  .responsive .menutop > ul li a {
    color: white;
    font-size: 2.4rem;
  }
  .responsive .menutop > ul li ul {
    display: none;
  }
  .responsive .menutop > ul li.opened {
    margin: 0;
    padding: 1.5rem 2rem;
    background-color: #cccccc;
  }
  .responsive .menutop > ul li.opened span {
    font-size: 2rem;
  }
  .responsive .menutop > ul li.opened span:after {
    display: none;
  }
  .responsive .menutop > ul li.opened ul {
    margin: 1.5rem -2rem -1.6rem;
    padding: 0;
    position: relative;
    display: block;
    width: auto;
    z-index: 2;
  }
  .responsive .menutop > ul li.opened ul li {
    margin: 0;
    padding: 0;
    float: none;
    display: block;
    width: auto;
    background-color: #cccccc;
  }
  .responsive .menutop > ul li.opened ul li:first-child {
    border-top: 1px solid #cccccc;
  }
  .responsive .menutop > ul li.opened ul li a span:first-child {
    padding: 1.5rem 2rem;
    border: none;
    margin: 0;
    font-weight: normal;
  }
  .responsive .menutop > ul li.opened ul li a span:first-child:after {
    display: none;
  }
  .responsive .menutop > ul li.opened ul li a span:first-child + span {
    display: none;
  }
  .responsive .menutop > ul li.haschildren:after {
    content: '';
    height: 5.2rem;
    width: 5.2rem;
    position: absolute;
    right: 1rem;
    top: 0;
    background-size: 124px 222px;
    background-image: url(/media/1369/sprite.svg?d=20191007);
    background-repeat: no-repeat;
    background-position: -18px -25px;
  }
  .responsive .mobileonly .extranet {
    font-size: 2rem;
    text-align: left;
    padding: 1.5rem 2rem;
  }
  .responsive .mobileonly .extranet:after {
    display: inline-block;
    position: relative;
    background-size: 124px 222px;
    background-image: url(/media/1369/sprite.svg?d=20191007);
    background-repeat: no-repeat;
    background-position: 3px -39px;
    margin-bottom: -0.2rem;
  }
  .responsive .filter > div,
  .responsive .menublog > div {
    flex-direction: column;
  }
  .responsive .filter > div > div,
  .responsive .menublog > div > div {
    max-width: none;
    width: 100%;
    display: flex;
    align-items: center;
  }
  .responsive .filter > div > div h1,
  .responsive .menublog > div > div h1 {
    float: left;
    min-width: 33%;
    margin: 0 1rem 0 0;
    font-size: 3.2rem;
  }
  .responsive .filter > div > div p,
  .responsive .menublog > div > div p {
    line-height: 1.2em;
    padding: 0.4rem 0 0 0;
  }
  .responsive .filter ul,
  .responsive .menublog ul {
    width: calc(100% + 2rem);
  }
  .responsive .filter ul li,
  .responsive .menublog ul li {
    width: calc(33.33% - 2rem);
  }
  .responsive nav.partners {
    margin-top: 2rem;
  }
  .responsive nav.partners ul li {
    margin: 0 1rem;
    max-width: 18rem;
  }
  .responsive nav.partners + .partners {
    margin-top: 4rem;
  }
}
.macro .filter {
  padding: 0 0 1rem;
}
.macro .filter + table {
  margin: 2rem 0 0;
}
.facts .col-md-12.column {
  margin: 0 auto;
  max-width: 79rem;
}
.facts .col-md-12.column > div {
  background-color: rgba(13, 70, 115, 0.05);
  border: 1px solid #0d4673;
  padding: 2rem;
  margin: 0 -2rem;
  max-width: 79rem;
}
.facts .col-md-12.column > div .introduction {
  font-size: 1.8rem;
  margin: 0 0 2rem;
}
.facts .col-md-12.column > div p,
.facts .col-md-12.column > div ol,
.facts .col-md-12.column > div ul {
  font-size: 1.6rem;
}
.category {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 1px;
  font-family: 'Veneer Clean W01', sans-serif;
  background-color: #0d4673;
  color: white;
  padding: 0.6rem 1.2rem 0.7rem 1rem;
  font-style: italic;
  border-radius: 3px 3px 0 0;
}
.editorial {
  margin: 0 auto 6.5rem;
}
.editorial + .contactbar {
  padding: 0;
}
.contact,
.contactbar {
  max-width: 126rem;
  width: 100%;
  padding: 0 3rem;
  margin: 0 auto 4.5rem;
}
.contact.contact,
.contactbar.contact {
  padding: 0;
  margin: 3rem 0 0;
}
.contact.contact .row,
.contactbar.contact .row {
  justify-content: flex-start;
  clear: both;
}
.contact.contact fieldset,
.contactbar.contact fieldset {
  padding: 2rem 2.3rem 2rem;
  color: black;
  background-color: #004573;
}
.contact.contact legend,
.contactbar.contact legend {
  color: #0d4673;
  margin: 0 1rem 0.5rem 0;
}
.contact.contact label,
.contactbar.contact label {
  float: none;
  margin: 0.5rem 0 0;
}
.contact.contact label span:first-child,
.contactbar.contact label span:first-child {
  display: block;
  padding: 0.5rem 0;
}
.contact.contact label input,
.contactbar.contact label input,
.contact.contact label select,
.contactbar.contact label select {
  width: 100%;
  display: block;
}
.contact.contact label textarea,
.contactbar.contact label textarea {
  width: 100%;
  height: 10rem;
  display: block;
  border: none;
  padding: 0.6rem;
  font-size: 16px;
}
.contact.contact label.error,
.contactbar.contact label.error {
  color: #e30613;
}
.contact.contact div,
.contactbar.contact div {
  float: none;
}
.contact.contact div label,
.contactbar.contact div label {
  padding: 0 1rem 0 2rem;
}
.contact.contact div label:nth-child(even),
.contactbar.contact div label:nth-child(even) {
  padding: 0 2rem 0 1rem;
}
.contact.contact button,
.contactbar.contact button {
  margin: 2rem 0 0;
  color: white;
  background: linear-gradient(to bottom, #e30613, #ed0614);
  cursor: pointer;
  font-size: 1.8rem;
  padding: 0.75rem 1.4rem 0.9rem;
}
.contact.contact button:hover,
.contactbar.contact button:hover {
  color: white;
  background: linear-gradient(to bottom, #f10614, #f50615);
}
.contact ::-webkit-input-placeholder,
.contactbar ::-webkit-input-placeholder {
  font-style: normal;
  color: #666666;
}
.contact :-moz-placeholder,
.contactbar :-moz-placeholder {
  font-style: normal;
  color: #666666;
}
.contact ::-moz-placeholder,
.contactbar ::-moz-placeholder {
  font-style: normal;
  color: #666666;
}
.contact :-ms-input-placeholder,
.contactbar :-ms-input-placeholder {
  font-style: normal;
  color: #666666;
}
.contact fieldset,
.contactbar fieldset {
  background: #0d4673;
  color: white;
  padding: 2rem 2.3rem 1rem;
}
.contact fieldset legend,
.contactbar fieldset legend {
  color: white;
  font-size: 2rem;
  font-family: 'Veneer Clean W01', sans-serif;
  font-weight: 400;
  margin: 0.3rem 1rem 1rem 0;
  padding: 0;
  display: inline-block;
  float: left;
}
.contact fieldset div,
.contactbar fieldset div {
  float: right;
}
.contact fieldset div > *,
.contactbar fieldset div > * {
  float: left;
}
.contact label,
.contactbar label {
  display: block;
  margin: 0 1.5rem 1rem 0;
}
.contact label.error ::-webkit-input-placeholder,
.contactbar label.error ::-webkit-input-placeholder {
  color: #e30613;
}
.contact label.error :-moz-placeholder,
.contactbar label.error :-moz-placeholder {
  color: #e30613;
}
.contact label.error ::-moz-placeholder,
.contactbar label.error ::-moz-placeholder {
  color: #e30613;
}
.contact label.error :-ms-input-placeholder,
.contactbar label.error :-ms-input-placeholder {
  color: #e30613;
}
.contact label input,
.contactbar label input {
  font-size: 16px;
  padding: 0.6rem;
  border: none;
  width: 25.6rem;
  max-width: 100%;
}
.contact label input[name=emailorphone],
.contactbar label input[name=emailorphone] {
  width: 33.9rem;
}
.contact button,
.contactbar button {
  font-size: 1.6rem;
  font-weight: 500;
  padding: 0.6rem 1rem;
  margin-bottom: 1rem;
  border: none;
  color: black;
  background: linear-gradient(to bottom, #eaeaea, #e0e0e0);
  cursor: pointer;
}
.contact button:hover,
.contactbar button:hover {
  color: #0d4673;
  background: linear-gradient(to bottom, #f9f9f9, #eeeeee);
}
.thumbnails .row {
  justify-content: flex-start;
  min-width: 100%;
}
.thumbnail {
  margin: 0 0 4rem;
  position: relative;
}
.thumbnail:hover a {
  text-decoration: underline;
}
.thumbnail time,
.thumbnail em.featured {
  font-size: 1.6rem;
  line-height: 3.1rem;
  display: block;
  float: right;
  color: black;
  font-style: italic;
}
.thumbnail em.featured {
  font-weight: 500;
}
.thumbnail .lazyimage {
  height: 17.1rem;
  border-radius: 0 3px 3px 3px;
  overflow: hidden;
}
.thumbnail .lazyimage span {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.thumbnail .lazyimage span img {
  width: auto;
  max-width: 373px;
}
.thumbnail h3 {
  font-size: 2.2rem;
  padding: 1rem 0 0;
  margin: 0;
  color: black;
}
.thumbnail h3 a {
  color: #0d4673;
  text-decoration: none;
}
.thumbnail p {
  font-size: 1.8rem;
  padding: 0.75rem 0 0;
}
.thumbnail.calendar {
  width: 100%;
}
.thumbnail.calendar.hidden {
  display: none;
}
.thumbnail.calendar time {
  float: none;
  border: 1px solid #cccccc;
  display: block;
  font-style: normal;
  text-align: center;
  text-transform: none;
  border-radius: 3px;
  width: 10rem;
}
.thumbnail.calendar time span {
  display: block;
  font-family: 'Veneer Clean W01', sans-serif;
}
.thumbnail.calendar time span:first-child {
  display: none;
  background-color: #f4f4f4;
  color: #0d4673;
  font-size: 1.4rem;
  padding: 0.1rem;
}
.thumbnail.calendar time span + span {
  background-color: #0d4673;
  color: white;
  font-size: 2.2rem;
  padding: 0.5rem;
}
.thumbnail.calendar time span + span + span {
  background-color: white;
  color: #0d4673;
  font-size: 4.2rem;
  padding: 1rem;
}
.thumbnail.calendar[data-type=past] time > span:first-child {
  display: block;
}
.thumbnail.calendar h3 {
  margin: 0.5rem 0 0;
  font-size: 2.2rem;
  color: #0d4673;
}
.thumbnail.calendar h4 {
  margin: 1rem 0 0;
  font-size: 2rem;
  color: black;
}
.thumbnail.calendar .diciplines {
  margin: 0 0 0 -0.3rem;
  font-style: italic;
}
.thumbnail.calendar .diciplines li {
  display: inline-block;
  margin: 0.1rem 0 0 0.3rem;
  font-size: 1.8rem;
}
.thumbnail.calendar .diciplines li:after {
  content: ', ';
}
.thumbnail.calendar .diciplines li:last-child:after {
  content: none;
}
.button {
  display: inline-block;
  background: #111111;
  color: white;
  padding: 1.1rem 2rem 1.2rem 2rem;
  font-size: 2rem;
  font-weight: 400;
  border: none;
  transition: box-shadow 0.05s ease-in-out;
  cursor: pointer;
  text-decoration: none;
}
.button:hover {
  text-decoration: none;
}
.button.center {
  margin: 3rem auto 4rem;
  display: table;
}
.button + .button {
  margin: 0 0 0 2rem;
}
.button.expand + .expandable {
  max-height: 0;
  padding: 0;
}
.expandable {
  max-height: 100%;
  overflow: hidden;
}
.personell {
  position: relative;
  margin: 0;
  display: inline-flex;
  align-content: flex-start;
}
.personell h3 {
  font-size: 1.8rem;
  font-weight: 500;
  text-transform: none;
  font-family: 'FF Meta Serif W01', serif;
  color: #0d4673;
  text-align: left;
  padding: 0 0 0.2rem;
}
.personell h3 + span {
  font-size: 1.6rem;
  font-weight: 300;
  margin: 0 0 1rem;
  display: block;
}
.personell h3 a {
  text-decoration: none;
}
.personell p {
  font-size: 1.5rem;
  margin: 0 0 0.4rem;
}
.personell span + div {
  font-size: 1.5rem;
  color: black;
  display: inline-block;
}
.personell span + div div {
  padding: 0 0 0.2rem;
}
.personell .lazyimage {
  width: 12rem;
}
.personell .lazyimage + div {
  padding: 0 0 0 2rem;
}
.herocampaign {
  display: none;
}
.startpage .herocampaign {
  max-width: 126rem;
  position: relative;
  z-index: 2;
  margin: 0 auto;
  padding: 0 3rem;
  display: block;
}
.startpage .herocampaign a {
  position: absolute;
  width: 19rem;
  height: 19rem;
  z-index: 10;
  right: 0;
  top: 12rem;
}
@media screen and (max-width: 668px) {
  .responsive .facts .col-md-12.column > div {
    padding: 1.5rem 1rem;
    margin: 0 -1rem;
  }
  .responsive .herocampaign {
    display: none;
  }
  .responsive .button {
    display: block;
    text-align: center;
  }
  .responsive .button + .button {
    margin: 1.5rem 0 0;
  }
  .responsive .hero .lazyimage .description {
    font-size: 1.7rem;
    padding: 0.6rem 2rem 0.9rem;
  }
  .responsive .hero .lazyimage .description h2 {
    margin-bottom: 0.2rem;
    font-size: 3rem;
  }
  .responsive .thumbnail .lazyimage {
    height: auto;
  }
  .responsive .calendar .row {
    margin: 0 -2rem;
  }
  .responsive .calendar .row .column {
    width: 50%;
    padding: 0 2rem;
  }
  .responsive .startpage .hero .lazyimage .description {
    padding: 1.2rem 2rem 0.8rem;
  }
  .responsive main > .hero:first-child {
    margin-top: -1px;
  }
  .responsive .hero button.prev,
  .responsive .hero button.next {
    background-size: 14.35rem 7.9rem;
    background-position: 0.7rem 0.5rem;
    width: 2.75rem;
    height: 4rem;
    margin-top: -1.5rem;
  }
  .responsive .hero button.next {
    background-position: -1.5rem 0.5rem;
  }
  .responsive .contactbar fieldset div,
  .responsive .contact fieldset div {
    float: none;
  }
  .responsive .contactbar fieldset div label input,
  .responsive .contact fieldset div label input,
  .responsive .contactbar fieldset div label select,
  .responsive .contact fieldset div label select,
  .responsive .contactbar fieldset div label textarea,
  .responsive .contact fieldset div label textarea,
  .responsive .contactbar fieldset div button,
  .responsive .contact fieldset div button {
    padding: 1rem 0.8rem;
  }
  .responsive .contactbar fieldset div label input,
  .responsive .contact fieldset div label input,
  .responsive .contactbar fieldset div > *,
  .responsive .contact fieldset div > * {
    width: 100%;
  }
  .responsive .contactbar fieldset div label,
  .responsive .contact fieldset div label {
    margin-top: 0.5rem !important;
  }
  .responsive .contactbar fieldset div label,
  .responsive .contact fieldset div label,
  .responsive .contactbar fieldset div label:nth-child(even),
  .responsive .contact fieldset div label:nth-child(even) {
    padding: 0;
  }
  .responsive .thumbnail .lazyimage span img {
    max-width: none;
    width: 100%;
  }
}
.custom-dropdown__select {
  font-size: 16px;
  /* inherit size from .custom-dropdown */
  padding: 0.6rem;
  /* add some space*/
  margin: 0;
  /* remove default margins */

}
.custom-dropdown__select--white {
  background-color: white;
  color: black;
}
@supports (pointer-events: none) and
	  ((-webkit-appearance: none) or
	  (-moz-appearance: none) or
	  (appearance: none)) {
  .custom-dropdown {
    position: relative;
    display: block;
    vertical-align: middle;
  }
  
  .custom-dropdown__select {
    padding-right: 2.5em;
    /* accommodate with the pseudo elements for the dropdown arrow */
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  
  .custom-dropdown::before,
  .custom-dropdown::after {
    content: "";
    position: absolute;
    pointer-events: none;
  }
  
  .custom-dropdown::after {
    /*  Custom dropdown arrow */
    content: "\25BC";
    height: 1em;
    font-size: 0.625em;
    line-height: 1;
    right: 1.2em;
    top: 50%;
    margin-top: -0.5em;
  }
  
  .custom-dropdown::before {
    /*  Custom dropdown arrow cover */
    width: 2em;
    right: 0;
    top: 0;
    bottom: 0;
  }
  
  .custom-dropdown__select[disabled] {
    color: rgba(0, 0, 0, 0.3);
  }
  
  .custom-dropdown.custom-dropdown--disabled::after {
    color: rgba(0, 0, 0, 0.1);
  }
  
  /* White dropdown style */
  
  .custom-dropdown--white::before {
    background-color: white;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
  }
  
  .custom-dropdown--white::after {
    color: rgba(0, 0, 0, 0.9);
  }
  
  /* FF only temp fix */
  
  @-moz-document url-prefix() {
    .custom-dropdown__select {
      padding-right: 0.9em;
    }
    
    .custom-dropdown--large .custom-dropdown__select {
      padding-right: 1.3em;
    }
    
    .custom-dropdown--small .custom-dropdown__select {
      padding-right: 0.5em;
    }
  }
}
body #mc_embed_signup {
  padding: 0 0 2rem;
}
body #mc_embed_signup form {
  padding: 0;
  text-align: left;
}
body #mc_embed_signup label {
  font-size: 2rem;
  padding: 0 0 1rem;
}
body #mc_embed_signup input.email {
  font-size: 1.8rem;
  font-family: 'FF Meta Serif W01', serif;
  height: auto;
  line-height: 4rem;
  width: 37rem;
}
body #mc_embed_signup input[type=submit] {
  background-color: #004573;
  text-transform: uppercase;
  font-family: 'Veneer Clean W01', sans-serif;
  letter-spacing: 0.05em;
  font-size: 1.8rem;
  line-height: 4rem;
  height: auto;
  border: 1px solid white;
}
@media (max-width: 768px) {
  body #mc_embed_signup {
    margin-top: 4rem;
  }
  body #mc_embed_signup input.email {
    width: 100%;
  }
}