/*
Theme Name: Enfold Child
Description: Child Theme für Ansitz Montani auf Basis von Enfold.
Author: Agentur Werbezeit
Author URI: https://agentur-werbezeit.com/
Template: enfold
Version: 1.0.1
Text Domain: enfold-child
*/

/* Lokal eingebundene Schriften. */
@font-face {
	font-family: "Lato Local";
	src: url("fonts/lato/Lato-Thin.ttf") format("truetype");
	font-style: normal;
	font-weight: 100;
	font-display: swap;
}

@font-face {
	font-family: "Lato Local";
	src: url("fonts/lato/Lato-ThinItalic.ttf") format("truetype");
	font-style: italic;
	font-weight: 100;
	font-display: swap;
}

@font-face {
	font-family: "Lato Local";
	src: url("fonts/lato/Lato-Light.ttf") format("truetype");
	font-style: normal;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: "Lato Local";
	src: url("fonts/lato/Lato-LightItalic.ttf") format("truetype");
	font-style: italic;
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family: "Lato Local";
	src: url("fonts/lato/Lato-Regular.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Lato Local";
	src: url("fonts/lato/Lato-Italic.ttf") format("truetype");
	font-style: italic;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Lato Local";
	src: url("fonts/lato/Lato-Bold.ttf") format("truetype");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: "Lato Local";
	src: url("fonts/lato/Lato-BoldItalic.ttf") format("truetype");
	font-style: italic;
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family: "Lato Local";
	src: url("fonts/lato/Lato-Black.ttf") format("truetype");
	font-style: normal;
	font-weight: 900;
	font-display: swap;
}

@font-face {
	font-family: "Lato Local";
	src: url("fonts/lato/Lato-BlackItalic.ttf") format("truetype");
	font-style: italic;
	font-weight: 900;
	font-display: swap;
}

@font-face {
	font-family: "Marcellus Local";
	src: url("fonts/marcellus/Marcellus-Regular.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

body,
body input,
body button,
body select,
body textarea {
	font-family: "Lato Local", Arial, sans-serif;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .av-special-heading-tag {
	font-family: "Marcellus Local", Georgia, serif;
}

/* Globales Logo und optionales Overlay im Enfold Vollbild-Slider. */
.avia-fullscreen-slider .avia-slideshow {
	position: relative;
}

.werbezeit-fullscreen-slider-overlay,
.werbezeit-fullscreen-slider-logo {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.werbezeit-fullscreen-slider-overlay {
	z-index: 5;
	background: #000;
	opacity: var(--werbezeit-slider-overlay-opacity, 0.4);
}

.werbezeit-fullscreen-slider-logo {
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: clamp(24px, 5vw, 80px);
	box-sizing: border-box;
}

.werbezeit-fullscreen-slider-logo-image {
	display: block;
	width: auto;
	height: auto;
	max-width: min(70vw, 560px);
	max-height: min(45vh, 420px);
	object-fit: contain;
}

@media only screen and (max-width: 767px) {
	.werbezeit-fullscreen-slider-logo-image {
		max-width: 76vw;
		max-height: 34vh;
		transform: scale(0.8);
		transform-origin: center;
	}
}

/*
 * Vollbild-Slider: Caption-Titel unterhalb des mittigen Logos platzieren.
 * Im Slider unter "Benutzerdefinierte CSS-Klasse" eintragen:
 * slider-caption-unten
 */
.slider-caption-unten {
	--slider-caption-abstand-unten: clamp(70px, 12vh, 120px);
}

#top .slider-caption-unten .slideshow_align_caption {
	vertical-align: bottom !important;
	padding-bottom: var(--slider-caption-abstand-unten) !important;
	box-sizing: border-box;
}

#top .slider-caption-unten .avia-caption-title {
	position: static;
	top: auto;
}

@media only screen and (max-width: 767px) {
	.slider-caption-unten {
		--slider-caption-abstand-unten: clamp(70px, 12vh, 100px);
	}

	/* Enfold-Topbar mit Sprachwahl und Kontaktdaten mobil ausblenden. */
	#top #header_meta {
		display: none !important;
	}

	/* Normale H2-Ueberschriften mobil kompakter; Slider-Caption bleibt separat. */
	#top h2:not(.avia-caption-title) {
		font-size: 32px !important;
	}

	/* Enfolds spaetere mobile Caption-Vorgabe (40px) gezielt uebersteuern. */
	#top #wrap_all .slider-caption-unten .avia-caption-title {
		font-size: 26px !important;
		line-height: 1.15 !important;
	}
}

/* Runde Navigationspfeile für Vollbild-Slider und markierte Easy Slider. */
#top :is(.avia-fullscreen-slider, .montani-slider-pfeile) .avia-slideshow-arrows a,
#top :is(.avia-fullscreen-slider, .montani-slider-pfeile) .avia-slideshow-arrows a.avia-svg-icon {
	display: flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 60px !important;
	height: 60px !important;
	margin: -30px 15px 0 !important;
	font-size: 25px;
	border: 0 !important;
	border-radius: 50%;
	background: #373a36 !important;
	color: #fff !important;
	opacity: 1 !important;
	transform: scale(1);
	transform-origin: center;
	transition: transform 180ms ease !important;
}

#top :is(.avia-fullscreen-slider, .montani-slider-pfeile) .avia-slideshow-arrows a::before {
	border: 0 !important;
	border-radius: 50%;
	background: transparent !important;
	color: #fff !important;
}

#top :is(.avia-fullscreen-slider, .montani-slider-pfeile) .avia-slideshow-arrows a.avia-svg-icon svg:first-child {
	display: block;
	margin: 0 !important;
	stroke: #fff !important;
	fill: #fff !important;
}

#top :is(.avia-fullscreen-slider, .montani-slider-pfeile) .avia-slideshow-arrows a:hover,
#top :is(.avia-fullscreen-slider, .montani-slider-pfeile) .avia-slideshow-arrows a:focus-visible {
	background: #373a36 !important;
	color: #fff !important;
	opacity: 1 !important;
	transform: scale(1.1);
}

/* Slider-Pfeile auf Smartphones proportional um rund 20 Prozent verkleinern. */
@media only screen and (max-width: 767px) {
	#top :is(.avia-fullscreen-slider, .montani-slider-pfeile) .avia-slideshow-arrows a,
	#top :is(.avia-fullscreen-slider, .montani-slider-pfeile) .avia-slideshow-arrows a.avia-svg-icon {
		width: 48px !important;
		height: 48px !important;
		margin: -24px 12px 0 !important;
		font-size: 20px;
	}

	#top :is(.avia-fullscreen-slider, .montani-slider-pfeile) .avia-slideshow-arrows a.avia-svg-icon svg:first-child {
		width: 12px;
		height: 26px;
	}
}

/* Schriftgroesse der obersten Ebene im mobilen Burger-Menue. */
@media only screen and (max-width: 989px) {
	#top #wrap_all #header #av-burger-menu-ul > li > a {
		font-size: 30px !important;
	}
}

/* Zweite Footer-Spalte optisch an die Textzeilen der ersten Spalte angleichen. */
#top #footer #nav_menu-2 .menu > li > a {
	padding: 8px 0 0;
}

/* Letzte Footer-Spalte: Vorschaubild ohne Rahmen, Titel vertikal zentriert. */
#top #footer .newsbox .news-thumb {
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	margin-top: 0;
}

#top #footer .newsbox .news-thumb img {
	width: 36px;
	height: 36px;
}

#top #footer .newsbox .news-headline {
	display: flex;
	align-items: center;
	min-height: 36px;
	margin-top: 0;
}

/*
 * Schriftgrößen für Enfold "Bild mit Hotspots".
 * Am Hotspot-Element unter "Benutzerdefinierte CSS-Klasse" eintragen:
 * hotspot-schriftgroesse
 */
.hotspot-schriftgroesse {
	--hotspot-titel-schriftgroesse: 17px;
	--hotspot-text-schriftgroesse: 13px;
	--hotspot-link-schriftgroesse: 13px;
	
}

/* Absatzabstände ausschließlich innerhalb der Hotspot-Inhalte entfernen. */
#top .avia-tooltip.av-tt-hotspot .inner_tooltip p,
#top .av-hotspot-fallback-tooltip-inner p {
	margin: 0 !important;
}

/* Dynamischer Desktop-Tooltip und mobile Enfold-Ersatzansicht. */
body .avia-tooltip.av-tt-hotspot.hotspot-schriftgroesse .inner_tooltip,
body .avia-tooltip.av-tt-hotspot.hotspot-schriftgroesse .inner_tooltip p,
body .inner_tooltip.hotspot-schriftgroesse,
#top .hotspot-schriftgroesse .av-hotspot-fallback-tooltip-inner,
#top .hotspot-schriftgroesse .av-hotspot-fallback-tooltip-inner p {
	font-size: var(--hotspot-text-schriftgroesse) !important;
	line-height: var(--hotspot-text-zeilenhoehe) !important;
}

body .avia-tooltip.av-tt-hotspot.hotspot-schriftgroesse .inner_tooltip strong,
body .avia-tooltip.av-tt-hotspot.hotspot-schriftgroesse .inner_tooltip b,
body .inner_tooltip.hotspot-schriftgroesse strong,
body .inner_tooltip.hotspot-schriftgroesse b,
#top .hotspot-schriftgroesse .av-hotspot-fallback-tooltip-inner strong,
#top .hotspot-schriftgroesse .av-hotspot-fallback-tooltip-inner b {
	font-size: var(--hotspot-titel-schriftgroesse) !important;
	line-height: var(--hotspot-text-zeilenhoehe) !important;
}

body .avia-tooltip.av-tt-hotspot.hotspot-schriftgroesse .inner_tooltip a,
body .inner_tooltip.hotspot-schriftgroesse a,
#top .hotspot-schriftgroesse .av-hotspot-fallback-tooltip-inner a {
	font-size: var(--hotspot-link-schriftgroesse) !important;
	line-height: var(--hotspot-text-zeilenhoehe) !important;
}

/*
 * Einzelne H1 mit Lato statt Marcellus darstellen.
 * Beim Enfold-Überschriftenelement als CSS-Klasse eintragen: h1-lato
 */
body h1.h1-lato,
body .h1-lato h1,
body .h1-lato .av-special-heading-tag {
	font-family: "Lato Local", Arial, sans-serif !important;
	font-weight: 300;
	font-size: 31px;
}

/* Textlinks: feine Unterstreichung, die sich bei Hover zurückzieht.
 * Farbe aus dem jeweiligen Enfold-Farbbereich übernehmen.
 * Buttons, Bildlinks und Enfold-Icons behalten ihr eigenes Styling.
 */
#top p a:where(:not(.avia-button, .button, .wp-element-button, .avia-icon, .avia-svg-icon, :has(img, svg))) {
	text-decoration: none !important;
	background-image: linear-gradient(currentColor, currentColor);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% 1px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	transition: background-size 280ms ease;
}

@media (hover: hover) {
	#top p a:where(:not(.avia-button, .button, .wp-element-button, .avia-icon, .avia-svg-icon, :has(img, svg))):hover {
		background-size: 0% 1px;
	}
}

#top p a:where(:not(.avia-button, .button, .wp-element-button, .avia-icon, .avia-svg-icon, :has(img, svg))):focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
	border-radius: 2px;
}

@media (prefers-reduced-motion: reduce) {
	#top p a:where(:not(.avia-button, .button, .wp-element-button, .avia-icon, .avia-svg-icon, :has(img, svg))) {
		transition: none;
	}
}

/* In der Enfold-Spalte als CSS-Klasse eintragen: spalte-linksbuendig
 * Nur mobile Ansicht bis 767px: Texte, Überschriften und Buttons links.
 */
@media only screen and (max-width: 767px) {
	#top .spalte-linksbuendig,
	#top .spalte-linksbuendig * {
		text-align: left !important;
	}

	#top .spalte-linksbuendig .avia-button-wrap {
		float: none !important;
		display: block;
		margin-left: 0 !important;
		margin-right: auto !important;
	}

	#top .spalte-linksbuendig .avia-button {
		float: none !important;
		display: inline-block;
		margin-left: 0 !important;
		margin-right: auto !important;
	}

	#top .spalte-linksbuendig .av-special-heading-tag {
		float: none !important;
	}

	#top .spalte-linksbuendig .hr-inner {
		left: 0 !important;
		margin-left: 0 !important;
	}
}

.avia_image {
    border-radius: 0px;
}


/* Hervorhebungen im normalen Text; Überschriften ausdrücklich ausnehmen. */
#top strong:not(:where(h1, h2, h3, h4, h5, h6, .av-special-heading-tag) *),
#top b:not(:where(h1, h2, h3, h4, h5, h6, .av-special-heading-tag) *) {
    font-weight: 500 !important;
}

/*
 * Versetzter Main-Content-Button im Montani-Look.
 * Im Enfold Custom Element ist die gesperrte CSS-Klasse hinterlegt:
 * montani-button-main
 *
 * Farben, Schriftgroesse, Rahmen und Innenabstaende werden im Custom Element
 * gepflegt. Hier bleiben nur Eigenschaften, die Enfold nicht anbietet.
 */
#top :is(
	.avia-button-wrap.montani-button-main,
	.avia-button-wrap.montani-button-alternate
) {
	position: relative;
	z-index: 0;
	isolation: isolate;
	overflow: visible;
}

#top :is(
	.avia-button.montani-button-main,
	.montani-button-main .avia-button,
	.avia-button.montani-button-alternate,
	.montani-button-alternate .avia-button
) {
	position: relative;
	overflow: visible;
	box-sizing: border-box;
	font-family: "Lato Local", Arial, sans-serif;
	font-weight: 500;
	line-height: 24px;
	text-decoration: none;
	-webkit-user-select: none;
	user-select: none;
	touch-action: manipulation;
}

#top :is(
	.avia-button.montani-button-main,
	.montani-button-main .avia-button,
	.avia-button.montani-button-alternate,
	.montani-button-alternate .avia-button
)::before {
	content: "";
	position: absolute;
	top: -9px;
	right: -7px;
	z-index: -1;
	width: 100%;
	height: calc(100% + 3px);
	transition: background-color 300ms ease-in;
	pointer-events: none;
}

#top :is(.avia-button.montani-button-main, .montani-button-main .avia-button)::before {
	background-color: #f2edc7;
}

#top :is(.avia-button.montani-button-alternate, .montani-button-alternate .avia-button)::before {
	background-color: #4e514c;
}

#top :is(
	.avia-button.montani-button-main,
	.montani-button-main .avia-button,
	.avia-button.montani-button-alternate,
	.montani-button-alternate .avia-button
):is(:hover, :focus-visible)::before {
	background-color: #e8d000;
}

#top :is(.avia-button.montani-button-main, .montani-button-main .avia-button):focus-visible {
	outline: 2px solid #373a36;
	outline-offset: 4px;
}

#top :is(.avia-button.montani-button-alternate, .montani-button-alternate .avia-button):focus-visible {
	outline: 2px solid #ffffff;
	outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
	#top :is(
		.avia-button.montani-button-main,
		.montani-button-main .avia-button,
		.avia-button.montani-button-alternate,
		.montani-button-alternate .avia-button
	)::before {
		transition: none;
	}
}

/* Feine, animierte Unterstreichung im Desktop-Hauptmenue. */
@media only screen and (min-width: 990px) {
	#top #header .av-main-nav > li > a > .avia-menu-text {
		text-decoration-line: underline;
		text-decoration-color: transparent;
		text-decoration-thickness: 1px;
		text-underline-offset: 4px;
		transition: text-decoration-color 200ms ease;
	}

	/* Enfolds Linie am unteren Rand des Headers ausblenden. */
	#top #header .av-main-nav > li > a > .avia-menu-fx {
		display: none !important;
	}

	#top #header .av-main-nav > li > a:is(:hover, :focus-visible) > .avia-menu-text {
		text-decoration-color: currentColor;
	}
}

@media (prefers-reduced-motion: reduce) {
	#top #header .av-main-nav > li > a > .avia-menu-text {
		transition: none;
	}
}

/*
 * Reduziertes Enfold-Akkordeon wie auf der Appartementseite gewuenscht.
 * Benutzerdefinierte CSS-Klasse im Enfold-Element: montani-accordion
 */
#top .montani-accordion .av_toggle_section {
	border-bottom: 1px solid currentColor;
}

#top .montani-accordion .toggler,
#top .montani-accordion .toggle_content {
	border: 0 !important;
	background-color: transparent !important;
	color: inherit;
}

#top .montani-accordion .toggler {
	padding-left: 28px;
}

#top .montani-accordion .toggler:is(:hover, :focus-visible) {
	background-color: #f2edc7 !important;
	color: #212322 !important;
}

#top .montani-accordion .toggle_content,
#top .montani-accordion .toggle_content p,
#top .montani-accordion .toggle_content li {
	font-size: 17px !important;
	font-weight: 300 !important;
}

#top .montani-accordion .toggle_icon {
	left: 7px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	border: 0;
}

#top .montani-accordion .toggle_icon .vert_icon,
#top .montani-accordion .toggle_icon .hor_icon {
	border: 0;
	background-color: currentColor;
}

#top .montani-accordion .toggle_icon .vert_icon {
	top: 1px;
	left: 5.5px;
	width: 1px;
	height: 10px;
}

#top .montani-accordion .toggle_icon .hor_icon {
	top: 5.5px;
	left: 1px;
	width: 10px;
	height: 1px;
}

/*
 * Ruhige Datentabelle fuer die Appartementpreise.
 * Benutzerdefinierte CSS-Klasse im Enfold-Element: montani-price-table
 */
#top table.montani-price-table,
#top table.montani-price-table tr,
#top table.montani-price-table th,
#top table.montani-price-table td {
	background-color: transparent !important;
	box-shadow: none !important;
}

#top table.montani-price-table,
#top table.montani-price-table tbody tr,
#top table.montani-price-table tbody th,
#top table.montani-price-table tbody td {
	border: 0 !important;
}

#top table.montani-price-table tr.avia-heading-row,
#top table.montani-price-table tr.avia-heading-row th {
	border-top: 0 !important;
	border-right: 0 !important;
	border-bottom: 1px solid #aaa39d !important;
	border-left: 0 !important;
}

#top table.montani-price-table .avia-desc-col,
#top table.montani-price-table tr.avia-heading-row th {
	font-size: 15px !important;
	letter-spacing: 0.5px !important;
	text-transform: none !important;
}

@media only screen and (max-width: 767px) {
	#top table.montani-price-table tr:not(.avia-heading-row) .avia-desc-col {
		border-bottom: 1px solid #aaa39d !important;
		font-size: 17px !important;
	}

	#top table.montani-price-table tr.avia-heading-row th {
		font-size: 17px !important;
	}

	#top table.montani-price-table tr:not(.avia-heading-row) td {
		font-size: 15px !important;
	}

	#top table.montani-price-table td::before {
		font-size: 13px !important;
	}
}


/*
 * Beitrags-Masonry "Insidertipps" auf der Seite (Er)Leben.
 * Benutzerdefinierte CSS-Klasse im Enfold-Element: montani-insidertipps
 */
#top .montani-insidertipps .av-inner-masonry-content {
	background-color: rgba(55, 58, 54, 0.8) !important;
}

#top .montani-insidertipps .av-masonry-entry-title {
	color: #ffffff !important;
	font-size: 18px !important;
	line-height: 1.25 !important;
}

#top .montani-insidertipps :is(
	.av-masonry-date,
	.av-masonry-author,
	.av-masonry-text-sep
) {
	display: none !important;
}
/* Kompaktes Enfold-Flyout: alle acht Hauptpunkte im sichtbaren Bereich. */
.html_av-overlay-full #top #wrap_all #header #av-burger-menu-ul {
 display: block;
 height: auto;
 padding: 0 !important;
 margin: 0;
 width: 100%;
}
.html_av-overlay-full #top #wrap_all #header #av-burger-menu-ul > li,
.html_av-overlay-full #top #wrap_all #header #av-burger-menu-ul > li > a {
 font-size: 30px !important;
 font-weight: 300 !important;
 line-height: 1.6;
 padding: 0 !important;
 margin: 0;
}
.html_av-overlay-full #top .av-burger-overlay-inner {
 display: flex;
 align-items: center;
 box-sizing: border-box;
 min-height: 0;
 height: 100%;
 padding: calc(90px + env(safe-area-inset-top, 0px)) 16px calc(16px + env(safe-area-inset-bottom, 0px));
}
.html_av-overlay-full #top .av-burger-overlay-bg {
 min-height: 0;
}
/* Bei geringer Hoehe im Querformat zwei Spalten statt einer langen Liste. */
@media (max-height: 500px) and (min-width: 600px) {
 .html_av-overlay-full #top #wrap_all #header #av-burger-menu-ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 16px;
 }
}
html.av-burger-overlay-active .montani-booking-slider {
 visibility: hidden !important;
 pointer-events: none !important;
}
html.av-burger-overlay-active .montani-booking-slider {
 opacity: 0 !important;
}

/* Blog-Masonry auf Smartphones: Hochformat 4:5, nur sichtbarer Bildausschnitt. */
@media only screen and (max-width: 767px) {
 #top #wrap_all .montani-insidertipps.av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
  height: 0;
  padding-bottom: 125% !important;
 }
 /* Enfold zieht bei grossen Abstaenden rechts und unten jeweils 15px ab. */
 #top #wrap_all .montani-insidertipps.av-fixed-size.av-large-gap .av-masonry-entry .av-inner-masonry-sizer {
  padding-bottom: calc(125% - 3.75px) !important;
 }
 #top .montani-insidertipps .av-masonry-image-container {
  background-size: cover;
  background-position: center center;
 }
}


/* Montani Main-Content-Design fuer den Ladebutton der Masonry-Bildergalerien. */
#top .av-masonry-gallery .av-masonry-load-more:not(.av-masonry-no-more-items) {
	position: relative;
	z-index: 2;
	isolation: isolate;
	display: block;
	float: none;
	clear: both;
	bottom: auto;
	right: auto;
	width: fit-content;
	min-width: 200px;
	max-width: calc(100% - 28px);
	box-sizing: border-box;
	margin: 30px auto 20px;
	padding: 13px 48px;
	border: 1px solid #d6b800 !important;
	border-radius: 0;
	background: transparent !important;
	box-shadow: none;
	color: #373a36 !important;
	font-family: "Lato Local", Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 0;
	text-transform: none;
	text-decoration: none !important;
	text-align: center;
	overflow: visible;
	-webkit-user-select: none;
	user-select: none;
	touch-action: manipulation;
}

#top .av-masonry-gallery .av-masonry-load-more:not(.av-masonry-no-more-items)::before {
	content: "";
	position: absolute;
	top: -9px;
	right: -7px;
	z-index: -1;
	width: 100%;
	height: calc(100% + 3px);
	background-color: #f2edc7;
	transition: background-color 300ms ease-in;
	pointer-events: none;
}

#top .av-masonry-gallery .av-masonry-load-more:is(:hover, :focus-visible)::before {
	background-color: #e8d000;
}

#top .av-masonry-gallery .av-masonry-load-more:focus-visible {
	outline: 2px solid #373a36;
	outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
	#top .av-masonry-gallery .av-masonry-load-more::before {
		transition: none;
	}
}

/* Montani Anfrage: native Enfold form */
#top #montani-anfrage { margin-top: 45px; }
#top #montani-anfrage .av-form-headline { clear: both; font-size: 24px; margin-top: 24px; margin-bottom: 12px; }
#top #montani-anfrage input[type=text], #top #montani-anfrage select, #top #montani-anfrage textarea { background-color: #faf9f6; color: #252525; border: 1px solid #c9c3ba; }
#top #montani-anfrage .error input, #top #montani-anfrage .error select, #top #montani-anfrage .error textarea { border-color: #c95353; }
@media only screen and (max-width: 767px) { #top #montani-anfrage { margin-top: 20px; } }

/* Montani Anfrage: Lato headings and calendar overlay */
#top #montani-anfrage h3.av-form-headline {
    font-family: "Lato Local", Lato, Arial, sans-serif !important;
    font-weight: 400;
    width: 100%;
    padding-bottom: 12px;
    border-bottom: 1px solid #c9c3ba;
    box-sizing: border-box;
}

/* jQuery UI assigns z-index: 2 inline; the positioned form columns sit above it. */
#top.page-id-28 #ui-datepicker-div.avia-datepicker-div {
    z-index: 10000 !important;
    width: 340px;
    max-width: calc(100vw - 24px);
    box-sizing: border-box;
    padding: 16px;
    background: #fff;
    color: #252525;
    border: 1px solid #c9c3ba;
    box-shadow: 0 8px 28px rgba(37, 37, 37, 0.18);
    font-family: "Lato Local", Lato, Arial, sans-serif;
}
#top.page-id-28 #ui-datepicker-div .ui-datepicker-header {
    min-height: 40px;
    padding: 0;
}
#top.page-id-28 #ui-datepicker-div .ui-datepicker-title {
    margin: 0 38px;
    letter-spacing: normal;
    line-height: 36px;
}
#top.page-id-28 #ui-datepicker-div .ui-datepicker-title select {
    height: 36px;
    padding: 3px 6px;
    border: 1px solid #c9c3ba;
    background: #faf9f6;
    color: #252525;
    font-family: inherit;
    font-size: 14px;
}
#top.page-id-28 #ui-datepicker-div .ui-datepicker-prev,
#top.page-id-28 #ui-datepicker-div .ui-datepicker-next {
    top: 1px;
    width: 32px;
    height: 36px;
    line-height: 36px;
    background: #faf9f6;
}
#top.page-id-28 #ui-datepicker-div .ui-datepicker-prev span,
#top.page-id-28 #ui-datepicker-div .ui-datepicker-next span { font-size: 0; }
#top.page-id-28 #ui-datepicker-div .ui-datepicker-prev::before { content: "\2039"; font-size: 25px; }
#top.page-id-28 #ui-datepicker-div .ui-datepicker-next::before { content: "\203a"; font-size: 25px; }
#top.page-id-28 #ui-datepicker-div table { table-layout: fixed; background: #fff; }
#top.page-id-28 #ui-datepicker-div th,
#top.page-id-28 #ui-datepicker-div td { background: transparent; color: #252525; }
#top.page-id-28 #ui-datepicker-div td a,
#top.page-id-28 #ui-datepicker-div td span {
    padding: 5px 0;
    min-height: 32px;
    box-sizing: border-box;
    background: #faf9f6;
    color: #252525;
}
#top.page-id-28 #ui-datepicker-div .ui-state-disabled { opacity: 0.35; }
#top.page-id-28 #ui-datepicker-div a.ui-state-highlight { box-shadow: inset 0 0 0 1px #a99b48; }
#top.page-id-28 #ui-datepicker-div a.ui-state-active,
#top.page-id-28 #ui-datepicker-div a.ui-state-hover { background: #f2edc7; color: #252525; }
#top.page-id-28 #ui-datepicker-div .ui-datepicker-buttonpane { border-top: 1px solid #c9c3ba; }
#top.page-id-28 #ui-datepicker-div .ui-datepicker-buttonpane button {
    background: #f2edc7;
    border: 1px solid #a99b48;
    color: #252525;
    font-family: inherit;
    padding: 7px 12px;
}

/* Montani Anfrage: compact form headings */
#top #montani-anfrage h3.av-form-headline { font-size: 21px !important; margin-top: 20px !important; }

/* Montani: larger icons aligned with inclusive-service titles */
#top #inklusivleistungen .av-iconlist-small .iconlist_icon {
    width: 36px;
    height: 29px;
    line-height: 29px;
    margin-right: 10px;
    margin-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#top #inklusivleistungen .av-iconlist-small .iconlist_icon .av-icon-char {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
#top #inklusivleistungen .av-iconlist-small .iconlist_icon svg:first-child,
#top #inklusivleistungen .av-iconlist-small .iconlist_icon img[is-svg-img="true"] {
    width: 32px;
    height: 32px;
    margin: 0;
    flex-shrink: 0;
}

/* Montani: reduce hotspot circles and pulse by 30%, preserving tooltip anchors. */
#top .av-hotspot-image-container.hotspot-schriftgroesse .av-image-hotspot_inner {
    width: 70%;
    height: 70%;
    top: 15%;
    left: 15%;
    line-height: 12.6px;
}
#top .av-hotspot-image-container.hotspot-schriftgroesse .av-image-hotspot-pulse {
    width: 28px;
    height: 28px;
    top: -5px;
    left: -5px;
}
@media only screen and (min-width: 990px) {
    #top .av-hotspot-image-container.hotspot-schriftgroesse .av-image-hotspot_inner {
        line-height: 16.8px;
    }
    #top .av-hotspot-image-container.hotspot-schriftgroesse .av-image-hotspot-pulse {
        width: 37.8px;
        height: 37.8px;
        top: -6.9px;
        left: -6.9px;
    }
}

/* Montani: align WPML language links with the secondary-menu contact links.
 * WPML's flex display adds Enfold's vertical link padding to the menu row.
 * Inline links share the contact links' text baseline and retain click padding.
 */
#top #header_meta #avia2-menu > .wpml-ls-menu-item > a {
    display: inline;
}

/* Montani: einheitliche Typografie fuer Kontakt, Menues und Blogtitel im Footer. */
#top #footer .textwidget,
#top #footer .textwidget p,
#top #footer .textwidget a,
#top #footer .textwidget strong,
#top #footer .menu a,
#top #footer .newsbox .news-headline,
#top #footer .newsbox .news-title {
	font-family: "Lato Local", Arial, sans-serif;
	font-size: 17px;
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: normal;
}

#top #footer .textwidget a,
#top #footer .menu a,
#top #footer .newsbox .news-title {
	color: #a59c94;
}

#top #footer .textwidget a:hover,
#top #footer .textwidget a:focus-visible,
#top #footer .menu a:hover,
#top #footer .menu a:focus-visible,
#top #footer .newsbox .news-title:hover,
#top #footer .newsbox .news-title:focus-visible {
	color: #fff;
}