/*
Theme Name:		Weboffice keen
Author: 		Weboffice
Author URI:		https://weboffice.at/
Template:		twentytwentytwo

Copyright © 2022 Weboffice IT-Service und Marketing GmbH & Co KG. All rights reserved.
*/

/* Loading Google Font locally */
/* source-sans-pro-200 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('../fonts/source-sans-pro-v18-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-200italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url('../fonts/source-sans-pro-v18-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-200italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/source-sans-pro-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/source-sans-pro-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/source-sans-pro-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/source-sans-pro-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/source-sans-pro-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/source-sans-pro-v18-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/source-sans-pro-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/source-sans-pro-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-900 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/source-sans-pro-v18-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-900italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/source-sans-pro-v18-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v18-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v18-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v18-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v18-latin-900italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-group.has-background,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}

/*------------------------------ Added CSS ------------------------------*/

/* Global font change */
* {
	font-family: "Source Sans Pro", sans-serif;
	text-transform: lowercase;
}

/* Icons in header */
.header_icons.wp-block-image img {
	max-width: none;
}

.mail_icon {
	margin-bottom: 10px;
}

/* Header responsiveness */
@media only screen and (max-width: 820px) {
	.navi {
		order: 3;
	}
	.navi button svg {
		transform: scale(2.0);
	}
	.header_contacts {
		order: 2;
	}
}

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

/* Not used
@media only screen and (max-width: 599px) {
	.header_contacts {
		flex-wrap: wrap;
		row-gap: 5px;
		margin-top: 5px;
	}
	.tel_number {
		flex-basis: 100%
	}
	.header_icons {
		margin-bottom: 0px;
	}
	.mail_icon {
		margin-top: 10px;
	}
} */

/* Header links */

.navi * {
	text-transform: uppercase;
	font-weight: 600;
}

/* Footer copyright */
.copyright, .copyright * {
	text-transform: uppercase;
}

/* Header navi */

.navi .wp-block-navigation__container {
	justify-content: space-evenly;
	row-gap: 5px;
}

/* Slider margin top 0 */
.wp-block-jetpack-slideshow.aligncenter.home-slider {
	margin-top: 0;
}

/* Slider full width */
.wp-block-jetpack-slideshow.aligncenter .wp-block-jetpack-slideshow_image {
  width: 100vw;
  max-width: unset;
  object-fit: cover;
}

/* Bold text */ 
.bold {
	font-weight: bold;
}

/* No underline in link */
.no-textdecoration a {
	text-decoration: none;
}

/* Margin bottom 0 */
.margin_b-0 {
	margin-bottom: 0;
}

/* Buttons */
.wp-block-button > .wp-block-button__link {
	background-color: #B46E4C;
	border-radius: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.25rem;
}

/* 2 Buttons in homepage */
.home-buttons > .wp-block-button__link {
	width: 240px;
}

/* Remove buttons in home slider */
.home-slider .wp-block-jetpack-slideshow_pagination, .home-slider .wp-block-jetpack-slideshow_button-next, .home-slider .wp-block-jetpack-slideshow_button-prev, .home-slider .wp-block-jetpack-slideshow_container .wp-block-jetpack-slideshow_button-pause {
	display: none;
}

/* Remove grabby cursor in home slider */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container.wp-swiper-initialized {
	cursor: default !important;
}

/* Move slider controls */
.wp-block-jetpack-slideshow.move_controls .wp-block-jetpack-slideshow_pagination {
	position:absolute;
}

/* Slideshow active bullet color */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: gray;
}

/* Slideshow inactive bullet color */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets .swiper-pagination-bullet {
	background-color: white;
}

/* Text under slider in home */
p.open_now {
	margin: 0 auto;
	max-width: 430px;
	padding: 10px 0;
	background-color: #B46E4C;
	color: white;
	border-radius: 70px;
	position: relative;
	transform: translateY(-50%);
	z-index: 2;
}

/* Responsive iframe */
iframe.home-map, iframe.ueber_uns-map {
	max-width: 100%;
}

/* Max width 1280px */
.max_width_1280, .wp-site-blocks .wp-block-group.alignfull.max_width_1280 {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

/* Active menu-item color */
.current-menu-item {
	color: #B46E4C;
}

/* Padding for text in ueber_uns */
.padding_lr_text {
	padding-left: 10%;
	padding-right: 10%;
}

/* Lass es dir schmecken image */
.schmecken_img {
	position: relative;
}
.schmecken_img figcaption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2vw;
	color: white;
	margin: 0;
}

@media only screen and (max-width: 600px) {
	.schmecken_img {
		display: none;
	}
}

/* Text align center */
.center {
	text-align:center
}

/* Responsiveness */

@media only screen and (max-width: 768) {
	.food_menu {
		height: 500px !important;
	}
}

@media (max-width: 820px) {
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none !important;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
    	display: flex !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
    	left: 0;
	}
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
    	display: flex !important;
	}
}
@media (min-width: 821px) {
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
		width: 100%;
		position: relative;
		z-index: auto;
		background-color: inherit;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
    	display: none !important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
    	left: 0;
	}
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
    	display: none !important;
	}
}
/* Blog post */
/* Tmage */

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
	max-width: 600px;
	max-height: 600px;
	object-fit: contain;
}

figure.alignwide.wp-block-post-featured-image {
	text-align: center;
	margin-bottom: 10px !important;
}

/* Title */

h1.alignwide.wp-block-post-title {
	font-family: "Source Sans Pro", sans-serif;
}

/* Remove lowercase */

.not_lowercase *, .not_lowercase h1, .not_lowercase h2, .not_lowercase h3 {
	text-transform: initial;
	font-family: "Source Sans Pro", sans-serif;
}

/* Flipbook */
.flipbook {
	background-color: #ebebeb;
}

/* Footer image */

.footer-img {
	background-image: url('../webofficekeen/footer.svg');
	height: 80px;
	margin-bottom: 40px;
	margin-top: 60px;
}

/* Complianz cookie consent button */
#cmplz-manage-consent button.cmplz-manage-consent {
	right: unset;
	left: 40px;
	bottom: -5px!important;
}

@media only screen and (min-width: 769px) {
	.cookie_link {
		display: none;
	}
}

.cookie_link a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	font-size: 0.875rem;
}

.cookie_link a:hover {
	cursor: pointer;
}

/* Title font change */
.wp-block-post-title {
	font-family: "Source Sans Pro", sans-serif;
}