:root {
  --bg-color-Zeiringer: #bf9788;
  --bg-color-Zlanabitnig: #f2c894;
  scroll-behavior: smooth; }

html {
  background-color: #fff;
  overflow: hidden; }

body.noscroll {
  max-height: 100vh;
  overflow: hidden; }

* {
  padding: 0;
  margin: 0;
  color: #000 !important; }

h2 {
  font-size: clamp(1.25rem, 2.5vh, 2rem);
  font-weight: 400; }

p {
  font-size: clamp(0.75rem, 1.5vh, 24px);
  font-weight: 300; }

.arrow {
  height: 5vh; }

.home-icon {
  text-align: right;
  /*transform:translateY(3rem);*/
  padding-right: 8vw; }
  .home-icon svg {
    transition: transform 0.3s ease-in-out;
    height: 6vh;
    cursor: pointer; }
    .home-icon svg:hover {
      transform: scale(1.2);
      fill: black; }

span.header-ordination {
  font-weight: 300 !important; }

.arrow {
  cursor: pointer;
  position: relative;
  transition: transform 0.5s ease-in-out; }

#main-header {
  padding: 0;
  /*new-design*/
  position: absolute;
  z-index: 3;
  transform: translateX(0);
  transition: transform 0.7s ease-in-out, opacity 0.5s cubic-bezier(1, 0.02, 1, -0.16);
  /*for searchengine*/
  /*background color*/ }
  #main-header h1 {
    opacity: 0;
    position: absolute; }
  #main-header .uk-card-secondary {
    background-color: var(--bg-color-Zeiringer); }
  #main-header .uk-card-default {
    background-color: var(--bg-color-Zlanabitnig); }
  #main-header > div {
    padding: 0; }
  #main-header .main-header-row {
    flex-wrap: nowrap;
    padding: 0;
    font-weight: 400 !important;
    cursor: pointer;
    overflow-x: hidden; }
    #main-header .main-header-row .right-column-header {
      padding: 0;
      transition: width 1.5s;
      height: 100vh;
      text-align: left;
      justify-content: center;
      overflow-x: hidden; }
      #main-header .main-header-row .right-column-header > div {
        display: flex;
        justify-content: center;
        flex-direction: column; }
        #main-header .main-header-row .right-column-header > div > div:nth-child(1) {
          margin-top: 20px; }
      #main-header .main-header-row .right-column-header img {
        margin-left: 10%;
        margin-bottom: 15vh; }
      #main-header .main-header-row .right-column-header h2 {
        transition: transform 1.5s, opacity 0.4s linear;
        padding-left: 10%; }
      #main-header .main-header-row .right-column-header:hover {
        width: 70%; }
        #main-header .main-header-row .right-column-header:hover h2 {
          transform: translateX(-10px); }
    #main-header .main-header-row .left-column-header {
      padding: 0;
      transition: width 1.5s;
      height: 100vh;
      text-align: right; }
      #main-header .main-header-row .left-column-header > div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        border: 0; }
      #main-header .main-header-row .left-column-header img {
        margin-right: 10%;
        margin-bottom: 15vh; }
      #main-header .main-header-row .left-column-header h2 {
        transition: 1.5s;
        padding-right: 10%; }
      #main-header .main-header-row .left-column-header:hover {
        width: 70%; }
        #main-header .main-header-row .left-column-header:hover h2 {
          transform: translateX(10px); }
  #main-header #holiday-both {
    width: 100vw;
    z-index: 2;
    white-space: nowrap;
    position: absolute;
    animation: holiday 30s linear infinite;
    top: 80vh; }
  #main-header #holiday-zlanabitnig {
    width: 50vw;
    white-space: nowrap;
    position: absolute;
    animation: holiday 15s linear infinite;
    top: 80vh; }
  #main-header #holiday-zeiringer {
    width: 50vw;
    white-space: nowrap;
    position: absolute;
    animation: holiday 15s linear infinite;
    top: 80vh; }

#main-header.zeiringer {
  transform: translateX(-50vw);
  opacity: 0; }
  #main-header.zeiringer h2, #main-header.zeiringer img {
    opacity: 0; }

#main-zeiringer, #details-zeiringer, #main-zlanabitnig, #details-zlanabitnig {
  display: none; }

#main-zeiringer {
  position: absolute;
  /*z-index: 1; */
  padding: 0;
  max-height: 100vh;
  height: 100%;
  overflow: hidden; }
  #main-zeiringer > .uk-container {
    margin: 0;
    padding: 0;
    display: flex;
    height: 100%; }
    #main-zeiringer > .uk-container > .uk-grid {
      margin-left: 0;
      width: 100vw; }
      #main-zeiringer > .uk-container > .uk-grid > div:nth-child(1) {
        transition: opacity 0.2s ease-in, transform 0.5s ease-in-out;
        z-index: 2;
        background-color: var(--bg-color-Zeiringer);
        padding-left: 7vw;
        display: flex;
        flex-direction: column;
        max-height: 100vh; }
        #main-zeiringer > .uk-container > .uk-grid > div:nth-child(1) #main-content-zeiringer {
          width: auto;
          margin-top: clamp(20px, 4vh, 3rem); }
          #main-zeiringer > .uk-container > .uk-grid > div:nth-child(1) #main-content-zeiringer > div > div:nth-child(2) {
            width: 50%; }
        #main-zeiringer > .uk-container > .uk-grid > div:nth-child(1) > div:nth-child(5) {
          margin-top: auto;
          margin-bottom: 5vh; }
      #main-zeiringer > .uk-container > .uk-grid > div:nth-child(2) {
        transition: all 0.5s ease-in-out;
        padding: 0;
        z-index: 1; }
  #main-zeiringer #main-picture-zeiringer {
    width: 50vw;
    height: 100%;
    object-fit: cover;
    overflow: hidden; }
    #main-zeiringer #main-picture-zeiringer > picture img {
      transition: transform 0.5s ease-in-out;
      /*clip-path: inset(0px 0px 0px 100px);*/
      height: 100%;
      object-fit: cover; }
  #main-zeiringer .arrow {
    animation: shakeArrow 0.5s infinite; }

#main-zeiringer.details > div > div > div:nth-child(1) {
  transform: translateX(40vw); }
#main-zeiringer.details > div > div > div:nth-child(2) {
  transform: translateX(-25vw); }

#details-zeiringer {
  padding-block: 0;
  max-height: 100vh;
  opacity: 0;
  position: absolute;
  /*watch out if anything is buggy*/ }
  #details-zeiringer .home-icon {
    padding-right: 8vw; }
  #details-zeiringer .uk-container {
    margin-left: 0;
    padding-left: 0; }
    #details-zeiringer .uk-container > .uk-grid {
      width: 100vw;
      max-height: 100vh; }
      #details-zeiringer .uk-container > .uk-grid > div:nth-child(1) {
        max-height: 100vh;
        transform: translateX(14vw);
        transition: transform 0.5s ease-in-out;
        z-index: 1; }
      #details-zeiringer .uk-container > .uk-grid > div:nth-child(2) {
        transform: translateX(calc(-100vw + 60vw + 10rem));
        transition: opacity 0.2s ease-in, transform 0.5s ease-in-out;
        z-index: 2;
        opacity: 0;
        background-color: var(--bg-color-Zeiringer);
        padding-left: 7vw;
        display: flex;
        flex-direction: column;
        max-width: 100vw; }
        #details-zeiringer .uk-container > .uk-grid > div:nth-child(2) > div:nth-child(4) #details-content-zeiringer {
          margin-top: clamp(20px, 4vh, 3rem);
          max-width: 100%; }
          #details-zeiringer .uk-container > .uk-grid > div:nth-child(2) > div:nth-child(4) #details-content-zeiringer > div > h2:nth-child(3) {
            margin-top: clamp(10px, 2vh, 1.5rem);
            margin-bottom: clamp(5px, 1vh, 10px); }
        #details-zeiringer .uk-container > .uk-grid > div:nth-child(2) > div:nth-child(5) {
          padding-right: 8vw;
          margin-top: auto !important;
          margin-bottom: 5vh; }
          #details-zeiringer .uk-container > .uk-grid > div:nth-child(2) > div:nth-child(5) > div > div:nth-child(1) {
            text-align: left; }
          #details-zeiringer .uk-container > .uk-grid > div:nth-child(2) > div:nth-child(5) > div > div:nth-child(2) {
            text-align: right; }
  #details-zeiringer #zeiringer-office-picture {
    overflow: hidden;
    height: 100%; }
    #details-zeiringer #zeiringer-office-picture img {
      object-fit: cover;
      height: 100vh;
      max-height: 100%;
      /*object-position: bottom; maybe delete*/
      transition: transform 0.5s ease-in-out;
      max-width: 100%;
      object-position: right; }
  #details-zeiringer .arrow {
    animation: shakeArrow 0.5s infinite; }

#details-zeiringer.active > div > div > div:nth-child(1) {
  transform: translateX(0) !important; }
#details-zeiringer.active > div > div > div:nth-child(2) {
  transform: translateX(0) !important; }
#details-zeiringer.active .arrow {
  transform: rotate(180deg); }

#main-header.zlanabitnig {
  transform: translateX(50vw);
  opacity: 0; }
  #main-header.zlanabitnig h2, #main-header.zlanabitnig img {
    opacity: 0; }

#main-zlanabitnig {
  padding-block: 0;
  max-height: 100vh;
  position: absolute; }
  #main-zlanabitnig > div {
    padding: 0;
    display: flex;
    height: 100%; }
    #main-zlanabitnig > div > div > div:nth-child(1) {
      padding: 0;
      z-index: 1;
      transition: all 0.5s ease-in-out; }
    #main-zlanabitnig > div > div > div:nth-child(2) {
      z-index: 2;
      transition: opacity 0.2s ease-in, transform 0.5s ease-in-out;
      background-color: var(--bg-color-Zlanabitnig);
      text-align: right;
      padding-right: 7vw;
      display: flex;
      flex-direction: column; }
      #main-zlanabitnig > div > div > div:nth-child(2) > div:nth-child(4) {
        margin-top: clamp(20px, 4vh, 3rem); }
        #main-zlanabitnig > div > div > div:nth-child(2) > div:nth-child(4) #zlanabitnig-open-h {
          margin-bottom: 0; }
      #main-zlanabitnig > div > div > div:nth-child(2) > div:nth-child(5) {
        text-align: left;
        padding-left: 8vw;
        margin-top: auto;
        margin-bottom: 7vh; }
  #main-zlanabitnig #main-content-zlanabitnig > div > div:nth-child(2) {
    padding-left: 50%; }
    #main-zlanabitnig #main-content-zlanabitnig > div > div:nth-child(2) p {
      text-wrap: wrap;
      text-align: right; }
  #main-zlanabitnig #main-picture-zlanabitnig {
    overflow: hidden; }
    #main-zlanabitnig #main-picture-zlanabitnig img {
      transition: transform 0.5s ease-in-out;
      height: 100vh;
      object-fit: cover;
      width: 100%; }
  #main-zlanabitnig .home-icon {
    text-align: left;
    padding-left: 8vw; }
  #main-zlanabitnig .arrow {
    animation: shakeArrow 0.5s infinite; }

#main-zlanabitnig > .uk-container > .uk-grid > div:nth-child(2) #main-content-zlanabitnig {
  margin-top: clamp(20px, 4vh, 3rem) !important; }

#details-zlanabitnig {
  padding: 0;
  max-height: 100vh;
  opacity: 0;
  /*
	#zeiringer-office-picture img{
		height: 100vh;
		object-fit: cover;
		margin: 0 auto;
		object-position: bottom;
	}*/ }
  #details-zlanabitnig > div {
    padding-right: 0;
    margin: 0; }
    #details-zlanabitnig > div > div {
      width: 100vw; }
      #details-zlanabitnig > div > div > div:nth-child(1) {
        text-align: right;
        padding-right: 7vw;
        display: flex;
        flex-direction: column;
        transform: translateX(calc(100vw - 60vw + 3rem));
        transition: opacity 0.2s ease-in, transform 0.5s ease-in-out;
        z-index: 2;
        background-color: var(--bg-color-Zlanabitnig); }
        #details-zlanabitnig > div > div > div:nth-child(1) > div:nth-child(4) {
          margin-top: clamp(20px, 4vh, 3rem) !important; }
        #details-zlanabitnig > div > div > div:nth-child(1) > div:nth-child(5) {
          margin-top: auto !important;
          margin-bottom: 7vh; }
          #details-zlanabitnig > div > div > div:nth-child(1) > div:nth-child(5) > div > div:nth-child(1) > div {
            text-align: left;
            padding-left: 8vw; }
      #details-zlanabitnig > div > div > div:nth-child(2) {
        padding-left: 0;
        transform: translateX(-14vw);
        transition: transform 0.5s ease-in-out;
        z-index: 1; }
  #details-zlanabitnig #zlanabitnig-office-picture {
    height: 100%;
    overflow: hidden; }
    #details-zlanabitnig #zlanabitnig-office-picture img {
      object-fit: cover;
      height: 100vh;
      max-height: 100%;
      transition: transform 0.5s ease-in-out;
      max-width: 100%; }
  #details-zlanabitnig .home-icon {
    text-align: left;
    padding-left: 8vw; }
  #details-zlanabitnig .arrow {
    animation: shakeArrow 0.5s infinite;
    transition: transform 0.5s ease-in-out; }

#main-zlanabitnig.details > div > div > div:nth-child(1) {
  transform: translateX(40vw); }
#main-zlanabitnig.details > div > div > div:nth-child(2) {
  transform: translateX(-33vw); }

#details-zlanabitnig.active > div > div > div:nth-child(1) {
  transform: translateX(0) !important; }
#details-zlanabitnig.active > div > div > div:nth-child(2) {
  transform: translateX(0) !important; }
#details-zlanabitnig.active .arrow {
  transform: rotate(180deg); }

.footer {
  font-size: clamp(0.75rem, 1.4vh, 18px);
  font-weight: 300;
  margin-block: 0;
  cursor: pointer; }

/*for scroll snaping- no snaping (bug)*/
#tm-main {
  height: 100vh;
  max-width: 100vw;
  scrollbar-width: none; }

.uk-section {
  scroll-snap-align: start; }

#tm-main > .uk-section {
  width: 100vw; }

/*for each doctor their bg color*/
.uk-section-secondary {
  background-color: var(--bg-color-Zeiringer); }
  .uk-section-secondary ::-moz-selection {
    color: var(--bg-color-Zlanabitnig);
    background: black; }
  .uk-section-secondary ::selection {
    color: var(--bg-color-Zlanabitnig);
    background: black; }

.uk-section-default {
  background-color: var(--bg-color-Zlanabitnig); }
  .uk-section-default ::-moz-selection {
    color: var(--bg-color-Zeiringer);
    background: black; }
  .uk-section-default ::selection {
    color: var(--bg-color-Zeiringer);
    background: black; }

#impressum-container-zeiringer > div, #datenschutz-container-zeiringer > div {
  background-color: var(--bg-color-Zeiringer); }
#impressum-container-zeiringer b, #datenschutz-container-zeiringer b {
  font-weight: 400; }

#impressum-container-zlanabitnig > div, #datenschutz-container-zlanabitnig > div {
  background-color: var(--bg-color-Zlanabitnig); }
#impressum-container-zlanabitnig b, #datenschutz-container-zlanabitnig b {
  font-weight: 400; }

::-webkit-scrollbar {
  display: none !important; }

html, body {
  -ms-overflow-style: none !important;
  /* IE and Edge */
  scrollbar-width: none !important;
  /* Firefox */ }

::-webkit-scrollbar {
  display: none !important; }

html, body {
  -ms-overflow-style: none !important;
  /* IE and Edge */
  scrollbar-width: none !important;
  /* Firefox */ }

@keyframes shakeArrow {
  0% {
    top: 0px; }
  75% {
    top: -5px; }
  100% {
    top: 0px; } }
@keyframes holiday {
  from {
    transform: translateX(100%); }
  to {
    transform: translateX(-100%); } }
@keyframes bounce {
  0%, 25%, 100% {
    transform: scale(1); }
  1% {
    z-index: 4; }
  12.5% {
    transform: scale(1.1); }
  24% {
    z-index: 2; } }

#impressum-container b {
  font-weight: 900; }

@media (min-width: 1500px) {
  h2 {
    font-size: clamp(1.25rem, 2.8vh, 2rem);
    font-weight: 400; }
  p {
    font-size: clamp(0.75rem, 1.6vh, 24px);
    font-weight: 300; }
  .footer p {
    font-size: clamp(0.75rem, 1.6vh, 18px); } }

@media (max-width: 960px) {
  /*#main-header,
  #main-zlanabitnig,
  #main-zeiringer,
  #details-zeiringer,
  #details-zlanabitnig {
    position: relative;
    z-index: 1;
    opacity: 100;
    display: block;

    > div > div {
      > div:nth-child(1) {
        opacity: 100 !important;
        transform: translateX(0) !important;
      }
      > div:nth-child(2) {
        opacity: 100 !important;
        transform: translateX(0) !important;
      }
    }
  }*/
    html, body {
      overflow-y: scroll; }
    main {
      height: auto !important; }
    #main-zeiringer, #details-zeiringer, #main-zlanabitnig, #details-zlanabitnig {
      height: auto !important;
      display: none; }
    #main-zlanabitnig {
      display: block; }
    h2 {
      font-size: clamp(1.7rem, 2vw, 2rem); }
    p {
      font-size: clamp(1rem, 1.5vh, 1.25rem); }
    .home-icon svg {
      height: clamp(10px, 3vh, 2rem); }
    .arrow {
      height: clamp(15px, 4.5vh, 3rem); }
      #details-zeiringer .arrow, #details-zlanabitnig .arrow {
        transform: rotate(180deg); }
    #main-header img {
      width: auto;
      height: 7vh; }
    #main-header {
      max-height: 100vh;
      max-height: 100vh;
      z-index: 3; }
      #main-header .main-header-row {
        flex-direction: column; }
        #main-header .main-header-row .left-column-header {
          max-height: 50vh;
          max-height: 50vh;
          animation: bounce 5s ease-in-out infinite;
          width: 100% !important;
          position: absolute; }
          #main-header .main-header-row .left-column-header > div {
            padding-right: 10vw;
            position: absolute;
            height: 100%; }
          #main-header .main-header-row .left-column-header:hover {
            width: 100% !important; }
            #main-header .main-header-row .left-column-header:hover h2 {
              transform: none; }
          #main-header .main-header-row .left-column-header img, #main-header .main-header-row .left-column-header h2 {
            margin: 0 !important;
            padding: 0;
            transition: opacity 0.2s ease-in-out; }
        #main-header .main-header-row .right-column-header {
          max-height: 50vh;
          max-height: 50vh;
          transform: none;
          animation: bounce 5s ease-in-out infinite;
          animation-delay: 2.5s;
          width: 100% !important;
          transition: transform 0.5s ease-in-out;
          transform-origin: bottom center;
          position: absolute;
          top: 50vh; }
          #main-header .main-header-row .right-column-header > div {
            padding-left: 10vw; }
          #main-header .main-header-row .right-column-header img, #main-header .main-header-row .right-column-header h2 {
            margin: 0 !important;
            padding: 0; }
          #main-header .main-header-row .right-column-header:hover {
            width: 100% !important; }
            #main-header .main-header-row .right-column-header:hover h2 {
              transform: none; }
      #main-header #holiday-both {
        top: calc(50vh - 0.4 * clamp(1.25rem, 4vh, 2rem)); }
      #main-header #holiday-zlanabitnig {
        top: 43vh; }
      #main-header #holiday-zeiringer {
        top: calc(7vh - 0.4 * clamp(1.25rem, 4vh, 2rem)); }
    #main-header.zeiringer .left-column-header, #main-header.zeiringer .right-column-header, #main-header.zlanabitnig .left-column-header, #main-header.zlanabitnig .right-column-header {
      animation: none; }
    #main-header.zeiringer {
      transform: translateY(-50vh);
      transform: translateY(-50vh);
      opacity: 100; }
      #main-header.zeiringer h2 {
        opacity: 100; }
      #main-header.zeiringer svg {
        opacity: 0; }
    #main-zeiringer {
      padding: 0;
      max-height: none;
      height: auto;
      top: 50vh;
      overflow: visible;
      position: relative;
      margin-bottom: 50vh;
      display: block;
      opacity: 0; }
      #main-zeiringer > .uk-container {
        margin: 0;
        padding: 0;
        display: flex; }
        #main-zeiringer > .uk-container > div {
          flex-direction: column-reverse; }
          #main-zeiringer > .uk-container > div > div:nth-child(1) {
            display: flex;
            flex-direction: column;
            margin-top: 7vh;
            margin-bottom: 10vh;
            /*> div{
						padding: 0;
					}*/ }
            #main-zeiringer > .uk-container > div > div:nth-child(1) > h2:nth-child(2), #main-zeiringer > .uk-container > div > div:nth-child(1) > div:nth-child(3) {
              display: none; }
            #main-zeiringer > .uk-container > div > div:nth-child(1) #main-content-zeiringer {
              margin-top: clamp(20px, 4vh, 2rem); }
              #main-zeiringer > .uk-container > div > div:nth-child(1) #main-content-zeiringer > div {
                /*display: grid;
              grid-template-columns: 1fr 1fr;*/
                display: flex;
                flex-direction: column;
                padding-right: 30px; }
                #main-zeiringer > .uk-container > div > div:nth-child(1) #main-content-zeiringer > div > h2:nth-child(1) {
                  grid-column: 1/2;
                  grid-row: 1/2; }
                #main-zeiringer > .uk-container > div > div:nth-child(1) #main-content-zeiringer > div > div:nth-child(2) {
                  margin: 0 !important;
                  grid-column: 1/2;
                  grid-row: 2/3; }
                #main-zeiringer > .uk-container > div > div:nth-child(1) #main-content-zeiringer > div > h2:nth-child(3) {
                  grid-column: 2/3;
                  grid-row: 1/2;
                  margin: 0 !important; }
                #main-zeiringer > .uk-container > div > div:nth-child(1) #main-content-zeiringer > div > div:nth-child(4) {
                  grid-column: 2/3;
                  grid-row: 2/3; }
            #main-zeiringer > .uk-container > div > div:nth-child(1) > div:nth-child(4) {
              margin-bottom: 0; }
            #main-zeiringer > .uk-container > div > div:nth-child(1) > div:nth-child(5) {
              display: none; }
          #main-zeiringer > .uk-container > div > div:nth-child(2) {
            margin: 0; }
      #main-zeiringer #main-picture-zeiringer {
        width: 100%;
        height: auto !important;
        object-fit: cover;
        overflow: hidden; }
        #main-zeiringer #main-picture-zeiringer > picture img {
          height: 50vh;
          object-fit: cover; }
          #main-zeiringer #main-picture-zeiringer > picture img:hover {
            transform: scale(1); }
      #main-zeiringer .home-icon {
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
        position: absolute;
        top: -50vh;
        right: 0; }
        #main-zeiringer .home-icon svg:hover {
          transform: scale(1);
          fill: none; }
    #main-zeiringer.active .home-icon {
      z-index: 4;
      opacity: 100; }
      #main-zeiringer.active .home-icon svg:hover {
        transform: scale(1);
        fill: none; }
    #main-zeiringer.active > div > div > div:nth-child(1) {
      z-index: 3 !important;
      padding-left: 30px !important;
      margin-top: 5px; }
    #details-zlanabitnig {
      max-height: none !important; }
    #details-zeiringer {
      height: 100vh;
      overflow: visible;
      opacity: 100;
      position: relative;
      max-height: none !important; }
      #details-zeiringer .home-icon {
        padding-right: 8vw; }
      #details-zeiringer > div {
        height: 100%;
        padding: 0; }
        #details-zeiringer > div > div {
          margin: 0 !important;
          width: 100vw;
          max-height: none !important;
          height: 100%;
          display: grid; }
          #details-zeiringer > div > div > div:nth-child(1) {
            height: 50vh;
            margin: 0 !important;
            padding: 0;
            max-width: 100vw;
            transform: translateX(0) !important;
            max-height: 40vh; }
          #details-zeiringer > div > div > div:nth-child(2) {
            transform: translateX(0) !important;
            opacity: 100 !important;
            margin-top: 0; }
            #details-zeiringer > div > div > div:nth-child(2) > h2:nth-child(2), #details-zeiringer > div > div > div:nth-child(2) > div:nth-child(1), #details-zeiringer > div > div > div:nth-child(2) > div:nth-child(3) {
              display: none; }
            #details-zeiringer > div > div > div:nth-child(2) #details-content-zeiringer {
              margin-top: 7vh !important;
              margin-bottom: 10vh; }
              #details-zeiringer > div > div > div:nth-child(2) #details-content-zeiringer > div {
                display: grid;
                grid-template-columns: 1fr 1fr;
                column-gap: 3rem; }
                #details-zeiringer > div > div > div:nth-child(2) #details-content-zeiringer > div > h2:nth-child(1) {
                  grid-column: 1/2;
                  grid-row: 1/2;
                  margin: 0; }
                #details-zeiringer > div > div > div:nth-child(2) #details-content-zeiringer > div > div:nth-child(2) {
                  margin: 0 !important;
                  grid-column: 1/2;
                  grid-row: 2/3; }
                #details-zeiringer > div > div > div:nth-child(2) #details-content-zeiringer > div > div:nth-child(3) {
                  grid-column: 1/2;
                  grid-row: 3/4; }
                #details-zeiringer > div > div > div:nth-child(2) #details-content-zeiringer > div > h2:nth-child(4) {
                  grid-column: 2/3;
                  grid-row: 1/2;
                  margin: 0;
                  margin-top: 0 !important; }
                #details-zeiringer > div > div > div:nth-child(2) #details-content-zeiringer > div > div:nth-child(5) {
                  grid-column: 2/3;
                  grid-row: 2/3; }
            #details-zeiringer > div > div > div:nth-child(2) > div:nth-child(4) {
              margin-bottom: 0; }
            #details-zeiringer > div > div > div:nth-child(2) > div:nth-child(5) {
              margin-top: auto !important;
              margin-bottom: 2vh !important; }
              #details-zeiringer > div > div > div:nth-child(2) > div:nth-child(5) > div {
                flex-wrap: nowrap; }
                #details-zeiringer > div > div > div:nth-child(2) > div:nth-child(5) > div > div:nth-child(1) > div {
                  text-align: left; }
      #details-zeiringer #zeiringer-office-picture {
        max-width: 100vw; }
        #details-zeiringer #zeiringer-office-picture img {
          height: 100%;
          max-width: 100vw; }
          #details-zeiringer #zeiringer-office-picture img:hover {
            transform: scale(1); }
        #details-zeiringer #zeiringer-office-picture picture {
          max-width: 100vw; }
    #main-zlanabitnig {
      padding-block: 0;
      max-height: none;
      height: auto;
      overflow: visible;
      top: 50vh;
      opacity: 1;
      padding-bottom: 500px; }
      #main-zlanabitnig > div > div {
        display: flex;
        flex-direction: column;
        margin: 0; }
        #main-zlanabitnig > div > div > div:nth-child(1) {
          padding: 0;
          width: 100vw;
          margin: 0;
          transform: rotateX(-90deg);
          z-index: 2;
          transform: translateY(-50vh); }
        #main-zlanabitnig > div > div > div:nth-child(2) {
          padding-left: 0; }
          #main-zlanabitnig > div > div > div:nth-child(2) .home-icon {
            top: -50vh;
            position: absolute; }
          #main-zlanabitnig > div > div > div:nth-child(2) > h2:nth-child(2), #main-zlanabitnig > div > div > div:nth-child(2) > div:nth-child(3) {
            display: none; }
          #main-zlanabitnig > div > div > div:nth-child(2) #main-content-zlanabitnig {
            margin-top: 7vh !important;
            margin-bottom: 10vh; }
            #main-zlanabitnig > div > div > div:nth-child(2) #main-content-zlanabitnig > div {
              /*display: grid;
              grid-template-columns: 1fr 1fr;
              column-gap: 1rem;*/
              display: flex;
              flex-direction: column;
              justify-content: center;
              padding-left: 7vw; }
              #main-zlanabitnig > div > div > div:nth-child(2) #main-content-zlanabitnig > div > h2:nth-child(1) {
                grid-column: 1/2;
                grid-row: 1/2; }
              #main-zlanabitnig > div > div > div:nth-child(2) #main-content-zlanabitnig > div > div:nth-child(2) {
                margin: 0 !important;
                grid-column: 1/2;
                grid-row: 2/3; }
              #main-zlanabitnig > div > div > div:nth-child(2) #main-content-zlanabitnig > div > h2:nth-child(3) {
                grid-column: 2/3;
                grid-row: 1/2;
                margin-top: 0; }
              #main-zlanabitnig > div > div > div:nth-child(2) #main-content-zlanabitnig > div > div:nth-child(4) {
                grid-column: 2/3;
                grid-row: 2/3; }
              #main-zlanabitnig > div > div > div:nth-child(2) #main-content-zlanabitnig > div > h2:nth-child(5) {
                grid-column: 1/3;
                text-align: center;
                margin-top: 20px; }
              #main-zlanabitnig > div > div > div:nth-child(2) #main-content-zlanabitnig > div > div:nth-child(6) {
                grid-column: 1/3;
                text-align: center; }
          #main-zlanabitnig > div > div > div:nth-child(2) > div:nth-child(4) {
            margin-bottom: 0; }
          #main-zlanabitnig > div > div > div:nth-child(2) > div:nth-child(5) {
            margin-bottom: 2vh !important;
            display: none; }
      #main-zlanabitnig #main-picture-zlanabitnig {
        overflow: hidden; }
        #main-zlanabitnig #main-picture-zlanabitnig img {
          height: 50vh;
          object-fit: cover; }
          #main-zlanabitnig #main-picture-zlanabitnig img:hover {
            transform: scale(1); }
      #main-zlanabitnig .home-icon {
        text-align: left;
        padding-left: 8vw; }
    #main-header.zlanabitnig {
      opacity: 100;
      transform: translate(0); }
      #main-header.zlanabitnig .right-column-header {
        transform: rotateX(90deg); }
      #main-header.zlanabitnig h2, #main-header.zlanabitnig img {
        opacity: 100; }
      #main-header.zlanabitnig img {
        display: none; }
    #main-zlanabitnig.active > div > div > div:nth-child(1) {
      transform: rotateX(0); }
    #main-zlanabitnig.active > div > div > div:nth-child(2) {
      z-index: 3;
      padding-bottom: 45px; }
  #details-zlanabitnig > div {
    padding: 0; }
    #details-zlanabitnig > div > div {
      margin: 0 !important;
      flex-direction: column-reverse; }
      #details-zlanabitnig > div > div > div:nth-child(1) {
        padding-left: 0;
        transform: translateX(0); }
        #details-zlanabitnig > div > div > div:nth-child(1) > div:nth-child(1), #details-zlanabitnig > div > div > div:nth-child(1) > h2:nth-child(2), #details-zlanabitnig > div > div > div:nth-child(1) > div:nth-child(3) {
          display: none; }
        #details-zlanabitnig > div > div > div:nth-child(1) #details-content-zlanabitnig {
          margin-top: 7vh !important;
          margin-bottom: 8vh !important; }
          #details-zlanabitnig > div > div > div:nth-child(1) #details-content-zlanabitnig #zlanabitnig-open-h {
            margin-top: 45px !important;
            text-align: center;
            grid-column: 1 / 3; }
          #details-zlanabitnig > div > div > div:nth-child(1) #details-content-zlanabitnig > div {
            display: grid;
            grid-template-columns: 1fr 1fr;
            column-gap: 3rem;
            text-align: left;
            margin-left: 20px; }
            #details-zlanabitnig > div > div > div:nth-child(1) #details-content-zlanabitnig > div > h2:nth-child(1) {
              grid-column: 2/3;
              grid-row: 1/2;
              text-align: center; }
            #details-zlanabitnig > div > div > div:nth-child(1) #details-content-zlanabitnig > div > div:nth-child(2) {
              margin: 0 !important;
              grid-column: 2/3;
              grid-row: 2/3;
              text-align: center; }
            #details-zlanabitnig > div > div > div:nth-child(1) #details-content-zlanabitnig > div > h2:nth-child(3) {
              grid-column: 1/2;
              grid-row: 1/2;
              margin-top: 0 !important;
              margin-left: 2vh;
              text-align: center; }
            #details-zlanabitnig > div > div > div:nth-child(1) #details-content-zlanabitnig > div > div:nth-child(4) {
              grid-column: 1/2;
              grid-row: 2/3;
              margin-left: 2vh;
              text-align: center; }
            #details-zlanabitnig > div > div > div:nth-child(1) #details-content-zlanabitnig > div > div:nth-child(5) {
              grid-column: 1/3;
              text-align: center; }
            #details-zlanabitnig > div > div > div:nth-child(1) #details-content-zlanabitnig > div > div:nth-child(6) {
              grid-column: 1/3;
              text-align: center; }
        #details-zlanabitnig > div > div > div:nth-child(1) > div:nth-child(5) {
          margin-top: auto !important;
          margin-bottom: 2vh !important; }
          #details-zlanabitnig > div > div > div:nth-child(1) > div:nth-child(5) > div {
            flex-wrap: nowrap; }
            #details-zlanabitnig > div > div > div:nth-child(1) > div:nth-child(5) > div > div:nth-child(1) > div {
              text-align: left;
              padding-left: 8vw; }
      #details-zlanabitnig > div > div > div:nth-child(2) {
        padding-left: 0;
        margin: 0 !important;
        transform: translateX(0); }
  #details-zlanabitnig #zlanabitnig-office-picture {
    height: 100%;
    overflow: hidden; }
    #details-zlanabitnig #zlanabitnig-office-picture img {
      object-fit: cover;
      height: 50vh;
      width: 100%; }
      #details-zlanabitnig #zlanabitnig-office-picture img:hover {
        transform: scale(1); }
  .footer {
    font-size: clamp(0.5rem, 2vh, 0.75rem); } }

@media (max-width: 530px) {
  #main-zeiringer > .uk-container > .uk-grid > div:nth-child(1) {
    max-height: max-content; }
  .home-icon {
    margin-top: 4vh !important; }
  h2 {
    font-size: clamp(1.25rem, 2vh, 1.75rem); }
    #main-zeiringer > .uk-container > .uk-grid > div:nth-child(1) #main-content-zeiringer {
      margin-top: 0; }
      #main-zeiringer > .uk-container > .uk-grid > div:nth-child(1) #main-content-zeiringer > div {
        display: flex;
        flex-direction: column; }
        #main-zeiringer > .uk-container > .uk-grid > div:nth-child(1) #main-content-zeiringer > div > div:nth-child(3) {
          margin-bottom: 4vh !important; }
  #details-zeiringer > div > div > div:nth-child(2) > div:nth-child(4) div#details-content-zeiringer > div {
    display: flex;
    flex-direction: column; }
    #details-zeiringer > div > div > div:nth-child(2) > div:nth-child(4) div#details-content-zeiringer > div > h2:nth-child(3) {
      margin-top: 2rem !important; }
  #main-zlanabitnig > div > div > div:nth-child(2) #main-content-zlanabitnig > div {
    display: flex;
    flex-direction: column; }
  #details-zlanabitnig > div > div > div:nth-child(1) > div:nth-child(3) {
    margin-bottom: 0; }
  #details-zlanabitnig > div > div > div:nth-child(1) #details-content-zlanabitnig {
    margin-top: 0 !important; }
    #details-zlanabitnig > div > div > div:nth-child(1) #details-content-zlanabitnig > div {
      display: flex;
      flex-direction: column; }
      #details-zlanabitnig > div > div > div:nth-child(1) #details-content-zlanabitnig > div > h2:nth-child(3) {
        margin-top: 3rem !important;
        margin-left: 0; }
      #details-zlanabitnig > div > div > div:nth-child(1) #details-content-zlanabitnig > div > div:nth-child(4) {
        margin-left: 0; }
  #details-zlanabitnig #zlanabitnig-office-picture img {
    height: 40vh; }
  .footer {
    font-size: clamp(0.5rem, 2vh, 0.75rem); }
  #main-zeiringer > .uk-container > .uk-grid > div:nth-child(1) #main-content-zeiringer {
    margin-top: 30px !important; } }

/*
@media (max-height: 740px) {
  #tm-main {
    height: auto;
    scroll-snap-type: none;
  }

  #main-zeiringer > .uk-container > .uk-grid > div:nth-child(1) {
    height: auto;
    max-height: none;
  }
  #details-zeiringer {
    height: auto;
    max-height: none;
    > .uk-container > .uk-grid {
      max-height: none;
      grid-template-rows: auto;
      > div:nth-child(1) {
        max-height: none;
      }
      > div:nth-child(2) {
        height: auto;
      }
    }
    #zeiringer-office-picture img {
      height: 100%;
    }
  }

  #main-zlanabitnig > div > div > div:nth-child(2) {
    height: auto;
  }
  #details-zlanabitnig > div > div > div:nth-child(1) {
    height: auto;
  }
}*/
@media only screen and (min-width: 961px) and (max-width: 1300px) {
  .home-icon {
    padding-right: 30px;
    margin-top: 10px !important; }
  p {
    font-size: clamp(0.75rem, 1.4vh, 24px); }
  #main-zeiringer > .uk-container > .uk-grid > div:nth-child(1) {
    padding-left: 35px;
    padding-right: 10px; }
  #main-zlanabitnig > div > div > div:nth-child(2) {
    padding-right: 35px; } }

@media only screen and (min-width: 1301px) {
  #main-zeiringer > .uk-container > .uk-grid > div:nth-child(1) {
    padding-left: 6vw;
    padding-right: 20px; } }