.d-onlyweb, .d-onlyinfolandscape-block, .d-onlyinfolandscape-inline, .d-onlyinfolandscape-flex, .d-onlyinfolandscape-inlineblock  {

   display: none !important;

}



.d-onlyinfoblock, .d-onlyinfoportrait-block {

   display: block !important;

}



.d-onlyinfoinline, .d-onlyinfoportrait-inline {

   display: inline !important;

}



.d-onlyinfoflex, .d-onlyinfoportrait-flex {

   display: flex !important;

}



.d-onlyinfoinlineblock, .d-onlyinfoportrait-inlineblock {

   display: inline-block !important;

}



body {

  font-size: 20px;

}



.text-xs, .text-sm {

  font-size: 16px !important;

}



.text-xl, .text-bigger, .text-lg {

  font-size: 22px !important;

}



.text-2xl {

  font-size: 26px !important;

}



.header {

   position: sticky;

   top: 0;

   width: 100%;

   height: 602px;

   display: block;

   background-size: cover;

   background-repeat: no-repeat;

   background-position: center;

   z-index: 100;

}



.p-headline {

  padding-bottom: 42px !important;

  padding-left: 47px !important;

}



h1 {

  font-size: 56px !important;

  font-weight: 700 !important;

}



@media (min-width: 1024px) {

  .w-filter {

    width: 100% !important;

  }

}



@media (min-width: 768px) {

  .wanderwege-content-box {

    min-height: 240px !important;

  }

  .wanderwege-filter-item {

    min-height: 490px !important;

    width: 33.3333%;

  }

}



a[href$=".pdf"] {

  display:  none !important;

}



.infominh {

  padding-bottom: 10px !important;

  min-height: 170px;

}



.text-4xl {

  font-size: 1.48rem !important;

}





.row {

	display: flex;

	flex-wrap: wrap;

}



.row > * {

	flex-shrink: 0;

	width: 100%;

	max-width: 100%;

}



.col-auto {

	flex: 0 0 auto;

	width: auto;

}



.col-1 {

	flex: 0 0 auto;

	width: 8.33333%;

}



.col-2 {

	flex: 0 0 auto;

	width: 16.66667%;

}



.col-3 {

	flex: 0 0 auto;

	width: 25%;

}



.col-4 {

	flex: 0 0 auto;

	width: 33.33333%;

}



.col-5 {

	flex: 0 0 auto;

	width: 41.66667%;

}



.col-6 {

	flex: 0 0 auto;

	width: 50%;

}



.col-7 {

	flex: 0 0 auto;

	width: 58.33333%;

}



.col-8 {

	flex: 0 0 auto;

	width: 66.66667%;

}



.col-9 {

	flex: 0 0 auto;

	width: 75%;

}



.col-10 {

	flex: 0 0 auto;

	width: 83.33333%;

}



.col-11 {

	flex: 0 0 auto;

	width: 91.66667%;

}



.col-12 {

	flex: 0 0 auto;

	width: 100%;

}



@media (min-width: 1024px) {

  .two-columns {

    -moz-column-width: auto;

    column-width: auto;

  }

}



footer {

   margin-bottom: 90px !important;

}



.scroll {

	width: 60px;

	height: 60px;

	border: 2px solid #71a62d;

	border-radius: 50%;

	position: relative;

	animation: down 1.5s infinite;

	-webkit-animation: down 1.5s infinite;

	&::before {

		content: '';

		position: absolute;

		top: 15px;

		left: 18px;

		width: 18px;

		height: 18px;

		border-left: 2px solid #71a62d;

  	border-bottom: 2px solid #71a62d;

		transform: rotate(-45deg);

	}

}



@keyframes down {

	0% {

		transform: translate(0);

	}

	20% {

		transform: translateY(15px);

	}

	40% {

		transform: translate(0);

	}

}



@-webkit-keyframes down {

	0% {

		transform: translate(0);

	}

	20% {

		transform: translateY(15px);

	}

	40% {

		transform: translate(0);

	}

}





.button-back {

   background-image: url("../images/layout/arrow-left-s-white.png");

   background-position: 15px center;

   padding-left: 50px !important;

   background-repeat: no-repeat;

   background-size: 25px;

}



.button-home {

   background-image: url("../images/layout/home.png");

   background-position: 15px 15px;

   padding-left: 55px !important;

   background-repeat: no-repeat;

   background-size: 22px;

}



.button-info {

   background-image: url("../images/layout/info2.png");

   background-position: 15px 15px;

   padding-left: 50px !important;

   background-repeat: no-repeat;

   background-size: 22px;

}



.thayatal-white-button:hover {

  background: #fff !important;

  color: #71A62D !important;

}

.thayatal-green-button:hover {

  background: #71A62D !important;

  color: #fff !important;

}







/* Landscape Monitor 3840 x 2160 */



@media (orientation: landscape) {

.d-onlyinfoportrait-block, .d-onlyinfoportrait-inline, .d-onlyinfoportrait-flex, .d-onlyinfoportrait-inlineblock  {

   display: none !important;

}



.d-onlyinfolandscape-block {

   display: block !important;

}



.d-onlyinfolandscape-inline {

   display: inline !important;

}



.d-onlyinfolandscape-flex {

   display: flex !important;

}



.d-onlyinfolandscape-inlineblock {

   display: inline-block !important;

}



.header {

   position: relative;

   height: auto;

   max-height: unset;

   aspect-ratio: 3840 / 806;

}



@media (min-width: 3800px) {

body {

  font-size: 44px;

}



.text-xs, .text-sm {

  font-size: 30px !important;

}



.text-xl, .text-lg {

  font-size: 49px !important;

}



.text-bigger {

  font-size: 40px !important;

}



.text-2xl {

  font-size: 57px !important;

}



.text-3xl {

    font-size: 74px !important;

}



.text-4xl, .text-2xxl {

  font-size: 49px !important;

}



.text-5xl {

    font-size: 82px !important;

}



.line-height-h2 {

    line-height: 102px !important;

}



h1 {

  font-size: 123px !important;

}



.container {

    max-width: 3340px !important; /* 3540 */

  }

  .container-alt {

    max-width: 2400px !important; /* 2500 */

  }

  

.p-headline {

  padding-left: 0px !important;

  padding-bottom: 105px !important;

}



.lg\:grid-cols-3 {

    grid-template-columns: repeat(6,minmax(0,1fr)) !important;

}



.xl\:grid-cols-3 {

    grid-template-columns: repeat(3,minmax(0,1fr)) !important;

	grid-template-rows: repeat(1, minmax(0, 720px)) !important;

}

  

 .\33 xl\:h-420 {

    height: auto !important;

	aspect-ratio: 1 / 1;

  }

  

  .gap-4 {

  gap: 2.5rem !important;

  }



.infominh {

  min-height: 330px;

  text-align: center;

  justify-content: center;

}



.leading-10 {

  line-height: 4rem !important;

}



.pb-8 {

  padding-bottom: 4rem !important;

}



.thayatal-white-button {

  padding: 1rem 2rem !important;

  margin: 1rem 2rem 0 !important;

}



.wanderwege-content-box {

text-align: center !important;

    min-height: 375px !important;

	justify-content: center;

}



 .wanderwege-filter-item {

    min-height: 840px !important;

	aspect-ratio: 1 / 1;

    width: 16.6%;

	padding: 20px;

  }

  

  .h-75 {

  height: 150px !important;

}

  

  .h-100 {

  height: 200px !important;

}



.my-5 {

  margin-bottom: 2.5rem !important;

  margin-top: 2.5rem !important;

}



.mx-2 {

  margin-left: 1rem !important;

  margin-right: 1rem !important;

}



.button-back {

  background-position: 30px center !important;

  padding-left: 100px !important;

  background-size: 50px !important;

  padding: 1.5rem 4rem 1.5rem 110px !important;

}



.button-home {

  background-position: 30px center !important;

  padding-left: 110px !important;

  background-size: 44px !important;

  padding: 1.5rem 4rem 1.5rem 110px !important;

}



.lg\:max-w-lg {

  max-width: 100% !important;

}



.h-xxl-1100 {

  height: 1100px !important;

}



.is-text-content img {

  max-width: 1200px !important;

  min-width: 1200px !important;

}



 .image-slider .slick-list {

  max-height: 1800px;

 }

 

.max-h-360 {

  max-height: 720px !important;

}



.min-h-80px {

  min-height: 250px;

}



.text-event-attr {

  font-size: 32px;

}



.event-tag {

  width: 32px;

  margin-top: 10px;

}



.mb-2.event-tag {

  margin-top: 0px !important;

  margin-right: 16px !important;

}



.event-tag ~ .mr-2 {

  margin-right: 16px !important;

}



.w-4\/12,  .xl\:w-2\/10 {

    width: 20% !important;

}



.w-8\/12,  .xl\:w-8\/10 {

    width: 80% !important;

}



.is-text-content h3 {

    margin-bottom: 80px !important;

}



.list-marked > li::before {

	height: 14px;

	width: 14px;

	top: -5px;

}



.history-slider-inner {

    width: 1800px !important;

}

	

.xl\:max-h-540 {

    max-height: 740px !important;

}

	

.slick-arrow img {

    width: 52px;

}



.green-slider-inner {

    width: 1800px;

}

	

.green-slider-inner img {

    height: 100% !important;

}

	

.arrow-animation img {

    width: 51px !important;

	padding-left: 15px !important;

}

	

.slick-arrow.arrow-animation img {

    width: 52px !important;

	padding-left: 0px !important;

}

	

.lg\:max-h-600 {

    max-height: 720px !important;

}



.max-h-736 {

    max-height: 1480px !important;

}





}

}