/*
Theme Name:  Schlossquadrat
Version:     1.0
Description: Template für Schlossquadrat
Theme URI:   https://alexanderneumann.at
Author:      Alexander Neumann
Author URI:  https://alexanderneumann.at
License:     Custom license
Text Domain: schlossquadrat
*/

/* @font-face {
    font-family: 'The Mix Bold';
    src: url('assets/fonts/subset-TheMixBold-Plain.woff2') format('woff2'),
        url('assets/fonts/subset-TheMixBold-Plain.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: block;
} */

:root {
    --main-color: #0e3b85;
}

@font-face {
    font-family: 'Hind Siliguri';
    src: url('assets/fonts/subset-HindSiliguri-Light.woff2') format('woff2'),
        url('assets/fonts/subset-HindSiliguri-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Hind Siliguri';
    src: url('assets/fonts/subset-HindSiliguri-Regular.woff2') format('woff2'),
        url('assets/fonts/subset-HindSiliguri-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Hind Siliguri';
    src: url('assets/fonts/subset-HindSiliguri-Medium.woff2') format('woff2'),
        url('assets/fonts/subset-HindSiliguri-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Hind Siliguri';
    src: url('assets/fonts/subset-HindSiliguri-SemiBold.woff2') format('woff2'),
        url('assets/fonts/subset-HindSiliguri-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'Hind Siliguri';
    src: url('assets/fonts/subset-HindSiliguri-Bold.woff2') format('woff2'),
        url('assets/fonts/subset-HindSiliguri-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}


html{
	scroll-behavior: smooth;
}
html, body{
	margin: 0;
	padding: 0;
	font-size: 17px;
	line-height: 1.54;
	color: #000;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-family: 'Hind Siliguri', sans-serif;
}



@media screen and (max-width: 1024px){
	html, body{
		overflow-x: hidden; /* für das off-canvas menu */
	}
}

*, *:before, *:after {
  box-sizing: inherit;
}

h1, h2, h3, h4, h5, h6, p, ol, ul {
	margin: 0;
	padding: 0;
	font-weight: 400;
}

img {
	max-width: 100%;
	height: auto;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Hind Siliguri', sans-serif;
	line-height: 1.24
}

h1{
	font-size: 1.8rem
}

h2{
	font-size: 1.6rem;
}

h3{
	font-size: 1.4rem
}

h4{
	font-size: 1.2rem
}

h5,h6{
	font-size: 1rem
}

.content-container a{
	color: var(--main-color);
	text-decoration: none;
	position: relative;
	transition: opacity 0.4s ease, color 0.4s ease;
}
.content-container a::after,
.content-container a::before{
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	bottom: 2px;
	left: 0;
	right: 0;
	background-color: var(--main-color);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.4s ease;
}
.content-container a::before{
	background-color: rgba(0,0,0,0.075);
	transform: scaleX(1);
}
.content-container a:hover::after{
	transform: scaleX(1);
}

.bigger{
	font-size: 1.2rem
}
small{
	font-size: 0.8rem;
}

span.oeffi-linie{
	background: #333;
	color: #fff;
	text-transform: uppercase;
	border-radius: 2px;
	padding-left: 4px;
	padding-right: 4px;
	font-weight: 600;
	font-size: 0.85rem;
}

p:empty{
	display: none;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em{
	opacity: 0.65;
	/* font-family: 'Josefin Sans', sans-serif; */
	display: block;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-style: normal;
}
.logo h1 span{
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 3.2px;
}

hr{
	border-top: 1px solid #0000001a;
	border-bottom: none;
	width: calc(100% + 80px);
	margin-left: -40px;
	margin-right: -40px;
	margin-top: 40px;
	margin-bottom: 40px;
}
hr:last-child{
	display: none;
}

.content-area h1,
.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5,
.content-area h6,
.content-area p,
.content-area ul,
.content-area img{
	margin-bottom: 30px;
}

.content-area ul{
	padding-left: 30px;
}

@media screen and (min-width: 1025px) and (max-height: 1025px){
	html, body{
		font-size: 13px;
	}
	.content-area h1, .content-area h2, .content-area h3, .content-area h4, .content-area h5, .content-area h6, .content-area p, .content-area ul, .content-area img{
		margin-bottom: 1.54rem;
	}
	.hauptmenu li {
	    margin-bottom: 1rem !important;
	}
	.runder-button {
	    width: 124px !important;
	    height: 124px !important;
	    padding: 20px !important;
	    font-size: 15px !important;
	    line-height: 19px !important;
	}
	.nav-area .custom_lang_switcher{
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.adresse_offnungszeiten,
	.nav-area .custom_lang_switcher a{
		font-size: 12px !important;
	}
	.nav-area .custom_lang_switcher img.flag{
		margin-right: 6px !important;
	}
}

@media screen and (min-width: 1025px) and (max-height: 760px){
	.nav-area .adresse_offnungszeiten .kontaktdaten{
		display: none;
	}
	.nav-area .adresse_offnungszeiten .back-to-home{
		margin-top: 0;
	}
}

.logo-link-wrapper{
	opacity: 1;
	transition: opacity 0.3s ease, transform 0.3s ease;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.logo-link-wrapper:hover{
	opacity: 0.65;
	transform: scale(0.9);
}

.only-mobile{
	display: none !important;
}
@media screen and (max-width: 1024px){
	.only-mobile{
		display: block !important;
	}
}


/* back to top button */
.back-to-top{
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: rgba(0,0,0,0.25);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0;
	line-height: 1;
	z-index: 100;
	color: #fff;
	text-decoration: none;
	background-image: url(img/pfeil.svg);
	background-size: 12px 12px;
	background-position: center center;
	background-repeat: no-repeat;
	transform: rotate(-90deg) translateX(-80px);
	opacity: 0;
	transition: background-color 0.2s ease, transform 0.3s ease, opacity 0.3s ease;
}
.back-to-top:focus{
	background-color: rgba(0,0,0,0.5);
}

.back-to-top.visible{
	opacity: 1;
	transform: rotate(-90deg) translateX(0px);
}

/* external link icon im menu */
/* seiten wein-tropy und apartments unter SQ übersicht */
li.page-item-182 a,
li.page-item-183 a,
li.page-item-984 a,
li.page-item-978 a{
	position: relative;
	margin-right: 28px;
}
li.page-item-182 a::before,
li.page-item-183 a::before,
li.page-item-984 a::before,
li.page-item-978 a::before{
	content: '';
	background: url('img/Feather-arrows-arrow-up-right.svg');
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	position: absolute;
	left: calc(100% + 6px);
	top: 50%;
	transform: translateY(-50%);
}

/* schlossquadrat home intro header */
.intro-header{
	padding: 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	position: relative;
}
/* .intro-header .logo{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
} */
.intro-header .logo img{
	width: auto;
	height: 68px;
	display: block;
}

.intro-header #left-side{
	position: absolute;
	left: 30px;
	top: 30px;
	bottom: 0;
}

.intro-header #left-side .runder-button{
	transform: translateY(0) rotate(-15deg);
}
.intro-header #left-side .runder-button:hover{
	transform: translateY(0) scale(1.1);
}

.intro-header #right-side{
	position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 88px;
    z-index: 10;
    text-align: center;
    border-left: 1px solid #ececec;
}

.intro-header #burger-button{
	display: inline-block;
	cursor: pointer;
	transition: opacity 0.24s ease;
	font-weight: 500;
	position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.intro-header #burger-button:hover{
	opacity: 0.65;
}

.intro-header .custom_sm_icons{
	position: absolute;
	left: 210px;
	top: 0;
	bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.intro-header .custom_sm_icons a{
	margin-right: 12px;
	padding: 4px;
	color: inherit;
	text-decoration: none;
	opacity: 0.5;
	transition: opacity 0.3s ease;
}
.intro-header .custom_sm_icons a:hover{
	opacity: 1;
}
.intro-header .custom_sm_icons svg{
	display: block;
	width: 22px;
	height: 22px;
	fill: var(--main-color);
}

@media screen and (max-width: 1024px){
	.intro-header{
		padding: 15px;
		justify-content: flex-start;
	}
	.intro-header #left-side,
	.intro-header .custom_lang_switcher,
	.intro-header .custom_sm_icons{
		display: none !important;
	}
	.intro-header .logo img{
		width: auto;
		height: 44px;
	}
	.logo h1{
		font-size: 29px;
	}
	.logo h1 span{
		font-size: 11px;
    	letter-spacing: 2px;
	}
}

/* schlossquadrat home intro split */


div.intro-split{
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  height: calc(100vh - 108px);
  width: calc(100% + 2px);
  margin-left: -2px;
  margin-right: -2px;
}

body.admin-bar div.intro-split{
	height: calc(100vh - 108px - 32px);
}

div.intro-split .column{
  position: relative;
  flex-grow: 1;
  width: 25%;
  background: rgba(0,0,0,0.5);
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  box-sizing: border-box;
  padding: 40px;
  transition: width 0.5s ease;
  cursor: pointer;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
div.intro-split .column::after{
  content: '';
  background: linear-gradient(0deg, #000000a6, transparent);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.5s ease;
}
div.intro-split .column .content{
  max-width: calc(25vw - 100px);
  margin-left: auto;
  margin-right: auto;
  z-index: 5;
  transition: opacity 0.5s ease;
}
div.intro-split:hover .column .content{
	opacity: 0;
}
div.intro-split .column:hover .content{
	opacity: 1;
}
div.intro-split .column img{
	margin-bottom: 60px;
}
div.intro-split .column h2{
  margin-bottom: 0.5em;
  font-size: 1.8rem;
  font-weight: 600;
}
div.intro-split .column p{
  opacity: 0;
  transform: translateY(40px);
  font-size: 1.2rem;
  transition: opacity 0.5s ease, transform 0.5s ease;
}
div.intro-split .column:hover p{
	transform: translateY(0px);
	opacity: 0.85;
}
div.intro-split .column a{
	color: #fff;
	text-decoration: none;
	display: block;
}
div.intro-split .column a::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

div.intro-split .column:hover{
  width: 66%;
  z-index: 2;
  /* box-shadow: 0px 0px 40px rgba(0,0,0,0.25); */
}

div.intro-split .column:hover::after{
  opacity: 0.65;
}

@media screen and (max-width: 1024px){
  html,body{
    font-size: 16px;
  }
  #an-cookie-notice{
  	display: none !important;
  }
  div.intro-split{
    flex-direction: column;
    height: calc(100vh - 74px);
    margin-left: -1px;
    margin-right: -1px;
  }
  div.intro-split .column{
    width: 100%;
    min-height: 25%;
    border-bottom: 2px solid white;
  }
  div.intro-split .column:hover{
    width: 100%;
  }
  div.intro-split .column .content{
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    justify-content: flex-start;
    align-items: center;
  }
  div.intro-split .column img{
	margin-bottom: -20px;
	width: 120px;
	height: 120px;
	margin-top: -18px;
    margin-right: 40px;
	}
  div.intro-split .column .content h2{
  	margin-bottom: 0;
  	text-shadow: 0px 0px 10px rgb(0 0 0 / 50%);
  }
  div.intro-split .column p{
  	display: none;
  }
  div.intro-split .column::after{
  	background: linear-gradient(180deg, #0000008c, #00000026);
  }
}


/* unterseiten (index) layout */

.page-flex-container{
	min-height: 100vh;
	display: flex;
	flex-direction: row;
}

body.admin-bar .page-flex-container{
	min-height: calc(100vh - 32px);
}

.page-flex-container .nav-area{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 19rem;
	background: #fff;
	background: #ffffff78;
	background: linear-gradient(45deg, #ffffff94, #ffffff26);
	backdrop-filter: blur(5px) saturate(1.3);
	flex-shrink: 0;
	z-index: 100;
	display: flex;
    flex-direction: column;
}
.page-flex-container .nav-area::before{
	content: '';
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.25;
	transition: opacity 0.5s ease;
	z-index: -1;
}
.page-flex-container .nav-area:hover::before{
	opacity: 1;
}

body.admin-bar .page-flex-container .nav-area{
	top: 32px;
	height: calc(100vh - 32px);
}

.nav-area .simplebar-content-wrapper{
	height: 100% !important;
}

.page-flex-container .content-area{
	flex-grow: 1;
	padding: 40px 40px 40px 40px;
	position: relative;
}

.page-flex-container .content-area .image-background{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #d9d9d9;
	background-size: cover;
	background-position: center center;
	background-position: scroll;
	background-attachment: fixed;
	z-index: -1;
	animation: fadein 0.8s ease;
	transform-origin: left;
}
@keyframes fadein {
    from { opacity: 0;}
    to   { opacity: 1;}
}
.page-flex-container .content-area .image-background img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;';
	transition: opacity 0.8s ease;
	opacity: 0;
}
.page-flex-container .content-area .content-container{
	position: relative;
	padding: 40px;
	background: #fff;
	background: #ffffff78;
	background: linear-gradient(45deg, #ffffff94, #ffffff26);
	backdrop-filter: blur(5px) saturate(1.3);
	max-width: 32rem;
	margin-left: auto;
	z-index: 10;
	border: 1px solid var(--main-color);
	/* border: 4px double var(--main-color); */
}
.page-flex-container .content-area .content-container::before{
	content: '';
	background: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0.25;
	transition: opacity 0.5s ease;
	z-index: -2;
}
@media screen and (min-width: 1025px){
	.page-flex-container .content-area .content-container::after{
		content: '';
		position: absolute;
		top: -15px;
		left: -15px;
		right: -15px;
		bottom: -15px;
		background: #fff;
		z-index: -1;
		border: 1px solid var(--main-color);
		opacity: 0.25;
	}
}
.page-flex-container .content-area .content-container:hover::before{
	opacity: 1;
}

@media only screen and (max-width: 1024px) {
	.page-flex-container .content-area .content-container{
		border-width: 0;
	}
}

/* off canvas menu */

.offcanvas-menu.simple{
	opacity: 0;
	pointer-events: none;
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #000;
	transition: opacity 0.5s ease;
    overflow-y: scroll;
}
body.admin-bar .offcanvas-menu.simple{
	top: 32px;
}
body.offcanvas-menu-visible .offcanvas-menu.simple{
	opacity: 0.95;
	pointer-events: all;
}
.offcanvas-menu.simple > *{
	opacity: 0;
}
body.offcanvas-menu-visible .offcanvas-menu.simple > *{
	opacity: 1;
}

.offcanvas-menu .back-to-home{
	margin-bottom: auto;
    display: block;
}
.offcanvas-menu .back-to-home img{
	width: 240px;
	max-width: 100%;
    margin: 40px;
    height: auto;
}

.offcanvas-menu .custom_lang_switcher{
	width: 240px;
	max-width: 100%;
	margin: 40px;
    display: flex;
    justify-content: space-around;
    margin-top: auto;

}

/* .offcanvas-menu{
	opacity: 0;
	pointer-events: none;
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
    backdrop-filter: blur(8px) saturate(0.7);
    transition: opacity 0.5s ease;
    overflow-y: scroll;
    display: grid;
	  grid-template-columns: 1fr 1fr;
	  grid-template-rows: 2fr 1fr;
	  gap: 0px 0px;
	  grid-template-areas:
	    "lokale quicklinks"
	    "weiteres map";
}
.offcanvas-menu .lokale { grid-area: lokale; padding: 40px; border: 1px solid rgba(0,0,0,0.1);}
.offcanvas-menu .quicklinks { grid-area: quicklinks; padding: 40px; border: 1px solid rgba(0,0,0,0.1);}
.offcanvas-menu .weiteres { grid-area: weiteres; padding: 40px; border: 1px solid rgba(0,0,0,0.1);}
.offcanvas-menu .map { grid-area: map; padding: 40px; border: 1px solid rgba(0,0,0,0.1);}


body.admin-bar .offcanvas-menu{
	top: 32px;
}
body.offcanvas-menu-visible .offcanvas-menu{
	opacity: 1;
	pointer-events: all;
}


.offcanvas-menu .lokale .subgrid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 0px 0px;
	grid-template-areas:
	    "silberwirt margareta"
	    "gergelys cuadro";
	text-align: center;
	align-content: space-evenly;
	height: 100%;
}
.offcanvas-menu .lokale .subgrid .silberwirt{ grid-area: silberwirt; }
.offcanvas-menu .lokale .subgrid .margareta{ grid-area: margareta; }
.offcanvas-menu .lokale .subgrid .gergelys{ grid-area: gergelys; }
.offcanvas-menu .lokale .subgrid .cuadro{ grid-area: cuadro; }


.offcanvas-menu .weiteres .subgrid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr;
	gap: 0px 0px;
	grid-template-areas:
	    "trophy wohnen";
	text-align: center;
	align-content: space-evenly;
	height: 100%;
}
.offcanvas-menu .weiteres .subgrid .trophy{ grid-area: trophy; }
.offcanvas-menu .weiteres .subgrid .wohnen{ grid-area: wohnen; }


.offcanvas-menu .quicklinks ul{
	list-style-type: none;
	margin-top: 60px;
}
.offcanvas-menu .quicklinks li{
	margin-top: 15px;
	margin-bottom: 15px;
}
.offcanvas-menu .quicklinks li a{
	color: #000;
	text-decoration: none;
	font-size: 2.2rem;
	transition: opacity 0.3s ease;
	opacity: 0.65;
}
.offcanvas-menu .quicklinks li a:hover{
	opacity: 1;
}

.offcanvas-menu .map{
	background-image: url('https://preview.alexanderneumann.at/schlossquadrat/wp-content/uploads/2021/01/bildschirmfoto-2021-01-26-um-12.02.22.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}


@media screen and (max-width: 1024px){
	.offcanvas-menu{
		grid-template-columns: 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr;
		gap: 0px 0px;
		grid-template-areas:
	    "lokale"
	    "quicklinks"
	    "weiteres"
	    "map";
	}
	.offcanvas-menu .lokale .subgrid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	gap: 0px 0px;
	grid-template-areas:
	    "silberwirt margareta gergelys cuadro"
	}
	.offcanvas-menu .quicklinks li a{
		font-size: 1.4rem;
	}
} */


@media screen and (max-width: 1024px){
	.page-flex-container,
	body.admin-bar .page-flex-container{
		min-height: 0;
	}
	.page-flex-container .nav-area{
		height: auto;
		position: fixed;
		right: 0;
		top: 0;
		left: 0;
		bottom: 0;
		z-index: 999;
		max-width: 100%;
		opacity: 0;
		display: none;
		pointer-events: none;
		transition: opacity 0.6s ease;
	}
	/* body.offcanvas-menu-visible .page-flex-container .nav-area{
		opacity: 1;
		pointer-events: all;
	} */
	.page-flex-container .content-area{
		padding: 0;
	}
	.page-flex-container .content-area .image-background{
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 50%;
		background-attachment: inherit;
	}
	.page-flex-container .content-area .content-container{
		max-width: 100%;
	}
}
@media screen and (max-width: 782px){
	body.admin-bar .page-flex-container .nav-area{
		top: 46px;
	}
}

/* nav styling */

.nav-area .simplebar-content{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	/* overflow-x: hidden; */
	height: 100%;
}

.nav-area a,
.only-mobile.logo a{
	text-decoration: none;
	color: #000;
}
.nav-area hr{
	margin-bottom: 0;
	margin-top: 0;
}
.nav-area .logo,
.only-mobile.logo{
	position: relative;
	padding: 20px 40px;
}

.nav-area .logo,
.nav-area .hauptmenu{
	text-align: center;
}

.nav-area .back-to-home{
	display: block;
	text-transform: uppercase;
	margin-top: 40px;
	opacity: 1;
	font-size: 1.2rem;
	letter-spacing: 2px;
	transition: opacity 0.3s ease;
}
.nav-area .back-to-home:hover{
	opacity: 0.65;
}
.nav-area .back-to-home img{
	margin-left: -6px;
	margin-right: -4px;
	display: block;
}

.nav-area .logo img{
	width: 100%;
	height: auto;
}

.nav-area #burger-button::before{
	content: 'Schlossquadrat';
	font-weight: 400;
	font-size: 0.8rem;
	display: block;
	text-transform: none;
	letter-spacing: 0;
}
.nav-area #burger-button{
	text-transform: uppercase;
	cursor: pointer;
	display: block;
	font-weight: 700;
	letter-spacing: 2px;
	margin-top: 60px;
	font-size: 1.2rem;
	transition: opacity 0.3s ease, transform 0.3s ease;
	opacity: 1;
}
.nav-area #burger-button:hover{
	transform: scale(1.1);
}

.nav-area .sprachswitcher,
.nav-area .adresse_offnungszeiten,
.nav-area .custom_lang_switcher{
	padding: 40px;
	text-align: center;
	justify-self: flex-end;
}
.nav-area .adresse_offnungszeiten{
	font-size: 15px;
}
.adresse_offnungszeiten h4,
.adresse_offnungszeiten h4 + br{
	display: none;
}
.adresse_offnungszeiten a{
	font-weight: 500;
	transition: opacity 0.24s ease;
}
.adresse_offnungszeiten a:hover{
	opacity: 0.65;
}

.nav-area .custom_lang_switcher{
	padding-top: 0;
	display: flex;
	justify-content: space-evenly;
	position: relative;
	margin-right: 5px;
}
.custom_lang_switcher .lang{
	display: flex;
	justify-content: center;
	align-items: center;
}
.custom_lang_switcher a{
	position: relative;
	font-weight: 500;
	color: #000;
	transition: opacity 0.3s ease;
	opacity: 0.65;
	font-size: 15px;
	text-decoration: none;
}
.custom_lang_switcher a::after{
    content: '';
    background: var(--main-color);
    height: 2px;
    width: 100%;
    bottom: 2px;
    left: 0;
    right: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.4s ease;
}

.custom_lang_switcher a::before{
	content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    bottom: 2px;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.075);
    transform: scaleX(1);
    transform-origin: left center;
    transition: transform 0.4s ease;
}

.custom_lang_switcher a.active::after,
.custom_lang_switcher a:hover::after{
	opacity: 1;
    transform: scaleX(1);
}
.custom_lang_switcher a.active,
.custom_lang_switcher a:hover{
	opacity: 1;
}
.custom_lang_switcher a.missing{
	opacity: 0.35;
	pointer-events: none;
	cursor: disabled;
}

.custom_lang_switcher img.flag{
	width: 18px;
	height: 12px;
	margin-right: 9px;
}

.intro-header .custom_lang_switcher{
	position: absolute;
    right: 110px;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.intro-header .custom_lang_switcher .lang{
	flex-direction: row-reverse;
	margin: 2px 0;
}
.intro-header .custom_lang_switcher .lang img.flag{
	margin-right: 0;
	margin-left: 9px;
}

.nav-area-split{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	height: 100%;
}

.nav-area-split .lokale{
	width: 133px;
	overflow: hidden;
	flex-shrink: 0;
	transition: width 0.8s ease;
	background: #fff;
	z-index: 5;
}
.nav-area-split .lokale .section{
	padding: 20px 40px;
}
.nav-area-split .lokale .section img{
	max-width: none;
}
.nav-area .hauptmenu{
	width: 100%;
	flex-shrink: 0;
	flex-grow: 1;
	/* border-left: 1px solid #ececec; */
	padding: 0 40px 10px 40px;
}
.nav-area-split .lokale:hover{
	width: calc(100% - 40px);
}

@media screen and (max-width: 1024px){
	.nav-area .logo,
	.only-mobile.logo{
		padding: 0px 40px;
	}
	.nav-area .logo #burger-button,
	.only-mobile.logo #burger-button{
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		width: 88px;
		line-height: 88px;
		z-index: 10;
		text-align: center;
		border-left: 1px solid #ececec;
		/*top: 50%;
		transform: translateY(-50%) rotate(90deg);*/

	}
	.nav-area .logo #burger-button:hover,
	.only-mobile.logo #burger-button:hover{
		background: #ececec;
	}
	.nav-area-split .lokale{
		position: relative;
	}
	.nav-area-split .hauptmenu{
		max-width: calc(100% - 133px);
	}
	.nav-area-split .lokale a{
		/*pointer-events: none;
		touch-action: none;*/
		
	}
	.nav-area-split .lokale:hover a{
		/*pointer-events: none;
		touch-action: none;*/
	}
}

/* hauptmenu */

.hauptmenu ul,
.hauptmenu li{
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
.hauptmenu li{
	margin-bottom: 22px;
	text-align: center;
	display: block;
}
.hauptmenu li a{
	color: #000;
	opacity: 1;
	font-weight: 400;
	text-shadow: 0px 0px 13px rgba(255,255,255,0.5);
	font-size: 1.2rem;
	line-height: 1;
	text-decoration: none;
	transition: opacity 0.4s ease, color 0.4s ease;
	/* font-family: 'The Mix Bold', sans-serif; */
	display: inline-block;
	position: relative;
}
.hauptmenu li a::after{
	content: '';
	background: var(--main-color);
	height: 2px;
	width: 100%;
	bottom: -2px;
	left: 0;
	right: 0;
	position: absolute;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.4s ease;
}
.hauptmenu li a:hover::after,
.hauptmenu li a.active::after,
.hauptmenu li.current_page_item > a::after,
.hauptmenu li.current_page_parent:not(:first-child) > a::after {
	opacity: 1;
	transform: scaleX(1);
}
.hauptmenu li a:hover{
	color: var(--main-color);
}


.hauptmenu ul li ul.children{
	display: none;
	height: 0;
	overflow: hidden;
}
.hauptmenu ul li.current_page_item ul,
.hauptmenu ul li.current_page_parent ul{
	height: auto;
}
.hauptmenu ul li ul.children li:first-child{
	margin-top: 20px;
}
.hauptmenu ul li ul.children li{
	margin-bottom: 10px;
}
.hauptmenu ul li ul.children li a{
	font-size: 1em;
}

/* lokal card */

.lokal-card{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	filter: grayscale(1);
	opacity: 0.5;
	
	transition: filter 0.4s ease, opacity 0.4s ease;
}
.lokal-card:hover,
.lokal-card.active{
	filter: grayscale(0);
	opacity: 1;
}
.lokal-card h3{
	color: #000 !important;
	transition: color 0.4s ease;
	line-height: 1;
	margin-bottom: -2px;
}
.lokal-card:hover h3,
.lokal-card.active h3{
	color: inherit !important;
	
}
.lokal-card h3 span{
	height: 0;
	opacity: 0;
	transition: height 0.4s ease, opacity 0.4s ease;
}
.lokal-card:hover h3 span,
.lokal-card.active h3 span{
	height: 14px;
	opacity: 1;
}
.lokal-card img{
    width: 100px;
    margin-left: -23px;
    margin-top: -6px;
    margin-bottom: -6px;
    margin-right: 16px;
}

/* sprachswitcher */

.sprachswitcher .flex-container{
	display: flex;
	flex-direction: row;
}
.sprachswitcher .flex-container div{
	width: 33.3%;
}

/* buttons im content (müssen in eine eigene Zeile) */

.verlinkungen.buttons a{
	display: block;
    margin-bottom: 10px;
    padding: 13px 30px 10px 30px;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    background-color: #000;
    background-color: var(--main-color);
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 600;
    transition: opacity 0.4s ease;
    background-image: url('img/pfeil.svg');
    background-size: 18px 18px;
    background-position: 95% 50%;
    background-repeat: no-repeat;
}
.verlinkungen.buttons a.download{
	background-image: url('img/download.svg');
	background-size: 22px 22px;
	background-position: 95.3% 50%;
}
.verlinkungen.buttons > a:last-child{
	margin-bottom: 0;
}
.verlinkungen.buttons > a:hover{
	opacity: 0.75;
}

/* oeffnungszeiten only-mobile */

.oeffnungszeiten.only-mobile{
	border-top: 1px solid #0000001a;
	padding-top: 40px;
	margin-top: 40px;
}

/* runder button */

.runder-button{
	display: block;
    background: var(--main-color);
    margin-left: auto;
    margin-right: 40px;
    width: 150px;
    height: 150px;
    padding: 20px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    transform-origin: center center;
    transform: translateY(-50%);
    transition: transform 0.24s ease;
    z-index: 10;
    background-size:100% 100%;
}

.runder-button,
.schlossquadrat .runder-button{
	background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%230e3b85' width='256'> <path d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%230e3b85' width='256' style='transform:rotate(16.36deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%230e3b85' width='256' style='transform:rotate(32.73deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%230e3b85' width='256' style='transform:rotate(49.09deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%230e3b85' width='256' style='transform:rotate(65.45deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%230e3b85' width='256' style='transform:rotate(81.81deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%230e3b85' width='256' style='transform:rotate(98.18deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%230e3b85' width='256' style='transform:rotate(114.54deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%230e3b85' width='256' style='transform:rotate(130.90deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%230e3b85' width='256' style='transform:rotate(147.27deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%230e3b85' width='256' style='transform:rotate(164.2deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>");
    background-size:100% 100%;
}
.silberwirt .runder-button{
	background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%2300462F' width='256'> <path d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%2300462F' width='256' style='transform:rotate(16.36deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%2300462F' width='256' style='transform:rotate(32.73deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%2300462F' width='256' style='transform:rotate(49.09deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%2300462F' width='256' style='transform:rotate(65.45deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%2300462F' width='256' style='transform:rotate(81.81deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%2300462F' width='256' style='transform:rotate(98.18deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%2300462F' width='256' style='transform:rotate(114.54deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%2300462F' width='256' style='transform:rotate(130.90deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%2300462F' width='256' style='transform:rotate(147.27deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%2300462F' width='256' style='transform:rotate(164.2deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>");
    background-size:100% 100%;
}
.margareta .runder-button{
	background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23162659' width='256'> <path d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23162659' width='256' style='transform:rotate(16.36deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23162659' width='256' style='transform:rotate(32.73deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23162659' width='256' style='transform:rotate(49.09deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23162659' width='256' style='transform:rotate(65.45deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23162659' width='256' style='transform:rotate(81.81deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23162659' width='256' style='transform:rotate(98.18deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23162659' width='256' style='transform:rotate(114.54deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23162659' width='256' style='transform:rotate(130.90deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23162659' width='256' style='transform:rotate(147.27deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23162659' width='256' style='transform:rotate(164.2deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>");
    background-size:100% 100%;
}
.gergelys .runder-button{
	background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23932425' width='256'> <path d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23932425' width='256' style='transform:rotate(16.36deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23932425' width='256' style='transform:rotate(32.73deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23932425' width='256' style='transform:rotate(49.09deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23932425' width='256' style='transform:rotate(65.45deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23932425' width='256' style='transform:rotate(81.81deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23932425' width='256' style='transform:rotate(98.18deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23932425' width='256' style='transform:rotate(114.54deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23932425' width='256' style='transform:rotate(130.90deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23932425' width='256' style='transform:rotate(147.27deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23932425' width='256' style='transform:rotate(164.2deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>");
    background-size:100% 100%;
}
.cuadro .runder-button{
	background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23F07D00' width='256'> <path d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23F07D00' width='256' style='transform:rotate(16.36deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23F07D00' width='256' style='transform:rotate(32.73deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23F07D00' width='256' style='transform:rotate(49.09deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23F07D00' width='256' style='transform:rotate(65.45deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23F07D00' width='256' style='transform:rotate(81.81deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23F07D00' width='256' style='transform:rotate(98.18deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23F07D00' width='256' style='transform:rotate(114.54deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23F07D00' width='256' style='transform:rotate(130.90deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23F07D00' width='256' style='transform:rotate(147.27deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23F07D00' width='256' style='transform:rotate(164.2deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>");
    background-size:100% 100%;
}
.trophy .runder-button{
	background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256'> <path d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256' style='transform:rotate(16.36deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256' style='transform:rotate(32.73deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256' style='transform:rotate(49.09deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256' style='transform:rotate(65.45deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256' style='transform:rotate(81.81deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256' style='transform:rotate(98.18deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256' style='transform:rotate(114.54deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256' style='transform:rotate(130.90deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256' style='transform:rotate(147.27deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256' style='transform:rotate(164.2deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>");
    background-size:100% 100%;
}
.wohnen .runder-button{
	background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256'> <path d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256' style='transform:rotate(16.36deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256' style='transform:rotate(32.73deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256' style='transform:rotate(49.09deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256' style='transform:rotate(65.45deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256' style='transform:rotate(81.81deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256' style='transform:rotate(98.18deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256' style='transform:rotate(114.54deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256' style='transform:rotate(130.90deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256' style='transform:rotate(147.27deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>"),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-97 0 256 256' fill='%23000000' width='256' style='transform:rotate(164.2deg);'> <path  d='M48 240 L48 16 L32 0 L16 16 L16 240 L32 256 Z' /></svg>");
    background-size:100% 100%;
}


.runder-button:hover{
	transform: translateY(-50%) scale(1.1);
}
.runder-button a{
	color: inherit;
	font-size: 1.2rem;
	line-height: 1.2;
	text-transform: none;
	text-decoration: none;
}
.runder-button a::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
@media screen and (max-width: 1024px){
	.runder-button{
		width: 124px;
		height: 124px;
		padding: 20px;
		font-size: 15px;
		line-height: 19px;
		position: absolute;
	    top: 50vw;
	    top: calc(50vw - 34px);
	    right: 20px;
	    margin-right: 0;
	    transform: translateY(-50%) scale(1);
	}
	.runder-button a{
		font-size: inherit;
		line-height: inherit;
	}
	.runder-button:hover{
		transform: translateY(-50%) scale(1.075);
	}
}

/* speisekarte */

/* .speisekarte-nav{
	list-style-type: none;
	column-count: 2;
}
.speisekarte-nav li{
	position: relative;
	padding-left: 30px;
}
.speisekarte-nav li::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 24px;
	background-image: url('img/right-arrow.svg');
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: left center;
}
.speisekarte-nav li a{
	font-weight: 600;
} */

.speisekarte-nav{
	position: sticky;
	top: 0;
	margin-left: -40px;
	margin-right: -40px;
	width: calc(100% + 80px);
	padding: 20px 40px 20px 40px;
	z-index: 99;
	background-color: rgba(255,255,255,0);
	transition: background-color 0.5s ease 0s;
}
body.admin-bar .speisekarte-nav{
	position: sticky;
	top: 32px;
}
.content-container:hover .speisekarte-nav{
	background-color: rgba(255,255,255,1);
	transition: background-color 0.5s ease 0.5s;
}
.speisekarte-nav .simplebar-content-wrapper{
	/* overflow-y: visible; */
	/* overflow-x: hidden !important; */
	height: 100px !important;
}
.speisekarte-nav .simplebar-content-wrapper .simplebar-content{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.speisekarte-nav .simplebar-content-wrapper .simplebar-content li{
	white-space: nowrap;
	display: block;
	margin-right: 20px;
}
.speisekarte-nav .simplebar-content-wrapper .simplebar-content li a{
	padding: 10px;
}
.speisekarte .kategorie{
	contain: layout paint style;
}
.speisekarte .kategorie h2{
	font-weight: 600;
}
.speisekarte .speise{
	contain: layout paint style;
	margin-bottom: 22px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	line-height: 1.3;
}
.speisekarte .speise:last-child{
	margin-bottom: 0;
}
.speisekarte .speise .left{
	width: 80%;
}
.speisekarte .speise .right{
	width: 20%;
}
.speisekarte .speise h3{
	margin-bottom: 0;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.3;
}
.speisekarte .speise p{
	margin-bottom: 0;
}
.speisekarte .speise .preis{
	float: right;
	font-weight: 400;
}

ul.sibling-pages-nav{
	list-style: none;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 500px;
	margin-right: auto;
	margin-bottom: 40px;
	flex-wrap: wrap;
	padding-left: 0;
}
ul.sibling-pages-nav li{
	margin: 0 4px;
}
ul.sibling-pages-nav li:first-child{
	margin-left: 0;
}
ul.sibling-pages-nav li:last-child{
	margin-right: 0;
}
/* ul.sibling-pages-nav li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 1 1 auto;
}
ul.sibling-pages-nav li:not(:last-child)::after{
	content: "";
	width: 2px;
	height: 36px;
	margin: auto;
	background-color: rgba(0,0,0,0.125);
}
ul.sibling-pages-nav li:last-child{
	flex: 0;
}
ul.sibling-pages-nav li a{
	line-height: 1.1;
}
ul.sibling-pages-nav li > a::after, 
ul.sibling-pages-nav li > a::before{
    bottom: -2px;
} */
ul.sibling-pages-nav li a{
	color: #000;
	opacity: 0.65;
	font-weight: 500;
/*     font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-style: normal; */

}
ul.sibling-pages-nav li.current_page_item > a,
ul.sibling-pages-nav li:hover > a{
	color: var(--main-color);
	opacity: 1;
}
ul.sibling-pages-nav li.current_page_item > a::after{
    opacity: 1;
    transform: scaleX(1);
}

@media screen and (max-width: 690px){
	ul.sibling-pages-nav li a{
		font-size: 14px;
	}
}


/* 404 container */

.page-not-found-container{
	padding: 40px;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* mittagsmenu */

.mittagsmenu ul.speisen{
	list-style-type: none ;
	padding-left: 0;
	margin-bottom: 0;
}
.mittagsmenu ul.speisen li{
	padding-left: 5rem;
	position: relative;
	line-height: 1.25;
	margin-bottom: 14px;
}
.mittagsmenu ul.speisen li::before{
	content: 'Menu #1';
	color: var(--main-color);
	position: absolute;
	left: 0;
	top: 3px;
	text-transform: uppercase;
	font-size: 0.75em;
	letter-spacing: 1.5px;
	font-weight: 600;
	
}
.mittagsmenu ul.speisen li:nth-child(2)::before{
	content: 'Menu #2';
}
.mittagsmenu ul.speisen li:nth-child(3)::before{
	content: 'Menu #3';
}
.mittagsmenu ul.speisen li:last-child{
	margin-bottom: 0;
}
.mittagsmenu .heute{
	display: inline-block;
	padding: 3px 12px;
	background: var(--main-color);
	color: #fff;
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 12px;
}


/* sitemap */
.sitemap ul{
	list-style-type: none;
}
.sitemap ul li{
	margin-bottom: 3px;
}
.sitemap .tier-2{
	padding-left: 30px;
}
.sitemap .tier-3{
	padding-left: 60px;
}
.sitemap .kugel{
	display: inline-block;
	margin-left: 12px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #cecece;
}
.sitemap .kugel.bild{
	background: #cecece;
}
.sitemap .kugel.gruen,
.sitemap .leitet-weiter.gruen{
	background: green !important;
}
.sitemap .leitet-weiter{
	background: #000;
	color: #fff;
	font-size: 12px;
	padding: 2px 6px;
	font-weight: 600;
	opacity: 0.15;
	margin-left: 10px;

}


.expand-bg{
	position: relative;
}
.expand-bg::before{
	content: '';
	position: absolute;
	top: -40px;
	left: -40px;
	right: -40px;
	bottom: -40px;
	z-index: 0;
	pointer-events: none;
	background-color: inherit;
}
.expand-bg h1{
	z-index: 3;
	opacity: 0.99;
}

div.home-split .column{
	background: rgba(0,0,0,0);
}
div.home-split .column::after{
	background: linear-gradient(0deg, #0000009e, #00000040);
}
.home-split .column .hintergrundbilder{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: #d9d9d9;
	z-index: -1;
	animation: fadein 0.8s ease;
	overflow: hidden;
	contain: layout paint style;

}
.home-split .column .hintergrundbilder img{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover; object-position: center center;';
	transition: opacity 0.8s ease;
	opacity: 0;
	margin: 0 !important;
}
div.home-split .column .content{
	max-width: calc(33vw - 50px);
}
@media screen and (min-width: 1025px){
	div.home-split .column .content h1{
		font-size: 2rem;
		line-height: 1.18;
		margin-bottom: 0.25em;
	}
}
div.home-split .column .content h1 span{
	font-size: 0.9rem;
	display: block;
	margin-bottom: 0.5em;
}
@media screen and (max-width: 1024px){
	div.home-split .column .content{
		max-width: 100%;
	}
	div.home-split .column .content h1{
		font-size: 1.6rem;
	}
	div.home-split .column .content h1 span{
		display: none;
	}
	div.intro-split:hover .column .content{
		opacity: 1;
	}
}


/* cookie notice */

#an-cookie-notice[data-position="bottom-bar-full-width"]{
	left: unset;
	right: 24px;
	bottom: 24px;
	width: auto;
	background: linear-gradient(45deg, #ffffffa8, #ffffff61);
    backdrop-filter: blur(5px) saturate(1.3);
}
#an-cookie-notice[data-position="bottom-bar-full-width"] .text-wrapper{
	padding: 20px 25px;
}
#an-cookie-notice[data-position="bottom-bar-full-width"] .buttons-wrapper .button.decline{
	display: none;
}

/* iframe google map */

iframe.google-map{
	display: block;
	margin-left: -40px;
    margin-right: -40px;
    width: calc(100% + 80px);
    margin-top: 40px;
    margin-bottom: -40px;
}

@media print{
	html, body{
		margin: 0;
		padding: 0;
		font-size: 11pt;
		line-height: 1.45;
	}
	.page-flex-container .nav-area,
	.page-flex-container .content-area .image-background,
	ul.sibling-pages-nav,
	.page-flex-container .content-area .content-container::before,
	.offcanvas-menu.simple,
	.runder-button,
	.mittagsmenu .heute{
		display: none;
	}
	.page-flex-container .content-area,
	.page-flex-container .content-area .content-container{
		padding: 0;
		background: #fff;
		font-size: 12pt;
		max-width: 100%;
		width: 100%;
		backdrop-filter: none;
		margin-left: auto;
		margin-right: auto;
		border: none;
	}
	hr{
		margin-top: 1.45rem;
		margin-bottom: 1.45rem;
	}
	.speisekarte div.kategorie {
		position: relative;
	    break-inside: avoid;
	}
	.speisekarte .speise p{
		font-size: 1rem;
		line-height: inherit;
	}
	.speisekarte div.kategorie h2{
		position: absolute;
		left: 0;
		top: 0;
		width: 33%;
		padding-right: 5%;
	}
	.speisekarte div.kategorie .speise,
	.mittagsmenu div.kategorie ul.speisen{
		padding-left: 33%;
	}
}


/* Wohnen Startseite */
/* body.page-id-2796 .intro-header #left-side,
body.page-id-2796 .intro-header .custom_lang_switcher,
body.page-id-2796 .intro-header .custom_sm_icons,
body.page-id-2796 .intro-header #right-side{
	display: none !important;
}

body.page-id-2796 .intro-header .logo img{
	clip-path: polygon(0 0, 100% 0%, 100% 65%, 0 65%);
	margin-top: 6%;
} */

.intro-header{
	z-index: 200;
}
.intro-split{
	z-index: 100;
}

.magazin-button{
	width: 140px;
	height: auto;
	transform-origin: center center;
	transform: rotate(-6deg);
	transition: transform 0.24s ease;
	box-shadow: 0 7px 34px rgba(0, 0, 0, .9);
}
.magazin-button:hover{
	transform: rotate(0) scale(1.1);
}
.magazin-button img{
	display: block;
}
.main-color{
	color: var(--main-color);
}
h1 strong.main-color{
 font-weight: 800;
}

@media screen and (max-width: 1024px){
	.page-template-template-split-wohnen .column .content,
	.page-template-template-split-wohnen .column .content h1{
		text-align: center;
	}
	.page-template-template-split-home div.intro-split .column .content,
	.page-template-template-split-wohnen div.intro-split .column .content{
		    justify-content: center;
	}
	.magazin-button.only-mobile{
		position: absolute;
		top: 57.7%;
		left: 75.5%;
		transform: translate(-50%, -50%) rotate(6deg);
		z-index: 300;
		width: 92.5px;
	}
	.magazin-button.only-mobile:hover{
		transform: translate(-50%, -50%) rotate(0deg) scale(1.1);
	}
}