/* ---NagÃƒâ€¦Ã¢â‚¬Å¡ÃƒÆ’Ã‚Â³wek podstrony--- */

header#others-page .wcag-container .wcag-items div {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

header#others-page .wcag-container .wcag-items div ul {
  list-style: none;
  margin-right: 5px;
  margin-bottom: 10px;
  display: inline-block;
}

header#others-page .wcag-container .wcag-items div ul li {
  background-color: transparent;
  font-size: var(--font-size-16);
  font-weight: bold;
  color: var(--color-navy-blue);
  width: inherit;
  cursor: pointer;
  display: inline-block;
  margin: 0px 1px;
}

header#others-page .wcag-container .wcag-items #wcag-normal {
  font-size: var(--font-size-10);
}

header#others-page .wcag-container .wcag-items #wcag-medium {
  font-size: var(--font-size-13);
}

header#others-page .wcag-container .wcag-items #wcag-large {
  font-size: var(--font-size-16);
}

header#others-page .search-lang-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-right: 5px;
}

header#others-page {
  position: static;
  width: 100%;
  z-index: 1;
  background-color: var(--color-white);
  padding-top: 25px;
}

header#others-page {
  border-bottom: 1px solid var(--color-grey);
}

header#others-page .page-title a {
  font-size: var(--font-size-24);
  font-family: var(--font-family-maecenas);
  color: var(--color-navy-blue);
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: none;
}

header#others-page .nav-menu ul.menu {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-right: 25px;
  gap: 25px;
}

header#others-page .nav-menu ul.menu li.menu-item {
  list-style-type: none;
  position: relative;
}

header#others-page .nav-menu ul.menu li.menu-item a {
  font-size: var(--font-size-16);
  font-family: var(--font-family-inter);
  font-style: normal;
  font-weight: 700;
  color: var(--color-navy-blue);
  text-decoration: none;
  text-shadow: none;
}

header#others-page .nav-menu ul.menu li.menu-item a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: var(--color-navy-blue);
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.50s ease-in-out 0s;
  transition: all 0.50s ease-in-out 0s;
}

header#others-page .nav-menu ul.menu li.menu-item a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

header#others-page .nav-menu ul.menu li.menu-item a:hover,
header#others-page .nav-menu ul.menu li.menu-item a:visited,
header#others-page .nav-menu ul.menu li.menu-item a:active,
header#others-page .nav-menu ul.menu li.menu-item a:focus {
  text-decoration: none;
}

header#others-page .nav-menu .is-active:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: var(--color-navy-blue);
}

header#others-page .search i {
  color: var(--color-navy-blue);
  font-size: var(--font-size-16);
  padding-left: 10px;
}

header#others-page .search #edit-keys {
  border: 0px;
  border-bottom: 1px solid var(--color-navy-blue);
  padding: 5px;
  background-color: transparent;
  opacity: 0;
  transition: opacity 0.5 ease-in;
}

header#others-page .nav-menu .emblem-content div svg {
  fill: var(--color-navy-blue);
  width: 180px;
  margin-right: 15px;
}

header#others-page .search input#edit-keys::-webkit-input-placeholder {
  font-family: var(--font-family-inter);
  color: var(--color-navy-blue) !important;
  text-transform: uppercase;
}

header .search #edit-keys:focus {
  outline: none;
}

header#others-page .languages ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  list-style-type: none;
  padding: 0px 0px 0px 20px;
  margin: 2px 0px;
}

header#others-page .languages ul li a {
  font-size: var(--font-size-16);
  font-family: var(--font-family-inter);
  font-style: normal;
  font-weight: 700;
  color: var(--color-navy-blue);
  text-decoration: none;
  text-shadow: none;
}

header#others-page .emblem-content div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: -15px;
}

header#others-page .emblem-content svg {
  fill: var(--color-navy-blue);
}
header#others-page .overlay .emblem-content svg {
  fill: var(--color-white);
}
header#others-page .emblem-content svg:last-child {
  max-width: 150px;
  width: 100%;
}


/* ---NagÃƒâ€¦Ã¢â‚¬Å¡ÃƒÆ’Ã‚Â³wek END--- */


/* ---GÃƒâ€¦Ã¢â‚¬Å¡ÃƒÆ’Ã‚Â³wny kontent na podstronach np. artykuÃƒâ€¦Ã¢â‚¬Å¡ach--- */

main {
  font-size: var(--font-size-16);
  margin-top: 50px;
  margin-bottom: 50px;
}

main h1 {
  font-family: var(--font-family-maecenas);
  font-size: var(--font-size-32);
  font-weight: normal;
  line-height: var(--line-height-main-title);
  margin-top: 50px;
  margin-bottom: 25px;
}

main #field-language-display {
  display: none;
}

main .pager__item a {
  font-family: var(--font-family-inter);
  color: var(--color-navy-blue);
}

main .pager__item.is-active a {
  font-family: var(--font-family-inter);
  color: var(--color-navy-blue);
  border-bottom-color: var(--color-navy-blue);
}

main .pager__item a:hover,
main .pager__item a:focus {
  font-family: var(--font-family-inter);
  color: var(--color-navy-blue);
  border-bottom-color: var(--color-navy-blue);
}

main .view-header h2 {
  font-size: var(--font-size-42);
  margin-bottom: 1em;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-grey);
  line-height: var(--line-height-main-header-h2);
}

main .field--name-field-galeria img {
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}

.story-film {
  width: 510px;
  float: left;
  margin-bottom: 1em;
}

.story-film .film-video {
  margin-right: 28px;
}

.story-film video, .aktualnosci-main video {
  width: 100%;
  height: auto;
}

.story-film video {
  min-height: 320px;
}

.story-film .mk-youtube-embed-wrapper {
  min-height: 320px;
}

@media screen and (max-width: 992px) {
  .story-film, .field--name-body p iframe {
      width: 100%;
  }
  .story-film .mk-youtube-embed-wrapper {
      min-height: unset;
      margin-right: 0;
  }
}

main .field--name-field-lead,
main .field--name-field-field-lead-others {
  font-weight: bold;
  margin-bottom: 2em;
}

main .field--name-title {
  font-family: var(--font-family-maecenas);
  font-size: var(--font-size-32);
  font-weight: normal;
  line-height: var(--line-height-main-header-h2);
  margin-top: 2em;
}

main blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #d2d3d5;
}

main .field--name-field-zdjecia {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

main .field--name-field-galeria-zdjec {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

main .field--name-field-galeria-zdjec .field__item {
  margin: 0px 5px 5px 0px;
}

main .view-aktualnosci-en .view-content .views-col,
main .view-aktualnosci .view-content .views-col,
main .view-nasze-sukcesy .view-content .views-col,
main .view-nasze-sukcesy-en .view-content .views-col,
.felieton-more .views-row {
  display: grid;
  grid-template-columns: 25% 75%;
  grid-template-rows: min-content min-content 1fr;
  column-gap: 25px;
  row-gap: 10px;
  grid-template-areas: "images title" "images data" "images desc";
  margin-bottom: 25px;
  border-bottom: 1px solid var(--color-grey);
  padding-bottom: 25px;
}

main .view-aktualnosci-en .view-content .views-col .views-field-field-galeria,
main .view-aktualnosci .view-content .views-col .views-field-field-galeria,
main .view-aktualnosci .view-content .views-col .views-field-field-film,
main .view-nasze-sukcesy .view-content .views-col .views-field-field-galeria,
main .view-nasze-sukcesy-en .view-content .views-col .views-field-field-galeria,
.felieton-more .views-row .views-field-field-img {
  grid-area: images;
}

main .view-aktualnosci-en .view-content .views-col .views-field-field-galeria img,
main .view-aktualnosci .view-content .views-col .views-field-field-galeria img,
main .view-nasze-sukcesy .view-content .views-col .views-field-field-galeria img,
main .view-nasze-sukcesy-en .view-content .views-col .views-field-field-galeria img {
  max-height: 225px;
  height: 250px;
  width: 100%;
  object-fit: fill;
}

main .view-aktualnosci-en .view-content .views-col .views-field-title,
main .view-aktualnosci .view-content .views-col .views-field-title,
main .view-nasze-sukcesy .view-content .views-col .views-field-title,
main .view-nasze-sukcesy-en .view-content .views-col .views-field-title,
.felieton-more .views-row .views-field-title {
  grid-area: title;
  align-self: start;
}

main .view-aktualnosci-en .view-content .views-col .views-field-title a,
main .view-aktualnosci .view-content .views-col .views-field-title a,
main .view-nasze-sukcesy .view-content .views-col .views-field-title a,
main .view-nasze-sukcesy-en .view-content .views-col .views-field-title a {
  font-size: var(--font-size-24);
  font-family: var(--font-family-maecenas);
  color: var(--color-navy-blue);
  line-height: var(--line-height-main-title);
}

main .view-aktualnosci-en .view-content .views-col .views-field-created,
main .view-aktualnosci .view-content .views-col .views-field-created,
main .view-nasze-sukcesy .view-content .views-col .views-field-created,
main .view-nasze-sukcesy-en .view-content .views-col .views-field-created,
.felieton-more .views-row .views-field-created {
  grid-area: data;
  font-size: var(--font-size-14);
  align-self: start;
}

main .view-aktualnosci-en .view-content .views-col .views-field-field-lead,
main .view-aktualnosci .view-content .views-col .views-field-field-lead,
main .view-nasze-sukcesy .view-content .views-col .views-field-field-lead,
main .view-nasze-sukcesy-en .view-content .views-col .views-field-field-lead {
  grid-area: desc;
  align-self: start;
}

main .view-kalendarium-strona .view-content .views-col,
main .view-kalendarium-strona-en .view-content .views-col {
  display: grid;
  grid-template-columns: 10% 90%;
  column-gap: 20px;
  grid-template-areas: "date-month cal-title" "date-day cal-place" ". cal-org";
  margin-bottom: 25px;
  border-bottom: 1px solid var(--color-grey);
  padding-bottom: 25px;
}

main .view-kalendarium-strona .views-field-field-event-date,
main .view-kalendarium-strona-en .views-field-field-event-date {
  display: flex;
  flex-direction: row;
  justify-content: center;
  grid-area: date-day;
  font-size: var(--font-size-24);
  font-weight: normal;
  color: var(--color-orange);
  text-align: center;
  grid-row-start: 2;
  grid-row-end: span 2;
  padding-bottom: 15px;
  color: var(--color-white);
  background-color: var(--color-orange);
  border-radius: 0px 0px 10px 10px;
  margin: 0 1.5vw;
}

main .view-kalendarium-strona .views-field-field-event-date-1,
main .view-kalendarium-strona-en .views-field-field-event-date-1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  grid-area: date-month;
  text-align: center;
  font-weight: normal;
  font-size: var(--font-size-12);
  text-transform: uppercase;
  color: var(--color-white);
  background-color: var(--color-orange);
  border-radius: 10px 10px 0px 0px;
  margin: 0 1.5vw;
}

@media only screen and (max-width: 1200px) {
  main .view-kalendarium-strona .views-field-field-event-date-1,
  main .view-kalendarium-strona-en .views-field-field-event-date-1 {
      margin: 0 0.1vw;
  }
  main .view-kalendarium-strona .views-field-field-event-date,
  main .view-kalendarium-strona-en .views-field-field-event-date {
      margin: 0 0.1vw;
  }
}

@media only screen and (min-width: 1500px) {
  main .view-kalendarium-strona .views-field-field-event-date-1,
  main .view-kalendarium-strona-en .views-field-field-event-date-1 {
      margin: 0 1.5vw;
  }
  main .view-kalendarium-strona .views-field-field-event-date,
  main .view-kalendarium-strona-en .views-field-field-event-date {
      margin: 0 1.5vw;
  }
}

main .view-kalendarium-strona .views-field-title,
main .view-kalendarium-strona-en .views-field-title {
  grid-area: cal-title;
  margin-bottom: 15px;
  width: 100%;
}

main .view-kalendarium-strona .views-field-title a,
main .view-kalendarium-strona-en .views-field-title a {
  font-size: var(--font-size-24);
  font-family: var(--font-family-maecenas);
  color: var(--color-navy-blue);
  line-height: var(--line-height-main-title);
  /* width: 100%; */
}

main .view-kalendarium-strona .views-field-field-miejsce,
main .view-kalendarium-strona-en .views-field-field-miejsce {
  grid-area: cal-place;
  display: flex;
  flex-direction: row;
  font-size: var(--font-size-14);
}

main .view-kalendarium-strona .views-field-field-organizator,
main .view-kalendarium-strona-en .views-field-field-organizator {
  grid-area: cal-org;
  display: flex;
  flex-direction: row;
  font-size: var(--font-size-14);
}

main .view-kalendarium-strona .views-label,
main .view-kalendarium-strona-en .views-label {
  margin-right: 5px;
}

main .view-kalendarium-strona .view-footer,
main .view-kalendarium-strona-en .view-footer,
main .view-nasze-sukcesy .view-footer,
main .view-nasze-sukcesy-en .view-footer {
  margin: 25px 0px;
}

main .view-kalendarium-strona .view-footer a,
main .view-kalendarium-strona-en .view-footer a,
main .view-nasze-sukcesy .view-footer a,
main .view-nasze-sukcesy-en .view-footer a {
  font-size: var(--font-size-24);
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}

main .view-kalendarium-strona .view-footer a:after,
main .view-kalendarium-strona-en .view-footer a:after,
main .view-nasze-sukcesy .view-footer a:after,
main .view-nasze-sukcesy-en .view-footer a:after {
  background-image: url('../templates/images/Strzalka.png');
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: 5px;
  margin-left: 10px;
  width: 25px;
  height: 25px;
  content: "";
  transition: margin-left 0.5s;
}

main .view-kalendarium-strona .view-footer a:hover:after,
main .view-kalendarium-strona-en .view-footer a:hover:after,
main .view-nasze-sukcesy .view-footer a:hover:after,
main .view-nasze-sukcesy-en .view-footer a:hover:after {
  margin-left: 20px;
}

main .view-non-omnis .view-content .views-row:after {
  display: block;
  content: "";
  border-bottom: 1px solid var(--color-grey);
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
}

main .calendar-archive .view-content .views-col,
main .our-success-archive .view-content .views-col {
  display: flex;
}

main .calendar-archive .view-content .views-col ul,
main .our-success-archive .view-content .views-col ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

main .calendar-archive .view-content .views-col ul li,
main .our-success-archive .view-content .views-col ul li {
  position: relative;
  padding: 15px 0px;
}

main .calendar-archive .view-content .views-col ul li a:after,
main .our-success-archive .view-content .views-col ul li a:after {
  background-image: url('../templates/images/Strzalka.png');
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 11px;
  display: inline-block;
  margin-left: 10px;
  width: 25px;
  height: 25px;
  content: "";
  transition: margin-left 0.5s;
}

main .calendar-archive .view-content .views-col ul li a:hover:after,
main .our-success-archive .view-content .views-col ul li a:hover:after {
  margin-left: 15px;
}

main .aktualnosci-main-en .attachment,
main .aktualnosci-main .attachment {
  display: grid;
  grid-template-columns: 40% 20% 40%;
  grid-template-rows: 300px auto;
  grid-template-areas: "archive-news . gallery" "other-news . gallery";
  grid-auto-flow: column;
  margin: 75px 0px 50px 0px;
}

main .aktualnosci-main-en .attachment div:nth-child(1),
main .aktualnosci-main .attachment div:nth-child(1) {
  grid-area: gallery;
}

main .aktualnosci-main-en .attachment div:nth-child(2),
main .aktualnosci-main .attachment div:nth-child(2) {
  grid-area: archive-news;
}

main .aktualnosci-main-en .attachment div:nth-child(3),
main .aktualnosci-main .attachment div:nth-child(3) {
  grid-area: other-news;
}

main .view-aktualnosci-en .attachment .views-element-container .archive-galeria .view-content .views-col,
main .view-aktualnosci .attachment .views-element-container .archive-galeria .view-content .views-col {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  /* align-items: center; */
  margin-bottom: 0px;
}

main .view-aktualnosci-en .attachment .views-element-container .archive-galeria .view-content .views-col .views-field-title a,
main .view-aktualnosci .attachment .views-element-container .archive-galeria .view-content .views-col .views-field-title a {
  font-size: var(--font-size-16);
}

main .view-aktualnosci-en .attachment .views-element-container .archive-galeria .view-footer a,
main .view-aktualnosci .attachment .views-element-container .archive-galeria .view-footer a {
  font-family: var(--font-family-inter);
  position: relative;
}

main .view-aktualnosci-en .attachment .views-element-container .archive-galeria .view-footer a:after,
main .view-aktualnosci .attachment .views-element-container .archive-galeria .view-footer a:after {
  background-image: url('../templates/images/Strzalka.png');
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: -3px;
  display: inline-block;
  margin-left: 10px;
  width: 25px;
  height: 25px;
  content: "";
  transition: margin-left 0.5s;
}

main .view-aktualnosci-en .attachment .views-element-container .archive-galeria .view-footer a:hover:after,
main .view-aktualnosci .attachment .views-element-container .archive-galeria .view-footer a:hover:after {
  margin-left: 20px;
}

main .view-aktualnosci-en .attachment .views-element-container .archive-archiwum-aktualnosci .view-content .views-col,
main .view-aktualnosci .attachment .views-element-container .archive-archiwum-aktualnosci .view-content .views-col {
  display: flex;
  flex-direction: column;
  border: none;
}

main .view-aktualnosci-en .attachment .views-element-container .archive-archiwum-aktualnosci .view-content .views-col ul,
main .view-aktualnosci .attachment .views-element-container .archive-archiwum-aktualnosci .view-content .views-col ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

main .view-aktualnosci-en .attachment .views-element-container .archive-archiwum-aktualnosci .view-content .views-col ul li,
main .view-aktualnosci .attachment .views-element-container .archive-archiwum-aktualnosci .view-content .views-col ul li {
  position: relative;
  padding: 10px 0px;
}

main .view-aktualnosci-en .attachment .views-element-container .archive-archiwum-aktualnosci .view-content .views-col ul li a:after,
main .view-aktualnosci .attachment .views-element-container .archive-archiwum-aktualnosci .view-content .views-col ul li a:after {
  background-image: url('../templates/images/Strzalka.png');
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 5px;
  left: 30%;
  display: inline-block;
  margin-left: 10px;
  width: 25px;
  height: 25px;
  content: "";
  transition: margin-left 0.5s;
}

main .view-aktualnosci-en .attachment .views-element-container .archive-archiwum-aktualnosci .view-content .views-col ul li a:hover:after,
main .view-aktualnosci .attachment .views-element-container .archive-archiwum-aktualnosci .view-content .views-col ul li a:hover:after {
  margin-left: 20px;
}

main .view-aktualnosci-en .attachment .views-element-container .archive-others-aktualnosci .view-content .views-col,
main .view-aktualnosci .attachment .views-element-container .archive-others-aktualnosci .view-content .views-col {
  display: flex;
  flex-direction: column;
}

main .view-aktualnosci-en .attachment .views-element-container .archive-others-aktualnosci .view-content .views-col .views-field-title a,
main .view-aktualnosci .attachment .views-element-container .archive-others-aktualnosci .view-content .views-col .views-field-title a {
  font-size: var(--font-size-16);
}

main .gallery-main .view-content .views-col {
  display: flex;
  flex-direction: column;
}

main .gallery-main .view-content .views-col .views-field-field-galeria-zdjec .field-content {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

main .gallery-main .view-content .views-col .views-field-field-galeria-zdjec .field-content {
  padding-top: 25px;
  padding-bottom: 25px;
}

main .gallery-main .view-content .views-col .views-field-field-galeria-zdjec .field-content img {
  max-width: 200px;
  width: 100%;
}

@media only screen and (max-width: 1200px) {
  main .gallery-main .view-content .views-col .views-field-field-galeria-zdjec .field-content img {
      max-width: 175px;
  }
  main .view-aktualnosci .attachment .views-element-container .archive-archiwum-aktualnosci .view-content .views-col ul li a:after {
      left: 40%;
  }
}

@media only screen and (max-width: 1400px) {
  main .view-aktualnosci .attachment .views-element-container .archive-archiwum-aktualnosci .view-content .views-col ul li a:after {
      left: 35%;
  }
}

main .view-oferty-pracy .views-row {
  border-bottom: 1px solid var(--color-grey);
  margin-bottom: 25px;
}

main .view-oferty-pracy .views-field.views-field-title a {
  font-weight: bold;
}

.is-collapse-enabled .tabs {
  max-height: inherit;
}

#block-tabs {
  margin-bottom: 50px;
}


/* ---GÃƒâ€¦Ã¢â‚¬Å¡ÃƒÆ’Ã‚Â³wny kontent na podstronach np. artykuÃƒâ€¦Ã¢â‚¬Å¡ach END--- */


/* Felieton Page */

.felieton-page .view-content {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  grid-gap: 15px;
}

.felieton-page {
  position: relative;
}

.felieton-page .felieton-auth-box {
  position: relative;
}

.felieton-page .felieton-auth-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  text-align: center;
  transition: all 0.5s ease-in-out;
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 75%;
}

.felieton-page .felieton-auth-title a {
  color: var(--color-white);
  font-size: var(--font-size-16);
}

.felieton-page .felieton-auth-title .views-field-field-tag- a:before {
  content: "#";
}

.felieton-page .felieton-auth-img {
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  width: 100%;
  height: auto;
}

.felieton-page .felieton-auth-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s ease-in-out;
}

.felieton-page .more-link {
  position: absolute;
  bottom: 4px;
  right: -17px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 429px;
  height: 285px;
  background-color: var(--color-orange);
}

.felieton-page .more-link a {
  color: var(--color-white);
  font-size: var(--font-size-16);
  display: none;
}

.felieton-page .more-link .felieton-more-link {
  color: var(--color-white);
  font-size: var(--font-size-20);
  display: block;
}

@media only screen and (min-width: 1500px) {
  .felieton-page .more-link {
      width: 477px;
      height: 316px;
      right: -17px;
  }
}

@media only screen and (max-width: 1399px) {
  .felieton-page .more-link {
      width: 367px;
      height: 246px;
      right: -17px;
  }
}

@media only screen and (max-width: 1199px) {
  .felieton-page .more-link {
      width: 310px;
      height: 205px;
      right: -20px;
  }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .felieton-page .view-content {
      grid-template-columns: 50% 50%;
  }
  .felieton-page .more-link {
      position: relative;
      width: 100%;
      height: 50px;
      right: 0px;
      margin-top: 15px;
  }
  .felieton-page .felieton-auth-title {
      opacity: 1 !important;
      transform: translate(0%, 0%);
      position: static;
      padding: 15px;
  }
  .felieton-page .felieton-auth-title a {
      color: var(--color-navy-blue);
      font-size: var(--font-size-14);
  }
}

@media only screen and (max-width: 767px) {
  .felieton-page .view-content {
      grid-template-columns: 100%;
  }
  .felieton-page .more-link {
      position: relative;
      width: 100%;
      height: 50px;
      right: 0px;
      margin-top: 15px;
  }
  .felieton-page .felieton-auth-title {
      opacity: 1 !important;
      position: relative;
      top: 0;
      left: 0;
      transform: inherit;
      width: 100%;
      padding: 15px;
  }
  .felieton-page .felieton-auth-title a {
      color: var(--color-navy-blue);
      font-size: var(--font-size-14);
  }
}


/* COVID-19 Page */

.page-node-16649 main {
  margin-top: 0px;
  overflow: hidden;
}

.page-node-16649 main h1 {
  display: none;
}

.page-node-16649 .field--name-field-covid-banner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.page-node-16649 .field--name-field-covid-upper {
  margin: 50px 0px;
}

.page-node-16649 .covid-buttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 50px 0px;
}

.page-node-16649 .covid-buttons .item {
  background-color: var(--color-orange);
}

.page-node-16649 .covid-buttons .item a {
  font-size: var(--font-size-16);
  font-family: var(--font-family-inter);
  color: var(--color-white);
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  height: 5px;
  justify-content: center;
  padding: 25px 30px;
  text-align: center;
}

.page-node-16649 .covid-upper-content {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  gap: 30px;
  margin-bottom: 50px;
}

@media only screen and (max-width: 991px) {
  .page-node-16649 .covid-upper-content {
      flex-direction: column;
  }
}

.page-node-16649 .covid-upper-content div:nth-child(1) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
  position: relative;
}

.page-node-16649 .covid-upper-content div:nth-child(1) a {
  font-size: var(--font-size-18);
  line-height: 25px;
}

.page-node-16649 .covid-upper-content div:nth-child(1) a:after {
  background-image: url(../templates/images/Strzalka.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 22px;
  right: 33px;
  background-size: 100%;
  width: 30px;
  height: 30px;
  content: "";
  transition: margin-right 0.5s;
}

.page-node-16649 .covid-upper-content div:nth-child(1) a:hover:after {
  margin-right: -15px;
}

.page-node-16649 .covid-upper-content div:nth-child(2) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
}

.page-node-16649 .covid-upper-content div:nth-child(2) a {
  font-size: var(--font-size-16);
  font-family: var(--font-family-inter);
  color: var(--color-white);
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  height: 5px;
  justify-content: center;
  padding: 25px 75px;
  text-align: center;
  background-color: var(--color-orange);
}

.page-node-16649 .covid-below-content {
  display: grid;
  grid-template-columns: 10% 35% 10% 35% 10%;
  grid-template-areas: ". covid-below-left . covid-below-right ."
}

.page-node-16649 .covid-below-content div:nth-child(1) {
  grid-area: covid-below-left;
  margin-left: 25px;
  margin-right: 25px;
}

.page-node-16649 .covid-below-content div:nth-child(2) {
  grid-area: covid-below-right;
  margin-left: 25px;
  margin-right: 25px;
}

.page-node-16649 .covid-below-content a {
  font-size: var(--font-size-18);
  line-height: 25px;
}

.page-node-16649 .covid-below-content div {
  position: relative;
  text-align: center;
}

.page-node-16649 .covid-below-content hr {
  margin-top: 15px;
}

.page-node-16649 .covid-below-content div a:after {
  background-image: url(../templates/images/Strzalka.png);
  background-repeat: no-repeat;
  position: absolute;
  top: -1px;
  margin-left: 15px;
  background-size: 100%;
  width: 30px;
  height: 30px;
  content: "";
  transition: margin-left 0.5s;
}

.page-node-16649 .covid-below-content div a:hover:after {
  margin-left: 30px;
}

.page-node-16649 .covid-middle-content {
  display: grid;
  grid-template-columns: 45% 10% 45%;
  grid-template-rows: auto;
  grid-template-areas: "covid-middle-left . covid-middle-right";
  margin-top: 50px;
  margin-bottom: 50px;
}

.page-node-16649 .covid-middle-content .covid-middle-content-left {
  grid-area: covid-middle-left;
}

.page-node-16649 .covid-middle-content .covid-middle-content-right {
  grid-area: covid-middle-right;
}

.page-node-16649 .covid-middle-content img {
  object-fit: contain;
  width: 64px;
  height: 64px;
}

.page-node-16649 .covid-middle-content-left .covid-middle-content-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 35px;
  margin: 25px 0px;
}

.page-node-16649 .covid-middle-content-right .covid-middle-content-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 35px;
  margin: 25px 0px;
}

@media only screen and (max-width: 1199px) {
  .page-node-16649 .covid-below-content {
      grid-template-columns: 5% 40% 10% 40% 5%;
  }
  .page-node-16649 .covid-below-content div:nth-child(1) {
      grid-area: covid-below-left;
      margin-left: 5px;
      margin-right: 5px;
  }
  .page-node-16649 .covid-below-content div:nth-child(2) {
      grid-area: covid-below-right;
      margin-left: 5px;
      margin-right: 5px;
  }
}

@media only screen and (max-width: 991px) {
  .page-node-16649 .covid-below-content {
      flex-direction: column;
      margin: 0 60px;
      text-align: center;
  }
  .page-node-16649 .covid-below-content div a:after {
      right: -40px;
  }
  .page-node-16649 .covid-middle-content {
      grid-template-columns: 100% !important;
      grid-template-areas: "covid-middle-left" "covid-middle-right" !important;
  }
  .page-node-16649 .covid-below-content {
      grid-template-columns: 100% !important;
      grid-template-areas: "covid-below-left" "covid-below-right" !important;
      grid-gap: 15px;
  }
}