/*
 Theme Name:   yootheme-Piazza
 Template:     yootheme
 Author:       innosolutions
 Description:  custom styling
 Version:      1.0.0 | 2025-07-15 | Q


	grün:			#029850
	rot:			#ef7148
	beige:			#bdb09f
	#6a7c68


	anthrazit: 		#2b3145

*/

.hide {
	display: none;
}

p {
	font-size: 20px;
}

.uk-text-lead p,
span.uk-text-lead p{
	font-size:23px;
}

.uk-card.uk-card-default.uk-card-body p{
	color:#505050
}

h2.el-title.uk-heading-small{
	font-size:2.0em;
}

.el-content.uk-panel.uk-margin-small-top h5 a{
	color:#505050
}

.uk-card.uk-card-default div.el-content.uk-panel.uk-margin-small-top button.uk-button.uk-button-default{
	background: #bdb09f !important
}

h3.el-title.uk-text-large.uk-font-primary.uk-text-primary{
	color:#505050
}

div.el-content.uk-panel.uk-margin-small-top h4 a span.field-value {
	color: #524c43
}

 h3.el-title.uk-h3.uk-text-primary.uk-margin-remove-top.uk-margin-remove-bottom a.uk-button.uk-button-link.uk-button-small.morenews span.el-image.uk-icon{
	color: #524c43
}
.header-cards  h3.el-title.uk-text-large.uk-font-primary.uk-text-primary{
	color: #524c43 !important
}


.uk-text-justify p {
	hyphens: auto;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 3;
	-webkit-hyphenate-limit-lines: 4;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-lines: 4;
}

body .uk-card-default.uk-card h3.uk-h3.uk-text-primary {
	color:#524c43 !important
}

 div.gm-style-iw-a div.gm-style-iw-t div.gm-style-iw.gm-style-iw-c div.gm-style-iw-d div div.el-item.uk-text-default.uk-font-default div.el-content.uk-panel.uk-text-lead a{
	color:#ffffff9c;
}
 div.gm-style-iw-a div.gm-style-iw-t div.gm-style-iw.gm-style-iw-c div.gm-style-iw-d div div.el-item.uk-text-default.uk-font-default div.el-content.uk-panel.uk-text-lead a:hover{
	color:#ffffff48;
}

.uk-navbar-nav > li.uk-active > a{
	text-shadow: 2px 2px 10px rgba(255,255,255,.65);
	color:#fff !important;
	font-weight: bolder;
}

.uk-navbar li.uk-active:not(.item-175) > a {
  position: relative;
}

.uk-navbar li.uk-active:not(.item-175) > a::before {
  content: "";
  position: absolute;
  top: calc(50% - 1.1em); /* ungefähr Textoberkante */
  left: 50%;
  transform: translate(-50%, -100%) rotate(45deg);
  width: 7px;
  height: 7px;
  background-color: currentColor;
  pointer-events: none;
}

/* BUTTONS */

.uk-card-default  a.uk-button.uk-button-secondary.tel-button,
.uk-card-default  button.uk-button.uk-button-secondary{
background-color: rgba(76,66,66,.99);
color:#fff;
border:none;
}

.uk-button.uk-button-default.tel-button,
 h4 a.uk-button.uk-button-default {
	background: #bdb09f
}
.uk-card-default  a.uk-button.uk-button-secondary.tel-button:hover,
.uk-card-default button.uk-button.uk-button-secondary:hover,
 h4 a.uk-button.uk-button-default:hover{
	background: #bdb09f
 }
 a.uk-button.uk-button-secondary.tel-button,
.uk-button-default.tel-button{
	margin-top:3px;
 }

/* BUTTONS -| */

/* |- Sprachwahl */

/* Sprachwahl -| */

/* HEADER ACTIONS */


/* HEADER ACTIONS
	|- opening hours */

	footer h3.uk-h3,
   .header-cards h3.uk-h3{
    padding-bottom:12px;
    }

.header-cards div.uk-card-default.uk-card.uk-card-small.uk-card-body{
	min-height: 290px
}

.header-actions div.el-meta.uk-text-meta{
    color:#505050 !important
}

div.fse.fs-grid.header-actions .uk-first-column .uk-display-block div.el-content.uk-panel.uk-margin-small-top{
	text-align: center;
margin: auto;
width: 85%;
justify-content: center;
	}

.special-openinghours {
	display: block;
	position: absolute;
	z-index: 99999;
	background: rgba(255, 255, 255, 0.91);
	padding: 20px 20px;
	color: #505050;
	height: 290px;
	text-align: center;
	margin: auto;
	width: 100%;
	/* box-shadow: 2px 2px 10px 2px #fff; */
	transform: rotate(-5deg);
	border-radius: 3px;
	block-size: fit-content;
}

.special-opening .uk-card.uk-card-default{
	/* background-color: rgba(255,255,255,0.75); */
	background-color: #bdb09fce;
	padding:10px;
  
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  box-shadow: 1px 3px 5px 0 rgba(0,0,0,.24);
}
.special-opening .uk-card.uk-card-default h3.el-title.uk-h4,
.special-opening .uk-card.uk-card-default p{
color: #fff;
text-shadow:1px 1px 6px #858383;
}


.special-news .uk-card.uk-card-default{
	/* background-color: rgba(255,255,255,0.75); */
	background-color: #bdb09f;
	padding:10px;
  
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  box-shadow: 1px 3px 5px 0 rgba(0,0,0,.24);
  transform:none !important;
}

.oeffnungszeiten .uk-card-small.uk-card-body{
	max-width:450px;
	text-align: center;
}

/* Social Media Image */
.header-actions picture img.el-image{
object-position:center;
  height: 200px;
  min-height: 200px;
  max-height: 200px;
  max-width: 100%;
  width: 100%;
  min-width:300px;
  object-fit: cover;
  position: relative;
  top: initial;
  left: initial;
  transform: none;
}

.gallery picture img.el-image{
	object-position:top;
	height:380px;max-height:380px; object-fit: cover;
}

/*JOomla News-Beitrag */

.special-news .uk-card.uk-card-default picture img.el-image{
object-position:top;
  height: 300px;
  min-height: 300px;
  max-height: 300px;
  max-width: 100%;
  width: 100%;
  min-width:300px;
  object-fit: cover;
  position: relative;
  top: initial;
  left: initial;
  transform: none;

}

.img-overlay picture {
  position: relative;
  display: block;
}

.img-overlay picture::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(189, 176, 159, 0.61);
  mix-blend-mode:hue;
  pointer-events: none;
  z-index: 2;
}

/* .preinfo-container{
	display: flex;
  justify-content: center;
  margin-bottom:5%;
 
}

 .preinfo{
	padding:1px 3px;
	font-size: 0.8em;
	width:fit-content;
	transform: rotate(0deg);
	 
}
*/
.hours-table .openhours figure.fig_openhours.navy {
	margin-top: -30px;
}

.openhours figure.fig_openhours.navy i.ion-clock,
.openhours figure.fig_openhours.navy figcaption h3 {
	display: none;
}

.openhours td {
	border: none;
}

.openhours .dclose td,
.openhours tr.dclose:hover td {
	background-color: rgba(248, 0, 0, 0.75);
	color: #fff;
}

body figure.fig_openhours.navy figcaption,
body figure.fig_openhours:hover.navy figcaption {
	background: transparent;
	color: #fff;
	font-family: Barlow;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.6;
}

/* .opening-hours,
.hours-table {
	text-align: center;
	width: 100%;
	display: block ruby;
	margin-bottom:-30px;
	min-width:250px;
} */

.opening-hours,
.hours-table{
text-align: center;
  width: 400px;
  display: block ruby;
  margin-bottom: -30px;
  min-width: 250px;
  margin-left: -40px;
}

figure.fig_openhours{
	max-width:none;
}

.opening-hours .openhours {
	margin-top: -50px;
	height: 90px;
}

.hours-table div#openhours118.openhours figure.fig_openhours.navy figcaption {
	font-family: 'Noto Sans';
	font-weight: 300;
	font-size: 20px;
}

.opening-hours .openhours figure.fig_openhours.navy figcaption table.openhours,
.opening-state .openhours figure.fig_openhours.navy figcaption p.dclose,
.hours-table .openhours figure.fig_openhours.navy figcaption p.dclose,
.hours-table .openhours figure.fig_openhours.navy figcaption p.dopen {
	display: none;
}

.opening-hours .openhours figure.fig_openhours.navy figcaption {
	margin-top: -10px;
	transform: rotate(-4deg);
}

.hours-table .openhours figure.fig_openhours.navy figcaption p,
.hours-table .openhours figure.fig_openhours.navy figcaption {
	padding: none;
}

figure.fig_openhours figcaption>p {
	padding: 10px 20px;
}

.openhours td.day-column {
    text-align: left;
}

.opening-hours .openhours figure.fig_openhours.navy figcaption p.dopen,
.opening-hours .openhours figure.fig_openhours.navy figcaption p.dclose {
	font-weight: 800;
	background: #000;
	/*0835838d*/
	color: #fff;
	line-height: 1.4;
	font-family: 'Noto Sans';
	font-weight: bold;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline-block;
}

.opening-hours .openhours figure.fig_openhours.navy figcaption p.dclose {
	background: #0835838d;
	color: rgb(205, 203, 203);
	border-radius: 5px;
}

.openhours .dopen td,
.openhours tr.dopen:hover td {
	background-color: #000;
	color: #fff;
	text-shadow: 1px 1px 8px #fff;
	padding-right: 10px;

}

.openhours .dclose td,
.openhours tr.dclose:hover td {
	background-color: #0835838d;
	color: rgb(205, 203, 203);
	padding-left: 10px;
	padding-right: 10px;
}

.kitchenclosing {
	margin-top: -30px;
	font-size: 0.7em;
	display: inline-block;
}

.dclose .hours-table div.moduletable div#openhours118.openhours figure.fig_openhours.navy figcaption table.openhours tbody tr td:first-of-type,
.hours-table div.moduletable div#openhours118.openhours figure.fig_openhours.navy figcaption table.openhours tbody tr td:first-of-type,
.dclose .hours-table div.moduletable div#openhours132.openhours figure.fig_openhours.navy figcaption table.openhours tbody tr td:first-of-type,
.hours-table div.moduletable div#openhours132.openhours figure.fig_openhours.navy figcaption table.openhours tbody tr td:first-of-type {
	text-align: left;
}

.dclose .hours-table div.moduletable div#openhours118.openhours figure.fig_openhours.navy figcaption table.openhours tbody tr td:nth-of-type(2),
.hours-table div.moduletable div#openhours118.openhours figure.fig_openhours.navy figcaption table.openhours tbody tr td:nth-of-type(2),
.dclose .hours-table div.moduletable div#openhours132.openhours figure.fig_openhours.navy figcaption table.openhours tbody tr td:nth-of-type(2),
.hours-table div.moduletable div#openhours132.openhours figure.fig_openhours.navy figcaption table.openhours tbody tr td:nth-of-type(2) {
	text-align: right;
}

/* opening hours -| 

|- reservation */

.reservation-contact.contact-email-phone.uk-width-medium.uk-margin-auto.uk-text-left {
	width: 200px;
}

.fs-grid-item-2-container.fs-load-more-item.fs-mw div.fs-grid-item-holder.uk-flex.uk-flex-column div.el-item.fs-grid-item-2.uk-card.uk-card-primary.uk-card-small.uk-card-body.uk-margin-remove-first-child.uk-flex-1.uk-link-toggle.uk-display-block div.el-content.uk-panel.uk-margin-small-top h4,
.fs-grid-item-2-container.fs-load-more-item.fs-mw div.fs-grid-item-holder.uk-flex.uk-flex-column div.el-item.fs-grid-item-2.uk-card.uk-card-primary.uk-card-small.uk-card-body.uk-margin-remove-first-child.uk-flex-1.uk-link-toggle.uk-display-block div.el-content.uk-panel.uk-margin-small-top h5
 {
	margin-top: 20px !important;
}

.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before,
.uk-grid-divider > :not(.uk-first-column)::before{
	border:none;
}

.fs-filter-grid-right-cell-content.uk-grid-small.uk-grid-divider.uk-grid.uk-grid-stack,
.uk-search-input,
.uk-search{
	
  background: #f4f4f4;
}

 .reservation .el-meta.uk-margin-small-top p

/* reservation -| 

	|- facebook post */

.ffp-shade,
.ffp-feed-container,
.fse.fs-grid.header-actions.fs-load-more-container {
	background: transparent !important;
	background-color: none !important;
	border: none !important;
}

.header-actions .ffp-feed-container div.ffp-feed-posts-container.ffp-feed-view-container.ffp-active div.ffp-feed-posts-items {
	padding: 5px 0;
}

.header-actions .ffp-feed-posts-items div.ffp-feed-load-more-container {
	display: none;
}

.header-actions .ffp-feed-posts-items div.ffp-feed-grid div.ffp-feed-grid-item div.ffp-feed-grid-item-content div.ffp-feed-posts-item {
	background: transparent;
	padding: 0px;

	color: #fff;
	border: none;
}

body .header-actions .facebookfeedpro-feed div#ffp-feed-2.ffp-feed-wrap.ffp-layout-mobile div.ffp-feed-content div.ffp-feed-container div.ffp-feed-posts-container.ffp-feed-view-container.ffp-active div.ffp-feed-posts-items div.ffp-feed-grid div.ffp-feed-grid-item div.ffp-feed-grid-item-content div.ffp-feed-posts-item {
	box-shadow: none !important;
}

.header-actions .ffp-feed-author-block div.ffp-feed-author-block-info div.ffp-feed-author-block-name,
body .header-actions .ffp-feed-author-block-picture {
	display: none;
}

.header-actions .ffp-feed-author-block-info-created {
	color: rgba(255, 255, 255, .7);
}

.header-actions .ffp-feed-item-message,
.header-actions .ffp-feed-item-message div.ffp-text-wrap.ffp-text-expand.ffp-expanded div.ffp-feed-item-message-content {
	color: rgba(255, 255, 255, .8);
	font-size: 20px;
	line-height: inherit;
	padding-top: 1px;
}


.fbfeed-home .ffp-text-expand.ffp-has-more::after {
	background: linear-gradient(to bottom, rgba(35, 75, 143, .2), rgba(35, 75, 143, 9) 100%);
	height: 10px;
}

.ffp-text-expand-btn {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	font-family: 'Noto Sans';
	content: "show more" !important;
	text-transform: lowercase;
}

.ffp-text-expand-btn:hover {
	color: rgba(255, 255, 255, .5);
	text-decoration: none;
}

.header-actions .ffp-feed-item-picture a.ffp-popup-link img {
	max-height: 270px;
	background-size: cover;
	object-fit: cover;
	background-position: top;
}

.grain-facebook-grid .uk-card-body div {
	color: #fff;
}

/* localina */

body p a#localina-button {

	position: relative;
	border: 2px solid #000;
	border-radius: 65px !important;
	color: #fff !important;
	border-color: #fff !important;
	z-index: 2;
	font-family: 'Roboto Slab' !important;
	background-color: transparent !important;
	box-shadow: none !important;
	overflow: visible;
	display: inline-block !important;
	box-sizing: border-box !important;
	padding: 0 20px !important;
	vertical-align: middle;
	font-size: 16px !important;
	line-height: 48px !important;
	text-align: center;
	text-decoration: none;
	transition: .1s ease-in-out;
	font-weight: bold !important;
	border-radius: 65px;
	background-origin: border-box;
}



body p a#localina-button:before {
	content: " " !important;
	position: absolute !important;
	z-index: -1 !important;
	top: 2px !important;
	left: 2px !important;
	right: 2px !important;
	bottom: 2px !important;
	border: 2px solid #0a6d18 !important;
	border-radius: 65px !important;
	background: #000 !important;
	color: #fff !important;
}


/* LOCALINA NEU

/* LOGO */


#modal-close-outside iframe {
    background-image: none !important;
}

/*
.localina-page__header__title-bar {
	padding-top: 5px;
    height: 95px;
}

.logo {
    width: 20%;
    height: auto;
}

/* Fortschritt: 
.localina-stepper.MuiStepper-root .localina-fabbutton {
    background-color: #0a6d18;
    box-shadow: 0 4px 4px #00000040;
}

.localina-stepper.MuiStepper-root .localina-fabbutton.inactive {
    background-color: #fff;
    color: #000;
}

.localina-stepper.MuiStepper-root .localina-fabbutton.completed {
    background-color: #0a6d18;
}

.localina-checkbox.has-label .MuiFormControlLabel-root .localina-stepper.MuiStepper-root .localina-fabbutton.inactive .MuiFormControlLabel-label, .localina-stepper.MuiStepper-root .localina-fabbutton.inactive .label, .localina-stepper.MuiStepper-root .localina-fabbutton.inactive .localina-checkbox.has-label .MuiFormControlLabel-root .MuiFormControlLabel-label {
    color: #000;
}


/*-- weiter button 2 

.localina-button.MuiButton-root.primary {
    background-color: #0a6d18;
    border: none;
    color: #fff;
}


/* Weiter Button 1 wenn oben nicht reicht 
.MuiButtonBase-root.MuiButton-root.MuiButton-outlined.MuiButton-outlinedPrimary.MuiButton-sizeMedium.MuiButton-outlinedSizeMedium.localina-button.primary.css-79xub {
    background-color: #0a6d18;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-outlined.MuiButton-outlinedPrimary.MuiButton-sizeMedium.MuiButton-outlinedSizeMedium.localina-button.primary.css-79xub:hover {
    background-color: #000;
}

/*  wenn oben nicht geht
.widget-page__content div.buttons button {
 background-color: #0a6d18;
}


#root > div > main > div > div > div.widget-page__content > div.buttons > button#root > div > main > div > div > div.widget-page__content > div.buttons > button:hover {
 background-color: #000;
}
/* --- */
/* Hintergrund-Bild 
.widget-page__background {
    background-image: url("./images/logo.png");
	display: none;
}

/* wenn oben nicht geht 
#root  div  main  div  div  div.widget-page__background {
display: none;
}
/* --- */

/* Auswahl der Felder 

.localina-buttongroup .MuiButton-root:hover {
    background-color: #0a6d18;
    border-color: #0a6d18;
	color: #FFF;
}

.localina-buttongroup:not(.multiple) .MuiButton-root.selected {
    border-color: #0a6d18;
}

.localina-buttongroup .MuiButton-root.selected {
    background-color: #0a6d18;
    color: #fff;
}



*/

/* HEADER ACTIONS -| */

/* HOME | */

/* .uk-nav-center li.item-174 a,
.uk-navbar-center li.item-174 a,
.uk-nav-center li.item-175 a,
.uk-navbar-nav li.item-175 a {
	width: 100%;
	visibility: hidden;
	position: relative;
   }

.uk-navbar-center li.item-174 a:after,
.uk-navbar-nav li.item-175 a:after {
    visibility: visible;
    position: absolute;
	padding: 3px 0 0 20px;
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><polygon points="18.65 11.35 10 2.71 1.35 11.35 0.65 10.65 10 1.29 19.35 10.65"></polygon><polygon points="15 4 18 4 18 7 17 7 17 5 15 5"></polygon><polygon points="3 11 4 11 4 18 7 18 7 12 12 12 12 18 16 18 16 11 17 11 17 19 11 19 11 13 8 13 8 19 3 19"></polygon></svg>');

} */

.uk-nav-center li.item-174 a:after,
.uk-nav-center li.item-175 a:after {
	visibility: visible;
    position: absolute;
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><polygon fill="white" points="18.65 11.35 10 2.71 1.35 11.35 0.65 10.65 10 1.29 19.35 10.65"></polygon><polygon fill="white" points="15 4 18 4 18 7 17 7 17 5 15 5"></polygon><polygon fill="white" points="3 11 4 11 4 18 7 18 7 12 12 12 12 18 16 18 16 11 17 11 17 19 11 19 11 13 8 13 8 19 3 19"></polygon></svg>');

}

/* body .craftgallery .el-item {
	max-height: 350px;

}

body .craftgallery img,
body .craftgallery img.el-hover-image {
	max-height: 350px;
	background-size: cover;
	object-fit: cover;
	height: 350px;
}

body .fungallery img {

	filter: grayscale(0.50);
} */

/* GENERAL PAGE ELEMENTS 

    |- accordion button */

#food-menu.food.food-menu-accordion.uk-accordion div.el-item {
	text-align: center;
}


.gm-style-iw-a div.gm-style-iw-t div.gm-style-iw.gm-style-iw-c,
.gm-style div div div div div div.gm-style-iw-a div.gm-style-iw-t div.gm-style-iw-tc:after {
	background: #BDB09F;
}

.gm-style-iw-t div.gm-style-iw.gm-style-iw-c div.gm-style-iw-d div div.el-item.uk-text-default.uk-font-default.uk-margin-remove-first-child h3.el-title.uk-h4,
.gm-style-iw-a div.gm-style-iw-t div.gm-style-iw.gm-style-iw-c div.gm-style-iw-d div div.el-item.uk-text-default.uk-font-default.uk-margin-remove-first-child div.el-meta.uk-text-lead,
.gm-style div div div div div div.gm-style-iw-a div.gm-style-iw-t div.gm-style-iw.gm-style-iw-c div.gm-style-iw-d div div.el-item.uk-text-default.uk-font-default.uk-margin-remove-first-child div.el-content.uk-panel.uk-text-lead {
	color: #fff;
}

.gm-style div div div div div div.gm-style-iw-a div.gm-style-iw-t div.gm-style-iw.gm-style-iw-c div.gm-style-iw-d div div.el-item.uk-text-default.uk-font-default.uk-margin-remove-first-child div.el-meta.uk-text-lead joomla-hidden-mail a {
	color: #000;
}

/* .gm-style div div div div div div.gm-style-iw-a{
		transform: rotate(-4deg);
		top:-310px;
	} */

/*  */





.localina.el-item .el-content.uk-panel {
	box-shadow: 5px 5px 10px #eee;

}

html.uk-modal-page body div#modal-close-outside.uk-modal.uk-open div.uk-modal-dialog.uk-modal-body.uk-padding-remove iframe,
.localina.el-item .el-content.uk-panel iframe {
	height: 700px;
	width: 400px;
}

html.uk-modal-page body div#modal-close-outside.uk-modal.uk-open div.uk-modal-dialog.uk-modal-body.uk-padding-remove {
	height: 700px;
}

/* CANVA Menüs*/

div.home-menu{
	
	max-width:480px;
}

[data-canva]{
	aspect-ratio:1/1.414 !important;   /* identische Hoehe */
	position:relative !important;
	width:100% !important;
	height:auto !important;
	border-radius:8px;
	overflow:hidden;
	box-shadow:0 2px 8px rgba(63,69,81,.16);
  }
  @supports not (aspect-ratio:1/1){
	[data-canva]{padding-top:141.4286% !important;}
	[data-canva] iframe{position:absolute;inset:0}
  }
  [data-canva] iframe{
	position:absolute !important;
	inset:0 !important;
	width:100% !important;
	height:100% !important;
	border:0 !important;
  }

  /* Padding entfernen, wenn aspect-ratio greift */
@supports (aspect-ratio:1/1){
	[data-canva]{padding-top:0 !important;}
  }
/* TESTIMONIALS
	|- quotes */

span.quote-bracket {
	padding-top: 3px;
	font-size: 1.94em;
	color: #dfdfdf;
	font-weight: 200;
}

.grain-testimonials-slider .uk-h5 {
	font-weight: normal;
}

.grain-testimonials-slider img.el-image {
	filter: grayscale(0.90);
}

/* Footer */

.footer-meta-navi ul.uk-subnav {
	justify-content: center;
}

/* Sitemap */

.sitemap .folder {
	text-transform: none;
	font-weight: normal;
}

.sitemap .folder.hover, .sitemap a.hover {
	color: inherit;
}

/* Google Maps */

.gm-style .gm-style-iw-d {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden !important;
    padding: 10px;
}

/* RESPONSIVE */

/*|- responsive menu */

.tm-header-mobile ul.uk-nav.uk-nav-default.uk-nav-center li a {
	font-size: 20px;
}

#module-142.uk-panel div.uk-panel.mod-languages ul.uk-subnav {
	width: 50%;
	margin: auto;
	display: flex;
	justify-content: center;
}

#module-142.uk-panel div.uk-panel.mod-languages ul.uk-subnav li:active,
#module-142.uk-panel div.uk-panel.mod-languages ul.uk-subnav li {
	padding-left: 0px;
	margin: 0;
}

#module-142.uk-panel div.uk-panel.mod-languages ul.uk-subnav li a img {
	border: 2px solid #222;
}

#module-142.uk-panel div.uk-panel.mod-languages ul.uk-subnav li.uk-active a img {
	box-shadow: 1px 1px 15px #999;
}

.uk-navbar-center-right.uk-preserve-width div#module-127.uk-navbar-item {
	margin-left: -1420px;
} 

/* responsive menu -| */

@media only screen and (max-width: 1600px) {

	 .uk-logo.uk-navbar-item img {
		max-width: 100px;
	 }
	
	.uk-navbar-primary .uk-navbar-item, .uk-navbar-primary .uk-navbar-toggle {
		padding: 0;
	 }
	/*
	 .uk-navbar-center-right.uk-preserve-width li.item-193 a {
		visibility: hidden;
		position: relative;
		justify-content: left;
		max-width: 100px;
	}
	
	.uk-navbar-center-right.uk-preserve-width li.item-193 a:after {
		visibility: visible;
		position: absolute;
		content: "Kontakt";
	} 
	*/

	.uk-navbar-center-right.uk-preserve-width div#module-127.uk-navbar-item {
		margin-left: -1300px;
	} 
	
	}

@media only screen and (max-width: 1400px) {

.uk-logo.uk-navbar-item img {
	max-width: 100px;
 }

.uk-navbar-primary .uk-navbar-item, .uk-navbar-primary .uk-navbar-toggle {
	padding: 0;
 }

.uk-navbar-center-right.uk-preserve-width li.item-185 a,
.uk-navbar-center-right.uk-preserve-width li.item-193 a {
	visibility: hidden;
	position: relative;
	justify-content: left;
	max-width: 100px;
}

.uk-navbar-center-right.uk-preserve-width li.item-193 a:after {
	visibility: visible;
	position: absolute;
	content: "Kontakt";
} 

.uk-navbar-center-right.uk-preserve-width li.item-185 a:after {
	visibility: visible;
	position: absolute;
	content: "contact";
}

.uk-navbar-center-right.uk-preserve-width div#module-127.uk-navbar-item {
	margin-left: -80px;
}

.hours-table{
	margin-left:-60px;
}
body figure.fig_openhours.navy figcaption, body figure.fig_openhours:hover.navy figcaption{
	font-size:17px;
}

.oeffnungszeiten h3.el-title{
	font-size: 0.9em
}
.oeffnungszeiten .el-content{
	font-size: 0.7em
}
.uk-navbar-primary .uk-navbar-nav > li > a,
.btn, .uk-button{
	font-size:19px;
}
.header-actions picture img.el-image{
	min-width:auto;
}

}

@media only screen and (max-width: 1248px) {

	.hours-table{
		margin-left:-80px;
	}
	body figure.fig_openhours.navy figcaption, body figure.fig_openhours:hover.navy figcaption{
		font-size:16px;
	}
}

@media only screen and (max-width: 1138px) {

	.hours-table{
		margin-left:-80px;
	}
	body figure.fig_openhours.navy figcaption, body figure.fig_openhours:hover.navy figcaption{
		font-size:16px;
	}

	
	
}

@media only screen and (max-width: 1080px) {

	.opening-hours{
		width:unset;
		min-width:unset;
	}
	.hours-table{
		margin-left:-90px
	}
}


@media only screen and (max-width: 720px) {


	.embedded-untappd-menu div#menu-container div.ut-menu.ut-menu-standard.menu-bg-color div.inner-container div.menu-nav.ut-row.divider-color.flush-bottom div.menu-list {
		display: inline-block;
		width: 100%;
	}

	.embedded-untappd-menu div#menu-container div.ut-menu.ut-menu-standard.menu-bg-color div.inner-container div.menu-nav.ut-row.divider-color.flush-bottom div.menu-list div.menu-list-item a.tab-anchor {
		height: 50px;
		border-bottom: 1px solid #f3f3f3 !important
	}

	.el-meta.uk-h3.uk-text-emphasis,
	div.uk-h3.uk-font-primary.uk-text-emphasis{
		font-size:0.9em
	}

	p,p.p1{
		text-align:justify;
		hyphens: auto;
		font-size:0.8em;
	}
	.uk-text-lead p, span.uk-text-lead p{
		font-size:0.9em;
	}
	.uk-nav-center li > a{
		padding-bottom: 20px;
	}

	html.uk-lightbox-page body div.uk-lightbox.uk-overflow-hidden.uk-lightbox-panel.uk-open.uk-active.uk-transition-active div.uk-lightbox-caption.uk-position-bottom.uk-text-center.uk-transition-slide-bottom.uk-transition-opaque{
		font-size: 0.5em;
	}

	.gallery picture img.el-image{
	object-position:top;
	height:220px;max-height:220px; 
}

}


	@media only screen and (max-width: 440px) {
		
	
		.openhours {
			width: 100%;
			max-width:350px;
		}
		.opening-hours{
			width:unset;
			min-width:unset;
		}
		.hours-table{
			margin-left:-45px
		}

		.kitchenclosing{
			width:285px;
			margin: left -10px;
		}
	}