@charset "UTF-8";
:root {
  --primary-color: #343434;
  --primary-color-light: #606060;
  --light-color: #F4F5F0;
  --main-bg: #F4F5F0;
  --accent-color: #FCEE7B;
  --accent-color-light: #FFF8BD;
  --font-size-s: 16px;
  --font-size: 20px;
  --font-size-m: 24px;
  --font-size-l: 28px;
  --font-size-xl: 32px;
  --font-size-xxl: 36px;
  --font-size-h1:  clamp(40px, 4.7vw, 89px);
  --main-font: "droid-sans", sans-serif;
  --title-font: "gelica", sans-serif;
  --main-radius: 16px;
  --color-lienz-thurn: #812176;
  --color-defer-kals: #253B8E;
  --color-debant: #1B929E;
  --color-assling-anras: #991927;
  --color-matrei: #DB6F4A;
  --color-oberland: #5E358C;
  --color-lienz-land: #2380C3;
  --color-virgen: #0F6E28; }

::-moz-selection {
  color: var(--light-color);
  background: var(--primary-color); }

::selection {
  color: var(--light-color);
  background: var(--primary-color); }

.tm-page {
  word-break: auto-phrase;
  hyphens: auto;
  -webkit-hyphens: none;
  hyphenate-character: "-"; }

html {
  font-size: clamp(17px, 2.6vw, 20px); }

.uk-h1 {
  font-size: clamp(40px, 4.8vw, 89px); }

.uk-h2 {
  font-size: clamp(28px, 2.2vw, 36px); }

.uk-h3 {
  font-size: clamp(21px, 2.2vw, 30px);
  line-height: 1.86em; }

.uk-h1, .uk-h2, .uk-h3 {
  word-break: auto-phrase;
  hyphens: auto;
  -webkit-hyphens: none;
  hyphenate-character: "-"; }

.uk-text-large {
  font-size: clamp(19px, 2.6vw, 24px); }

.btn-lg, .uk-button-large {
  padding: 9px 23px;
  line-height: 1.2em; }

.link-font-2 .el-item a {
  text-underline-offset: 2px;
  font-family: var(--title-font);
  font-size: var(--font-size-m);
  font-weight: bold; }
  .link-font-2 .el-item a:hover {
    text-decoration: underline; }
.link-font-2 .el-item.uk-active > a {
  text-decoration: underline; }

.color-svg .fill-path {
  fill: var(--accent-color); }

/* tm-header */
.tm-header {
  pointer-events: none;
  z-index: 1111; }
  .tm-header .uk-navbar {
    padding-top: 25px; }
    .tm-header .uk-navbar .uk-logo {
      pointer-events: all; }

#tm-dialog-mobile .uk-offcanvas-bar {
  max-width: 320px !important; }
  #tm-dialog-mobile .uk-offcanvas-bar .uk-close {
    color: var(--primary-color); }

/* tm-header-mobile */
.tm-header-mobile .uk-navbar {
  padding-top: 10px; }
  .tm-header-mobile .uk-navbar .uk-logo > img {
    max-width: 70px; }

/* default-header-section */
.default-header-section > .uk-container {
  position: relative; }

.scroll-down-outer {
  position: absolute;
  bottom: 0;
  left: 32px; }
  .scroll-down-outer a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 130px;
    row-gap: 8px;
    user-select: none; }
    .scroll-down-outer a:hover {
      text-decoration: none; }

/* custom-menu */
.custom-menu-section {
  background: transparent !important; }
  .custom-menu-section > .uk-container {
    transition: 0.2s;
    border-bottom: 1px solid transparent;
    margin-bottom: -45px !important;
    padding-top: 45px !important;
    padding-bottom: 45px !important;
    max-width: 100%;
    background: transparent; }
    .custom-menu-section > .uk-container > .uk-grid {
      margin: 0 auto;
      max-width: 1800px; }
  .custom-menu-section.uk-sticky-fixed > .uk-container {
    border-color: var(--primary-color);
    background: var(--main-bg); }

.custom-menu-outer {
  z-index: 2;
  position: relative; }

.under-menu-section {
  margin-top: -50px; }

.custom-menu > .uk-nav {
  display: flex;
  justify-content: end;
  column-gap: 30px; }
  .custom-menu > .uk-nav .el-item {
    font-size: var(--font-size);
    font-weight: bold; }
    .custom-menu > .uk-nav .el-item > a {
      column-gap: 10px;
      text-underline-offset: 2px; }
      .custom-menu > .uk-nav .el-item > a:hover {
        text-decoration: underline; }

/* bg-svg */
.bg-color-section {
  position: relative;
  z-index: 1; }
  .bg-color-section:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-width: 2200px;
    margin: 0 auto;
    z-index: -1;
    background: var(--accent-color); }

.bg-svg {
  opacity: 1 !important; }
  .bg-svg svg {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    padding: 0;
    max-width: 2201px;
    margin: 0 auto;
    z-index: -1; }
    .bg-svg svg path {
      fill: var(--accent-color); }
  .bg-svg.bg-svg-top svg {
    top: 0px; }
.bg-svg.bg-svg-bot svg {
  bottom: -1px; }

/* popup-grid (Leistungen) */
.popup-grid {
  border-top: 1px solid;
  border-left: 1px solid; }
  .popup-grid .popup-grid-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    border-right: 1px solid;
    border-bottom: 1px solid;
    padding: 35px 25px;
    transition: 0.3s; }
    .popup-grid .popup-grid-item .el-title {
      font-size: clamp(24px, 1.9vw, 36px); }
    .popup-grid .popup-grid-item .el-link {
      display: flex;
      justify-content: center;
      align-items: center;
      column-gap: 9px; }
    .popup-grid .popup-grid-item .popup-grid-link {
      cursor: pointer;
      text-underline-offset: 2px; }
      .popup-grid .popup-grid-item .popup-grid-link:hover {
        text-decoration: underline; }
    .popup-grid .popup-grid-item .el-content, .popup-grid .popup-grid-item .popup-grid-subtitle, .popup-grid .popup-grid-item .popup-grid-detail-img, .popup-grid .popup-grid-item .popup-grid-sozialsprengel {
      display: none !important; }
    .popup-grid .popup-grid-item:hover {
      background-color: var(--main-bg); }

.popup-grid-accordion {
  overflow: hidden;
  transition: 0.6s; }

.popup-grid-accordion-btn {
  margin-top: 80px; }

.eb-module {
  /* custom scrollbar */ }
  .eb-module ::-webkit-scrollbar {
    width: 16px !important; }
  .eb-module ::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 40px;
    border: 1px solid var(--primary-color); }
  .eb-module ::-webkit-scrollbar-thumb {
    border-radius: 40px;
    background: var(--primary-color); }
  .eb-module ::-webkit-scrollbar-thumb:hover {
    background: var(--primary-color); }
  .eb-module .eb-dialog {
    box-shadow: -4px 0px 5px rgba(0, 0, 0, 0.25); }
    .eb-module .eb-dialog .eb-close {
      right: unset;
      left: 35px;
      top: 35px;
      height: 55px;
      width: 55px;
      border: 2px solid;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center; }
      .eb-module .eb-dialog .eb-close > span {
        position: absolute;
        padding: 0;
        line-height: unset;
        font-size: 41px;
        top: 2px; }

.leistungen-popup {
  min-height: 70vh; }
  .leistungen-popup .leistungen-popup-img {
    display: flex;
    justify-content: center; }
  .leistungen-popup .leistungen-popup-text {
    height: auto;
    max-height: 500px;
    overflow: auto;
    padding-right: 10px;
    margin: 30px 0 !important; }
    .leistungen-popup .leistungen-popup-text > p {
      margin-bottom: 0; }
    .leistungen-popup .leistungen-popup-text b, .leistungen-popup .leistungen-popup-text strong {
      font-family: var(--title-font); }
    .leistungen-popup .leistungen-popup-text ul {
      list-style: none;
      padding: 0; }
      .leistungen-popup .leistungen-popup-text ul li {
        position: relative;
        padding-left: 26px;
        margin-bottom: 15px; }
        .leistungen-popup .leistungen-popup-text ul li:before {
          content: "";
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          width: 18px;
          height: 18px;
          background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 7L5.83333 -3.56976e-07L5.83333 4L3.01992e-07 4L3.97232e-08 10L5.83333 10L5.83333 14L14 7ZM7 9L1.16667 9L1.16667 5L7 5L7 2.5L12.3433 7L7 11.5L7 9Z' fill='currentcolor'/%3E%3C/svg%3E%0A");
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain; }
        .leistungen-popup .leistungen-popup-text ul li:last-child {
          margin-bottom: 0; }
  .leistungen-popup .leistungen-popup-title {
    font-size: clamp(39px, 4vw, 68px); }
  .leistungen-popup .leistungen-popup-subtitle, .leistungen-popup .popup-grid-sozialsprengel-title {
    font-family: var(--title-font);
    font-weight: bold; }
  .leistungen-popup .popup-grid-sozialsprengel-inner > a {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    column-gap: 8px; }
    .leistungen-popup .popup-grid-sozialsprengel-inner > a .uk-icon {
      color: var(--accent-color); }
      .leistungen-popup .popup-grid-sozialsprengel-inner > a.alle-sozialsprengel .uk-icon {
        position: relative;
        color: #FCEE7B; }
        .leistungen-popup .popup-grid-sozialsprengel-inner > a.alle-sozialsprengel .uk-icon:after {
          content: "";
          position: absolute;
          background-color: var(--primary-color);
          border-radius: 50%;
          height: 14px;
          width: 14px;
          margin: 0 auto;
          left: 0;
          right: 0;
          top: 2px;
          z-index: -1; }

.sprengel-detail-page .leistungen-popup .leistungen-popup-img > svg > path {
  fill: var(--accent-color); }
.sprengel-detail-page .leistungen-popup .leistungen-popup-img > svg > g {
  color: var(--light-color); }

.map-search-section {
  padding: 90px 0; }
  .map-search-section .map-search-c1 .map-search-input-outer {
    width: 100%;
    display: flex;
    justify-content: center; }
    .map-search-section .map-search-c1 .map-search-input-outer .map-search-tooltip {
      font-size: 15px;
      background: var(--main-bg);
      border: 2px solid;
      color: var(--primary-color);
      padding: 3px 9px;
      border-radius: 0px;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      /*width: calc(100% - 45px);*/
      max-width: 310px;
      text-align: center;
      bottom: calc(100% - 2px);
      pointer-events: none;
      transition: 0.2s; }
    .map-search-section .map-search-c1 .map-search-input-outer .map-search-input-inner {
      width: 100%;
      max-width: 364px;
      position: relative;
      display: flex;
      align-items: center; }
      .map-search-section .map-search-c1 .map-search-input-outer .map-search-input-inner .map-search-input {
        padding-left: 60px;
        padding-right: 45px; }
      .map-search-section .map-search-c1 .map-search-input-outer .map-search-input-inner .map-search-input-submit, .map-search-section .map-search-c1 .map-search-input-outer .map-search-input-inner .map-search-input-clear {
        position: absolute;
        width: 40px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer; }
      .map-search-section .map-search-c1 .map-search-input-outer .map-search-input-inner .map-search-input-submit {
        left: 5px; }
        .map-search-section .map-search-c1 .map-search-input-outer .map-search-input-inner .map-search-input-submit:after {
          content: "|";
          position: absolute;
          color: #A2A2A2;
          right: -7px;
          transform: translateY(-2px); }
      .map-search-section .map-search-c1 .map-search-input-outer .map-search-input-inner .map-search-input-clear {
        right: 7px;
        transition: 0.1s;
        opacity: 0; }
  .map-search-section .map-search-c1 .map-btn-container .map-btn-row > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    column-gap: 20px;
    row-gap: 20px; }
    .map-search-section .map-search-c1 .map-btn-container .map-btn-row > div .map-btn.map-item-active {
      background-color: var(--primary-color);
      color: var(--light-color);
      border-color: var(--primary-color); }
  .map-search-section .map-search-c2 {
    position: relative; }
    .map-search-section .map-search-c2 .map-container-outer {
      display: flex;
      justify-content: end;
      align-items: center;
      width: 100%;
      height: 100%; }
      .map-search-section .map-search-c2 .map-container-outer > svg {
        max-width: 930px; }
        .map-search-section .map-search-c2 .map-container-outer #map-container .map-item {
          cursor: pointer; }
          .map-search-section .map-search-c2 .map-container-outer #map-container .map-item .map-bg, .map-search-section .map-search-c2 .map-container-outer #map-container .map-item .map-text {
            transition: 0.2s ease-in-out; }
            .map-search-section .map-search-c2 .map-container-outer #map-container .map-item.map-item-active .map-text {
              fill: var(--light-color); }
            .map-search-section .map-search-c2 .map-container-outer #map-container .map-item.map-item-active[map-item-value="lienz-thurn"] .map-bg {
              fill: var(--color-lienz-thurn); }
            .map-search-section .map-search-c2 .map-container-outer #map-container .map-item.map-item-active[map-item-value="defereggental-kals"] .map-bg {
              fill: var(--color-defer-kals); }
            .map-search-section .map-search-c2 .map-container-outer #map-container .map-item.map-item-active[map-item-value="nussdorf-debant-und-umgebung"] .map-bg {
              fill: var(--color-debant); }
            .map-search-section .map-search-c2 .map-container-outer #map-container .map-item.map-item-active[map-item-value="assling-anras-abfaltersbach"] .map-bg {
              fill: var(--color-assling-anras); }
            .map-search-section .map-search-c2 .map-container-outer #map-container .map-item.map-item-active[map-item-value="matrei-in-osttirol"] .map-bg {
              fill: var(--color-matrei); }
            .map-search-section .map-search-c2 .map-container-outer #map-container .map-item.map-item-active[map-item-value="osttiroler-oberland"] .map-bg {
              fill: var(--color-oberland); }
            .map-search-section .map-search-c2 .map-container-outer #map-container .map-item.map-item-active[map-item-value="lienz-land"] .map-bg {
              fill: var(--color-lienz-land); }
            .map-search-section .map-search-c2 .map-container-outer #map-container .map-item.map-item-active[map-item-value="virgental-praegraten-virgen"] .map-bg {
              fill: var(--color-virgen); }
    .map-search-section .map-search-c2 .map-area-names-outer {
      /*position: absolute;
			left: 0;
			bottom: 0;*/ }
      .map-search-section .map-search-c2 .map-area-names-outer .map-area-names {
        opacity: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        width: max-content;
        text-align: center;
        pointer-events: none;
        right: 55%;
        margin: 0 auto; }
        .map-search-section .map-search-c2 .map-area-names-outer .map-area-names div {
          font-weight: bold;
          font-family: var(--title-font);
          font-size: var(--font-size-m); }
        .map-search-section .map-search-c2 .map-area-names-outer .map-area-names.map-item-active {
          opacity: 1; }
  .map-search-section.bg-color-section {
    padding-top: 120px; }
    .map-search-section.bg-color-section .map-search-input {
      background: var(--main-bg); }
    .map-search-section.bg-color-section .map-bg {
      fill: var(--main-bg); }
    .map-search-section.bg-color-section path.map-bg {
      stroke: var(--accent-color); }

.news-slider .el-item, .news-grid .el-item {
  padding: 18px; }
  .news-slider .el-item .el-image, .news-grid .el-item .el-image {
    aspect-ratio: 1;
    object-fit: cover;
    border: 1px solid; }
    .news-slider .el-item .el-content .news-item-area, .news-grid .el-item .el-content .news-item-area {
      display: flex;
      align-items: start;
      column-gap: 14px;
      margin-bottom: 20px; }
      .news-slider .el-item .el-content .news-item-area .uk-icon, .news-grid .el-item .el-content .news-item-area .uk-icon {
        margin-top: 3px;
        width: 18px; }
  .news-slider .el-item .el-link, .news-grid .el-item .el-link {
    display: flex;
    align-items: center;
    column-gap: 14px; }

.news-slider > div.uk-position-relative {
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-top: 1px solid; }
.news-slider .el-item {
  border-left: 1px solid; }
  .news-slider .el-item .el-link {
    width: max-content; }

.home-page .news-slider > div.uk-position-relative {
  padding-left: 1px;
  padding-right: 1px;
  padding-bottom: 1px;
  border: unset !important; }
.home-page .news-slider .uk-slider-items {
  border-left: 1px solid; }
  .home-page .news-slider .uk-slider-items > div > .el-item {
    border: 1px solid;
    border-right: unset; }
  .home-page .news-slider .uk-slider-items > div:first-child > .el-item {
    border-left: unset; }
  .home-page .news-slider .uk-slider-items > div:last-child > .el-item {
    border-right: 1px solid; }

.news-grid .uk-grid {
  border-top: 1px solid;
  border-left: 1px solid; }
  .news-grid .uk-grid > div .el-item {
    border-right: 1px solid;
    border-bottom: 1px solid; }

.readmore-row {
  margin: 45px 0 !important; }
  .readmore-row > div {
    padding: 0 !important; }

.news-headline-img {
  text-align: center; }
  .news-headline-img svg > path {
    fill: var(--accent-color); }

.news-detail-content-section {
  padding-bottom: 280px; }
  .news-detail-content-section .news-detail-content-row a {
    text-decoration: underline; }
  .news-detail-content-section .news-detail-content-img {
    max-width: 350px;
    margin: 0 auto; }
    .news-detail-content-section .news-detail-links-row > div {
      display: flex;
      align-items: center;
      gap: 20px; }
      .news-detail-content-section .news-detail-links-row > div .news-detail-links .uk-button {
        color: var(--light-color);
        border-color: var(--light-color); }
    .news-detail-content-section .news-detail-links-row.file-download-btns-row > div {
      justify-content: center;
      flex-wrap: wrap; }
      .news-detail-content-section .news-detail-links-row.file-download-btns-row > div > .file-download-btn {
        max-width: 370px;
        width: max-content; }

.jobs-section > .uk-container {
  max-width: 1300px;
  padding-bottom: 45px !important; }

.jobs-outer > div > .jobs-item:not(:first-child) {
  padding-top: 100px;
  margin-top: 100px !important;
  border-top: 1px solid; }
  .jobs-outer .jobs-item .jobs-item-title-container {
    margin-bottom: 45px !important; }
  .jobs-outer .jobs-item .jobs-item-text-container {
    max-height: 0px;
    overflow: hidden;
    transition: 0.4s ease; }
    .jobs-outer .jobs-item .jobs-item-text-container .jobs-item-text-row {
      margin-bottom: 45px !important; }
  .jobs-outer .jobs-item .jobs-item-btns-container .jobs-item-btns-row > div {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    max-width: 1200px; }

.no-jobs-row {
  display: none; }

.team-kontakt-section {
  margin-bottom: 50px; }
  .team-kontakt-section .team-kontakt-2-outer {
    max-height: 0px;
    overflow: hidden;
    transition: 0.4s ease; }
  .team-kontakt-section .team-kontakt-2 {
    padding: 50px 0px; }
    .team-kontakt-section .team-kontakt-2 .team-kontakt-item .team-kontakt-title {
      max-width: 640px; }
    .team-kontakt-section .team-kontakt-2 .team-kontakt-item .team-kontakt-personen {
      white-space: pre-line;
      column-count: 2;
      column-gap: 20px;
      font-size: var(--font-size-m);
      font-family: var(--title-font);
      font-weight: bold; }
    .team-kontakt-section .team-kontakt-2 .team-kontakt-item .team-kontakt-divider {
      width: 100%;
      height: 1px;
      background: var(--primary-color);
      margin: 60px 0px; }
    .team-kontakt-section .team-kontakt-2 > div {
      margin-left: unset; }
      .team-kontakt-section .team-kontakt-2 > div:last-child .team-kontakt-divider {
        display: none; }
  .team-kontakt-section .team-kontakt-svg-column {
    display: flex;
    justify-content: center; }
  .team-kontakt-section .kontakt-form-row {
    margin-top: 130px; }
    .team-kontakt-section .kontakt-form-row .kontakt-form .cf-form-wrap {
      padding: 0; }
      .team-kontakt-section .kontakt-form-row .kontakt-form .cf-form-wrap .cf-response {
        padding-top: 12px !important;
        padding-bottom: 16px !important; }
        .team-kontakt-section .kontakt-form-row .kontakt-form .cf-form-wrap .cf-input::placeholder {
          color: var(--primary-color); }
        .team-kontakt-section .kontakt-form-row .kontakt-form .cf-form-wrap .cf-input[type="checkbox"] {
          padding: 0;
          margin-right: 9px;
          appearance: none;
          width: 22px !important;
          height: 22px !important;
          border: 1px solid var(--input-border-color);
          border-radius: 4px;
          background-color: transparent;
          cursor: pointer;
          position: relative; }
          .team-kontakt-section .kontakt-form-row .kontakt-form .cf-form-wrap .cf-input[type="checkbox"]:checked {
            background-color: var(--input-border-color);
            content: "";
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center; }
            .team-kontakt-section .kontakt-form-row .kontakt-form .cf-form-wrap .cf-input[type="checkbox"]:checked::after {
              content: "";
              position: absolute;
              top: 3px;
              left: 7px;
              width: 6px;
              height: 12px;
              border: solid var(--light-color);
              border-width: 0 2px 2px 0;
              transform: rotate(45deg); }
    .team-kontakt-section .kontakt-form-row .kontakt-form .uk-button {
      font-family: var(--title-font);
      font-size: var(--font-size-m);
      border: 1px solid;
      border-radius: 50px; }
      .team-kontakt-section .kontakt-form-row .kontakt-form .uk-button:hover {
        opacity: 1; }

.downloads-article .downloads-item > .uk-grid > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px; }

footer .footer-section {
  padding: 25px 0;
  border-top: 1px solid; }
  footer .footer-section .footer-row > div {
    display: flex;
    justify-content: space-between;
    align-items: center; }

.section-color.assling-anras-abfaltersbach, .section-color.assling-anras-abfaltersbach-page, .sprengel-detail-page.assling-anras-abfaltersbach, .sprengel-detail-page.assling-anras-abfaltersbach-page, .popup-grid-sozialsprengel-inner > a.assling-anras-abfaltersbach, .popup-grid-sozialsprengel-inner > a.assling-anras-abfaltersbach-page {
  --accent-color: var(--color-assling-anras); }
.section-color.defereggental-kals, .section-color.defereggental-kals-page, .sprengel-detail-page.defereggental-kals, .sprengel-detail-page.defereggental-kals-page, .popup-grid-sozialsprengel-inner > a.defereggental-kals, .popup-grid-sozialsprengel-inner > a.defereggental-kals-page {
  --accent-color: var(--color-defer-kals); }
.section-color.lienz-thurn, .section-color.lienz-thurn-page, .sprengel-detail-page.lienz-thurn, .sprengel-detail-page.lienz-thurn-page, .popup-grid-sozialsprengel-inner > a.lienz-thurn, .popup-grid-sozialsprengel-inner > a.lienz-thurn-page {
  --accent-color: var(--color-lienz-thurn); }
.section-color.lienz-land, .section-color.lienz-land-page, .sprengel-detail-page.lienz-land, .sprengel-detail-page.lienz-land-page, .popup-grid-sozialsprengel-inner > a.lienz-land, .popup-grid-sozialsprengel-inner > a.lienz-land-page {
  --accent-color: var(--color-lienz-land); }
.section-color.matrei-in-osttirol, .section-color.matrei-in-osttirol-page, .sprengel-detail-page.matrei-in-osttirol, .sprengel-detail-page.matrei-in-osttirol-page, .popup-grid-sozialsprengel-inner > a.matrei-in-osttirol, .popup-grid-sozialsprengel-inner > a.matrei-in-osttirol-page {
  --accent-color: var(--color-matrei); }
.section-color.nussdorf-debant-und-umgebung, .section-color.nussdorf-debant-und-umgebung-page, .sprengel-detail-page.nussdorf-debant-und-umgebung, .sprengel-detail-page.nussdorf-debant-und-umgebung-page, .popup-grid-sozialsprengel-inner > a.nussdorf-debant-und-umgebung, .popup-grid-sozialsprengel-inner > a.nussdorf-debant-und-umgebung-page {
  --accent-color: var(--color-debant); }
.section-color.osttiroler-oberland, .section-color.osttiroler-oberland-page, .sprengel-detail-page.osttiroler-oberland, .sprengel-detail-page.osttiroler-oberland-page, .popup-grid-sozialsprengel-inner > a.osttiroler-oberland, .popup-grid-sozialsprengel-inner > a.osttiroler-oberland-page {
  --accent-color: var(--color-oberland); }
.section-color.virgental-praegraten-virgen, .section-color.virgental-praegraten-virgen-page, .sprengel-detail-page.virgental-praegraten-virgen, .sprengel-detail-page.virgental-praegraten-virgen-page, .popup-grid-sozialsprengel-inner > a.virgental-praegraten-virgen, .popup-grid-sozialsprengel-inner > a.virgental-praegraten-virgen-page {
  --accent-color: var(--color-virgen); }
.section-color .news-slider > div.uk-position-relative, .sprengel-detail-page .news-slider > div.uk-position-relative, .popup-grid-sozialsprengel-inner > a .news-slider > div.uk-position-relative {
  padding-left: 1px;
  padding-right: 1px;
  padding-bottom: 1px;
  border: unset !important; }
  .section-color .news-slider > div.uk-position-relative .uk-slider-items, .sprengel-detail-page .news-slider > div.uk-position-relative .uk-slider-items, .popup-grid-sozialsprengel-inner > a .news-slider > div.uk-position-relative .uk-slider-items {
    border-left: 1px solid; }
    .section-color .news-slider > div.uk-position-relative .uk-slider-items .el-item, .sprengel-detail-page .news-slider > div.uk-position-relative .uk-slider-items .el-item, .popup-grid-sozialsprengel-inner > a .news-slider > div.uk-position-relative .uk-slider-items .el-item {
      border-right: unset; }
    .section-color .news-slider > div.uk-position-relative .uk-slider-items > div:first-child > .el-item, .sprengel-detail-page .news-slider > div.uk-position-relative .uk-slider-items > div:first-child > .el-item, .popup-grid-sozialsprengel-inner > a .news-slider > div.uk-position-relative .uk-slider-items > div:first-child > .el-item {
      border-left: unset; }
    .section-color .news-slider > div.uk-position-relative .uk-slider-items > div:last-child > .el-item, .sprengel-detail-page .news-slider > div.uk-position-relative .uk-slider-items > div:last-child > .el-item, .popup-grid-sozialsprengel-inner > a .news-slider > div.uk-position-relative .uk-slider-items > div:last-child > .el-item {
      border-right: 1px solid; }

.sprengel-detail-page .custom-menu-section .custom-menu-row > div {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 20px; }
.sprengel-detail-page .scroll-down-outer {
  bottom: -75px; }
.sprengel-detail-page .popup-grid {
  color: var(--light-color);
  margin-bottom: 120px; }
  .sprengel-detail-page .popup-grid .popup-grid-item .el-title {
    color: var(--light-color); }
  .sprengel-detail-page .popup-grid .popup-grid-item .el-image {
    transition: 0.1s;
    filter: invert(1) brightness(100); }
  .sprengel-detail-page .popup-grid .popup-grid-item .popup-grid-link:focus {
    outline-color: var(--light-color); }
    .sprengel-detail-page .popup-grid .popup-grid-item:hover .el-title, .sprengel-detail-page .popup-grid .popup-grid-item:hover .popup-grid-link {
      color: var(--primary-color); }
    .sprengel-detail-page .popup-grid .popup-grid-item:hover .el-image {
      filter: invert(0); }
.sprengel-detail-page .jobs-section .jobs-item-img img {
  filter: invert(1) brightness(100); }
.sprengel-detail-page .uk-button.uk-button-secondary {
  color: var(--accent-color);
  border-color: var(--accent-color);
  background-color: transparent; }
  .sprengel-detail-page .uk-button.uk-button-secondary:hover {
    color: var(--light-color);
    border-color: var(--accent-color);
    background-color: var(--accent-color); }
.sprengel-detail-page .bg-color-section .uk-button.uk-button-secondary {
  color: var(--light-color);
  border-color: var(--light-color);
  background-color: transparent; }
  .sprengel-detail-page .bg-color-section .uk-button.uk-button-secondary:hover {
    color: var(--light-color);
    border-color: var(--light-color);
    background-color: var(--primary-color); }

.rechner-outer {
  overflow-x: auto; }

@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
  .rechner-section select {
    -webkit-appearance: none; } }

#tarifrechner {
  font-family: var(--main-font);
  font-size: var(--font-size-s);
  color: var(--primary-color);
  position: relative;
  width: 100%;
  margin: 0;
  padding: 35px 0;
  float: left;
  min-width: 980px; }
  #tarifrechner > fieldset {
    float: left;
    display: flex;
    justify-content: space-between; }
  #tarifrechner *:focus-visible {
    outline: unset !important; }
  #tarifrechner #col1, #tarifrechner #col2 {
    width: 545px;
    position: relative; }
    #tarifrechner #col1 fieldset, #tarifrechner #col2 fieldset {
      width: auto;
      margin: 1em;
      margin-bottom: 42px; }
      #tarifrechner #col1 fieldset input.disabled, #tarifrechner #col2 fieldset input.disabled {
        border: 0; }
    #tarifrechner #col1:nth-child(2) fieldset, #tarifrechner #col2:nth-child(2) fieldset {
      margin-left: 0; }
  #tarifrechner fieldset {
    z-index: 0;
    width: 100%; }
  #tarifrechner legend {
    font-family: var(--title-font);
    color: var(--primary-color);
    font-size: var(--font-size-m);
    font-weight: bold;
    overflow: hidden; }
    #tarifrechner legend a {
      float: right;
      font-weight: normal;
      font-size: 12px;
      margin-left: 0.25em;
      padding-right: 0.25em;
      cursor: pointer; }
    #tarifrechner legend input {
      float: none;
      width: auto;
      height: auto;
      border: 0;
      display: inline;
      vertical-align: middle; }
      #tarifrechner legend input.submit {
        background-color: var(--primary-color);
        color: var(--accent-color-light);
        width: 20px;
        height: 20px;
        padding: 3px;
        line-height: 14px;
        font-weight: bold;
        text-align: center;
        display: inline-block;
        border-radius: 10px; }
  #tarifrechner div.info {
    display: none !important;
    border: 1px solid var(--primary-color);
    background-color: var(--accent-color-light);
    border-radius: 0.5em;
    box-shadow: 10px 10px 5px #888;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 1.25em;
    overflow: hidden;
    margin: 1em 0 0;
    padding: 1em; }
    #tarifrechner div.info h2 {
      font-size: 18px;
      margin-top: 0; }
    #tarifrechner div.info ul {
      margin: 1em 0;
      padding: 0;
      list-style: disc outside; }
      #tarifrechner div.info ul li {
        margin-left: 1.5em; }
    #tarifrechner div.info td {
      vertical-align: top;
      padding: 0.25em; }
    #tarifrechner div.info th {
      text-align: center;
      font-weight: bold;
      padding: 0.25em; }
    #tarifrechner div.info p {
      margin-bottom: 0.5em; }
  #tarifrechner label {
    overflow: visible;
    text-align: left;
    line-height: 25px;
    font-size: var(--font-size-s);
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
    column-gap: 18px; }
    #tarifrechner label > b {
      width: 100%;
      display: flex;
      justify-content: space-between; }
  #tarifrechner select {
    background: var(--accent-color-light);
    border: 1px solid var(--primary-color);
    padding: 0.25em 0.5em;
    border-radius: 15px;
    width: 90px;
    height: 42px; }
    #tarifrechner select option {
      padding: 0 0.25em; }
  #tarifrechner input:not(.submit) {
    text-align: right;
    font-family: var(--main-font);
    font-size: var(--font-size-s);
    width: 6em;
    color: var(--primary-color);
    padding: 2px;
    border: 1px solid var(--primary-color);
    border-radius: 15px;
    background: var(--accent-color-light); }
    #tarifrechner input:not(.submit).checkbox {
      cursor: pointer;
      height: 14px;
      width: 14px;
      margin-right: 5.6em;
      margin-bottom: 0;
      position: relative;
      top: 2px; }
    #tarifrechner input:not(.submit).submit {
      /*width: auto;
		padding: 0.25em 1em;
		font-weight: bold;
		text-align: center;
		margin: 0;
		height: auto;
		background-color: var(--primary-color);
		color: var(--accent-color-light);
		border-radius: 0.5em;
		border: 1px solid var(--primary-color);
		cursor: pointer;*/ }
    #tarifrechner input:not(.submit):not(.disabled) {
      margin: 0;
      font-size: var(--font-size-s); }
    #tarifrechner input:not(.submit):not(.disabled):not(.checkbox) {
      margin: 0;
      width: 170px;
      height: 42px;
      padding: 6px 12px; }
  #tarifrechner .disabled {
    background-color: transparent !important;
    color: var(--primary-color-light) !important;
    border-radius: 0 !important;
    border: 0 !important;
    padding: 0 !important;
    line-height: 1em !important;
    font-size: var(--font-size-m) !important;
    font-family: var(--title-font) !important;
    font-weight: bold !important; }
    #tarifrechner b input, #tarifrechner b input.disabled {
      font-weight: bold;
      color: var(--primary-color) !important; }
  #tarifrechner input[type="checkbox"] {
    appearance: none;
    width: 28px !important;
    height: 28px !important;
    border: 1px solid var(--primary-color);
    border-radius: 7px;
    background-color: var(--accent-color-light);
    cursor: pointer; }
    #tarifrechner input[type="checkbox"]:checked {
      content: "";
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center; }
      #tarifrechner input[type="checkbox"]:checked::after {
        content: "✕";
        color: var(--primary-color);
        font-size: 17px;
        font-weight: bold;
        margin-top: -1px;
        margin-right: -1px; }
  #tarifrechner .checkbox-label {
    justify-content: start;
    align-items: end;
    flex-direction: row-reverse; }

#pflegegeldrechnerwrapper {
  overflow-x: auto; }

#pflegegeldrechner {
  font-family: var(--main-font);
  font-size: var(--font-size-s);
  color: var(--primary-color);
  margin: 0;
  padding: 35px 0;
  min-width: 980px; }
  #pflegegeldrechner a.info {
    float: right;
    display: block;
    cursor: pointer;
    color: var(--primary-color);
    width: 30px;
    height: 30px;
    border: 1px solid;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-m);
    font-weight: bold;
    font-family: var(--main-font);
    transition: 0.2s; }
    #pflegegeldrechner a.info:hover {
      z-index: 100;
      background-color: var(--primary-color);
      color: var(--accent-color);
      border: 1px solid var(--primary-color); }
  #pflegegeldrechner span.info {
    left: 0;
    top: -1em;
    padding: 1em;
    margin: 0 2em 1em 0;
    border: 1px solid var(--primary-color);
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3);
    background-color: var(--main-bg);
    color: var(var(--primary-color));
    text-align: left;
    transition: opacity 0.5s ease;
    display: none;
    position: static;
    visibility: visible;
    opacity: 1;
    font-weight: normal; }
    #pflegegeldrechner span.info:hover {
      visibility: visible;
      z-index: 100; }
    #pflegegeldrechner span.info h2, #pflegegeldrechner span.info h3 {
      font-size: 100%;
      margin-top: 0;
      margin-bottom: 0.5em; }
    #pflegegeldrechner span.info p {
      margin: 0;
      margin-bottom: 0.5em; }
    #pflegegeldrechner span.info ul {
      margin: 1em 0;
      padding: 0;
      list-style: disc outside; }
      #pflegegeldrechner span.info ul li {
        margin: 0;
        padding: 0;
        margin-left: 1.5em; }
    #pflegegeldrechner span.info td {
      vertical-align: top;
      padding: 0.25em; }
    #pflegegeldrechner span.info th {
      text-align: center;
      font-weight: bold;
      padding: 0.25em; }
  #pflegegeldrechner input.submit {
    width: auto;
    padding: 0.25em 1em;
    font-weight: bold;
    text-align: center;
    margin: 0;
    height: auto;
    background-color: transparent;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    cursor: pointer; }
    #pflegegeldrechner input.submit:hover {
      color: var(--main-bg);
      background-color: var(--primary-color);
      border-color: var(--primary-color); }
  #pflegegeldrechner input[type="checkbox"] {
    margin: 0;
    appearance: none;
    width: 28px !important;
    height: 28px !important;
    border: 1px solid var(--primary-color);
    border-radius: 7px;
    background-color: var(--accent-color-light);
    cursor: pointer; }
    #pflegegeldrechner input[type="checkbox"]:checked {
      content: "";
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      transform: translateX(3px); }
      #pflegegeldrechner input[type="checkbox"]:checked::after {
        content: "✕";
        color: var(--primary-color);
        font-size: 17px;
        font-weight: bold;
        margin-top: 0px;
        margin-right: -1px; }
  #pflegegeldrechner input[type="radio"] {
    width: 23px;
    height: 23px;
    appearance: none;
    -webkit-appearance: none;
    margin: 5px;
    border: 1px solid var(--primary-color);
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    transition: all 0.2s ease;
    background-color: var(--accent-color); }
    #pflegegeldrechner input[type="radio"]:checked {
      background-color: var(--accent-color-light);
      border-color: var(--primary-color); }
    #pflegegeldrechner input[type="radio"]:checked::after {
      content: "";
      display: block;
      width: 7px;
      height: 7px;
      background-color: var(--primary-color);
      border-radius: 50%;
      margin: auto;
      position: relative;
      top: 7px; }
  #pflegegeldrechner .anzahl-td, #pflegegeldrechner .dauer-td {
    text-align: center; }
    #pflegegeldrechner .custom-input-border > span {
      display: flex;
      align-items: center;
      width: 124px;
      margin: 0 auto;
      height: 45px;
      padding: 6px 15px;
      text-align: right;
      font-family: var(--main-font);
      font-size: var(--font-size-s);
      color: var(--primary-color);
      border: 1px solid var(--primary-color);
      border-radius: 15px;
      background: var(--accent-color-light); }
  #pflegegeldrechner table {
    margin-bottom: 65px;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    table-layout: fixed;
    empty-cells: show; }
    #pflegegeldrechner table:nth-child(2) {
      border-spacing: 0px 15px; }
    #pflegegeldrechner table .td-border-left {
      position: relative; }
      #pflegegeldrechner table .td-border-left:after {
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        border-right: unset !important; }
    #pflegegeldrechner table .td-border-right {
      position: relative; }
      #pflegegeldrechner table .td-border-right:after {
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        border-left: unset !important; }
    #pflegegeldrechner table .td-border-left:after, #pflegegeldrechner table .td-border-right:after {
      content: "";
      position: absolute;
      height: 44px;
      width: 100%;
      border: 1px solid;
      left: 0;
      top: 3px; }
  #pflegegeldrechner table .td-border-left.td-border-large:after {
    width: calc(100% + 30px);
    left: -30px; }
  #pflegegeldrechner table .td-border-large.summe-highlight:after {
    background: var(--accent-color-light);
    z-index: -1; }
  #pflegegeldrechner table .td-border-default {
    position: relative; }
    #pflegegeldrechner table .td-border-default:after {
      content: "";
      position: absolute;
      height: 100%;
      max-height: 50px;
      width: 100%;
      border: 1px solid;
      border-radius: 15px;
      left: 0;
      top: 0; }
  #pflegegeldrechner table tr.checked .td-border-left:after, #pflegegeldrechner table tr.checked .td-border-right:after {
    background: var(--accent-color-light);
    z-index: -1; }
  #pflegegeldrechner table .hilite {
    background: var(--accent-color-light); }
  #pflegegeldrechner table tfoot .td-border-default:after {
    background: var(--accent-color-light);
    z-index: -1; }
  #pflegegeldrechner table th {
    font-weight: bold;
    text-align: left;
    background-color: transparent;
    padding: 8px 8px;
    color: var(--primary-color);
    height: 2em; }
    #pflegegeldrechner table th:first-child {
      text-align: left;
      padding-left: 0.5em; }
  #pflegegeldrechner table thead, #pflegegeldrechner table tfoot {
    font-family: var(--title-font);
    font-size: var(--font-size-m); }
    #pflegegeldrechner table tfoot th {
      background-color: transparent;
      height: 2em;
      vertical-align: middle; }
      #pflegegeldrechner table tfoot th:first-child {
        text-align: left;
        padding-left: 0.5em; }
      #pflegegeldrechner table tfoot th:nth-child(3), #pflegegeldrechner table tfoot th:nth-child(4) {
        text-align: center; }
  #pflegegeldrechner table td {
    vertical-align: top;
    padding: 12px 8px;
    background-color: transparent; }
    #pflegegeldrechner table td.noborder {
      border-left: none;
      padding-left: 0; }
    #pflegegeldrechner table td.text {
      text-align: left; }
    #pflegegeldrechner table td.numeric {
      text-align: center; }
    #pflegegeldrechner table td:first-child {
      padding-left: 0.5em; }
    #pflegegeldrechner table td.lastChild {
      padding-right: 0.5em; }
  #pflegegeldrechner table:nth-child(1) tbody div.titel {
    padding-left: 10px; }
  #pflegegeldrechner table:nth-child(1) tfoot th:nth-child(2) {
    padding-left: 12px; }
    #pflegegeldrechner table:nth-child(2) thead th:nth-child(2), #pflegegeldrechner table:nth-child(2) tfoot th:nth-child(2) {
      padding-left: 31px; }
#pflegegeldrechner tbody tr.hauptPunkt td {
  font-weight: bold; }
#pflegegeldrechner tbody tr.unterPunkt {
  color: var(--primary-color); }
  #pflegegeldrechner tbody tr.unterPunkt:last-child #pflegegeldrechner tbody tr.unterPunkt.lastChild td {
    border-bottom: none !important; }
#pflegegeldrechner tbody tr.hilite td {
  background-color: transparent;
  color: var(--primary-color); }
#pflegegeldrechner tbody tr.closed td {
  display: none; }
#pflegegeldrechner #buttons {
  text-align: right;
  overflow: hidden; }
#pflegegeldrechner #fussnote {
  text-align: center; }
#pflegegeldrechner div.titel {
  position: relative;
  text-align: left; }
  #pflegegeldrechner div.titel:hover {
    z-index: 100; }
  #pflegegeldrechner div.titel a {
    text-decoration: none;
    color: inherit;
    margin-left: 40px; }
#pflegegeldrechner tr.hilite td {
  background-color: transparent;
  color: var(--primary-color); }
#pflegegeldrechner #buttons {
  overflow: hidden;
  display: flex;
  column-gap: 35px;
  row-gap: 20px;
  justify-content: end; }
@media print {
  #pflegegeldrechner body {
    background: none;
    color: var(--primary-color) !important; }
  #pflegegeldrechner .header, #pflegegeldrechner .footer a, #pflegegeldrechner .skyscraper-ad, #pflegegeldrechner #buttons, #pflegegeldrechner .wrapper > .main > span {
    display: none; }
  #pflegegeldrechner h2 {
    text-align: center;
    color: var(--primary-color); }
  #pflegegeldrechner .main {
    background: none;
    background-color: transparent;
    padding: 0;
    margin: 0; }
  #pflegegeldrechner .content {
    background: none;
    border: none;
    padding: 0;
    margin: 0; }
  #pflegegeldrechner .wrapper {
    width: auto; }
  #pflegegeldrechner table#results, #pflegegeldrechner thead, #pflegegeldrechner tfoot, #pflegegeldrechner tbody {
    page-break-inside: avoid; }
  #pflegegeldrechner tr.hilite td {
    color: var(--primary-color);
    border-top: 4px solid var(--primary-color);
    border-bottom: 4px solid var(--primary-color); }
    #pflegegeldrechner tr.hilite td:first-child {
      border-left: 4px solid var(--primary-color); }
    #pflegegeldrechner tr.hilite td.last-child {
      border-right: 4px solid var(--primary-color); }
  #pflegegeldrechner div.titel {
    position: static; }
  #pflegegeldrechner a.info {
    display: none; } }

@media only screen and (max-width: 1525px) {
  .scroll-down-outer {
    position: absolute;
    bottom: -40px;
    left: 20px;
    z-index: 2; }
    .scroll-down-outer .scroll-down-text {
      font-size: 20px; } }

@media only screen and (max-width: 1450px) {
  .scroll-down-outer {
    display: none !important; } }

@media only screen and (max-width: 1299px) {
  .custom-menu > .uk-nav {
    column-gap: 24px; }
    .custom-menu > .uk-nav .el-item > a {
      font-size: 18px; }
      .custom-menu > .uk-nav .el-item > a img {
        width: 20px; } }

@media only screen and (max-width: 1149px) {
  .custom-menu-section {
    display: none !important; }
  .custom-menu {
    /* display: none; */
    opacity: 0;
    pointer-events: none;
    z-index: -2;
    position: relative;
    height: 40px; }
  .tm-header {
    display: none !important; }
  .tm-header-mobile {
    display: block !important; }
    .tm-header-mobile > .uk-sticky {
      background: var(--main-bg);
      padding-bottom: 5px;
      border-bottom: 1px solid; }
  .tm-page > main {
    padding-top: 50px; }
  .btn-lg, .uk-button-large, .team-kontakt-section .kontakt-form-row .kontakt-form .uk-button {
    padding: 7px 14px;
    font-size: 20px; } }

@media only screen and (max-width: 959px) {
  .team-kontakt-section .team-kontakt-img {
    display: flex;
    justify-content: center;
    align-items: center; }
    .team-kontakt-section .team-kontakt-img svg {
      max-height: 570px; }
  .downloads-section {
    padding-top: 60px;
    padding-bottom: 70px; }
    .jobs-outer > div > .jobs-item:not(:first-child) {
      padding-top: 55px !important;
      margin-top: 65px !important; }
    .jobs-outer > div .jobs-item-title-c1 {
      margin-top: 20px; }
    .jobs-outer > div .jobs-item-title-c2 {
      margin-top: 35px; }
  .section-color .news-slider > div.uk-position-relative, .sprengel-detail-page .news-slider > div.uk-position-relative {
    border-bottom: 1px solid !important; }
  .section-color .news-slider .uk-slider-nav.uk-dotnav, .sprengel-detail-page .news-slider .uk-slider-nav.uk-dotnav {
    margin-top: 30px !important;
    margin-bottom: 30px !important; }
  .map-search-section .map-search-c1 .map-btn-container .map-btn-row > div {
    justify-content: center; }
  .map-search-section .map-search-c2 .map-area-names-outer {
    display: none !important; }
  .header-animation {
    padding-bottom: 25px; }
  .eb-module .eb-dialog {
    padding: 25px 20px; }
    .eb-module .eb-dialog .eb-close {
      left: 20px;
      top: 20px;
      height: 38px;
      width: 38px; }
      .eb-module .eb-dialog .eb-close > span {
        font-size: 27px; }
    .eb-module .eb-dialog .leistungen-popup-img svg {
      max-width: 550px;
      max-height: 450px; }
    .eb-module .eb-dialog .leistungen-popup .leistungen-popup-text {
      max-height: unset; } }

@media only screen and (max-width: 699px) {
  .map-search-section .map-search-c2 {
    display: none !important; }
  .jobs-outer .jobs-item .jobs-item-btns-container .jobs-item-btns-row > div {
    flex-direction: column;
    align-items: center; } }

@media only screen and (max-width: 649px) {
  .downloads-section .downloads-article .uk-h3 {
    text-align: center; }
  .downloads-section .downloads-article .downloads-item > .uk-grid > div {
    gap: 15px;
    flex-direction: column; } }

@media only screen and (max-width: 639px) {
  .team-kontakt-section .team-kontakt-2 .team-kontakt-item .team-kontakt-personen {
    column-count: 1; } }

@media only screen and (max-width: 599px) {
  footer .footer-section {
    padding-top: 32px; }
    footer .footer-section .footer-row > div {
      flex-direction: column;
      gap: 20px; }
      footer .footer-section .footer-row > div .footer-menu > .uk-grid {
        flex-direction: column; }
        footer .footer-section .footer-row > div .footer-menu > .uk-grid .el-item a {
          justify-content: center;
          padding-bottom: 0;
          font-size: 20px; } }

@media only screen and (max-width: 450px) {
  .uk-h1 {
    font-size: clamp(32px, 8vw, 40px) !important; }
  .uk-h2 {
    font-size: clamp(24px, 6.3vw, 28px); }
  .uk-h3 {
    line-height: 1.7em; }
  .popup-grid .popup-grid-item {
    padding: 25px 15px; }
  .leistungen-popup .leistungen-popup-title {
    font-size: clamp(26px, 8vw, 40px) !important; } }