/* @override https://oybin.com/wp/wp-content/themes/oybin/style.css */


/*
Theme Name: GEMEINDE OYBIN
Theme URI:
Description:
Version: 1.02
Author: ZH2
Author URI:
Tags:
*/


@import url("css/columns.css");

/* --- Source Sans */

/* source-sans-pro-regular - latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('webfonts/source-sans-pro-v14-latin-ext-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/source-sans-pro-v14-latin-ext-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-italic - latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('webfonts/source-sans-pro-v14-latin-ext-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/source-sans-pro-v14-latin-ext-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-700 - latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('webfonts/source-sans-pro-v14-latin-ext-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/source-sans-pro-v14-latin-ext-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/* --- Source Serif */

/* source-serif-pro-italic - latin-ext */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('webfonts/source-serif-pro-v11-latin-ext-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/source-serif-pro-v11-latin-ext-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-serif-pro-900italic - latin-ext */
@font-face {
  font-family: 'Source Serif Pro';
  font-style: italic;
  font-weight: 900;
  src: local(''),
       url('webfonts/source-serif-pro-v11-latin-ext-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/source-serif-pro-v11-latin-ext-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



/* --- Quentin */

/* quentinregular - script */
@font-face {
  font-family: 'quentinregular';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('webfonts/quentin.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/quentin.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}







/*	RESET
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img, object, embed {max-width: 100%;height:auto;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

input, select {vertical-align: middle;}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
input:focus, textarea:focus, select:focus { outline: none;}

input { /* remove top input shadow */
-webkit-appearance: none;
-moz-appearance: none;
}

table {font-size: inherit; font: 100%;}

a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0; border-radius: 0; font-family: inherit;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible; outline: none;}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; height: 0px; overflow: hidden;}
.clr:after { content: ""; display: table; clear: both;}
.cf:after {	content: ""; display: table; clear: both; }

/* prevent flickering on touch */
* {
	-webkit-tap-highlight-color:transparent;
}

/* natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 }

 /* subscript and superscript */
sub { vertical-align: sub; font-size: 70%; line-height: 0; }
sup { vertical-align: super; font-size: 70%; line-height: 0; }


/* -------------------------------------------------------------------------------*/

/* Colors

gelb			#E9A839
gelb dark	#D49934
gelb-bg		#F7E8CB
blau			#385888		rgba(56, 88, 136, 1)

LINK		#E9A839

*/


 :root {
	--text-color: #333;
	--link-color: #E9A839; /*primary*/
	--link-color: #D49934; /*for text*/
	--link-color-hover: #385888;

	--border-color: #DDD;
	--border-color-dark: #999;


	--primary-color: #E9A839;
	--primary-color-dark: #D49934;
	--primary-bg: #F7E8CB;

	--secondary-color: #385888;
	--secondary-color-dark: #2C476F;
	--secondary-bg: #FEF4EA;

	--text-gray: #888;
	--text-brown: #32240A;

	--font-sans: 'Source Sans Pro', sans-serif;
	--font-serif: 'Source Serif Pro', Georgia, serif;
	--font-script: 'quentinregular', 'Source Serif Pro',  Georgia, serif;

	--text-small: 0.9rem;


	--container-width: 1200px;
	--main-width: 880px;


	--vspace: 1.8rem; /*stack margin-top */
	--vspace-l: 2.5rem;
	--vspace-xl: 3rem;
	--vspace-xxl: 4rem;
	--text-mb: 1.8rem;
	
	--box-padding: 2rem;
 }


/* BASIC
---------------------------------------------------------------------------------*/


html, body {
	height: 100%;
	font-family: var(--font-sans);
	font-size: 19px;
	line-height: 1.7;
	 -webkit-text-size-adjust: 100%;
}

body {
	height: 100%;
	background: #FFF;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	position: relative;
	color: var(--link-color);
	text-decoration: none;
}

a, input {
	transition: all 200ms ease;
}

a:visited {
	color: var(--link-color);
}

a:active {
	color: var(--link-color);
}

a:hover {
	color: var(--link-color-hover);
}

h1, .h1 {
	font-family: var(--font-serif);
	font-style: italic;
	font-weight: 900;
	font-size: 50px;
	font-size: 2.65rem;
	line-height: 1.1;
	color: #32240A;
	color: var(--text-brown);
	margin-top: var(--vspace);
	margin-bottom: 3.3rem;
}


h2 {
	font-size: 30px;
	font-size: 1.5rem;
	line-height: 1.3;
	margin-top: calc(var(--vspace) + 1rem);
}

h3 {
	font-size: 22px;
	font-size: 1.15rem;
	line-height: 1.4;
	margin-top: calc(var(--vspace) + 0.5rem);
}

h4 {
	font-size: 16px;
	font-size: 0.85rem;
	line-height: 1.4;
	text-transform: uppercase;
	margin-top: var(--vspace);
	letter-spacing: .2px;
}


p {
	margin-top: var(--vspace);
}

p + p  {
	margin-top: calc(var(--vspace) - 0.2rem);
}

hr {
	position: relative;
	display: block;
	height: 1px;
	border: 0;
	background: transparent;
	border-bottom: 1px solid var(--border-color);
	margin: 2.5rem 0;
}

a:hover img {
	transition: all 300ms ease;
}

article > * + * { /* the lobotomized owl selector */
	margin-top: var(--vspace);
}


AUS_article > *:first-child,
.main > *:first-child,
.stack > *:first-child {
	margin-top: 0;
}



/* CONTAINER
---------------------------------------------------------------------------------*/

.page-wrap {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	overflow: hidden;
	/*sticky footer*/
	display: flex;
	flex-direction: column;
}

.container,
.container-fluid {
	position: relative;
	max-width: var(--container-width);
	margin: 0 auto;
	padding: 0 30px;
}

.container:before,
.container:after {
	content: "";
	display: table;
	clear: both;
}

.container-fluid {
	max-width: none;
	width: 100%;
	padding: 0;
}



/* HEADER
---------------------------------------------------------------------------------*/

#header {
}

.header-inner {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	border: 0px solid BLUE;
	padding: 50px 0 50px 0;
	
}


.topbar {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: flex-end;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: .3px;
	padding: 12px 0;
	z-index: 10;
}

.topbar-phone {
	display: flex;
	align-items: center;
	margin: 0 17px 0 0;
}

.topbar-phone a {
	color: var(--text-color);
}

.topbar-phone i {
	margin: 0 5px 0 0;
	font-size: 20px;
	font-weight: normal;
}

.topbar-search-trigger {
	border: none;
	padding: 0 5px;
	margin: 0;
	line-height: 1;
	font-size: 25px;
	overflow: hidden;
	background: transparent;
	AUS_background: tan;
	margin-right: -10px;
	transition: all 200ms ease;
}

.topbar-search-trigger:hover {
	color: var(--link-color);
}

.topbar-search-trigger.open {
	
}

.lang-menu {
	position: relative;
	margin: 0 -10px 0 8px;
	line-height: 1;
	display: flex;
	align-items: center;
}

.lang-menu a {
	text-transform: uppercase;
	color: var(--text-color);
}

.lang-menu a:hover {
	color: var(--link-color);
}

.de .lang-menu a.lang-DE,
.en .lang-menu a.lang-EN,
.cz .lang-menu a.lang-CZ,
.pl .lang-menu a.lang-PL { 
	display: none;
}

.lang-menu-trigger {
	position: relative;
	z-index: 1;
	padding: 5px 30px 5px 20px;
	display: block;
}

.lang-menu-trigger:after {
	content: "\e809";
	font-family: 'icons';
	color: #999;
	line-height: 1;
	position: absolute;
	top: 6px;
	right: 7px;
	transition: all 200ms ease;
}

.lang-menu.is-open .lang-menu-trigger:after {
	transform: rotate(-180deg);
	top: 4px;
}

.lang-dropdown {
	position: absolute;
	top: 100%;
	top: -5px;
	display: flex;
	flex-direction: column;
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	transition: all 300ms ease;
	background: #FFF;
	border: 0px solid #333;
	box-shadow: 0px 5px 20px -10px rgba(0,0,0, .5);
}

.lang-menu.is-open .lang-dropdown {
	visibility: visible;
	opacity: 1;
	padding-top: 2.1rem;
	padding-bottom: 10px;
}

.lang-dropdown a {
	display: block;
	padding: 6px 30px 6px 20px;
	color: var(--text-gray);
}

.lang-dropdown a:hover {
	color: var(--link-color);
}


.logo {
	flex: 1 0 auto;
	display: flex;
	flex-wrap: wrap;
    transition: all 0.3s;
}

.logo a {
	flex: 0 1 auto;
	margin: 0 20px 0 0;
	max-width: 270px;
}

.logo img {
	display: block;
	width: 100%;
	height: auto;
	filter: drop-shadow(0px 1px 4px rgba(0,0,0, .2));
}

.logo-byline {
	display: flex;
	align-items: flex-end;
	flex: 1 0 auto;
	font-family: var(--font-serif);
	font-style: italic;
	font-size: 19px;
	line-height: 1.35;
	margin: 5px 0 -4px 0;
}

#nav1 {
	position: relative;
	z-index: 2;
	margin-right: -28px;
	margin-bottom: -4px;
}

#nav1 ul {
	display: flex;
	flex-wrap: nowrap;
	padding: 0;
}

#nav1 ul li {
	position: relative;
	border-bottom: none;
	padding: 0;
	margin: 0;
}

#nav1 ul li::before {
	display: none;
}

#nav1 > ul li:last-child {
	margin-right: 0;
	padding-right: 0;
}

#nav1 ul li a {
	position: relative;
	font-size: 17px;
	font-size: 0.95rem;
	color: var(--text-color);
	font-weight: bold;
	text-transform: uppercase;
	display: flex;
	align-items: center;	
	padding: 0 30px;
}

#nav1 > ul > li + li:not(.has-dot) a {
	padding-left: 0;
}


#nav1 ul li a:hover {
	color: var(--link-color);
}

#nav1 ul li.menu-item-has-children > a {
	position: relative;
	z-index: 22;
	white-space: nowrap;
}


#nav1 ul li.current_page_parent a:hover,
#nav1 ul li.current_page_parent:hover a,
#nav1 ul li.current_page_item:hover a {
}

#nav1 ul ul {
	display: block;
	position: absolute;
	top: 100%;
	margin-top: -45px;
	left: 0px;
	padding: 60px 30px 30px 30px;

	z-index: 20;
	background: #FFF;
	box-shadow: 0px 5px 20px -10px rgba(0,0,0, .5);

	min-width: 13.5rem;

	opacity: 0;
	visibility: hidden;
	transition: all 300ms ease;
}


/* dot decor */

#nav1 ul li.menu-item-has-children.has-dot > a {
}

#nav1 ul li.menu-item-has-children.has-dot > a::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 15px 0 0;
	border-radius: 100%;
	background: var(--primary-color);
}


#nav1 ul li.has-dot ul {
	padding-left: 61px;	
}



#nav1 ul .active > ul { /*js class toggle*/
	opacity: 1;
	visibility: visible;
	margin-top: -50px;
}

#nav1 ul li li {
	display: block;
	width: 100%;
	border: 0px solid #333;
}

#nav1 ul li li a {
	display: block;
	text-transform: none;
	font-size: 0.9rem;
	font-weight: normal;
	line-height: 1.4;
	padding: 6px 0;
}


#nav1 ul li li.current-menu-item a {
	color: var(--link-color);
}


/* --- Search --- */

.site-search  {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 0;
	background: #FCF9F2;
	overflow: hidden;
	transition: all 250ms ease-in-out;
}

.search-is-open .site-search {
	visibility: visible;
	height: 10rem;
}

.site-search .searchform {
	position: relative;
	width: 100%;
	max-width: 600px;
	overflow: hidden;
	border-radius: 0;
	box-shadow: 0px 5px 30px -10px rgba(0,0,0, .1);
}



/* NAV
---------------------------------------------------------------------------------*/


#nav2 {
	position: relative;
	background: transparent;
	margin-bottom: -40px; /*overlapping*/
	z-index: 1;
}



.nav2__inner {
	display: flex;
	background: var(--primary-color);
}

#nav2 ul {
	flex: 1;
	display: flex;
	flex-wrap: nowrap;
	padding: 0;
	margin: 0;
}

#nav2 ul li {
	flex: 1 1 auto;
	position: relative;
	border-bottom: none;
	padding: 0;
	margin: 0;
}


#nav2 > ul li:last-child {
	margin-right: 0;
	padding-right: 0;
}

#nav2 ul li a {
	position: relative;
	display: flex;
	height: 100%;
	flex: 1 0 auto;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 0;
	text-align: center;
	font-size: 17px;
	font-size: 0.9rem;
	letter-spacing: 0.2px;
	line-height: 1.2;
	font-weight: bold;
	color: #FFF;
	padding: 20px 30px;
	text-transform: uppercase;
	z-index: 1;
}

#nav2 ul.menu > li:before { /*divider*/
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	height: 70%;
	width: 1px;
	margin: 0;
	transform: translateY(-50%);
	background: rgba(255,255,255, .3);
	transform: all 200ms ease;
}

#nav2 ul.menu > li:hover + li::before, 
#nav2 ul.menu > li.active + li::before { /*hide divider on right neighbor*/
	opacity: 0;
}

#nav2 ul.menu li:first-child:before {
	display: none;
}


#nav2 > ul li.menu-item-has-children {
	position: relative;
}


#nav2 ul li.current-menu-item > a {
}

#nav2 ul li a:hover {
	background: var(--primary-color-dark);
	color: #FFF;
}

#nav2 ul li.menu-item-has-children.active > a {
	background: var(--primary-color-dark);
}

#nav2 ul li.current_page_parent a:hover,
#nav2 ul li.current_page_parent:hover a,
#nav2 ul li.current_page_item:hover a {
}

#nav2 ul ul {
	display: block;
	position: absolute;
	top: 100%;
	margin-top: -10px;
	left: 0;
	padding: 20px 40px;
	padding-bottom: 30px;

	z-index: 20;
	background: var(--primary-color-dark);
	box-shadow: 1px 5px 6px 0px rgba(0,0,0, .06);

	min-width: calc(13rem + 10vw);

	opacity: 0;
	visibility: hidden;
	transition: all 300ms ease;
}

#nav2 ul .active > ul { /*js class toggle*/
	opacity: 1;
	visibility: visible;
	margin-top: 0;
}

/* align last menu item to the right to avoid off screen position*/
AUS_#nav2 ul li:last-child ul,
#nav2 ul li.is-last ul { /* is-last … add CSS class to WP menu item*/
	left: auto;
	right: 0;
}

#nav2 ul li:last-child ul {
	min-width: 13rem;
	width: 100vw;
	max-width: 16rem;
	max-width: 33vmin;
}


#nav2 ul ul li {
}

#nav2 ul li li:before {
	display: none;
}

#nav2 ul ul li a {
	height: auto;
	display: block;
	font-weight: normal;
	text-transform: none;
	font-size: 17px;
	text-align: left;
	padding: 10px 0;
	border: none;
}

#nav2 ul ul li a:hover {
	color: var(--text-color);
	color: rgba(255,255,255, .6);
	background: transparent;
}

#nav2 ul ul li.current-menu-item a {
	color: var(--text-color);
	color: rgba(255,255,255, .6);
}

#nav2 ul ul li.page-ancestor a { /* page-ancestor … add CSS class to WP menu item*/
	display: flex;
	justify-content: space-between;
	font-family: var(--font-serif);
	font-style: italic;
	font-weight: bold;
	font-size: 22px;
	font-size: 1.15rem;
	padding: 15px 0;
	margin-top: -5px;
	margin-bottom: 15px;
	border-bottom: 1px solid rgba(255,255,255, .2);
}

#nav2 ul ul li.page-ancestor a::after {
	content: "\e808";
	font-family: 'icons';
	font-weight: normal;
	font-style: normal;
	transition: all 200ms ease;
}

#nav2 ul ul li.page-ancestor a:hover::after {
	margin-right: -5px;
}

#nav2 ul ul li.menu-item-has-children > a {
}



/* 3rd level */

#nav2 ul ul ul {
	display: none;
}

a.map-trigger {
	flex: 0 1 auto;
	display: flex;
	align-items: center;
	color: #FFF;
	font-size: 17px;
	font-size: 0.9rem;
	letter-spacing: 0.2px;
	line-height: 1.2;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 30px;
	background: var(--secondary-color);
}

a.map-trigger:hover {
	color: #FFF;
	background: var(--secondary-color-dark);
}

.map-trigger::before {
	content: "\e807";
	font-family: 'icons';
	font-weight: normal;
	display: inline-block;
	margin: 0 10px 0 0;
	font-size: 1.2rem;
}



/* CONTENT
---------------------------------------------------------------------------------*/

#content {
	background: #FCF9F2;
	position: relative;
	flex: 1 0 auto; /*sticky footer*/
}

img {
	display: block;
	max-width: 100%;
    transition: all 250ms ease;
}


main {
	display: block; /*IE*/
	padding: 0 0 7rem 0;
}


.main {
	max-width: var(--main-width);
}



a.btn {
	text-transform: uppercase;
	padding: 1.0rem 2rem;
	font-weight: bold;
	font-size: 17px;
	font-size: .9rem;
	line-height: 1.1;
	text-align: center;
	display: inline-flex;
	justify-content: center;
	color: #FFF;
	letter-spacing: .3px;
	background: var(--primary-color);
	border: none;
	border-radius: 100px;
}

a.btn:hover {
	color: #FFF;
	background: var(--primary-color-dark);
	background: var(--link-color-hover);
}


a.btn-light {
	color:  var(--link-color);
	background: #FFF;
	box-shadow: 0px 3px 20px -5px rgba(0,0,0, .05);
}

a.btn-light:hover {
	color:  var(--link-color);
	background: var(--primary-bg);
	box-shadow: 0px 3px 20px -5px rgba(0,0,0, .00);
}

a.btn-secondary {
	background: rgba(56, 88, 136, 1);
}

a.btn-secondary:hover {
	background: var(--primary-color);
}

a.btn-secondary-light {
	color: var(--secondary-color);
	background: rgba(56, 88, 136, .1);
}

a.btn-secondary-light:hover {
	color: var(--secondary-color);
	background: rgba(56, 88, 136, .2);
	
}

a.btn-small {
	font-size: 15px;
	padding: 0.8rem 1.7rem;
}

a.btn-fullwidth {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

a.btn-external {
	position: relative;
	align-items: center;
}

a.btn-external::after {
	content: "\e806";
	font-size: 16px;
	font-family: 'icons';
	margin: 0 -10px 0 8px;
	opacity: .5;
	line-height: 1;
}


a.btn-location {
}

a.btn-location::after {
	content: "\e807";
	font-size: 16px;
	font-family: 'icons';
	margin: 0 -10px 0 8px;
	opacity: .5;
	line-height: 1;
}


a.btn-text {
	position: relative;
	display: inline-flex;
	align-items: center;
	color: var(--link-color);
	font-weight: bold;
	font-size: 1rem;
	line-height: 1;
	text-transform: uppercase;
}

a.btn-text:hover {
	color: var(--link-color-hover);
}

a.btn-text::after {
	content: "\e808";
	font-size: 1.05rem;
	font-family: 'icons';
	margin: 0 0 0 3px;
}

a.btn-text-back::after {
	display: none;
}

a.btn-text-back::before {
	content: "\e80a";
	font-size: 1.05rem;
	font-family: 'icons';
	margin: 0 3px 0 0;
}



button.btn {
	position: relative;
	text-transform: uppercase;
	padding: 1.05rem 2.5rem;
	font-weight: bold;
	font-size: 17px;
	font-size: .9rem;
	line-height: 1.1;
	text-align: center;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	letter-spacing: .3px;
	background: var(--primary-color);
	border: none;
	border-radius: 100px;
	white-space: nowrap;
	transition: all 300ms ease;
}

button.btn:hover {
	color: #FFF;
	background: var(--primary-color-dark);
	background: var(--link-color-hover);
}

button.btn i {
	font-size: 16px;
	margin: 0 -10px 0 8px;
	opacity: .5;
	line-height: 1;
}



/* WP core styles */

.alignnone {

}

.alignsemiwide {
    margin-left : calc( 10% - 10vw );
    margin-right : calc( 10% - 10vw );
    max-width    : 100vw;
}

.alignwide {
    margin-left : calc( 25% - 25vw );
    margin-right : calc( 25% - 25vw );
    max-width    : 100vw;
}

.alignfull {
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw;
}

.aligncenter,div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
	margin: 5px 1.4rem 1.4rem 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 1.4rem 1.4rem;
}

img.alignnone,
a img.alignnone {
	margin: 0;
	padding: 0;
}

a img.alignleft {
	float: left;
	margin: 5px 1.4rem 1.4rem 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption-text {
	font-family: var(--font-serif);
	font-style: italic;
	color: var(--text-color);
	font-size: 0.8rem;
	line-height: 1.5;
	padding: 10px 0 0 0;
}

figure.wp-caption  {
	display: table;
	max-width: 100%;
	margin-top: 2rem;
}

figure.wp-caption figcaption {
	display: table-caption;
	caption-side: bottom ;

}

figure.wp-caption img {
	display: block;
}


.sticky {
}

a.post-edit-link {
	position: relative;
	display: inline-block;
	margin: 0 0 15px 0;
	font-size: 10px;
	line-height: 11px;
	padding: 8px 12px;
	text-transform: uppercase;
	background: #0073AA;
	color: #FFF;
	border-radius: 2px;
	align-self: flex-start;
}

.link-icon {
	position: relative;
	display: block;
	margin: 0 3px 8px 0;
	font-weight: 700;
}

p > span.link-icon {
	margin-bottom: 0;
}

.link-icon:before {
	content: "\e802";
	font-family: 'icons';
	font-size: 1.1em;
	font-weight: normal;
	color: #C70370;
	margin: 0 8px 0 0;
}

i { /* IE */
	font-family: 'icons';
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Lists */

ul,
ol {
	margin-top: var(--vspace);
	margin-top: calc(var(--vspace) - 10px);

}

ul {
	padding-left: 1.0rem;
	list-style-type: none;
}

li {
	position: relative;
	margin: 0 0 0 0;
}

li:not(:last-child) {
	margin-bottom: 5px;
}

ul li::before {
	position: absolute;
	content: "•";
	margin: -0.35rem 0 0 -1.0rem;
	font-size: 130%;
}

ol {
	padding-left: 22px;
}


.list-unstyled,
.list-unstyled li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.list-unstyled li:before {
	display: none;
}


/* WP gallery */


.gallery {
	display: flex;
	flex-wrap: wrap;
	margin-top: var(--vspace-l);
}


.gallery-item {
	flex: 0 0 auto;
	padding: 0px 2px 2px 0px; /*gap*/
	overflow: hidden;
}

.gallery-icon {
	overflow: hidden;
	height: 100%;
}


.gallery-item a {
	position: relative;
	display: block;
	height: 100%;
	background: rgba(0,0,0, .03);
}

.gallery-item a:hover {
	background: #000;
}

.gallery-item a:hover img {
	transform: scale(1.09);
	opacity: .7;
}

.gallery .wp-caption-text {
	display: none;
}


/* default thumbnail */

.gallery-size-thumbnail .gallery-item a img {
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
	transition: all 450ms ease-in-out;	
}

.gallery-size-thumbnail .gallery-item {
	flex: 0 0 auto;
	width: 25%; 
}

/* larger sizes */

.gallery-size-medium,
.gallery-size-large{
    margin-left : calc( 10% - 10vw );
    margin-right : calc( 10% - 10vw );
    max-width    : 100vw;
}

.gallery-item {
	flex: 1 0 auto; /* images in last row take remaining space*/	
	width: calc(100% / 3);
}

.gallery-item a img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	margin: 0 auto;
	transition: all 450ms ease-in-out;	
}


/* Responsive Embeds, iFrame  */


iframe {
  margin-top: 2rem;
}

iframe.googlemap {
	width: 100%!important;
	height: 400px;
}


iframe.googlemap.size-1 { height: 300px;}
iframe.googlemap.size-2 { height: 400px;}
iframe.googlemap.size-3 { height: 600px;}


.embed-responsive {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  margin-top: 2rem;
}

.embed-responsive iframe,
.embed-responsive object,
.embed-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}


.outdooractive-embed-wrap .oax-embed-widget {
	box-shadow: 0px 3px 20px -10px rgba(0,0,0, .2);
}


/* Shortcodes */

.text-intro {
	font-family: var(--font-serif);
	font-style: italic;
	font-size: 24px;
	font-size: 1.25rem;
	line-height: 1.7;
	margin-bottom: 50px;
	opacity: .8;
}

.text-small {
	font-size: 11px;
	font-size: 0.8em;
	line-height: 150%;
	margin-bottom: 2rem;
}

.text-quote {
	position: relative;
	margin: 3rem 0 3rem auto;
	max-width: 700px;
	font-style: normal;
	font-size: 140%;
	font-weight: 400;
	font-family: var(--font-serif);
	font-style: italic;
	font-size: 24px;
	font-size: 1.25rem;
	line-height: 1.7;
	margin-bottom: 50px;
	opacity: .8;
}


.text-quote strong {
	font-weight: normal;
}

.text-quote p:last-of-type {
	margin-bottom: 0;
}

.text-quote .cite {
	font-size: 0.8rem;
	font-style: normal;
	font-weight: bold;
	display: block;
	margin: 1rem 0 0 0;
	font-family: var(--font-sans);
	font-weight: 700;
	color: var(--text-gray);
}

.box {
	font-size: 0.95rem;
	padding: var(--box-padding);
	margin-top: var(--vspace);
	border-radius: 0px;
	background: var(--primary-bg);
	--border-color: rgba(0,0,0, .1);
}

.box-important {
	background: transparent;
	border: 3px solid RED;
}

.box > *:first-child,
.box > *:first-child > *:first-child  {
	margin-top: 0;
}

i.icon {
	font-weight: normal!important;
}

.icon.download {
	font-size: 1.5em;
	color: var(--link-color);
	margin: 0 5px 5px 0;
	vertical-align: middle;
	display: inline-block;
}

.icon.bullet {
	font-size: 26px;
	font-size: 1.35rem;
	line-height: 1;
	vertical-align: text-top;
}

.icon.bullet:before {
	padding: 0;
	margin: 0;
}

.list-style.bullet ul li:before {
	content: "\e803";
	font-family: 'icons';
	color: var(--link-color);
	font-size: 1.35rem;
	line-height: 1;
	top: 0;
	margin: 0.2rem 0 0 -1.5rem;
}




.list-style.download ul,
.list-style.download ul li {
}

.list-style.download ul {
	padding: 0;
}

.list-style.download ul li {
	margin: 0 0 0.7rem 0;
	padding: 0 0 0.7rem 2rem;
	border-bottom: 1px solid var(--border-color);
}

.list-style.download ul li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.list-style.download ul li:before {
	content: "\e80d";
	font-family: 'icons';
	color: var(--link-color);
	font-size: 1.35rem;
	line-height: 1;
	top: 0;
	margin: 0.2rem 0 0 -2.0rem;
}



/* Tables */

.table-container {
	margin-top: var(--vspace);
	position: relative;
	width: 100%;
	overflow: scroll;
	width: calc(100% + 30px); /*enable overflow on right side */
	padding-right: 30px;
}

AUS__.table-container::after { /*overflow fade*/
	content: "";
	position: absolute;
	top: 0;
	right: -30px;
	width: 30px;
	height: 100%;
	background: BLUE;
	background: linear-gradient(to right, rgba(252, 249, 242, 0) 0%, rgba(252, 249, 242, 1) 70%);
}


table {
	width: 100% !important; /*override inline td width*/
	max-width: 100%;
}

table thead {
	border-bottom: 3px solid var(--border-color);
}

table thead td {
	font-weight: bold;
}

table tr {
	background: transparent;
	border-bottom: 1px solid var(--border-color);
}

table tr:last-child {
	border-bottom: none;
}

table tr th {
}

table tr td {
	padding: 0.5rem 0.0rem;
	padding-right: 0.8rem;
}

table tr td:last-child {
}


table p {
	margin: 0;
}





/* Shortcode Columns */

.sc-row {
}

.box .sc-row {
	margin-top: calc(var(--vspace) * -1);
}

/* Accordion  */

.accordion {
	margin-top: var(--vspace);
}

.accordion-item {
	position: relative;
	border: none;
	margin-bottom: 10px;

}

.accordion-item:last-child {
}

.accordion-item:first-of-type {
	margin-top: 0;
}

.accordion-heading {
	margin: 0;
	padding: 0;
	border: none;
	text-transform: none;
	box-shadow: 0px 3px 25px -10px rgba(0,0,0, .1);
}

.accordion-trigger {
	display: block;
	position: relative;
	border: none;
	text-align: left;
	width: 100%;
	padding: 1.3rem 1.5rem;
	padding-right: 3.5rem;
	font-size: 1.0rem;
	line-height: 140%;
	color: var(--link-color);
	background: #FFF;
	font-weight: bold;
    outline-offset: -5px;
	transition: all 300ms ease;
}

.accordion-trigger:hover {
	text-decoration: none;
	color: var(--link-color-hover);
}

.accordion-trigger.active {
}


.accordion-trigger:hover i {
	text-decoration: none;
	color: var(--link-color-hover);
}

.accordion-trigger i:after {
	position: absolute;
	top: 1.2rem;
	right: 1.5rem;
	margin: 0;
	content: "\e809";
	display: block;
	line-height: 1;
	border-radius:0;
	font-family: 'icons';
	font-size: 1.7rem;
	font-weight: normal;
	font-style: normal;
	color: var(--link-color);
	text-decoration: none;
	transition: all 250ms ease-in-out;
}

.accordion-trigger:hover i:after {
	color: var(--link-color-hover);
}

 .accordion-trigger.active i:after {
	top: 1.0rem;
	transform: rotate(180deg);
}

.accordion-content {
	position: relative;
	padding: 1.5rem;
	padding-right: 0;
	border: 0px solid var(--border-color);
	border-top: none;
	--vspace: 1.5em;
}

.accordion-content > *:first-child {
	margin-top: 0;
}


/* --- Blog  --- */


.blog-entry {
	display: flex;
	margin-bottom: 2rem;
	padding-top: 2rem;
	border-top: 1px solid var(--border-color);
}

.blog-entry:first-child,
.blog-entry:first-of-type {
	padding: 0;
	border:  none;
}

.blog-entry.has-thumbnail {
	border: 1px solid RED;
}


.entry-thumbnail {
	width: 30%;
	flex: 0 0 auto;
	margin-right: 30px;
}

.entry-thumbnail a {
	display: block;
}

.entry-thumbnail img {
	display: block;
	margin: 0;
	width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

.entry-content {
	flex: 1 1 auto;
}

.entry-cats {
}

.entry-title {
	margin: 0;
}

.entry-title a {
	display: block;
	color: var(--text-color);
}

.entry-title a:hover {
	color: var(--link-color);
}

.entry-excerpt {
	margin-top: 1rem;
	font-size: var(--text-small);
}

.entry-btn {
	margin-top: 1rem;
}




.single .entry-header {
	margin: 0 0 3rem 0;
}

.single .entry-date {
	margin: 1rem 0 0 0;
	font-weight: bold;
	font-size: var(--text-small);
	color: var(--text-gray);
}

.single h1.entry-title {
	margin: 0 0 0 0;
}


.single h1.entry-title::after {
	display: none;
}
.single .entry-thumbnail {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0 0 2.5rem 0;
	display: block;
	overflow: hidden;
}


.single .entry-thumbnail p.wp-caption-text {
	margin: 0.6rem 0 0 0;
	font-size: 0.8rem;
}

.single .entry-content {
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
}

.single .entry-tags {
	text-transform: uppercase;
	font-size: 0.9rem;
	margin: 3rem 0 0 0;
}

.single .entry-tags a {
}

.single .entry-tags a:hover {
}

.single .entry-tags span {
	display: inline-block;
}


.back-to-overview {
	border-top: 1px solid var(--border-color);
	text-align: left;
	padding: 1rem 0 0 0;
	margin: 4rem 0 0 0;
	font-weight: bold;
	font-size: 1.2rem;
}

.back-to-blog a {
}

.back-to-blog a:hover {
}


/* post-pagination */

.post-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 4rem 0 0 0;
	text-transform: uppercase;
}

.post-pagination .page-numbers {
	padding: 5px 8px;
	display: none;
}

.post-pagination .page-numbers.current {
}

.post-pagination a {
	flex: 0 1 auto;
}

.post-pagination a:hover {
}

.post-pagination a.prev,
.post-pagination a.next {
	padding: 1.0rem 2.0rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	font-size: 1.0rem;
	letter-spacing: .3px;
	line-height: 1.2;
	text-align: center;
	background: #FFF;
	border-radius: 100px;
	margin: 0 0.3rem;
	transition: all 300ms ease;
	box-shadow: 0px 3px 25px -5px rgba(0,0,0, .08);
}

.post-pagination a.prev:hover,
.post-pagination a.next:hover {
	border-color: var(--text-color);
	box-shadow: 0px 3px 25px -5px rgba(0,0,0, .15);
}


a.prev span,
a.next span {
}

body:not(.paged) .post-pagination a.next,
body:not(.paged) .post-pagination a.next {
}

.post-pagination a.prev:before,
.post-pagination a.next:after {
	font-size: 1.1rem;
	font-family: 'icons';
	line-height: 1;
	padding: 1px 0 0 0;
}


.post-pagination a.prev:before {
	content: "\e80a";
	padding-right: 0.4rem;
	margin: 0 0 0 -0.5rem;
}

.post-pagination a.next:after {
	content: "\e808";
	padding-left: 0.4rem;
	margin: 0 -0.5rem 0 0;
}



/* Blog Sidebar / Widgets */

.post-tax {
	padding: 4rem 0;
	background: var(--primary-bg);
}

.post-tax a {
}

.widget {
	margin: 0 0 2.0rem 0;
	text-transform: uppercase;
}

.widget:last-child {
	margin-bottom: 0;
}

.widget-title {
	padding: 0;
	font-size: 1rem;
	margin: 0 3rem 1rem 0;
}

.widget ul,
.widget li {
	margin: 0;
	list-style: none;
}

.widget li {
}

.widget li a {
	display: block;
	font-weight: bold;
	margin: 0 0 0.3rem 0;
	text-decoration: none;
	font-size: 0.9rem;
}

/* Archive */


.show-tax {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	font-size: 1.0rem;
	padding: 1rem;
	margin-bottom: 2.5rem;
	background: var(--primary-bg);
}

.show-tax__tax {
	flex: 1;
	color: var(--text-gray);
}

.show-tax__title {
	font-family: var(--font-serif);
	font-style: italic;
	color: var(--text-color);
	font-size: 1rem;
}

.show-tax__all {
	margin: 0 0 0 auto;
	font-size: 1.1rem;
}


/* Searchandfilter */

.searchandfilter {
	margin-top: var(--vspace);
}

.searchandfilter ul,
.searchandfilter li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.searchandfilter li:before {
	display: none;
}

.searchandfilter ul {
	display: flex;
	flex-wrap: wrap;
}

.searchandfilter li {
	padding: 0 20px 10px 0;
}

.searchandfilter li:last-child {
	padding-right: 0;
}

.searchandfilter h4 { /*label*/
	font-size: var(--text-small);
	text-transform: none;
	font-weight: bold;
	color: var(--text-color);
	margin: 0;
}

.searchandfilter label {
}

.searchandfilter select {
	font-size: var(--text-small);
	font-size: 16px;
	min-width: 200px;
	max-width: 33vw;
}

.searchandfilter input[type=text]:focus {
	border-color: #888;
}

.searchandfilter .sf-field-reset {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.searchandfilter .sf-field-reset a {
	color: var(--text-gray);
	font-size: var(--text-small);
	font-size: 16px;
	text-align: right;
	display: block;
}

.searchandfilter .sf-field-reset a:hover {
	color: var(--link-color-hover);
}



/* Form */

form input[type=text],
form input[type=date],
form input[type=time] {
	font-size: 16px;
	border: 1px solid var(--border-color);
	width: 100%;
	max-width: 100%;
	line-height: 1;
	padding: .8em 1em;
	margin: 0;
	border-radius: 5px;
	box-shadow: 0 3px 10px -5px rgba(0,0,0, .1);
	transition: all 200ms ease;
	height: 2.5rem; /*global input height*/
}

form input[type=text]:focus {
	border-color: #aaa;
}

input[type="radio"] {
     -webkit-appearance: radio;
     appearance: radio;
}

input[type="checkbox"] {
     -webkit-appearance: checkbox;
     appearance: checkbox;
}



/* select */
/* https://codepen.io/chriscoyier/pen/zYYZaGP */

select {
	display: block;
	font-size: 16px;
	font-family: var(--font-sans);
	font-weight: normal;
	color: var(--text-color);
	line-height: 1;
	padding: 0 1.8em 0 1em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid var(--border-color);
	box-shadow: 0 3px 10px -5px rgba(0,0,0, .1);
	border-radius: 5px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	transition: all 200ms ease;
	background-color: #fff;
	
	height: 2.5rem; /*global input height*/

	/* for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
	*/
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat, repeat;
	/* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
	background-position: right .7em top 50%, 0 0;
	/* icon size, then gradient */
	background-size: 0.6em auto, 100%;
}
select::-ms-expand {
	display: none;
}
select:hover {
	border-color: #888;
}
.select-css:focus {
	border-color: #aaa;
	/* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #333; 
	outline: none;
}

select option {
	font-weight: normal;
}

/* Disabled styles */
select:disabled, select[aria-disabled=true] {
	opacity: .5;
}



/* Accommodations search (Zimmervermittlung)  */


.ac-search {
	margin-top: var(--vspace);
	margin-bottom: 3.5rem;
	background: #FFF;
	padding: 50px;
	box-shadow: 0px 3px 25px -5px rgba(0,0,0, .15);
}

.ac-form {
}

.ac-form h3 {
	margin: 0 0 30px 0;
}

.ac-form label {
	margin: 0;
	text-transform: none;
	font-weight: bold;
	font-size: var(--text-small);
}

.ac-grid {
	display: grid;
	grid-template-columns: 0.6fr 1fr 1fr 1fr;
	grid-template-columns: 140px 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	gap:20px 20px;
	margin-top: 10px;
}

.ac-grid-item {
	position: relative;
	display: flex;
	align-items: center;
}

.ac-grid-date .ac-grid-item i {
	position: absolute;
	top: 0;
	right: 5px;
	display: flex;
	align-items: center;
	height: 100%;
	color: var(--text-color);
}

.ac-row-submit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 30px;
}

.ac-row-submit .btn {
	margin-right: 30px;
}

.ac-row-submit .ac-logo {
	flex: 1 0 auto;
	max-width: 200px;
}

.ac-row-submit .ac-logo img {
	display: block;
	width: 100%;
	margin: 0;
}


/* CPT: Locations  */


.locations-filter {
	margin-top: var(--vspace);
	padding: 30px;
	background: tan;
}

.locations-grid { 
	margin-top: var(--vspace);
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px;
}


.location-card {
	position: relative;
	display: flex;
	flex-direction: column;
	background: #FFF;
	font-size: 17px;
	font-size: var(--text-small);
	line-height: 1.5;
	box-shadow: 0px 3px 25px -5px rgba(0,0,0, .15);
	
}

.location-card:target {
    animation: cardtargetAnimation 600ms linear;
}


@keyframes cardtargetAnimation {
  0%   { background: var(--primary-color); }
  100% { background: #FFF; }
}



.location-card .post-edit-link {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}

.location-card__content {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 30px;
}

.location-card__btns-wrap {
	margin-top: auto;
}

.location-card__image  {
	position: relative;
	padding-top: 66%; /* 3:2 Aspect Ratio */
}

.location-card__image img {
	margin: 0;
	width: 100%;
	display: block;
}


.location-card__image .ratio-wrap  {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}

.location-card__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	margin: 0 auto;
}




.location-card__title {
	font-size: 17px;
	font-size: var(--text-small);
	margin: 0;
}

.location-card .btn {
	margin-top: 1rem;
}

.location-card .btn + .btn {
	margin-top: 10px;
}



/* CPT: Projekte */


.project-entries__title {
	font-family: var(--font-serif);
	font-weight: 400;
	font-style: italic;
	text-transform: none;
	font-size: 1.2rem;
	border: none;
	padding: 0rem 0 0.5rem 0;
	border-bottom: 1px solid var(--primary-color);
}

.project-entries__title + .project-entry {
	border-top: none;
}

.project-entry + .project-entries__title  {
	margin-top: 5rem;
}


.project-entry {
}

.project-entry {
	display: flex;
	margin-bottom: 2.5rem;
	padding-top: 2.5rem;
	border-top: 1px solid var(--border-color);
}

.project-entry:first-child,
.project-entry:first-of-type {
	border:  none;
}

.project-entry.has-thumbnail {
	border: 1px solid RED;
}


.project-entry__thumbnail {
	width: 30%;
	flex: 0 0 auto;
	margin-right: 30px;
}

.project-entry__thumbnail a {
	display: block;
}

.project-entry__thumbnail img {
	display: block;
	margin: 0;
	width: 100%;
}

.project-entry__content {
	flex: 1 1 auto;
}


.project-entry__title {
	margin: 0;
}

.project-entry__title a {
	display: block;
	color: var(--text-color);
}

.project-entry__title a:hover {
	color: var(--link-color);
}

.project-entry__excerpt {
	margin-top: 1rem;
	font-size: var(--text-small);
}

.project-entry__btn {
	margin-top: 1rem;
}



/* Locations Map (Was ist wo?) */


.locations-map {
	background: BEIGE;
}

/* Map Modal */

.map-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1000;
	background: rgba(0,0,0, .3);
	
	opacity: 0;
	visibility: hidden;
	transition: all 400ms ease;
}


.map-modal.is-loading,
.map-modal.is-open {
	display: block;
	opacity: 1;
	visibility: visible;
}

.map-modal.is-loading::before {
	content: '\e807';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	font-family: 'icons';
	font-size: 3rem;
	color: #FFF;
    animation: loadingAnimation 1000ms infinite ease-in;
}

@keyframes loadingAnimation {
  0%   { opacity:1; transform: scale(1); }
  50%  { opacity:0.3;  transform: scale(0.8); }
  100% { opacity:1;  transform: scale(1); }
}


.modal-open { /*body - prevent background scroll*/
	AUS_overflow: hidden; /* no!!! makes page jump to top */
}

.map-modal-inner {
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
}

.map-container {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 1350px;
	height: 100vh;
	max-height: 850px;
	border: 0px solid CYAN;
	box-shadow: 0px 3px 30px -10px rgba(0,0,0, .5);	
	margin-top: auto; /*whoohoo vcenter*/
	margin-bottom: auto;
}


.map-header {
	position: relative;
	display: flex;
	color: #FFF;
	justify-content: space-between;
	align-items: center;
	padding: 15px 40px;
	background: var(--secondary-color);
}

.acf-map {
	outline: none;
}

.map-header__title {
	margin: 0;
	display: flex;
	align-items: center;
}

.map-header__title  i {
	font-size: 1.2rem;
	margin: 0 5px 0 -10px;
}

.map-header__close button {
	color: #FFF;
	border: none;
	font-size: 1.3rem;
	padding: 10px;
	background: transparent;
	outline: none;
	margin-right: -15px;
}

.map-wrap {
	position: relative;
	flex: 1;
	display: flex;
}

.map-filter {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 1px;
	overflow: visible;
	z-index: 1;
	box-shadow: 0px 3px 20px -10px rgba(0,0,0, .3);
}


.map-filter-trigger {
	position: relative;
	color: var(--text-color);
	border: none;
	font-size: 19px;
	font-size: 0.85rem;
	padding: 10px;
	outline: none;
	display: flex;
	align-items: center;
	width: 100%;
	line-height: 1;
	text-align: left;
	padding: 10px 20px;
	font-weight: bold;
	color: var(--text-color);
	text-transform: uppercase;
	background: #FFF;
	z-index: 1;
	border-radius: 2px;
	box-shadow: 0px 3px 10px -5px rgba(0,0,0, .4);
	
	 /*Google style*/
	font-family: Roboto, Arial, sans-serif;
	font-weight: 500;
	font-size: 18px;
	height: 40px;
	text-transform: none;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}

.map-filter-trigger i {
	font-size: 1.1rem;
	line-height: 1;
	margin-left: 1px;
	display: inline-block;
	transition: all 300ms ease;
}

.map-filter.is-open .map-filter-trigger {
	#box-shadow: none;
}

.map-filter.is-open .map-filter-trigger i {
	transform: rotate(180deg);
}

.map-filter-list {
	position: relative;
	padding: 15px 20px;
	padding-right: 40px;
	background: #FFF;
	opacity: 0;
	visibility: hidden;
	top: -10px;
	border-radius: 0 0 2px 2px;
	transition: all 300ms ease;
}


.map-filter.is-open .map-filter-list {
	visibility: visible;
	opacity: 1;
	top: 0;
	box-shadow: 0px 1px 4px -1px rgba(0,0,0, .3);

}

.map-filter-list li {
	display: flex;
	align-items: center;
	border: 0px solid #333;
}

.map-filter-list label {
	font-size: 0.95rem;
	font-size: 17px;
	padding: 4px 0 ;
	flex: 1;
}

.map-filter-list li.ausflugsziele label:before {	color: #E9A839; }
.map-filter-list li.unterkuenfte label:before {	color: #924b99 ; }
.map-filter-list li.gastronomie label:before {	color: #FF8A47; }
.map-filter-list li.parkplaetze label:before {	color: #005CFF; }
.map-filter-list li.haltestellen label:before {	color: #1B9333; }
.map-filter-list li.aussichtspunkte label:before {	color: #523D80; }
.map-filter-list li.wc label:before { color: #004A7B; }


.map-filter-list input[type=checkbox] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	position: absolute;
	right: -100vw;
	visibility: hidden;
}

.map-filter-list input[type=checkbox] + label {
	display: flex;
	transition: all 300ms ease;
}

 .map-filter-list input[type=checkbox] + label:before {
	content: "\e810";
	font-family: 'icons';
	margin: 0 8px 0 0;	
}

.map-filter-list input[type=checkbox]:checked + label:before {
	content: "\e80f";
}

.map-filter-list input[type=checkbox] + label {
	color: var(--text-gray);
}

.map-filter-list input[type=checkbox]:checked + label {
	color: var(--text-color);
}

.map-filter-list label:hover {
	color: var(--text-gray);
}

.map-filter-list input[type="checkbox"] {
	margin: 0 10px 0 0;
}

.acf-map {
	flex: 1;
	width: 100%;
	border: 0px solid RED;
}


/* Infowindow */

.gm-style-mtc li:before {
	display: none;
}

.acf-map .gm-style-iw-c {
	padding: 0;
}

.acf-map .gm-style-iw-d {
    overflow: hidden !important; /*remove iw padding*/
}


.acf-map .gm-style-iw-c button,
.acf-map .gm-style-iw-c button:hover {
	background: transparent!important;
	top: 0!important;
	right: 0!important;
	opacity: 1;
}

.acf-map .gm-style-iw-c button img {
	opacity: .5;
	filter: drop-shadow(0px 0px 5px rgba(255,255,255, 1)) 
	drop-shadow(0px 0px 5px rgba(255,255,255, 1));
}

.acf-map .gm-style-iw-d {
  overflow-y: auto!important;
/* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.acf-map .gm-style-iw-d::-webkit-scrollbar {
    display: none;
}


.map-infowindow {
	position: relative;
	font-weight: normal;
	font-family: var(--font-sans);
	font-size: 15px;
	font-style: normal;
	line-height: 1.5;
	width: 100%;
	min-width: 300px;
}

.map-infowindow__image {
	position: relative;
	padding-top: 66%; /* Aspect Ratio */
}

.map-infowindow__image .ratio-wrap  {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}

.map-infowindow__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	margin: 0 auto;
}


.map-infowindow__content {
	background: #FFF;
	padding: 20px;
}

.map-infowindow .btn-small {
	font-size: 1em;
	font-size: 13px;
	AUS_margin-top: 10px;
	padding: 0.7rem;

}

.map-infowindow .btn:first-child {
	AUS_margin-top: 20px;
}


.map-infowindow__btns-wrap {
	display: flex;
	margin-top: 15px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
}

.map-infowindow__btns-wrap.has-booking  {
	grid-template-columns: 1fr 1fr;
}

.map-infowindow .post-edit-link {
	position: absolute;
	top: 0;
	left: 0;
}



/* map-consent-modal */

.map-consent-modal {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	align-items: center;
	justify-content: center;
	z-index: 10;
	transition: 350ms;
	visibility: hidden;
	opacity: 0;
	padding-top: 100px;
	background: rgba(0,0,0, .6);
}

.map-consent-modal.active {
	visibility: visible;
	opacity: 1;
	padding-top: 0;	
}


.map-consent-modal .inner  {
	position: relative;
	width: 100%;
	max-width: 870px;
	padding: 20px;
}

.map-consent-modal__close {
	position: absolute;
	top: 0;
	right: 10px;
	color: #FFF;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 1.3rem;
	cursor: pointer;
}




/* bootstrap-datepicker.css ---------------------------------------------------------------------------------- */



/* Search */

.search-result {
}

.search-result__title {
	
}

.search-result.no-result .searchform {

}

.searchform-wrap {
	position: relative;
	max-width: 100%;
	margin-top: var(--vspace);
	border: 0px solid #333;
}

.searchform {
	position: relative;
	box-shadow: 0px 5px 30px -10px rgba(0,0,0, .15);
}

.searchform input[type="text"] {
	border: none;
	padding: 20px;
	width: 100%;
	height: 3.3rem;
	font-size: 1.1rem;
	line-height: 1;
	color: var(--text-color);
	border:  none;
	border-radius: 0;
	box-shadow: none /*remove red border */;
}

.searchform input::placeholder {
	font-family: var(--font-serif);
	font-style: italic;
	font-weight: normal;
}

.searchform .searchsubmit {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	padding: 0 20px;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	overflow: hidden;
	width: 3rem;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	background: transparent;
}

.searchform i {
	position: relative;
	text-align: center;
	font-size: 1.4rem;
	color: var(--primary-color);
	background: transparent;
}


.search-result__list {
	margin-top: var(--vspace);
}

.search-result span {
	color: var(--orange);
}

.search .hentry {
	border: 0;
	border-bottom: 1px solid var(--border-color);
	margin: 0;
}

.search-result__entry a {
	display: block;
	font-weight: bold;
	padding: 0.6rem 0;
	line-height: 1.5;
}

.search-result__entry strong {
	padding: 0 0.5rem 0 0;
}

a .search-result__post-type {
	color: var(--text-gray);
	font-weight: normal;
	text-transform: uppercase;
	font-size: 0.8rem;
}

.search .post-pagination {
	margin-top: 30px;
}


/* Breadcrumb */


.breadcrumb {
	font-size: 14px;
	font-family: var(--font-serif);
	font-weight: normal;
	font-style: italic;
	line-height: 1.3;
	color: #666;
	margin-bottom: 3.6rem;
}

.breadcrumb-divider {
	display: inline-block;
	margin: 0 10px;
}

.breadcrumb a {
	color: #666;
}

.breadcrumb a:hover {
	color: var(--text-color);
}

.breadcrumb span[property="name"] {
    display: inline-block;
    padding: 0;
    margin-top: -3px;
    vertical-align: middle;
    AUS_max-width: 60px; /*trim long text*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumb span[property="name"].current-item  {
	max-width: 35vw; /*trim long text*/
}




/* Pagebanner */

.pagebanner {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 0;
	overflow: hidden;
	margin-bottom: 15px;
	height: 730px; /*the height*/
}

.pagebanner.pagebanner-none {
	height: auto;
	min-height: auto;
	margin-bottom: 55px;
}

.pagebanner-content {
	position: relative;
	flex: 1;
	display: flex;
}

.pagebanner-title {
	margin: 0;
	color: #FFF;
	font-family: var(--font-script);
	font-size: 86px;
	font-size: 4.5rem;
	line-height: 1.0;
	max-width: 950px;
	padding-bottom: 2rem;
	border: 0px solid #333;
	text-align: center;
	text-shadow: 0px 2px 10px rgba(0,0,0, .2),
	0px 2px 5px rgba(0,0,0, .1);
	background: transparent;
}

.pagebanner-image-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pagebanner img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	margin: 0 auto;
	opacity: 1;
}

.pagebanner-edge {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	height: 25px;
	border: 0px solid PLUM;
	background: transparent url(images/banner-edge.svg) repeat-x center bottom;
}


.pagebanner-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.1; /* gets inline override */
}


/* Flex Content */



/* Image-Text */


.imagetext-block {
	margin-top: var(--vspace-xl);
}

.imagetext-block + .imagetext-block {
	margin-top: calc(var(--vspace-l) - 5px); /*balance*/
}

.imagetext-block + .imagetext-block .imagetext {
	padding-top: var(--vspace-l);
	border-top: 1px solid var(--border-color);
}

.imagetext {
  display: grid;
  grid-template-columns: 1fr 1fr; /*50% default*/
  gap: 30px;
}

.imagetext.image-w50 {
  gap: 50px;
}

.imagetext.image-w33 {
  grid-template-columns: 33% 1fr;
 }
  
 .imagetext.image-w25 {
  grid-template-columns: 25% 1fr;
 }
 
 .imagetext.image-alignright {
    direction: rtl; /*dirty but nice*/
}

.imagetext.image-w50 .imagetext__image {
 	max-width: 600px;
}
 
.imagetext.image-w33 .imagetext__image {
 	max-width: 33vw;
 }
 
.imagetext.image-w25 .imagetext__image {
	max-width: 25vw;
}

.imagetext.image-float {
	display: block;
}

.imagetext.image-float .imagetext__image {
	float: left;
	width: 50%;
	padding: 0 30px 30px 0;
}

.imagetext.image-float.image-alignright .imagetext__image {
	float: right;
	padding: 0 0 30px 30px;
}

.imagetext.image-float.image-w33 .imagetext__image {
	width: 33%;
	min-width: 140px;
}
.imagetext.image-float.image-w25 .imagetext__image {
	width: 25%;
	min-width: 120px;
}

.imagetext__text {
   direction: ltr;
}

.imagetext__image {
   direction: ltr;
   margin-top: 3px; /*balance*/
}

 
 /* Teaser Block */
 
 
.teaser-block-block {
	margin-top: var(--vspace-xxl);
	margin-bottom: var(--vspace-xl);
 }

.teaser-block-block + .teaser-block-block {
	margin-top: -1rem;
 }
 
 .teaser-block-block + .teaser-block-block:nth-child(2n) {
 	direction: rtl;
 }
 
 .teaser-block {
 	background: #FFF;
 	display: grid;
 	grid-template-columns: 1fr 1fr;
	box-shadow: 0px 5px 30px -10px rgba(0,0,0, .15);
}

.teaser-block__image {
	position: relative;
	padding-top: 75%; /* 4:3 Aspect Ratio */
}


.teaser-block__image .ratio-wrap  {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}

.teaser-block__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	margin: 0 auto;
}

.teaser-block__text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 50px 60px;
	font-size: var(--text-small);
 	direction: ltr;
}

.teaser-block__text h2 {
	font-family: var(--font-serif);
	font-weight: 900;
	font-style: italic;
	font-size: 32px;
	font-size: 1.7rem;
	margin-bottom: -0.7rem;
}

.teaser-block__text .btn {
	margin-top: var(--vspace);
	margin-right: auto;
	margin-bottom: 0.5rem;
}
 
 
/* Teaser Cards*/

.teaser-cards-block {
	margin-top: var(--vspace-xxl);
}

.teaser-cards-block.has-cards-1 .container,
.teaser-cards-block.has-cards-2 .container {
	max-width: var(--main-width);
}

.teaser-cards-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 30px;
}



.teaser-cards-block.has-cards-1 .teaser-cards-grid,
.teaser-cards-block.has-cards-2 .teaser-cards-grid {
  grid-template-columns: 1fr 1fr;
}

.teaser-card {
	display: flex;
	flex-direction: column;
	padding: var(--box-padding);
	background: #FFF;
	box-shadow: 0px 5px 30px -10px rgba(0,0,0, .15);
}


.teaser-card__title {
	margin: 0;
	font-family: var(--font-serif);
	font-style: italic;
	font-weight: 900;
	font-size: 26px;
	font-size: 1.35rem;
	line-height: 1.2;
}

.teaser-card__title a {
	color: var(--primary-color);
	display: block;
}

.teaser-card__title a:hover {
	color: var(--link-color-hover);
}

.teaser-card__excerpt {
	color: var(--text-color);
	margin-top: 1.3rem;
	font-size: var(--text-small);
	line-height: 1.5;
}

.teaser-card__btn {
	margin-top: auto;

}

.teaser-card__btn a {
	padding-top: 1rem;
	margin-bottom: -0.3rem;
	display: block;
	line-height: 1;
	text-align: right;
	font-size: 26px;
	font-size: 1.5rem;
	margin-right: -0.3rem;
	color: var(--primary-color);
}


.teaser-card__btn a:hover {
	color: var(--link-color-hover);
	margin-right: -0.5rem;
}

.teaser-card__btn a i:before {
	margin: 0;
}



/* Discovermore */

.discover-more-block {
	margin-top: 5rem;
	margin-bottom: -7rem; /*see #main padding */
	padding: 5rem 0 6rem 0;
	background: var(--primary-bg);
}

.discover-more__section-title {
	font-family: var(--font-serif);
	font-weight: 900;
	font-style: italic;
	font-size: 32px;
	font-size: 1.7rem;
	color: var(--text-brown);
	margin: -0.6rem 0 4rem 0;
}


.discover-more__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 30px;
}


.discover-more__card {
	position: relative;
	padding-top: 75%; /* 4:3 Aspect Ratio */
	display: flex;
}

.discover-more__card a {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	z-index: 1;
}

.discover-more__card-title {
	z-index: 1;
	color: #FFF;
	font-weight: bold;
	font-size: 24px;
	font-size: 1.3rem;
	padding: 20px;
	margin-bottom: 10px;
	text-shadow: 1px 1px 5px rgba(0,0,0, .25), 1px 1px 15px rgba(0,0,0, .1);
}


.discover-more__image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
}

.discover-more__image:after { /*overlay*/
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 0;
	background: rgba(0,0,0, .4);
}


.discover-more__card a img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	margin: 0 auto;
	transition: all 350ms ease-in-out;
}

.discover-more__card a:hover img {
	transform: scale(1.10);
}

.discover-more__card.no-image {
	background: rgba(212, 153, 52, .9);
	background: var(--primary-color);
}

.discover-more__card.no-image::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 0;
	background: url(images/decor-oybin-o.svg) no-repeat top left;
	background-size: cover;
	opacity: .05;
}


/* ZVON Fahrplan Form */

.zvon-form {
	display: block;
	margin-top: var(--vspace);
}

.zvon-form form {
	background: #FFF;
	padding: var(--box-padding);
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	box-shadow: 0px 3px 25px -5px rgba(0,0,0, .15);
}

.zvon-form label {
	font-weight: bold;
	font-size: var(--text-small);
}

.zvon-form form > *:first-child {
	margin-top: 0;
}
.zvon-form .row {
	margin-top: 1rem;
}

.zvon-form .form-field-submit {
}


.zvon-form .form-field-submit .btn {
	margin-right: 20px;
	white-space: normal;
}

.zvon-form .form-field-submit img{
	width: 100px;
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 10px;
}

/* ZVON Fahrplan embed*/


.zvon-list {
	margin-top: var(--vspace-l);
}

.zvon-list h3 {
	margin-top: 0;
	padding: 9px 0;

}

.zvon-list__group {
	display: grid;
	grid-template-columns: minmax(80px, 100px) 1fr;	
	gap: 0 20px;
	border-bottom: 2px solid var(--border-color);
}

.zvon-list__group:last-child {
	border-bottom: none;
}

.zvon-list__group-items {
}

li.zvon-list__item {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0 10px;
	line-height: 1.5;
	padding: 10px 0;
	border-bottom: 1px solid var(--border-color);
}

li.zvon-list__item:last-child {
	border: none;
}

.zvon-list__item i {
	line-height: 1;
}

.zvon-list__item i::before {
	margin: 0;
	font-size: 1.4rem;
}

.zvon-type  {
	font-weight: bold;
	color: #333;
	display: inline-block;
	margin: 0 10px 0 0;
	
	display: none; /* AUS*/
}

.zvon-line {
	font-weight: bold;
}

.zvon-valid  {
	display: block;
}

.zvon-service {
	font-size: var(--text-small);
}






/* Template: Startseite */


[class*=template-start] #content {
}


.hero-section {
	
}

.hero {
	position: relative;
	background: rgba(45, 87, 44, .1);
	height: 920px; /*the height*/
}

.hero-video {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.hero-video video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	margin: 0 auto;
}

.hero-image {
	
}

.hero-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	margin: 0 auto;
}

.hero-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
}

.hero-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 30px;
}


.hero-title {
	margin: 0 auto;
	color: #FFF;
	font-family: var(--font-script);
	font-size: 86px;
	font-size: 4.5rem;
	line-height: 1.0;
	max-width: 950px;
	padding-bottom: 1rem;
	border: 0px solid #333;
	text-align: center;
	text-shadow: 0px 2px 10px rgba(0,0,0, .2),
	0px 2px 5px rgba(0,0,0, .1);
}


.hero-search {
	text-align: center;
	margin: 0 auto;
	margin-top: 1rem;
	margin-bottom: -3rem;
	width: 100%;
	max-width: 600px;	
	padding: 30px;
}


.hero-searchform {
 	box-shadow: 0px 5px 30px -10px rgba(0,0,0, .15);
}

.hero-searchform input.s {
	border-bottom: 2px solid var(--primary-color);
}

.hero-searchform input.s:focus {
	border-bottom: 2px solid var(--primary-color);
}


.hero .pagebanner-edge {
}



.intro-section {
	padding: 6.5rem 0;
}

.col-8 .intro-content {
	max-width: 710px;
}


.newsbox {
	color: #FFF;
	padding: var(--box-padding);
	background: var(--primary-color);
}

.newsbox-item {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(255,255,255, .2);
}

.newsbox-item:last-child {
	border: none;
	margin: 0;
	padding-bottom: 2px;
}

.newsbox-item a {
	position: relative;
	color: #FFF;
	display: block;
}

.newsbox-item a:hover {
	opacity: .7;
}

.newsbox-item__metatitle {
	font-family: var(--font-serif);
	font-style: italic;
	line-height: 1.4;
}

.newsbox-item__title {
	margin: 0;
	font-size: 1rem;
	padding-right: 29px;
}

.newsbox-item i {
	position: absolute;
	bottom: -.2rem;
	right: -0.4rem;
	line-height: 1;
	font-size: 1.4rem;
	transition: all 300ms ease;
}

.newsbox-item a:hover i {
	margin-right: -0.4rem;
}


.featured-section {
 }

 
.featured-block:nth-child(2n) {
 	direction: rtl;
 	background: rgba(233, 168, 57, .06);
 }
 
.featured-block {
 	display: grid;
 	grid-template-columns: 1fr 1fr;
 	background: rgba(233, 168, 57, .2);
 	min-height: 550px;
}

.featured-block__image {
	position: relative;
	padding-top: 80%; /* Aspect Ratio */
}

.featured-block__image .ratio-wrap  {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
}

.featured-block__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	margin: 0 auto;
}

.featured-block__text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 60px 60px;
	font-size: var(--text-small);
 	direction: ltr;
}

.featured-block__text .inner {
	max-width: 600px;
	margin: 0 auto;
}

.featured-block__text h2 {
	font-family: var(--font-serif);
	font-weight: 900;
	font-style: italic;
	margin-top: 0;
	margin-bottom: -0.5rem;
	font-size: 50px;
	font-size: 2.65rem;
	line-height: 1.1;
	color: #32240A;
	color: var(--text-brown);
}

.featured-block__text .btn {
	margin-top: var(--vspace);
	margin-right: auto;
	margin-bottom: 0.5rem;
}
 
 
.teaser-cards-section {
	padding: 7rem 0;
}





/* FOOTER
---------------------------------------------------------------------------------*/

#footer {
	position: relative;
	width: 100%;
	padding: 110px 0;
	background: #261C08;
	color: rgba(255, 255, 255, .8);
	font-size: 17px;
	line-height: 1.7;
	overflow: hidden;
}

#footer a {
	color: rgba(255, 255, 255, .8);
}

#footer a:hover {
	color: rgba(255, 255, 255, 1);
}

#footer .footer-menu li {
}

#footer h3 {
	font-family: var(--font-serif);
	font-weight: 900;
	font-style: italic;
	color: var(--primary-color);
	font-size: 26px;
	font-size: 1.3rem;
	margin: 0 0 1rem 0;
}

.footer-social {
	margin-top: var(--vspace);
}

#footer .footer-social a {
	color: var(--link-color);
	font-size: 30px;
	margin: 0 10px 0 -5px;
}

#footer .footer-social a:hover {
	opacity: .6;
}

.footer-service {
	
}

.footer-service ul {
	margin-top: var(--vspace);
}

.footer-menu-bottom {
	margin: 50px 0 0 0;
}

.footer-menu-bottom ul {
	display: flex;
}

.footer-menu-bottom li a {
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	margin: 0 30px 0 0;
	opacity: .6;
}

.footer-menu-bottom li a:hover {
	opacity: 1;
}

.footer-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(images/decor-oybin-o.svg) no-repeat top left;
	background-size: contain;
	margin-top: -5px;
	opacity: .1;
}


.footer-weather {
	max-width: 360px;
}

.footer-weather a.weatherwidget-io {
	margin-top: -10px;
}

.footer-weather iframe {
	margin: 0;
}

.footer-weather  .BorlabsCookie ._brlbs-content-blocker ._brlbs-default {
	background: transparent;
}




/* --- Mobile Menu --- */


.mob-menu {
	display: none; /*js trigger*/
	position: absolute;
   	top: 0;
   	left: 0;
	width: 100%;
	z-index: 10;
	opacity: 0;
	background: #FFF;
	animation: navfadeIn 400ms ease-in-out 1 forwards;
	box-shadow: 0px -10px 50px 0px rgba(0,0,0, .7);
	padding-bottom: 50px;
}


.mob-menu .container {
	position: relative;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}


.mob-lang {
	display: flex;
	margin: 40px 0 -50px 0;
}

.mob-lang a {
	font-weight: bold;
	font-size: 17px;
	color: #999;
	padding: 10px;
	line-height: 1;
	margin: 0 10px 0 0;
}

.mob-lang a.current {
	text-transform: uppercase;
	color: var(--text-color);
	background: #F7E8CB;
	background: #FCF9F2;
}


.mob-search {
	position: relative;
	margin: 20px 0 0 0;

}

.mob-search .searchform {
	border: 1px solid rgba(0,0,0, .2);
	box-shadow: none;

}

.mob-search input {
	font-size: 1rem;
	padding: 15px;
	height: 3.3rem;
}

.mob-search .searchform button {

}

.mob-search input::placeholder {
	font-family: var(--font-serif);
	font-style: italic;
	font-size: 1rem;
}


.mob-search input:focus {
	border-color: #999;
    outline: none;
}

.mob-search button {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	border: none;
	line-height: 1;
	overflow: hidden;
	padding: 0;
	background: transparent;
	width: 2.5rem;
	font-size: 24px;
	color: var(--link-color);
}

.mob-phone {
	display: flex;
	align-items: center;
	text-align: left;
	font-weight: bold;
	line-height: 1;
	margin: 30px 0 0 0;
}

.mob-phone a {
	color: var(--text-color);
}

.mob-phone i {
	font-size: 20px;
	margin: 0 5px 0 0;
}

.mob-map a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 17px;
	line-height: 1;
	padding: 20px;
	margin: 30px 0 0 0;
	background: var(--secondary-color);
}

.mob-map a i {
	margin: 0 5px 0 -10px;
	font-size: 22px;
	display: none;
}


.mob-menu nav {
	margin: 90px 0 0 0;
}


.mob-menu nav li a {
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: .5px;
	text-transform: uppercase;
	padding: 20px 0;
	text-align: left;
	color: var(--text-color);
	border-top: 1px solid #EDEDED;
}

.mob-menu nav li a br {
	display: none;
}

.mob-menu nav li:first-child a {
	border-top: 0;
}


.mob-menu nav li a:hover {
}

.mob-menu nav li.current-menu-item > a {
	color: var(--link-color);
	color: var(--text-gray);
}

.mob-menu nav li.menu-item-has-children.active > a {
}

.mob-menu nav li.menu-item-has-children > a::after {
	content: "\e809";
	display: flex;
	margin-bottom: auto; /*!*/
	align-items: flex-start;
	color: rgba(0,0,0, .2);
	font-family: 'icons';
	font-weight: normal;
	font-size: 1.2rem;
	line-height: 1;
	transition: all 300ms ease;
}

.mob-menu nav li.menu-item-has-children.active > a::after {
	transform: rotate(180deg);
}

.mob-menu nav li.active > a {
	color: var(--text-color);
}



.mob-menu li.page-ancestor a { /* page-ancestor … add CSS class to WP menu item*/
	display: flex;
	justify-content: space-between;
	font-family: var(--font-serif);
	font-style: italic;
	font-weight: bold;
	font-size: 22px;
	font-size: 1.15rem;
}

.mob-menu li.page-ancestor.current-menu-item a {
	color: var(--text-color);
}



.mob-menu li.page-ancestor a::after {
	content: "\e808";
	font-family: 'icons';
	font-weight: normal;
	font-style: normal;
}






.mob-menu nav li ul {
	position: relative;
	padding: 0px 0 0 25px;
	margin-bottom: 10px;
	border-left: 3px solid var(--primary-color)
}


.mob-menu nav li li {
	opacity: 1;
	animation: none;
}

.mob-menu nav li li a {
	font-size: 1rem;
	text-transform: none;
	letter-spacing: 0;
	font-weight: normal;
	border: none;
	padding: 10px 0;
	font-size: 17px;
}

.mob-menu nav li li a:hover {
	color: var(--link-color);
}

.mob-menu #mob-menu1 {
	border-bottom: 3px solid #EDEDED;
}

.mob-menu #mob-menu1 > li > a {
	AUS_color: var(--link-color);
}

.mob-menu #mob-menu1 > li > a:hover {
}


#mob-menu2 li.menu-item-has-children.has-dot > a  {
	padding-left: 0px;	
	justify-content: flex-start;
}


#mob-menu2 li.menu-item-has-children.has-dot > a::before {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	margin: 4px 15px 0 0;
	border-radius: 100%;
	background: var(--primary-color);
}

#mob-menu2 li.menu-item-has-children.has-dot > a::after {
	margin-left: auto;
}






/* Mobile Menu Trigger */

.mob-menu-trigger {
	display: none;
	position: absolute;
	top: 50%;
	right: -10px;
	transform: translateY(-50%);

	border: none;
	width: 50px;
	height: 49px;
	margin: 0 0 0 0;
	z-index: 999;
	text-transform: uppercase;
	background: var(--primary-color);
	outline: none;
}

.mob-menu-trigger.open {
}

/* Hamburger Icon ani*/


.mob-menu-trigger span {
	margin: 0 auto;
	position: relative;
}
.mob-menu-trigger span:before,
.mob-menu-trigger span:after {
	position: absolute;
	content: '';
}
.mob-menu-trigger span,
.mob-menu-trigger span:before,
.mob-menu-trigger span:after {
	width: 24px;
	height: 2px;
	background-color: var(--primary-color);
	background-color: #FFF;
	display: block;
}
.mob-menu-trigger span:before {
	margin-top: -8px;
}
.mob-menu-trigger span:after {
	margin-top: 8px;
}

.mob-menu-trigger span {
	-webkit-transition-duration: 0s; transition-duration: 0s;
	-webkit-transition-delay: 0.15s; transition-delay: 0.15s;
}
.mob-menu-trigger.open span {
	background-color: rgba(0,0,0,0.0);
	-webkit-transition-delay: 0.15s; transition-delay: 0.15s;
}
.mob-menu-trigger span:before {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.15s; transition-duration: 0.15s;
	-webkit-transition-delay: 0.15s, 0s; transition-delay: 0.15s, 0s;
}
.mob-menu-trigger.open span:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
	-webkit-transition-delay: 0s, 0.15s; transition-delay: 0s, 0.15s;
}
.mob-menu-trigger span:after {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.15s; transition-duration: 0.15s;
	-webkit-transition-delay: 0.15s, 0s; transition-delay: 0.15s, 0s;
}
.mob-menu-trigger.open span:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
	-webkit-transition-delay: 0s, 0.15s; transition-delay: 0s, 0.15s;
}

/* end Hambuger Icon ani*/

/* Menu Animation */

.mob-menu li {
 opacity: 0;
 animation: fadeLiIn 400ms ease-in-out 1 forwards;
 }

.mob-menu li:nth-child(1) {
  animation-delay: 100ms;
}

.mob-menu li:nth-child(2) {
  animation-delay: 200ms;
}

.mob-menu li:nth-child(3) {
  animation-delay: 300ms;
}

.mob-menu li:nth-child(4) {
  animation-delay: 400ms;
}

.mob-menu li:nth-child(5) {
  animation-delay: 500ms;
}

.mob-menu li:nth-child(6) {
  animation-delay: 600ms;
}

.mob-menu li:nth-child(7) {
  animation-delay: 700ms;
}

.mob-menu li:nth-child(8) {
  animation-delay: 750ms;
}




/* Photoswipe Lightbox */


.pswp .pswp__caption__center {
	font-family: var(--font-serif);
	font-weight: normal;
	font-style: italic;
	font-size: 0.85rem;
}


/* Borlabs Cookie Banner  */


#BorlabsCookieBox ._brlbs-box {
	box-shadow: 0px 3px 50px -10px rgba(0,0,0, .3)!important;
}

.BorlabsCookie ._brlbs-content-blocker {
	display: flex;
	justify-content: center;
	padding: 0;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed {
	width: 100%;
	margin-top: var(--vspace)!important;

}

.BorlabsCookie ._brlbs-content-blocker img {
	width: 100%;
	display: block;
}


.video-embed-wrap .BorlabsCookie {
	margin-bottom: -56.5%; /*minus the ratio*/
}

.BorlabsCookie input[type=checkbox] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}



/* @group ACCESSIBILITY */

/* ACCESSIBILITY */


.sr-only,
.screen-reader-text {
	position: absolute;
	width: .0625rem;
	height: .0625rem;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

.sr-only-focusable {
	transition: all 0s ease;
}

.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
}

/* @end */

/* @group ANIMATIONS */


/* ANIMATIONS
---------------------------------------------------------------------------------*/

/*  https://github.com/daneden/animate.css */


.animated {
	animation-duration: 1s;
	animation-fill-mode: both;
	animation-timing-function: ease-in-out;
}

.animated.infinite {
	animation-iteration-count: infinite;
}


@-webkit-keyframes zoomIn {
0% {
	opacity: 0;
	transform: scale3d(.3, .3, .3);
}

50% {
	opacity: 1;
}
}

@keyframes zoomIn {
0% {
	opacity: 0;
	transform: scale3d(.3, .3, .3);
}

50% {
	opacity: 1;
}
}

.zoomIn {
	animation-name: zoomIn;
}

@-webkit-keyframes fadeIn {
0% {
	opacity: 0;
}

100% {
	opacity: 1;
}
}

@keyframes fadeIn {
0% {
	opacity: 0;
}

100% {
	opacity: 1;
}
}

.fadeIn {
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
0% {
	opacity: 0;
	transform: translate3d(0, -100%, 0);
}

100% {
	opacity: 1;
	transform: none;
	}
}

@-webkit-keyframes fadeInDown {
0% {
	opacity: 0;
	transform: translate3d(0, -100%, 0);
}

100% {
	opacity: 1;
	transform: none;
	}
}

@keyframes fadeInDown {
0% {
	opacity: 0;
	transform: translate3d(0, -100%, 0);
}

100% {
	opacity: 1;
	transform: none;
	}
}

.fadeInDown {
	animation-name: fadeInDown;
}


@-webkit-keyframes fadeInUp {
0% {
	opacity: 0;
	transform: translate3d(0, 100%, 0);
}

100% {
	opacity: 1;
	transform: none;
	}
}

@keyframes fadeInUp {
0% {
	opacity: 0;
	transform: translate3d(0, 100%, 0);
}

100% {
	opacity: 1;
	transform: none;
	}
}

.fadeInUp {
	animation-name: fadeInUp;
}


@keyframes navfadeIn {
0% {
	opacity: 0.0;
	transform: translate(0px,-50px);
}

100% {
	opacity: 1.0;
	transform: translate(0,0);
	}
}

@keyframes navfadeOut {
0% {
	opacity: 1.0;
	transform: translate(0px,0);
}

100% {
	opacity: 0.0;
	transform: translate(0px,-50px);
	}
}


@keyframes fadeLiIn {
0% {
	opacity: 0.0;
	transform: translate(0px,-10px);
}

100% {
	opacity: 1.0;
	transform: translate(0,0);
	}
}



/* @end */




/* ------------------------------------------------------------------------------*/

/* MEDIA QUERIES

---------------------------------------------------------------------------------*/


@media screen and (max-width: 1136px) {
body:after {
	content: "<1136";
	position: fixed;
	top: 0;
	line-height: 1;
	padding: 5px;
	font-size: 12px;
	background: lawngreen;
	z-index: 1000;
	opacity: .8;

	display: none; /* AN/AUS*/
}

#nav2 {
	margin-bottom: 0;
}

#nav2 .container {
	padding: 0;
}

.hero {
	height: 850px; /*the height*/
}


.pagebanner {
	height: 620px; /*the height*/
}


.pagebanner.pagebanner-none {
	margin-bottom: 15px;
}


}



@media screen and (max-width: 980px) {
body:after {
	content: "<980";
	background: TAN;
}


#header {
	
}

.header-inner {
	padding: 30px 0;
	align-items: center;
}


.mob-menu-trigger {
	display: block;
}

.mob-menu-open .mob-menu {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	AUS__animation: navfadeOut 500ms ease-in-out 1 backwards;
}

.logo a {
	max-width: 210px;
}

.logo-byline {
	font-size: 17px;
	line-height: 1.35;
}

#nav1,
#nav2,
.topbar,
.site-search {
	display: none;
}


.hero {
	height: 700px; /*the height*/
}

.hero-title {
	font-size: 3.9rem;
}



.intro-section {
	padding: 4rem 0 5rem 0;
}




.pagebanner {
	height: 550px; /*the height*/
}

.pagebanner-title {
	font-size: 3.9rem;
}

.teaser-block__text {
	padding: 40px 40px;
}

.imagetext.image-w50 {
  gap: 30px;
}

.imagetext.image-w50 .imagetext__image {
  max-width: 100%;
}

.imagetext.image-floatnone.image-w50 {
 	grid-template-columns: 1fr;
}

.teaser-cards-grid {
  grid-template-columns: 1fr 1fr!important;
}

.discover-more__grid {
 grid-template-columns: 1fr 1fr;
}


.locations-grid {
	grid-template-columns: 1fr 1fr ;
}


.ac-search {
	padding: var(--box-padding);
}

.ac-grid {
   grid-template-columns: 100px 1fr 1fr 1fr;
   gap: 10px;
}

.ac-grid-date,
.ac-grid-accommodation {
  grid-template-columns: 100px 1fr 1fr;
}


.map-container { /*go full screen*/
	max-height: 100vh;
}



	
}



@media screen and (max-width: 768px) {
body:after {
	content: "<768";
	background: PINK;
}

html, body {
 font-size: 18px;
--main-width: 680px;
}


.sc-col {
	width: 100%;
}

.wp-caption,
img.size-medium,
img.size-small {
	margin-left: 0;
	margin-right: 0;
	float: none;
	display: block;
}

/*datepicker align */
.dropdown-menu + .dropdown-menu { /*target second menu*/
	left: auto!important;
	right: 65px!important;
}

.dropdown-menu + .dropdown-menu::before {
	  left: auto!important;
	  right: 6px;
}

.dropdown-menu + .dropdown-menu::after {
	  left: auto!important;
	  right: 7px;
}

.intro-section .container {
	max-width: var(--main-width);
}



.featured-block {
 	grid-template-columns: 1fr;
 	min-height: auto;
}

.featured-block__image {
	padding-top: 65%; /* Aspect Ratio */
}

.featured-block__text {
	padding: 80px 30px;
}

#footer .container {
	max-width: var(--main-width);
}

.footer-weather {
	margin-top: 50px;
	margin-bottom: 30px;
	max-width: 100%;
}

}



@media screen and (max-width: 600px) {
body:after {
	content: "<600";
	background: YELLOW;
}

html, body {
 font-size: 17px;
 --box-padding: 1.2rem;
}

h1, .h1 {
	font-size: 38px;
	font-size: 2.25rem;
	margin-bottom: 40px;
}

h2 {
	font-size: 1.35rem;
}

h3 {
	font-size: 1.1rem;
}


h4 {
	font-size: 0.9rem;
}

.text-intro {
	font-size: 20px;
	font-size: 1.15rem;
	margin-bottom: 40px;
}


.container {
	padding-left: 20px;
	padding-right: 20px;
}


.header-inner {
	padding: 20px 0;
}

.mob-menu-trigger {
	right: -20px;
}



.logo {
	flex-direction: column;
}

.logo a {
	max-width: 160px;
}

.logo-byline {
	font-size: 13px;
	margin: 6px 0 0 0;
}

.logo-byline br {
	display: none;
}

.breadcrumb {
	font-size: 12px;
	margin-bottom: 2.0rem;
}

.hero {
	height: 500px; /*the height*/
	min-height: 400px;
	max-height: 80vh;
}

.hero-title {
	font-size: 42px;
	font-size: 3.0rem;
	padding: 0;
}

.hero-search {
	position: absolute;
	bottom: -20px;
	left: 0;
	padding: 0 20px;
	margin: 0;
	z-index: 1;
}

.hero-searchform input.s {
	height: 60px;
}


.intro-section {
	padding: 4.5rem 0 5rem 0;
}


.featured-block__image {
	padding-top: 75%; /* Aspect Ratio */
}

.featured-block__text {
	padding: 60px 30px;
}


.teaser-cards-section {
	padding: 4rem 0
}



.pagebanner {
	height: 300px; /*the height*/
	height:  calc(78vw);
	min-height: 270px;
}

.pagebanner-title {
	font-size: 3.0rem;
	padding-bottom: 1rem;
}

.pagebanner-edge {
	background-size: 200%;
	height: 15px;
	bottom: -2px;
}


.imagetext.image-float.image-w50 .imagetext__image {
	display: block;
	float: none;
	width: 100%;
	padding: 0;
	margin: 0 0 30px 0;
}



.teaser-block {
 	grid-template-columns: 1fr;
}

.teaser-block__text {
	padding: 30px;
	text-align: center;
}

.teaser-block__text .btn {
	margin-left: auto;
}

.teaser-cards-grid {
  grid-template-columns: 1fr!important;
}


.discover-more-block {
	padding: 4.5rem 0 6rem 0;
}



.discover-more__grid {
  grid-template-columns: 1fr;
}

.discover-more__card {
	padding-top: 70%; /* Aspect Ratio */
}



.gallery-size-thumbnail .gallery-item {
	width: calc(100% / 3); 
}


.gallery-item {
	width: calc(100% / 2); 
}



table {
	font-size: 0.95rem;
}

.blog-entry {
	display: block;
}

.entry-thumbnail {
	width: 100%;
	margin: 0 0 1rem 0;
}

.project-entry {
	display: block;
}

.project-entry__thumbnail {
	width: 100%;
	margin: 0 0 1rem 0;
}


a.btn-small {
	font-size: 14px;
}


.ac-form h3 {
	margin-bottom: 1rem;
}

.ac-grid {  
  display: flex;
  flex-direction: column;
}

.ac-grid-item {
	margin-top: 10px;
}

.ac-grid-date {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 10px;
  margin: 0;
}

.ac-grid-date .ac-grid-item:first-child {
  margin: 0;
  grid-column: 1 / 3; /* span from grid column line 1 to 3 */
}

.ac-row-submit {
	flex-direction: column;
	align-items: center;
}

.ac-row-submit .btn {
	margin-right: 0;
	margin-bottom: 15px;
	width: 100%;
}

.dropdown-menu + .dropdown-menu {
	right: 40px!important;
}


.searchandfilter li {
	margin-top: 10px;
	padding: 0;
	width: 100%;
}

.searchandfilter li:first-child {
	margin: 0;
}

.searchandfilter select {
	max-width: 100%;
}


.locations-grid {
	grid-template-columns: 1fr;
	gap: 20px;
}

.location-card {
	--text-small: 16px;
}

.location-card__content {
	padding: 20px;
}


.map-header {
	padding: 10px 20px;
}

.map-filter-trigger {
	width: auto;
	padding: 10px 17px;
	font-size: 15px;
	height: 35px;
}

.map-filter-list {
	padding: 20px 30px 20px 20px;
}

.map-filter-list label {
	font-size: 15px;
}


.map-infowindow {
	min-width: 230px;
	font-size: 14px;
}

.map-infowindow__image {
	padding-top: 62%; /* Aspect Ratio */
}


.map-infowindow .btn::after {
	display: none;
}

.map-infowindow__content {
	padding: 15px;
}

.acf-map .gm-bundled-control { /*hide google map zoom control*/
	display:none;
}   

.map-wrap .gm-style-mtc button { /*smaller controls*/
	height: 35px!important;
	font-size: 15px!important;
}

.map-wrap .gm-style-mtc label {
	font-size: 15px!important;
}


li.zvon-list__group {
	display: block;
	margin-bottom: 10px;
}


#footer {
	padding: 90px 0;
}

.footer-service {
	margin-top: 50px;
}

.footer-menu-bottom ul {
	display: block;
}

.footer-menu-bottom li a {
	padding: 8px 0;
}

.footer-weather {
	margin-bottom: 10px;
}

.footer-weather a.weatherwidget-io {
	margin-top: 0;
}



}



@media screen and (max-width: 360px) {
body:after {
	content: "<360";
	background: MAGENTA;
}

html, body {
	font-size: 16px;
}

}




/* END
---------------------------------------------------------------------------------*/