@charset "utf-8";

/**
 * Theme Name:     Haus Tauber
 * Theme URI:      www.haustauber.com
 * Description:    Apartments
 * Author:         Pircher Stefan
 * Author URI:     www.ps-design.it
 * Version:        1.0
 */

/* ============================
   > CONTENTS
   ==================
		> BODY, HTML
		> LINKS
		> WRAPPER
		> HEADER
		> FOOTER
		> BACKTOP
		> COOKIE-LAW
*/

/* ============================
   > BODY, HTML
   ================== */

body, html, input, button, textarea, select {
		font-family:'Quicksand-Regular', Arial, Helvetica, sans-serif;
		font-size:18px; line-height:1.4; color:var(--ht_dark_grey);
}
body { background:var(--ht_body); }
body, html { height:100%; }

:root {
		/* farbwerte */
		--ht_body:#f7f8f0; /* r247-g248-b240 */
		--ht_light_green:#e7ead1; /* r231-g-234-b209 */
		--ht_medium_green:#bdc581; /* r189-g197-b129 */
		--ht_dark_green:#55682f; /* r85-g-104-b47 */
		--ht_border_green:#dbe0bb;
		--ht_light_grey:#ddd;
		--ht_dark_grey:#383838;
		--ht_black:black;
		--ht_white:white;
		/* schriften */
		--ht_font_light:'Quicksand-Regular', Arial, Helvetica, sans-serif;
		--ht_font_regular:'Quicksand-Medium', Arial, Helvetica, sans-serif;
		--ht_font_medium:'Quicksand-Bold', Arial, Helvetica, sans-serif;
		/*--ht_font_bold:'Roboto-Bold', Arial, Helvetica, sans-serif;*/
		/* positionen */
		--ht_desktop:40px;
		--ht_mobile:20px;
}

/* ============================
   > FONT-EMBEDS
   ================== */

/*@font-face {
		font-family:'Quicksand-Light';
		src:url('fonts/Quicksand-Light.woff2') format('woff');
}*/
@font-face {
		font-family:'Quicksand-Regular';
		src:url('fonts/Quicksand-Regular.woff2') format('woff');
}
@font-face {
		font-family:'Quicksand-Medium';
		src:url('fonts/Quicksand-Medium.woff2') format('woff');
}
@font-face {
		font-family:'Quicksand-Bold';
		src:url('fonts/Quicksand-Bold.woff2') format('woff');
}

/* ============================
   > LINKS
   ================== */

/*a:link 			{ font-family:var(--ht_font_light), Arial, Helvetica, sans-serif; font-size:20px; color:var(--ht_dark_grey); text-decoration:underline; }
a:visited 	{ font-family:var(--ht_font_light), Arial, Helvetica, sans-serif; font-size:20px; color:var(--ht_dark_grey); text-decoration:underline; }
a:active 		{ font-family:var(--ht_font_light), Arial, Helvetica, sans-serif; font-size:20px; color:var(--ht_dark_grey); text-decoration:none; }
a:hover 		{ font-family:var(--ht_font_light), Arial, Helvetica, sans-serif; font-size:20px; color:var(--ht_dark_grey); text-decoration:none; }*/

/* ============================
   > PRELOADER
   ================== */

#preloader {
		position:fixed; z-index:999;
		top:0; width:100%; height:100vh;
		background:var(--ht_dark_green);

		display:flex; align-items:center;
		flex-direction:column; grid-gap:30px;
		justify-content:center;

		animation-timing-function:ease-in-out;
		animation-fill-mode:forwards;
		animation-duration:1s;
}
#preloader .logo {
		background:url('images/haus-tauber-apartments.svg') no-repeat center;
		background-size:contain; width:200px; height:54px;
		animation:zoom-in-zoom-out 3s ease infinite;
}
#preloader .loader {
		width:48px; height:48px; background-size:48px 48px;
		background:url('images/loading.svg') no-repeat center;
}
/* body-loaded-and-ready */
.loaded #preloader .loader,
.loaded #preloader .logo {
		transition:all .3s ease-out;
		opacity:0;
}
.loaded #preloader {
		animation-name:fadeOut;
		animation-delay:.4s;
}
/* keyframe-animations */
@keyframes fadeOut {
		0% { opacity:1; visibility:visible; }
		100% { opacity:0; visibility:hidden; }
}
@keyframes zoom-in-zoom-out {
		0% { transform:scale(1, 1); opacity:.1; }
		50% { transform:scale(1.2, 1.2); opacity:.6; }
		100% { transform:scale(1, 1); opacity:.1; }
}

/* media-queries */


/* ============================
   > FLEXBOX
   ================== */

.flex {
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
}

/* ============================
   > TRANSITIONS
   ================== */

.getintouch a, .booknow, backtop,
.wpcf7 input[type="submit"],
.mainmenu a {
		-webkit-transition:all .4s;
		-moz-transition:all .4s;
		transition:all .4s;
}
div.nameofstyle {
		-webkit-transition:all .8s;
		-moz-transition:all .8s;
		transition:all .8s;
}

/* ============================
   > H/V CENTERING
   ================== */

.halign { left:50%; transform:translateX(-50%); } /* h-align */
.valign { top:50%; transform:translateY(-50%); } /* v-align */
.hvalign { top:50%; left:50%; transform:translate(-50%,-50%); } /* h+v-align */

/* ============================
   > BESTPRICE-RATING
   ================== */

.topbar {
		position:fixed; z-index:2;
		background:var(--ht_light_green);
		top:0; left:0; right:0;
}
.topbar .inner {
		max-width:980px; margin:0 auto;
		justify-content:space-between;
		padding:8px 0;
}
.topbar .inner a {
		font-family:var(--ht_font_regular);
		font-size:14px; color:var(--ht_dark_grey);
		display:flex; align-items:center;
		text-decoration:none;
}
.topbar a::before {
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;

		display:block; content:'';
		width:16px; height:16px;
		margin-right:8px;
}
.topbar .bestprice::before {
		background-image:url('images/ico-bestprice.svg');
		width:18px; height:18px;
}
.topbar .rating::before {
		background-image:url('images/ico-rating.svg');
}

/* media-queries */
@media screen and (max-width: 1060px) {
		.topbar .inner {
				max-width:none;
				margin:0 40px;
		}
}
@media screen and (max-width: 720px) {
		.topbar {
				top:100px;
		}
		.topbar .inner {
				flex-wrap:wrap;
		}
		.topbar .inner a {
				justify-content:center;
				flex:100%;
		}
}
@media screen and (max-width: 480px) {
		.topbar {
				top:80px;
		}
		.topbar .inner {
				margin:0 20px;
		}
}

/* ============================
   > SLIDER
   ================== */

#slider {
		position:relative;
}
#slider .logo {
		position:absolute; z-index:6;
		width:345px; height:93px; top:90px; text-decoration:none;
		background:url('images/haus-tauber-apartments.svg') no-repeat center / contain;
}
.logom {
		background:url('images/haus-tauber-apartments.svg') no-repeat center / contain;
		width:200px; height:54px; display:none;
}

/* media-queries */
@media screen and (max-width: 720px) {
		div#slider .logo {
				display:none;
		}
		.logom {
				display:block;
		}
}

/* ============================
   > WPML-LANGSWITCHER
   ================== */

/* wpml-banner-dev-site-ausblenden */
.otgs-development-site-front-end {
		display:none;
}

/* //codepen.io/w8w8/pen/xYxqgp */
.wpml-ls {
		position:absolute; z-index:6;
		top:60px; right:20px;
}
.wpml-ls ul {
		overflow:hidden; border-radius:3px;
		display:flex; flex-direction:column;
		padding:0; margin:0; height:40px;
		transition:all .3s ease;
}
.wpml-ls ul:hover {
		height:82px;
}
.wpml-ls a {
		font-size:14px; text-decoration:none;
		color:var(--ht_dark_grey); padding:0px 20px;
		line-height:inherit; line-height:40px;
}
.wpml-ls a:hover {
		color:var(--ht_dark_grey) !important;
}
.wpml-ls li.wpml-ls-current-language {
		order:-1; /* always-first-pos */
}
.wpml-ls ul li {
		display:flex !important;
		background:var(--ht_dark_green);
		align-items:center;
}
/* custom-backgrounds */
.wpml-ls ul li { background:var(--ht_white); }
.wpml-ls ul li:hover { background-color:var(--ht_light_green); }
.wpml-ls a:first-child li {
		background:transparent;
		border:none;
}
.wpml-ls span {
		margin:0 !important;
}
.wpml-ls ul li img {
		margin-right:10px;
		height:12px;
}

/* media-queries */
@media screen and (max-width: 720px) {
		#slider .wpml-ls {
				display:none;
		}
}

/* ============================
   > FANCY-POPUPS
   ================== */

.popup {
		display:none;
		width:720px;
}
.sticker {
		position:absolute; opacity:0;
		z-index:1; top:60px; left:40px;
		display:flex; grid-gap:10px;
		flex-direction:column;
}
body.loaded .sticker {
		animation:slideInLeft .5s ease forwards;
		animation-delay:2s;
}
.sticker .item {
		display:flex; cursor:pointer;
		justify-content:center; width:120px;
		height:120px; align-items:center;
		border-radius:50%;
}
.sticker .item span {
		font-family:'Quicksand-Bold';
		font-size:16px; text-align:center;
		padding:5px 10px 0; line-height:normal;
		color:var(--ht_white);
}
.sticker .item.lastminute {
		background:var(--ht_dark_green);
		border:2px solid var(--ht_white);
		background:rgba(85,104,47,0.8);
}
/* popup-content */
.popup, .popup p,
.popup li {
		line-height:26px;
		font-size:20px;
}
.popup h2 {
		line-height:normal;
		font-size:40px; text-align:center;
		text-transform:uppercase;
		margin-bottom:10px;
}
#guestpass img {
		float:right; margin:0 0 20px 20px;
		max-width:200px; height:126px;
}
#guestpass ul {
		margin:28px 0 0;
}

/* keyframe-animation */
@keyframes slideInLeft {
  0% {
    opacity:0;
    left:-200px;
  }
  100% {
    opacity:1;
    left:var(--ht_desktop);
  }
}

/* media-queries */
@media screen and (max-width: 1280px) {
		body.loaded .sticker {
				top:20px; left:var(--ht_mobile);
		}
		.sticker .item {
				width:120px; height:120px;
		}
		.sticker .item span {
				font-size:14px;
		}
}
@media screen and (max-width: 980px) {
		.popup {
				/*padding:34px;*/
		}
}
@media screen and (max-width: 720px) {
		body.loaded .sticker {
				bottom:-20px; top:auto;
				left:0; right:0; opacity:1;
				justify-content:center;
				flex-direction:row;
				animation:none;
		}
		.popup h2 {
				line-height:100%;
				font-size:36px;
		}
		.popup, .popup p,
		.popup li {
				line-height:25px;
				font-size:18px;
		}
		.popup {
				padding:28px;
		}
		#guestpass img {
				max-width:150px; height:94px;
		}
}
@media screen and (max-width: 480px) {
		body.loaded .sticker {
				bottom:-10px;
		}
		.sticker .item {
				border-radius:2px;
				width:auto; height:auto;
				padding:10px;
		}
		.sticker .item span {
				/*line-height:1rem;
				font-size:16px;*/
				padding:0;
		}
		#guestpass img {
				width:100px; height:63px;
		}
		.popup h2 {
				font-size:32px;
		}
}

/* ============================
   > STICKY-NAVBAR
   ================== */

div#slider .sticky {
		position:absolute; z-index:9; bottom:0;
		width:100%; height:100px; max-width:980px;
		background:var(--ht_medium_green);
	
		display:flex; align-items:center;
		justify-content:center;

		left:0; right:0; margin:0 auto;
		/*transition:all .8s ease;*/
}
div#slider .fixed {
		position:fixed; top:0;
		max-width:none;
}
body.page-template-default #slider .sticky {
		display:none;
}

/* media-queries */
@media screen and (max-width: 720px) {
		div#slider .sticky {
				justify-content:space-between;
		}
}
@media screen and (max-width: 480px) {
		div#slider .sticky {
				height:80px;
		}
}

/* ============================
   > MAINMENU
   ================== */

ul.mainmenu {
		display:flex; grid-gap:60px;
		justify-content:center;
		align-items:center;
}
ul.mainmenu li a {
		font-family:var(--ht_font_regular);
		font-size:22px; color:var(--ht_white);
		padding:0; text-decoration:none;
}
ul.mainmenu li a:hover {
		color:var(--ht_dark_green);
}

/* media-queries */
@media screen and (max-width: 720px) {
		.sticky {
				position:fixed !important;
				top:0; left:0; right:0;
				/*border-bottom:1px solid #eee;*/
				display:flex; align-items:center;
				justify-content:space-between;
				transform:none; padding:0 30px;
				height:80px; max-width:none;
				width:auto !important;
		}
		.sticky .mainmenu {
				display:none;
		}
		body.page-template-default #slider .sticky {
				display:flex;
		}
}
@media screen and (max-width: 480px) {
		.sticky {
				padding:0 10px 0 20px;
		}
}

/* ============================
   > MENUTRIGGER
   ================== */

.mmtrigger {
		position:relative;
		display:none; z-index:9;
		align-items:center;
		justify-content:center;
		transition-duration:0.5s;
		width:60px; height:56px;
		/*background:var(--ht_light_beige);*/
}
.mmtrigger:hover {
		cursor:pointer;
}
.mmtrigger .icon,
.mmtrigger .icon:before,
.mmtrigger .icon:after {
		position:absolute;
		background:var(--ht_white);
		transition-duration:0.5s;
		width:36px; /* breite-balken */
		height:3px; /* höhe-balken */
}
.mmtrigger .icon:before,
.mmtrigger .icon:after {
		content:'';
}
.mmtrigger .icon:before { top:-10px; /* abstand-balken */ }
.mmtrigger .icon:after { top:10px; /* abstand-balken */ }

.mmtrigger.open .icon {
		transition-duration:0.5s;
		background:transparent;
}
.mmtrigger.open .icon:before {
  	transform:rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
}
.mmtrigger.open .icon:after {
  	transform:rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
}

/* media-queries */
@media screen and (max-width: 720px) {
		.mmtrigger {
				display:flex;
		}
}

/* ============================
   > MOBILE-OVERLAY
   ================== */

.mmoverlay {
		/*position:fixed; z-index:8; top:-100dvh; left:0; right:0; bottom:0;
		opacity:1; width:100%; height:100vh; height:100dvh; background-color:var(--ht_light_beige);
		transition:top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
		display:flex; justify-content:center; align-items:center; overflow:hidden;*/
}
.mmoverlay {
		position:fixed; z-index:8;
		transition:max-height .8s ease;
		top:0; left:0; right:0; bottom:0;
		display:none; align-items:center;
		/*background:var(--ht_dark_green);*/
		background:rgba(231,234,209,.9);
		overflow:hidden; max-height:0;
		justify-content:center;
}
.mmoverlay .inner {
		display:flex;
		align-items:center;
		justify-content:center;
		flex-direction:column;
}
.bodyfixed {
		overflow:hidden;
}
body.menu_mobile_opened { overflow:hidden; }
body.menu_mobile_opened .mmoverlay { /*top:0;*/ max-height:100dvh; }
body.menu_mobile_opened .mainmenu li {
		animation:fadeInRight .5s ease forwards;
}
/* mmoverlay-mmenu */
.mmoverlay .mainmenu {
		display:flex; align-items:center;
		flex-direction:column; grid-gap:30px;
		opacity:1; transition:all .9s ease;
}
.mmoverlay .mainmenu li {
		position:relative;
		opacity:0;
}
.mmoverlay .mainmenu a {
		color:var(--ht_dark_green);
		font-size:28px;
}
.mmoverlay .mainmenu a:hover {
		color:var(--ht_medium_green);
}
/* fade-in-keyframe-animation */
.mmoverlay .mainmenu li:first-of-type { animation-delay:.6s; }
.mmoverlay .mainmenu li:nth-of-type(2) { animation-delay:.7s; }
.mmoverlay .mainmenu li:nth-of-type(3) { animation-delay:.8s; }
.mmoverlay .mainmenu li:nth-of-type(4) { animation-delay:.9s; }
.mmoverlay .mainmenu li:nth-of-type(4) { animation-delay:.9s; }
.mmoverlay .mainmenu li:last-of-type { animation-delay:1s; }

/* keyframe-animations */
@keyframes fadeInRight {
  0% {
    opacity:0;
    left:80%;
  }
  100% {
    opacity:1;
    left:0;
  }
}

/* mmoverlay-language */
.mmoverlay .language {
		flex:100%;
}
.mmoverlay .language .wpml-ls {
		display:flex; justify-content:center;
		position:relative; padding:0; border:none;
		top:auto; right:auto; z-index:auto;
}
.mmoverlay .language .wpml-ls ul {
		flex-direction:row;
		transition:none;
}
.mmoverlay .language .wpml-ls ul:hover {
		height:40px;
}
.mmoverlay .language .wpml-ls ul li a:hover {
		text-decoration:none;
}

/* mmoverlay-useful */
.mmoverlay .useful {
		display:flex; flex-wrap:wrap;
		justify-content:center; grid-gap:16px;
		bottom:-80px; transition-delay:1.2s;
		transition:all .4s ease; opacity:0;
		position:absolute;
}
.mmoverlay .useful a {
		font-family:var(--ht_font_regular);
		font-size:16px; line-height:1.4;
		color:var(--ht_dark_green);
		text-decoration:none;
}
.mmoverlay .useful a:hover {
		text-decoration:underline;
}
body.menu_mobile_opened .mmoverlay .useful {
		bottom:40px; opacity:1;
}

/* media-queries */
@media screen and (max-width: 720px) {
		.mmoverlay {
				display:flex;
		}
		.mmoverlay .mainmenu {
				/*margin-top:100px;  height-of-fixed-header */
		}
		.mmoverlay .mainmenu a {
				font-size:26px;
		}
}
@media screen and (max-width: 480px) {
		.mmoverlay .mainmenu {
				/*margin-top:80px;  height-of-fixed-header */
		}
		.mmoverlay .mainmenu a {
				font-size:24px;
		}
}

/* ============================
   > HEADLINES
   ================== */

/*h1, h3 { font-family:'Quicksand-Regular', Arial, Helvetica, sans-serif; }
h2, h4 { font-family:'Quicksand-Regular', Arial, Helvetica, sans-serif; }*/

/* headlines */
h1, h2, h3, h4, .std h1 {
		color:var(--ht_dark_green);
		line-height:1.2;
}
h1, h3, .std h1 {
		font-family:var(--ht_font_medium);
		font-size:44px;
}
h2, h4, .std h3 {
		font-family:var(--ht_font_regular);
		font-size:24px;
}
.sepline::after {
		display:block; margin:18px auto;
		background-color:var(--ht_border_green);
		content:''; width:70%; height:1px;
}

/* media-queries */
@media screen and (max-width: 980px) {
		h1, h3, .std h1 {
				font-size:38px;
		}
}
@media screen and (max-width: 720px) {
		h1, h3, .std h1 {
				font-size:32px;
		}
		h2, h4, .std h3 {
				font-size:22px;
		}
}
@media screen and (max-width: 480px) {
		h1, h3, .std h1 {
				font-size:26px;
		}
		h2, h4, .std h3 {
				font-size:20px;
		}
}

/* ============================
   > CONTENT
   ================== */

div.block {
		position:relative;
		/*height:800px;*/
}
div.text {
		margin:28px 0 0;
		line-height:1.5;
		font-size:18px;
		/*line-height:138%;
		font-size:20px;*/
}
div.wrap {
		position:relative;
		margin:0 auto;
}
div.block p, div.std p, .tab-content p, .popup p { margin-bottom:28px; /* absatz */ }
div.block p:last-of-type, div.std p:last-of-type, .popup p:last-of-type { margin:0; }
div.block strong, div.std strong, .tab-content strong, .popup strong { font-family:'Quicksand-Bold'; /* fett */ }
div.block a, div.std a { color:var(--ht_dark_red); }
div.std h4 { margin:0 0 12px; }

/* aufzählungen */
div.wrap ul.icoli {
		list-style:none;
}
div.wrap ul.icoli li {
		background:url('images/ico-li.webp') no-repeat 0px 8px;
		line-height:24px; margin:8px 0; padding-left:20px;
}

/* standard-page-template */
body.page-template-default .wrap {
		margin:80px auto;
		max-width:1200px;
}
body.page-template-default h3 {
		margin-bottom:10px;
}

/* new-anchor-link-position */
div.block .anchor {
		top:-100px; left:0px;
		position:absolute;
}

/* media-queries */
@media screen and (max-width: 1280px) {
		body.page-template-default .wrap {
				max-width:none;
				margin:40px;
		}
}
@media screen and (max-width: 980px) {
		div.text, div.text a {
				line-height:29px;
				font-size:21px;
		}
}
@media screen and (max-width: 720px) {
		div.text {
				margin:18px 0 0;
		}
		div.text, div.text a {
				line-height:24px;
				font-size:16px;
		}
}
@media screen and (max-width: 480px) {
		body.page-template-default .wrap {
				margin:20px;
		}
}

/* ============================
   > 1-WILLKOMMEN
   ================== */

#willkommen .wrap {
		max-width:980px;
		text-align:center;
		padding:60px 0;
}
#willkommen .text {
		margin-top:50px;
}
#willkommen .text img {
		max-width:100%;
		height:auto;
}
#willkommen .text p:last-of-type strong {
		color:var(--ht_dark_green);
		font-size:20px;
}
/* impressionen */
#impressionen {
		margin:0 auto;
		padding-bottom:60px;
		max-width:1607px;
}
#impressionen .splide a {
		cursor:pointer;
}
/* incl-impressionen */
.my-slider-progress {
		margin:16px auto 0; max-width:60%;
    background:var(--ht_light_green);
}
.my-slider-progress-bar {
		transition:width 400ms ease;
		background:var(--ht_medium_green);
		width:0; height:2px;
}

/* media-queries */
@media screen and (max-width: 980px) {
		#willkommen .wrap {
				padding:40px 40px 60px;
				max-width:none;
		}
		#impressionen {
				padding-bottom:40px;
		}
}
@media screen and (max-width: 480px) {
		#willkommen .wrap {
				padding:40px 20px 40px;
		}
		#impressionen {
				padding-bottom:20px;
		}
}

/* ============================
   > 2-WOHNEN
   ================== */

#wohnen .wrap {
		display:flex; grid-gap:50px;
		padding:60px 0 100px;
		max-width:1280px;
}
#wohnen h1, #wohnen h2 {
		/*text-align:center;*/
}
#wohnen .col {
		flex:1;
}
/* linke-spalte */
#wohnen .col.left {
		/*background:lime;*/
		max-width:400px;
}
#wohnen .col.left .ap-select {
		position:relative;
		position:-webkit-sticky;
		position:sticky; top:178px;
}
#wohnen .col.left .ap-intro {
		background:var(--ht_border_green);
		border-top-left-radius:20px;
		border-top-right-radius:20px;
		padding:60px 50px 80px;
}
#wohnen .col.left .ap-intro h2 {
		font-family:var(--ht_font_medium);
		font-size:44px; line-height:1.2;
		color:var(--ht_dark_green);
}
#wohnen .col.left .ap-intro .text {
		text-align:left; line-height:1.3;
}
#wohnen .col.left .ap-filter nav {
		display:flex; grid-gap:20px;
		flex-direction:column; padding:60px 50px;
		border-radius:20px; margin-top:-20px;
		background:var(--ht_light_green);
}
#wohnen .col.left .ap-filter nav a {
		font-family:var(--ht_font_regular);
		display:block; text-decoration:none;
		font-size:22px; line-height:1;
		color:var(--ht_dark_green);
}
#wohnen .col.left .ap-filter nav a:hover,
#wohnen .col.left .ap-filter nav .selected {
		color:var(--ht_medium_green);
}
/* rechte-spalte */
#wohnen .col.right {
		/*background:coral;*/
		position:relative; /* < for-loader-div */
}
#wohnen .col.right h3,
#wohnen .col.right h4,
#wohnen .col.right .text {
		text-align:center;
}
#wohnen .col.right label {
		display:block; margin-bottom:20px;
		font-family:var(--ht_font_regular);
}
/* flexslider */
#wohnen .col.right .galerie {
		margin:40px 0;
}
#wohnen .col.right .galerie ul li img {
		max-width:100%; height:auto;
}
/* ausstattung-mit-icon */
ul.equipment {
		column-count:2;
		column-gap:20px;
}
ul.equipment li {
		position:relative;
		padding-left:20px;
		margin-left:1em;
}
ul.equipment li:before {
		position:absolute; top:5px; left:0;
		background:url('images/ico-check.svg') no-repeat;
		content:''; width:22px !important; height:16px;
		margin-left:-1em; content:'' !important;
}
/* table-preise */
div.preise {
		margin:28px 0 38px;
}
div.preise table {
		width:100%;
}
div.preise table tr:nth-of-type(even) {
		background:#f0f2e3;
}
div.preise table tr.head {
		background:var(--ht_medium_green);
}
div.preise table tr.head td {
		font-family:var(--ht_font_medium);
		color:var(--ht_white);
}
div.preise table tr.head td span {
		font-size:16px;
}
div.preise table td.info,
div.preise table tr.info td,
div.preise table tr.info td a {
		line-height:normal;
		font-size:16px;
}
div.preise table td.info {
		max-width:268px;
}
div.preise table td {
		border:1px solid var(--ht_border_green);
		padding:12px 18px; text-align:center;
		box-sizing:border-box;
}
.preise table td.price {
		font-family:var(--ht_font_regular);
		color:var(--ht_dark_green);
}
/* btn-anfrage */
#wohnen .booknow {
		display:block; border-radius:3px;
		font-family:var(--ht_font_regular);
		font-size:20px; color:var(--ht_white);
		line-height:1; text-decoration:none;
		text-align:center; padding:12px 0;
		background:var(--ht_dark_green);
		/* button-anstelle-von-a */
		border:none; width:100%;
		cursor:pointer;
}
#wohnen .booknow:hover {
		opacity:.9;
}

/* vertical-tabs-js-and-jquery 
https://codepen.io/CosmosCoDK/pen/gvbKBM
*/

nav a {
  	cursor:pointer;
}
.tabs .content {
		position:relative; display:none;
		/*transition:opacity 0.1s linear 0s;*/
		animation:fadeInOut .8s linear;
}
.tabs .content.visible {
  	display:block;
}

/* keyframe-animations */
@keyframes fadeInOut {
		from {
				display:none;
				opacity:0;
		}
		to {
				display:block;
				opacity:1;
		}
}

/* media-queries */
@media screen and (max-width: 1360px) {
		#wohnen .wrap {
				grid-gap:40px;
				max-width:none;
				margin:0 40px;
		}
		#wohnen .col.left {
				/*max-width:350px;*/
		}
}
@media screen and (max-width: 1200px) {
		#wohnen .col.left {
				max-width:350px;
		}
		#wohnen .col.left .ap-intro {
				padding:50px 40px 60px;
		}
		#wohnen .col.left .ap-intro h2,
		#wohnen .col.right h3 {
				font-size:38px;
		}
		#wohnen .col.left .ap-filter nav {
				padding:50px 40px;
		}
}
@media screen and (max-width: 980px) {
		#wohnen .wrap {
				flex-direction:column;
		}
		#wohnen .col.left {
				max-width:none;
		}
		#wohnen .col.left .ap-intro {
				padding:40px 40px 60px;
		}
		#wohnen .col.left .ap-intro h2,
		#wohnen .col.right h3 {
				font-size:34px;
		}
		#wohnen .col.left .ap-intro .text {
				font-size:18px; margin-top:20px;
		}
		#wohnen .col.left .ap-filter nav {
				flex-direction:row;
				padding:40px;
		}
		#wohnen .col.left .ap-filter nav a {
				flex:1; font-size:20px;
				text-align:center;
		}
}
@media screen and (max-width: 720px) {
		#wohnen .col.left .ap-intro {
				padding:30px 30px 50px;
		}
		#wohnen .col.left .ap-intro h2,
		#wohnen .col.right h3 {
				font-size:30px;
		}
		#wohnen .col.left .ap-intro .text {
				font-size:16px; margin-top:12px;
		}
		#wohnen .col.left .ap-filter nav {
				padding:30px;
		}
		#wohnen .col.left .ap-filter nav::before {
				display:block; content:'Apartment:';
				font-family:var(--ht_font_regular);
				color:var(--ht_dark_green);
		}
		#wohnen .col.left .ap-filter nav::before,
		#wohnen .col.left .ap-filter nav a.info {
				font-size:16px;
		}
		#wohnen .col.left .ap-filter nav span {
				display:none;
		}
		/* rechte-spalte */
		#wohnen .col.right .galerie {
				margin:30px 0;
		}
		ul.equipment li {
				font-size:16px;
				line-height:1.3;
		}
		div.preise table td {
				font-size:16px;
		}
}
@media screen and (max-width: 480px) {
		#wohnen .wrap {
				grid-gap:30px; margin:0 20px;
				padding:40px 0 80px;
		}
		#wohnen .col.left .ap-intro {
				padding:20px 30px 45px;
		}
		#wohnen .col.left .ap-filter nav {
				grid-gap:12px;
				padding:20px 30px;
				flex-wrap:wrap;
		}
		#wohnen .col.left .ap-filter nav a.info {
				flex:100%; /*text-align:left;*/
		}
		ul.equipment {
				column-count:1;
				column-gap:unset;
		}
		ul.equipment li:before {
				top:2px; width:18px; height:13px;
		}
		/* rechte-spalte */
		#wohnen .col.right .galerie {
				margin:20px 0;
		}
		div.preise {
				overflow:scroll;
		}
		div.preise table td {
				font-size:14px !important;
				padding:10px;
		}
		div.preise tr:nth-child(3) td {
				white-space:nowrap;
		}
}

/* ============================
   > 3-UMGEBUNG
   ================== */

#umgebung.block {
		/*height:auto;*/
}
#umgebung .wrap {
		text-align:center;
		max-width:1280px;
}
#umgebung .grid {
		display:grid; grid-gap:15px;
		grid-template-columns:repeat(3, 1fr);
		margin-top:60px;
}
#umgebung .grid .item {
		position:relative;
		overflow:hidden;
}
#umgebung .grid .item .overlay {
		position:absolute;
		background:rgba(85,104,47,.4);
		transition:background ease 0.4s;
		width:100%; height:100%;
}
#umgebung .grid .item:hover .overlay {
		background:rgba(0,0,0,.2);
}
#umgebung .grid .item .overlay .caption {
		position:absolute; text-align:left;
		transition:bottom ease-in-out 0.2s;
		bottom:-22px; left:28px; right:28px;
}
#umgebung .grid .item:hover .caption {
		bottom:28px;
}
#umgebung .grid .item h4 {
		font-size:20px;
		color:#fff; line-height:118%;
		margin-bottom:10px;
}
#umgebung .grid .item .caption a {
		display:inline-block;
		font-family:var(--ht_font_regular);
		font-size:16px; color:var(--ht_white);
		padding:6px 24px; border-radius:2px;
		background:var(--ht_medium_green);
		text-decoration:none; opacity:0;
		/* fade-in-on-hover */
		transition:opacity 0.4s;
}
#umgebung .grid .item .caption a:hover {
		background:var(--ht_dark_green);
}
#umgebung .grid .item:hover .caption a {
		opacity:1;
}
#umgebung .grid .item img {
		display:block;
		max-width:100%;
		height:auto;
}

/* media-queries */
@media screen and (max-width: 1200px) {
		#umgebung .wrap {
				margin:0 40px;
		}
}
@media screen and (max-width: 980px) {
		#umgebung .grid {
				grid-template-columns:repeat(2, 1fr);
				margin-top:48px;
		}
		#umgebung .grid .item h4 {
				font-size:22px;
		}
		#umgebung .grid .item h4 br {
				display:none;
		}
		#umgebung .grid .item .overlay .caption {
				bottom:-20px; left:28px;
		}
		#umgebung .grid .item:hover .caption {
				bottom:28px;
		}
}
@media screen and (max-width: 720px) {
		#umgebung .grid {
				grid-template-columns:auto;
				margin-top:28px;
		}
		#umgebung .grid .item .caption a {
				font-size:15px;
		}
}
@media screen and (max-width: 480px) {
		#umgebung .wrap {
				margin:0 20px;
		}
		#umgebung .grid {
				grid-gap:10px;
		}
		#umgebung .grid .item h4 {
				font-size:18px;
		}
		#umgebung .grid .item .overlay .caption {
				bottom:-22px;
		}
		#umgebung .grid .item:hover .caption {
				bottom:25px;
		}
		#umgebung .grid .item .caption a {
				font-size:13px;
				padding:0 18px;
		}
}

/* ============================
   > 4-ANFRAGE
   ================== */

div#anfrage.block {
		height:auto;
}
div#anfrage .hl {
		margin-bottom:48px;
		text-align:center;
}
div#anfrage .wrap {
		padding:100px 0;
		max-width:980px;
		margin:0 auto;
}

/* media-queries */
@media screen and (max-width: 980px) {
		div#anfrage .wrap {
				padding:80px 0 60px;
				max-width:none;
				margin:0 40px;
		}
}
@media screen and (max-width: 720px) {
		div#anfrage .wrap {
				padding:60px 0 40px;
		}
}
@media screen and (max-width: 480px) {
		div#anfrage .wrap {
				padding:40px 0 20px;
				margin:0 20px;
		}
		div#anfrage .hl {
				margin-bottom:28px;
		}
}

/* ============================
   > CF7-STYLES
   ================== */

/* pflichtfelder */
.wpcf7 u {
		text-decoration:none;
		color:#5d9b43;
}
/* focus-deaktivieren */
.wpcf7 input:focus, .wpbs-form-field input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus, .wpbs-form-field-input textarea:focus,
.wpcf7 button:focus {
    outline:none;
}
/* form-field-styles */
.wpcf7 input[type="text"], .wpbs-form-field input[type="text"],
.wpcf7 input[type="email"], .wpbs-form-field input[type="email"],
.wpcf7 input[type="select"],
.wpcf7 input[type='submit'], .wpbs-form-submit-button button,
.wpcf7 [data-name="fewo"],
.wpcf7 textarea, .wpbs-form-field-input textarea {
		font-family:var(--ht_font_light);
		font-size:18px; padding:12px 0 12px 18px;
		border:1px solid var(--ht_dark_beige);
		box-sizing:border-box; width:100%;
		background:var(--ht_white);
		border-radius:3px;
}
.wpbs-form-field-textarea {
		grid-column:1 / -1;
}
/* placeholder-color-u-opacity */
::-webkit-input-placeholder { color:#888 !important; opacity:1; }
:-moz-placeholder { color:#888 !important; opacity:1; }
::-moz-placeholder { color:#888 !important; opacity:1; }
:-ms-input-placeholder { color:#888 !important; opacity:1; }

/* grid-styles */
.wpcf7 .grid { display:grid; grid-gap:15px; }
.wpcf7 .grid.three { grid-template-columns:repeat(3, 1fr); }
.wpcf7 .grid.two { grid-template-columns:repeat(2, 1fr); }
.wpcf7 .grid.three.date { margin-bottom:15px; }
.wpcf7 [data-name="message"] { grid-column:1 / -1; }
.wpcf7 [data-name="message"]::after { content:''; display:block; height:13px; }
.wpcf7 textarea, .wpbs-form-field-input textarea {	max-height:100px; resize:none; }

/* custom-select-styles */
.wpcf7 select {
		appearance:none; border:none;
		background-color:transparent;
		padding:0 1em 0 0; outline:none;
		margin:0; width:100%;
		font-family:inherit;
		line-height:inherit;
		font-size:inherit;
		cursor:inherit; color:#888;
}
.wpcf7 [data-name="fewo"] {
		display:grid;
		grid-template-areas:'select';
}
.wpcf7 [data-name="fewo"]:after {
		position:absolute; content:"";
		background:url('images/ico-down.webp') no-repeat;
		width:12px; height:6px;	right:18px; top:22px;
}

/* custom-checkbox-styles */
div.wpcf7 label.privacy {
		display:inline-flex;
		margin-top:36px;
}
div.wpcf7 label.privacy div,
div.wpcf7 label.privacy div a {
		font-size:16px;
}
div.wpcf7 label.privacy div a {
		color:var(--ht_dark_green);
}
div.wpcf7 input[type="checkbox"] {
		background:var(--ht_light_green); border:none;
		position:relative; width:40px; height:20px;
		-webkit-appearance:none; outline:none;
		transition:.5s; border-radius:10px;
}
div.wpcf7 input:checked[type="checkbox"] {
		background:#b4d065;
}
div.wpcf7 input[type="checkbox"]:before {
		position:absolute; content:'';
		width:20px; height:20px; top:0; left:0;
		background:#fff; transform:scale(1.1);
		box-shadow:0 2px 5px rgba(0,0,0,.2);
		transition:.5s; border-radius:10px;
}
div.wpcf7 input:checked[type="checkbox"]:before {
		left:20px;
}
div.wpcf7 .privacy .wpcf7-list-item {
		display:inline; margin:0;
}

/* calendar + datepicker */
div.wpcf7 [data-name="date-start"]::after,
div.wpcf7 [data-name="date-end"]::after {
		position:absolute; content:'';
		width:51px; height:52px; right:0;
}
div.wpcf7 [data-name="date-start"]::after,
div.wpcf7 [data-name="date-end"]::after {
		background:url('images/ico-kalender.webp') no-repeat;
}
.dtp div.dtp-picker-month {
		font-weight:300;
}
.dtp div.dtp-picker {
		padding-bottom:0;
}
/* dtp-content */
.dtp-content {
		font-family:var(--ht_font_regular);
}
/* dtp-header-bg */
.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
		background:var(--ht_dark_green);
}
/* dtp-day-month-year-bg */
.dtp div.dtp-date, .dtp div.dtp-time {
		background:var(--ht_light_green);
		color:var(--ht_dark_green);
}
/* dtp-table-width */
.dtp table.dtp-picker-days {
		width:100%;
}
/* dtp-selected-month */
.dtp div.dtp-picker-month {
		padding-bottom:14px !important;
		font-size:15px; font-weight:500;
}
/* dtp-selected-date-bg */
.dtp table.dtp-picker-days tr > td > a {
		width:31px; line-height:31px;
		display:block; padding:0;
		border-radius:4px;
}
.dtp table.dtp-picker-days tr > td > span {
		line-height:31px;
}
.dtp table.dtp-picker-days tr > td > a.selected {
		background:var(--ht_dark_green);
		border-radius:4px !important;
}
/* dtp-arrow-year-color */
.dtp div.dtp-actual-year {
		color:var(--ht_dark_green);
}
.dtp .p10 > a,
.year-picker-item.active {
		color:var(--ht_dark_green);
}
/* dtp-numbers-font-weight */
.dtp table.dtp-picker-days tr > td {
		font-weight:normal;
}
.dtp table.dtp-picker-days tr > th {
		font-family:var(--ht_font_medium);
		background:var(--ht_light_green);
		color:var(--ht_dark_green);
		font-weight:normal;
}
/* dtp-font-size-and-color */
.dtp table.dtp-picker-days tr > td > span.dtp-select-day,
.dtp table.dtp-picker-days tr > td > a,
.dtp .dtp-picker-time > a {
		font-size:14px;
}
.dtp table.dtp-picker-days tr > td > a,
.dtp .dtp-picker-time > a {
		color:var(--ht_dark_grey);
}
/* hide-cancel-button */
button.dtp-btn-cancel {
		display:none;
}
/* button-ok-styling */
button.btn-flat {
		font-family:var(--ht_font_medium);
		font-size:15px; color:var(--ht_white);
		border-radius:4px; cursor:pointer;
		padding:6px 12px; border:none;
		background:var(--ht_dark_green);
		text-transform:uppercase;
}
/* plus-minus-buttons */
div.wpcf7 label.plusminus,
.wpbs-form-field.plusminus {
		position:relative;
}
div.wpcf7 .plus, div.wpcf7 .minus,
.wpbs-form-field .plus, .wpbs-form-field .minus {
		position:absolute; cursor:pointer;
		width:52px; height:52px; top:0; right:0;
		background:url(images/ico-plus-minus.webp) no-repeat;
		text-indent:-9999px; border:none;
		padding:0; overflow:hidden;
}
div.wpcf7 button, .wpbs-form-field button { opacity:1; }
div.wpcf7 button:hover, .wpbs-form-field button:hover { opacity:.6; }

div.wpcf7 .minus, .wpbs-form-field .minus { background-position:bottom; }
div.wpcf7 .plus, .wpbs-form-field .plus { background-position:top; right:53px; }

div.wpcf7 .plus::before, .wpbs-form-field .plus::before,
div.wpcf7 .minus::before, .wpbs-form-field .minus::before {
		display:block; content:''; width:1px; height:100%;
		background-color:var(--ht_dark_beige);
}
/* submit-button-styles */
.wpcf7 input[type="submit"],
.wpbs-form-submit-button button {
		font-size:22px; padding:20px 0;
		border:none; color:var(--ht_white);
		background:var(--ht_medium_green);
		border-radius:3px;
}
.wpcf7 input[type="submit"]:disabled {
		cursor:default; color:var(--ht_white);
}
.wpcf7 input[type="submit"]:disabled:hover {
		cursor:not-allowed;
}
.wpcf7 input[type="submit"]:disabled,
.wpcf7 input[type="submit"]:disabled:hover {
		background:var(--ht_light_green);
}
.wpcf7 input[type="submit"]:hover,
.wpbs-form-submit-button button:hover {
		cursor:pointer; opacity:.9 !important;
}
/* recaptcha-styles */
.wpcf7 .recaptcha {
		padding:6px 0 38px;
		display:block;
}
.wpcf7 .recaptcha,
.wpcf7 .recaptcha a {
		font-size:16px;
}
/* recaptcha-badge-ausblenden */
.grecaptcha-badge {
		visibility:hidden;
}
/* cf7-response-output */
.wpcf7 form.invalid u { color:#ff0000 !important; }
.wpcf7 input.wpcf7-not-valid { border:1px solid #ff0000 !important; }
.wpcf7 span.wpcf7-not-valid-tip, div.wpcf7 div.screen-reader-response { display:none; }
.wpcf7 form .wpcf7-response-output { margin:0 0 24px; padding:18px; text-align:center; font-size:15px; }
.wpcf7 form.sent .wpcf7-response-output { border:1px solid #05e029 !important; background:#e6fce9; color:#484848; }
.wpcf7 form.invalid .wpcf7-response-output { border:1px solid #ff0000 !important; background:#ffe5e5; color:#484848; }

/* media-queries */
@media screen and (max-width: 980px) {
		.wpcf7 input[type="text"], .wpbs-form-field input[type="text"],
		.wpcf7 input[type="email"], .wpbs-form-field input[type="email"],
		.wpcf7 input[type="select"],
		.wpcf7 input[type='submit'], .wpbs-form-submit-button button,
		.wpcf7 [data-name="fewo"],
		.wpcf7 textarea, .wpbs-form-field-input textarea {
				font-size:20px;
		}
		div.wpcf7 label.privacy div,
		.wpcf7 .recaptcha {
				line-height:normal;
		}
}
@media screen and (max-width: 720px) {
		.wpcf7 .grid { grid-gap:10px; }
		.wpcf7 .grid.three { grid-template-columns:repeat(2, 1fr); }
		.wpcf7 .grid { grid-template-columns:auto !important; }
		.wpcf7 input[type="text"], .wpbs-form-field input[type="text"],
		.wpcf7 input[type="email"], .wpbs-form-field input[type="email"],
		.wpcf7 input[type="select"],
		.wpcf7 input[type='submit'], .wpbs-form-submit-button button,
		.wpcf7 [data-name="fewo"],
		.wpcf7 textarea, .wpbs-form-field-input textarea {
				font-size:18px;
				border:1px solid #eee;
				border-radius:2px;
		}
		div.wpcf7 .plus::before,
		div.wpcf7 .minus::before {
				background-color:#eee;
		}
		.wpcf7 .recaptcha {
				padding:18px 0 28px;
		}
}
@media screen and (max-width: 480px) {
		.wpcf7 input[type="text"], .wpbs-form-field input[type="text"],
		.wpcf7 input[type="email"], .wpbs-form-field input[type="email"],
		.wpcf7 input[type="select"],
		.wpcf7 [data-name="fewo"],
		.wpcf7 textarea, .wpbs-form-field-input textarea {
				/*font-size:15px;*/
		}
		.wpbs-form-submit-button button,
		.wpcf7 input[type="submit"] {
				font-size:20px;
				padding:16px 0;
		}
		div.wpcf7 label.privacy div,
		div.wpcf7 label.privacy div a {
				font-size:16px;
		}
}

/* ============================
   > FOOTER
   ================== */

div#footer {
		background:var(--ht_light_green);
}
div#footer.flex {
		flex-direction:column;
		align-items:center;
}
div#footer .logo {
		background:url('images/haus-tauber-apartments_footer.svg') no-repeat center / contain;
		width:280px; height:75px; margin-top:60px;
}
/* adresse */
div#footer .adresse {
		font-family:var(--ht_font_regular);
		text-align:center; margin:28px 0;
		font-size:18px; line-height:148%;
		color:var(--ht_dark_grey);
}
/* social-media */
div#footer .social {
		padding:24px 0;
		column-gap:8px;
    display:none; /* < ausgeblendet */
}
div#footer .social a {
		display:block;
		width:38px; height:38px;
		background-color:#909090;
		background-repeat:no-repeat;
		background-position:center;
		text-decoration:none;
		border-radius:50%;
}
div#footer .social a:hover {
		background-color:#cacaca;
}
/* social-icons */
div#footer .social .facebook { background-image:url('images/ico-facebook.webp'); }
div#footer .social .youtube {	background-image:url(images/ico-youtube.webp); }
div#footer .social .instagram {	background-image:url(images/ico-instagram.webp); }

/* getintouch */
div#footer .getintouch {
		column-gap:15px;
}
div#footer .getintouch a {
		background:var(--ht_medium_green);
		padding:16px 0; border-radius:999px;
		font-family:var(--ht_font_regular);
		font-size:18px; color:var(--ht_white);
		min-width:300px; text-align:center;
		text-decoration:none;
}
div#footer .getintouch a:hover {
		/*background-color:#ddd;*/
		opacity:.9;
}

/* quicklinks */
div#footer .quicklinks {
		padding:28px 0;
}
div#footer .quicklinks a {
		font-family:var(--ht_font_regular);
		font-size:16px; color:var(--ht_dark_red);
		text-decoration:none; letter-spacing:.4px;
		line-height:normal;
}
div#footer .quicklinks a::after {
		margin:0 4px 0 4px;
		padding-left:3px;
		content:'|';
}
div#footer .quicklinks a:last-of-type::after {
		display:none;
}
div#footer .quicklinks a:hover {
		opacity:.8;
}

/* media-queries */
@media screen and (max-width: 720px) {
		div#footer .logo {
				width:228px; height:61px;
				background-size:contain;
		}
		div#footer .adresse {
				font-size:18px;
				margin-bottom:20px;
				line-height:1.4;
		}
		div#footer .getintouch {
				column-gap:10px;
		}
		div#footer .getintouch a {
				font-size:18px;
				padding:12px 36px;
				letter-spacing:.5px;
				border-radius:999;
				min-width:0;
		}
		div#footer .social {
				padding:20px 0;
		}
}
@media screen and (max-width: 480px) {
		div#footer .logo {
				/*width:180px; height:103px;
				margin-bottom:18px;*/
		}
		div#footer .getintouch {
				flex-wrap:wrap;
				column-gap:normal;
				grid-row-gap:4px;
		}
		div#footer .getintouch a {
				padding:10px 0;
				width:100%;
		}
		div#footer .quicklinks {
				text-align:center;
		}
		div#footer .adresse,
		div#footer .getintouch a,
		div#footer .quicklinks a {
				font-size:16px;
		}
		div#footer .quicklinks a:last-of-type {
				display:block;
		}
		div#footer .quicklinks a:nth-of-type(3)::after {
				display:none;
		}
		div#footer .social {
				padding:16px 0;
		}
}

/* ============================
   > WETTER
   ================== */

div#wetter {
		background-color:#fff;
}
div#wetter .wrap {
		max-width:920px; margin:0 auto;
		justify-content:space-between;
		padding:42px 0;
}
div#wetter div {
		justify-content:center;
		align-items:center;
}
div#wetter a {
		text-decoration:none;
		background-repeat:no-repeat;
		background-position:center;
		display:block;
}
div#wetter a.visitlana {
		background-image:url('images/lana-verbindet-website-de.png');
		width:230px; height:96px;
}
div#wWidget {
		font-size:18px; color:#909090;
		width:100%; max-width:300px;
}
div#wetter a.suedtirol {
		background-image:url('images/dachmarke-suedtirol.png');
		width:118px; height:92px;
}

/* media-queries */
@media screen and (max-width: 980px) {
		div#wetter .wrap {
				max-width:none;
				padding:42px 0;
				margin:0 40px;
		}
}
@media screen and (max-width: 720px) {
		div#wetter a.visitlana,
		div#wetter a.suedtirol {
				background-size:contain;
		}
		div#wetter a.visitlana {
				width:84px; height:62px;
		}
		div#wetter .wrap a.suedtirol {
				width:94px; height:74px;
		}
}
@media screen and (max-width: 480px) {
		div#wetter .wrap {
				flex-wrap:wrap;
				justify-content:space-evenly;
				padding:20px 0 28px;
				grid-row-gap:20px;
		}
		div#wWidget {
				order:1; max-width:none;
				font-size:16px;
		}
		div#wetter a.visitlana,
		div#wetter a.suedtirol {
				order:2;
		}
}

/* ============================
   > GOOGLE-MAPS
   ================== */

#maps .cmplz-placeholder-parent, #maps {
		/*height:260px;*/
		height:300px; /* < damit-routenplaner-angezeigt-wird */
}

/* media-queries */
@media screen and (max-width: 720px) {
		div#maps {
				height:220px;
		}
}
@media screen and (max-width: 480px) {
		div#maps {
				height:180px;
		}
}

/* ============================
   > FANCYBOX-STYLES
   ================== */

div.popup-hidden {
		display:none;
		font-size:16px;
		width:720px;
}
div.popup-hidden strong {
		font-size:22px;
		font-weight:500;
		margin:0 0 18px;
		display:block;
}
.fancybox__container {
		--fancybox-bg:rgba(24,24,27,0.8) !important;
}
.fancybox-active {
  	height:100% !important;
}

/* media-queries */
@media screen and (max-width: 480px) {
		div.popup-hidden {
				font-size:15px;
				line-height:normal;
				padding:28px;
		}
		div.popup-hidden strong {
				font-size:18px;
		}
}

/* ============================
   > SPLIDE-JS
   ================== */

/* full-bg-slider */
#slider, .splide,
#splide-track, .splide__slide { height:100%; }
.splide__slide {
		background-position:center;
		background-repeat:no-repeat;
		/*background-attachment:fixed;*/
		background-size:cover;
}
/* static-image-on-std-pages */
body.page-template-default #slider {
		overflow:hidden;
		height:auto;
}
body.page-template-default #slider img {
		max-width:100%;
		height:auto;
}
/* splide-progressbar */
.splide__progress {
		display:none;
}
/* splide-pagination */
.splide__pagination {
		margin-bottom:20px;
		bottom:100%;
}
.splide__pagination__page {
		width:12px; height:12px;
		margin:4px;	background:#383837;
		transform:none !important;
}

/* splide-responsive-images */
#impressionen .splide__slide img,
#wohnen .splide__slide img {
		max-width:100%;
		height:auto;
}

/* media-queries */
@media screen and (max-width: 720px) {
		div#slider {
				margin-top:100px;
				height:80%;
		}
}
@media screen and (max-width: 480px) {
		div#slider {
				margin-top:80px;
				height:60%;
		}
}

/* ============================
   > COMPLIANZ-GDPR
   ================== */

/* cookie-banner */
.cmplz-cookiebanner .cmplz-title {
		font-family:var(--ht_font_medium);
		font-size:18px !important;
}
.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn,
.cmplz-cookiebanner .cmplz-links .cmplz-link {
		line-height:normal !important;
		font-size:13px !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
		font-family:var(--ht_font_medium);
}
div#cmplz-manage-consent .cmplz-manage-consent {
		font-family:var(--ht_font_medium);
		padding-left:25px; padding-right:25px;
		font-size:15px; right:80px;
		bottom:0 !important;
}

/* cookie-seite */
div#cmplz-document {
		max-width:none;
}
div#cmplz-document p,
div#cmplz-document p a {
		line-height:26px;
		font-size:18px;
}

/* media-queries */
@media screen and (max-width: 980px) {
		div#cmplz-document p,
		div#cmplz-document p a {
				font-size:17px;
		}
}
@media screen and (max-width: 720px) {
		div#cmplz-document p,
		div#cmplz-document p a {
				line-height:26px;
				font-size:16px;
		}
}
@media screen and (max-width: 480px) {
		div#cmplz-document p,
		div#cmplz-document p a {
				line-height:24px;
				font-size:15px;
		}
}

/* ============================
   > BACKTOP
   ================== */

.backtop {
		position:fixed; z-index:7; cursor:pointer;
		bottom:-50px; right:15px; width:60px; height:50px;
		display:flex; align-items:center; border-radius:50%;
		border-radius:4px; background:var(--ht_medium_green);
		justify-content:center; opacity:0;
		transition:all .3s ease-in-out;
}
.backtop.active {
		bottom:28px; opacity:1;
}
.backtop:after {
		border:solid var(--ht_white);
		display:inline-block; content:'';
		border-width:0 2px 2px 0; padding:5px;
		margin-top:5px; transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
}