@charset "UTF-8";
  html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: transparent; }
article, aside, figure, footer, header, nav, menu, section, details, summary {
display: block; } html {
box-sizing: border-box; }
*,
*:before,
*:after {
box-sizing: inherit; }  object,
embed {
max-width: 100%; } html {
overflow-y: scroll; } ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none; }
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }
del {
text-decoration: line-through; }
abbr[title], dfn[title] {
border-bottom: 1px dotted #000;
cursor: help; } table {
border-collapse: collapse;
border-spacing: 0; }
th {
font-weight: bold;
vertical-align: bottom; }
td {
font-weight: normal;
vertical-align: top; }
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0; }
input, select {
vertical-align: middle; }
pre {
white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
input[type="radio"] {
vertical-align: text-bottom; }
input[type="checkbox"] {
vertical-align: bottom; }
.ie7 input[type="checkbox"] {
vertical-align: baseline; }
.ie6 input {
vertical-align: text-bottom; }
select, input, textarea {
font: 99% sans-serif; }
table {
font-size: inherit;
font: 100%; }
small {
font-size: 85%; }
strong {
font-weight: bold; }
td, td img {
vertical-align: top; } sub, sup {
font-size: 75%;
line-height: 0;
position: relative; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; } pre, code, kbd, samp {
font-family: monospace, sans-serif; } .clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
cursor: pointer; }
button, input, select, textarea {
margin: 0; border: none; } button,
input[type=button] {
width: auto;
overflow: visible; } .ie7 img {
-ms-interpolation-mode: bicubic; }  .clearfix:before, .clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden; }
.clearfix:after {
clear: both; }
.clearfix {
zoom: 1; }
body {
color: #333333;
background: #fffded; } @font-face {
font-family: 'Amatic SC';
font-style: normal;
font-weight: 700;
src: local("Amatic SC Bold"), local("AmaticSC-Bold"), url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/typefaces/amatic-sc-v11-latin-700.woff2) format("woff2"), url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/typefaces/amatic-sc-v11-latin-700.woff) format("woff"); }
body {
overflow: hidden;
font-family: 'adobe-caslon-pro', serif;
font-size: 1em;
font-weight: 400;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-variant-ligatures: common-ligatures;
font-feature-settings: 'liga'; }
@media screen and (min-width: 1024px) {
body {
font-size: 1.375em; } }
h1 {
font-family: 'Amatic SC', sans-serif;
font-weight: 700;
font-style: normal;
font-size: 3.4em;
line-height: 1em; }
h2 {
font-family: 'Amatic SC', sans-serif;
font-weight: 700;
font-style: normal;
font-size: 2.68em;
line-height: 1em; }
h3 {
font-family: 'Amatic SC', sans-serif;
font-weight: 700;
font-style: normal;
color: #1a1a1a;
font-family: 'Amatic SC', sans-serif;
font-weight: 700;
font-style: normal;
font-size: 1.77em;
line-height: 0.9604519774em; }
h4 {
font-family: 'Amatic SC', sans-serif;
font-weight: 700;
font-style: normal;
color: #1a1a1a;
font-family: 'Amatic SC', sans-serif;
font-weight: 700;
font-style: normal;
font-size: 1.435em;
line-height: 1.2142857143em; }
p,
ul,
ol {
line-height: 1.7em; }
p:last-of-type,
ul:last-of-type,
ol:last-of-type {
margin-bottom: 0; }
ul,
ol {
list-style-type: none;
margin-left: 0; }
strong {
font-weight: 600; }
a {
text-decoration: none;
transition: all 250ms cubic-bezier(0, 0, 0, 0.99);
color: #333333; }
.hide-text {
position: absolute;
left: -999em; }
.copy h1 {
font-family: 'Amatic SC', sans-serif;
font-weight: 700;
font-style: normal;
font-size: 2.68em;
line-height: 1em;
margin-bottom: .5em; }
.copy h2 {
margin-bottom: .5em; }
.copy h3 {
margin-bottom: 0.9604519774em; }
.copy h4 {
margin-bottom: .25em;
color: black; }
.copy p,
.copy ul,
.copy ol {
margin-bottom: 1.7em; }
.copy a {
color: #be2c32; }
.copy .intro {
margin-bottom: 3.4em; }
.copy .top-space {
margin-top: 1.7em; }
.copy--centered {
text-align: center; }
[class^=routearrow] {
margin-bottom: .75em;
padding-bottom: 1.25em;
background-position-y: 100%;
background-repeat: no-repeat; }
.copy--centered [class^=routearrow] {
background-position-x: 50%; }
.routearrow-straight {
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/icon-arrow-down.svg); }
.routearrow-back {
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/icon-arrow-up.svg); }
.routearrow-left {
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/icon-arrow-left.svg); }
.routearrow-right {
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/icon-arrow-right.svg); }
.routearrow-leftright {
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/icon-arrow-leftright.svg); } ::-moz-selection {
background: #fcd700;
color: #fff;
text-shadow: none; }
::selection {
background: #fcd700;
color: #fff;
text-shadow: none; } a:link {
-webkit-tap-highlight-color: transparent; }
ins {
background-color: #fcd700;
color: #000;
text-decoration: none; }
mark {
background-color: #fcd700;
color: #000;
font-style: italic;
font-weight: bold; } input:-moz-placeholder {
color: #a9a9a9; }
textarea:-moz-placeholder {
color: #a9a9a9; }
.zi-content {
position: relative;
z-index: 20; }
.hide-element:not(:focus):not(:active) {
overflow: hidden;
position: absolute;
width: 1px;
height: 1px;
clip: rect(0 0 0 0);
clip-path: inset(100%);
white-space: nowrap; }
html {
scroll-behavior: smooth;
scroll-padding-top: 5.1em; }
main {
position: relative;
z-index: 2;
background: #fffded; }
.inner {
max-width: 71.5em;
margin: 0 auto;
padding: 0 2.5vw; }
.row {
padding-top: 5.1em; }
.row ~ .row {
margin-top: 3.4em; } .grid {
list-style: none;
margin-left: -1.375em; }
.grid-col--12-of-12, .grid-col--8-of-8, .grid-col--6-of-6, .grid-col--5-of-5, .grid-col--4-of-4, .grid-col--3-of-3, .grid-col--2-of-2 {
width: 100%; }
.grid-col--6-of-12, .grid-col--4-of-8, .grid-col--3-of-6, .grid-col--2-of-4, .grid-col--1-of-2 {
width: 50%; }
.grid-col--4-of-12, .grid-col--2-of-6, .grid-col--1-of-3 {
width: 33.3333333333%; }
.grid-col--8-of-12, .grid-col--4-of-6, .grid-col--2-of-3 {
width: 66.6666666667%; }
.grid-col--3-of-12, .grid-col--2-of-8, .grid-col--1-of-4 {
width: 25%; }
.grid-col--9-of-12, .grid-col--6-of-8, .grid-col--3-of-4 {
width: 75%; }
.grid-col--push-12-of-12, .grid-col--push-8-of-8, .grid-col--push-6-of-6, .grid-col--push-5-of-5, .grid-col--push-4-of-4, .grid-col--push-3-of-3, .grid-col--push-2-of-2 {
margin-left: 100%; }
.grid-col--push-6-of-12, .grid-col--push-4-of-8, .grid-col--push-3-of-6, .grid-col--push-2-of-4, .grid-col--push-1-of-2 {
margin-left: 50%; }
.grid-col--push-4-of-12, .grid-col--push-2-of-6, .grid-col--push-1-of-3 {
margin-left: 33.3333333333%; }
.grid-col--push-8-of-12, .grid-col--push-4-of-6, .grid-col--push-2-of-3 {
margin-left: 66.6666666667%; }
.grid-col--push-3-of-12, .grid-col--push-2-of-8, .grid-col--push-1-of-4 {
margin-left: 25%; }
.grid-col--push-9-of-12, .grid-col--push-6-of-8, .grid-col--push-3-of-4 {
margin-left: 75%; }
.grid-col--pull-12-of-12, .grid-col--pull-8-of-8, .grid-col--pull-6-of-6, .grid-col--pull-5-of-5, .grid-col--pull-4-of-4, .grid-col--pull-3-of-3, .grid-col--pull-2-of-2 {
margin-left: -100%; }
.grid-col--pull-6-of-12, .grid-col--pull-4-of-8, .grid-col--pull-3-of-6, .grid-col--pull-2-of-4, .grid-col--pull-1-of-2 {
margin-left: -50%; }
.grid-col--pull-4-of-12, .grid-col--pull-2-of-6, .grid-col--pull-1-of-3 {
margin-left: -33.3333333333%; }
.grid-col--pull-8-of-12, .grid-col--pull-4-of-6, .grid-col--pull-2-of-3 {
margin-left: -66.6666666667%; }
.grid-col--pull-3-of-12, .grid-col--pull-2-of-8, .grid-col--pull-1-of-4 {
margin-left: -25%; }
.grid-col--pull-9-of-12, .grid-col--pull-6-of-8, .grid-col--pull-3-of-4 {
margin-left: -75%; }
.grid-col--1-of-5 {
width: 20%; }
.grid-col--push-1-of-5 {
margin-left: 20%; }
.grid-col--pull-1-of-5 {
margin-left: -20%; }
.grid-col--2-of-5 {
width: 40%; }
.grid-col--push-2-of-5 {
margin-left: 40%; }
.grid-col--pull-2-of-5 {
margin-left: -40%; }
.grid-col--3-of-5 {
width: 60%; }
.grid-col--push-3-of-5 {
margin-left: 60%; }
.grid-col--pull-3-of-5 {
margin-left: -60%; }
.grid-col--4-of-5 {
width: 80%; }
.grid-col--push-4-of-5 {
margin-left: 80%; }
.grid-col--pull-4-of-5 {
margin-left: -80%; }
.grid-col--1-of-6 {
width: 16.6666666667%; }
.grid-col--push-1-of-6 {
margin-left: 16.6666666667%; }
.grid-col--pull-1-of-6 {
margin-left: -16.6666666667%; }
.grid-col--5-of-6 {
width: 83.3333333333%; }
.grid-col--push-5-of-6 {
margin-left: 83.3333333333%; }
.grid-col--pull-5-of-6 {
margin-left: -83.3333333333%; }
.grid-col--1-of-8 {
width: 12.5%; }
.grid-col--push-1-of-8 {
margin-left: 12.5%; }
.grid-col--pull-1-of-8 {
margin-left: -12.5%; }
.grid-col--3-of-8 {
width: 37.5%; }
.grid-col--push-3-of-8 {
margin-left: 37.5%; }
.grid-col--pull-3-of-8 {
margin-left: -37.5%; }
.grid-col--5-of-8 {
width: 62.5%; }
.grid-col--push-5-of-8 {
margin-left: 62.5%; }
.grid-col--pull-5-of-8 {
margin-left: -62.5%; }
.grid-col--7-of-8 {
width: 87.5%; }
.grid-col--push-7-of-8 {
margin-left: 87.5%; }
.grid-col--pull-7-of-8 {
margin-left: -87.5%; }
.grid-col--1-of-12 {
width: 8.3333333333%; }
.grid-col--push-1-of-12 {
margin-left: 8.3333333333%; }
.grid-col--pull-1-of-12 {
margin-left: -8.3333333333%; }
.grid-col--2-of-12 {
width: 16.6666666667%; }
.grid-col--push-2-of-12 {
margin-left: 16.6666666667%; }
.grid-col--pull-2-of-12 {
margin-left: -16.6666666667%; }
.grid-col--5-of-12 {
width: 41.6666666667%; }
.grid-col--push-5-of-12 {
margin-left: 41.6666666667%; }
.grid-col--pull-5-of-12 {
margin-left: -41.6666666667%; }
.grid-col--7-of-12 {
width: 58.3333333333%; }
.grid-col--push-7-of-12 {
margin-left: 58.3333333333%; }
.grid-col--pull-7-of-12 {
margin-left: -58.3333333333%; }
.grid-col--10-of-12 {
width: 83.3333333333%; }
.grid-col--push-10-of-12 {
margin-left: 83.3333333333%; }
.grid-col--pull-10-of-12 {
margin-left: -83.3333333333%; }
.grid-col--11-of-12 {
width: 91.6666666667%; }
.grid-col--push-11-of-12 {
margin-left: 91.6666666667%; }
.grid-col--pull-11-of-12 {
margin-left: -91.6666666667%; }
.grid-col {
box-sizing: border-box;
display: inline-block;
margin-right: -.25em;
min-height: 1px;
padding-left: 1.375em;
vertical-align: top; }
.grid-col--centered {
display: block;
margin-left: auto;
margin-right: auto; }
.grid-col--d-first {
float: left; }
.grid-col--d-last {
float: right; }
.grid--no-gutter {
margin-left: 0;
width: 100%; }
.grid--no-gutter .grid-col {
padding-left: 0; }
.grid--no-gutter .grid-col--span-all {
margin-left: 0;
width: 100%; }
.grid-col--ab {
vertical-align: bottom; }
.grid-col--am {
vertical-align: middle; }
.button {
display: inline-block;
position: relative;
backface-visibility: hidden;
padding: 1.125em 1.25em .75em;
background: rgba(51, 51, 51, 0.4);
border: 1px solid rgba(255, 253, 237, 0.4);
color: #fe5158;
font-family: 'adobe-caslon-pro', serif;
font-size: 0.8em;
font-weight: 600;
line-height: 1em;
transition: all 250ms cubic-bezier(0, 0, 0, 0.99); }
.button:hover {
background: rgba(51, 51, 51, 0.75);
border-color: rgba(255, 253, 237, 0.5); }
.button--form {
font-size: 0.8em;
line-height: 1.25em;
padding: 0.85em 0.85em 0.425em;
width: 100%;
color: #fffded;
background: #be2c32;
border: none;
cursor: pointer; }
@media screen and (min-width: 90rem) {
.button--form {
font-size: 1em; } }
.button--form:hover {
background: #a9272d; }
.toggle-content {
overflow: hidden;
display: none; }
.overlay {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
background: black;
opacity: .6;
transition: all 250ms cubic-bezier(0, 0, 0, 0.99); } .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
.telephoneNumber {
font-size: 0.7em;
font-weight: 700; }
.telephoneNumber a {
display: inline-block;
padding: 1.125em 1.25em .75em;
background: #be2c32;
color: #fffded; }
.telephoneNumber--siteHeader {
display: none;
font-size: 0.6475em; }
@media screen and (min-width: 768px) {
.telephoneNumber--siteHeader {
display: block; } }
.telephoneNumber--siteHeader a {
background: rgba(242, 239, 219, 0.5);
color: #333333; }
.telephoneNumber--siteHeader a:hover {
background: rgba(242, 239, 219, 0.85); }
.telephoneNumber--menu-item {
padding: 1.5em 0 3em 0;
font-family: 'adobe-caslon-pro', serif;
font-size: .55em; }
.telephoneNumber--menu-item a {
background: none;
background-color: none;
text-transform: none !important; }
.telephoneNumber--intro {
position: relative; }
@media screen and (min-width: 1024px) {
.telephoneNumber--intro {
position: absolute;
bottom: -1.75em;
left: 1.7em; } }
@media screen and (max-width: 1023px) {
.telephoneNumber--intro a {
display: block;
text-align: center; } }
.telephoneNumber--imagegrid {
margin-bottom: -4em;
line-height: 1.2; }
@media screen and (min-width: 520px) {
.telephoneNumber--imagegrid {
margin-bottom: -4.25em;
line-height: 1.7; } }
.telephoneNumber--imagegrid a {
background: #fffded;
color: #be2c32; }
.telephoneNumber--banner-overview {
position: relative;
bottom: -3.125em;
z-index: 5;
margin-left: 0; }
.siteHeader {
position: relative;
z-index: 10;
padding-bottom: .275em;
width: 100%;
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/triangle-border.svg);
background-position: -2px 100%;
background-repeat: repeat-x;
background-size: .5em; }
@media screen and (min-width: 1024px) {
.siteHeader {
position: fixed;
top: 0;
left: 0; } }
.siteHeader-inner {
background: #fffded; }
.siteHeader-inner.is--active {
background: #f2efdb; }
.navigation {
display: table;
padding: 1em 0 .5em;
width: 100%; }
@media screen and (min-width: 768px) {
.navigation {
padding-top: 0; } }
.logo-wrapper,
.menu-wrapper {
display: table-cell;
vertical-align: middle; }
.logo {
position: relative;
z-index: 320; }
.logo-image img {
width: 7em; }
@media screen and (min-width: 420px) {
.logo-image img {
width: 8.18em; } }
.menu-list {
margin-left: 0;
list-style-type: none; }
.menu-item {
display: block;
text-align: center;
font-family: 'Amatic SC', sans-serif;
font-weight: 700;
font-style: normal; }
.menu-item a {
display: block;
padding: 1em 0 .4em;
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: .425em;
color: #333333;
font-size: 1.45em;
text-transform: uppercase; }
@media screen and (min-width: 1024px) {
.menu-item a:hover, .menu-item.current-menu-item a {
color: #be2c32;
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/menu-arrow.svg); } }
.menu-item--instagram {
position: relative; }
.menu-item--instagram a {
display: flex;
align-items: center;
justify-content: center; }
.menu-item--instagram a svg {
display: inline-block;
width: auto;
height: .775em; }
@media screen and (min-width: 1024px) {
.menu-item--instagram a svg {
padding-bottom: .1em;
height: .675em; } }
.menu-item--instagram a svg path {
fill: #333333; }
@media screen and (min-width: 1024px) {
.menu-item--instagram a:hover svg path {
fill: #be2c32; } }
@media screen and (min-width: 1024px) {
.menu-item--instagram span {
position: absolute;
left: -999em; } }
.menu--siteHeader .menu .menu-list {
position: absolute;
top: 0;
left: 0;
z-index: 0;
margin: 0;
padding: 4em 0 .275em 0;
width: 100%;
min-height: 100%;
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/triangle-border-dark.svg);
background-position: -2px 100%;
background-repeat: repeat-x;
background-size: .5em;
opacity: 0;
transform: translateY(-100%);
transition: all 250ms cubic-bezier(0, 0, 0, 0.99); }
@media screen and (min-width: 768px) {
.menu--siteHeader .menu .menu-list {
padding-top: 6.11em; } }
@media screen and (min-width: 1024px) {
.menu--siteHeader .menu .menu-list {
position: relative;
z-index: 20;
display: block;
float: right;
padding: 0;
width: auto;
background: none;
opacity: 1;
transform: translateY(0); } }
.menu--siteHeader .menu.is--active .menu-list {
opacity: 1;
transform: translateY(0); }
.menu--siteHeader .menu .menu-item {
background: #f2efdb; }
@media screen and (min-width: 1024px) {
.menu--siteHeader .menu .menu-item {
display: inline-block;
margin-left: 1.7em;
background: none; } }
@media screen and (min-width: 768px) {
.menu--siteHeader .menu .menu-item--hide {
display: none; } }
.open-menu {
position: absolute;
bottom: 1.5em;
right: 1.5vw;
z-index: 321;
float: right;
width: 2.888em;
height: 2.888em;
font-family: 'adobe-caslon-pro', serif;
font-size: 0.8em;
background-color: transparent;
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/menu-open.png);
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/menu-open.svg);
background-position: 50% 50%;
background-repeat: no-repeat;
transition: all 250ms cubic-bezier(0, 0, 0, 0.99); }
@media screen and (min-width: 420px) {
.open-menu {
bottom: 1.125em;
font-size: 1em; } }
@media screen and (min-width: 1024px) {
.open-menu {
display: none; } }
.open-menu:focus {
outline: none; }
.open-menu.is--active {
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/menu-close.png);
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/menu-close.svg); }
.telephoneNumber--siteHeader {
text-align: right; }
.siteFooter-wrapper {
margin-top: 5.1em; }
.opening-hours {
text-align: center; }
.opening-hours p {
font-size: 1em;
margin-bottom: 0.85em; }
.siteFooter {
position: relative;
z-index: 1;
background: #f2efdb url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/footer-grenzverlauf.svg) no-repeat 0 0;
background-size: 100%;
box-shadow: 0px 1em 1em -1em rgba(0, 0, 0, 0.2);
text-align: center; }
.siteFooter:before, .siteFooter:after {
position: absolute;
color: #595959;
font-size: 0.8em;
font-style: italic; }
.siteFooter:before {
top: 0;
left: 2em;
content: 'Oberfranken';
text-align: left; }
@media screen and (min-width: 600) {
.siteFooter:before {
top: 2em; } }
.siteFooter:after {
top: 2em;
right: 2em;
content: 'Oberpfalz';
text-align: right; }
.address--footer {
margin-bottom: 3.4em;
font-size: 0.8em;
font-style: italic;
line-height: 1.5em; }
.address-marker {
margin-bottom: 1em;
width: auto;
height: 90px; }
[itemprop='name'] {
margin-bottom: .25em; }
.menu--siteFooter {
text-align: center; }
.menu--siteFooter .menu-wrapper {
display: block; }
@media screen and (min-width: 601px) {
.menu--siteFooter .menu-wrapper {
display: inline-block; } }
.menu--siteFooter .menu-list {
width: 100%;
text-align: center; }
.menu--siteFooter .menu-item {
display: block; }
@media screen and (min-width: 601px) {
.menu--siteFooter .menu-item {
display: inline-block;
margin-left: 1em; }
.menu--siteFooter .menu-item:first-child {
margin-left: 0; } }
.menu--siteFooter a {
font-size: 1.125em; }
@media screen and (max-width: 600px) {
.menu--siteFooter a {
padding: .75em 0; }
.menu--siteFooter a:hover {
color: #333333;
background-image: none; } }
.personal-contact {
overflow: hidden;
position: relative;
background-color: #efebd2; }
.personal-contact__image {
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center; }
.personal-contact__copytext {
display: block;
position: relative;
z-index: 2;
padding: 1.7em 1rem 1.275em;
max-width: 635px;
font-style: italic;
font-size: 0.7em;
color: #fffded; }
@media screen and (min-width: 794px) {
.personal-contact__copytext {
float: right;
width: 50%; } }
.personal-contact__copytext a {
color: #fffded; }
@media screen and (min-width: 794px) {
.personal-contact__copytext {
padding: 1.7em 2em 1.275em;
font-size: 0.7em; } }
@media screen and (min-width: 890px) {
.personal-contact__copytext {
padding: 1.7em 2em 1.275em;
font-size: 0.8em; } }
@media screen and (min-width: 1000px) {
.personal-contact__copytext {
padding: 1.7em 2em 1.275em;
font-size: 1em; } }
@media screen and (min-width: 1060px) {
.personal-contact__copytext {
padding: 1.7em 2em 1.275em; } }
@media screen and (min-width: 1190px) {
.personal-contact__copytext {
padding: 2.55em 2em 1.7em; } }
@media screen and (min-width: 1210px) {
.personal-contact__copytext {
padding: 2.55em 2em 1.7em;
font-size: 1.375em; } }
@media screen and (min-width: 1250px) {
.personal-contact__copytext {
padding: 2.125em 2em 2.125em; } }
@media screen and (min-width: 1300px) {
.personal-contact__copytext {
padding: 2.55em 2em 2.55em; } }
@media screen and (min-width: 1490px) {
.personal-contact__copytext {
padding: 3.4em 2em 3.4em; } }
@media screen and (min-width: 1490px) {
.personal-contact__copytext {
padding: 5.1em 2em 5.1em; } }
.personal-contact__copytext p {
margin-bottom: 1.1333333333em; }
.personal-contact__copytext p:last-of-type {
margin-bottom: 0; }
.personal-contact__gradient {
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: black;
opacity: .8; }
@media screen and (min-width: 794px) {
.personal-contact__gradient {
width: 80%;
background-color: transparent;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #030303 99%, black 100%);
opacity: .9; } }
.pageHeader {
position: relative;
z-index: 11;
width: 100%; }
.pageHeader--time-travel {
z-index: 0; }
.hero {
overflow: hidden;
position: relative;
margin-top: 6.25em;
width: 100%;
height: calc(100vh - 6.25em);
height: calc(100dvh - 6.25em);
background-color: #333333;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
box-shadow: 0 1em 1em -1em rgba(0, 0, 0, 0.5); }
@media screen and (max-width: 1023px) {
.hero {
margin-top: -7px !important; } }
.hero__background-video {
position: absolute;
top: 50%;
left: 50%;
z-index: 0;
width: 100%;
height: 100%;
object-fit: cover;
transform: translateX(-50%) translateY(-50%); }
.gradient {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 65%;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #030303 99%, black 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(99%, #030303), color-stop(100%, black));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #030303 99%, black 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #030303 99%, black 100%);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #030303 99%, black 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #030303 99%, black 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0 );
opacity: .9; }
.gradient--speisen {
opacity: .5; }
.gradient--time-travel {
height: 100%;
opacity: .8; }
.pageHeadline {
position: absolute;
bottom: 7.5%;
left: 0;
z-index: 10;
width: 100%;
text-align: center; }
.pageHeadline--home {
bottom: 20%; }
.pageHeadline--speisen {
bottom: 7.5%; }
.headline {
display: inline-block; }
.headline .key-visual {
display: block; }
.headline .key-visual img {
display: inline-block;
height: auto; }
.headline .title {
display: block;
position: relative;
margin-top: .25em;
padding: 0 42px 0 48px;
color: #fffded;
font-family: 'Amatic SC', sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: .025em;
text-transform: uppercase; }
@media screen and (min-width: 1024px) {
.headline .title {
padding: 0 72px 0 78px; } }
.headline .title:before, .headline .title:after {
position: absolute;
content: '';
width: 32px;
height: 1em;
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/title-dash.svg);
background-repeat: no-repeat; }
@media screen and (min-width: 1024px) {
.headline .title:before, .headline .title:after {
width: 52px; } }
.headline .title:before {
left: 0;
background-position: 0 52.25%; }
.headline .title:after {
right: 0;
background-position: 100% 52.25%; }
.headline .subline {
display: block;
color: #fe5158;
font-family: 'adobe-caslon-pro', serif;
font-size: .25em;
font-style: italic;
font-weight: 600; }
.keyvisual--home {
opacity: .85;
margin-bottom: .125em; }
.keyvisual--home img {
width: 12.5%; }
.keyvisual--speisen {
opacity: .85;
margin-bottom: .125em; }
.keyvisual--speisen img {
width: 14%; }
.keyvisual--heiraten {
margin-bottom: .125em; }
.keyvisual--heiraten img {
width: 18%; }
.keyvisual--time-travel {
margin-bottom: .125em; }
.keyvisual--time-travel img {
width: 17%; }
.page-intro p {
margin-bottom: 0; }
@media screen and (min-width: 1024px) {
.page-intro--positioned-absolute {
position: absolute;
bottom: -4.43em;
left: 2.5vw;
z-index: 10; } }
.page-intro--positioned-absolute .intro-text {
background: #be2c32;
color: #fffded;
padding: 2.125em 1.7em 0.85em;
font-style: italic;
text-align: center; }
.page-intro--positioned-absolute .intro-text br {
display: none; }
@media screen and (min-width: 1024px) {
.page-intro--positioned-absolute .intro-text {
padding-bottom: 2.975em;
background: rgba(255, 253, 237, 0.95);
color: #333333;
text-align: left; }
.page-intro--positioned-absolute .intro-text br {
display: inline; } }
.page-intro--positioned-relative {
padding-bottom: .275em;
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/triangle-border--red.svg);
background-position: 0 100%;
background-repeat: repeat-x;
background-size: .5em;
color: #fffded;
text-align: center; }
.page-intro--positioned-relative .intro-text {
padding: 2.55em 1.7em 2.55em;
background-color: #be2c32; }
.page-intro--positioned-relative .intro-text p {
max-width: 39em;
margin: 0 auto; }
.page-intro--positioned-relative .intro-text a {
color: #fffded; }
.intro-text--zeitreise {
margin: 0 auto;
padding: 0 2.5vw;
max-width: 39em; }
.hero--standard-template {
padding-top: 1.5em;
height: auto;
background: none;
box-shadow: none; }
.hero--start {
height: calc(80vh - 6.25em);
height: calc(80dvh - 6.25em);
background-position: center; }
.hero--start .gradient {
height: 100%; }
.hero--time-travel {
margin-top: 0 !important;
height: calc(100vh - 6.25em);
height: calc(100dvh - 6.25em);
color: #fffded; }
.hero--google-map {
height: auto; }
@media screen and (max-width: 74.9375rem) and (orientation: portrait) {
.page-template-page-speisen .pageHeadline--speisen {
top: 7.5vh;
top: 7.5dvh;
bottom: auto; } }
@media screen and (max-width: 74.9375rem) and (orientation: portrait) {
.page-template-page-speisen .hero {
height: calc(80vh - 6.25em);
height: calc(80dvh - 6.25em);
background-color: #000;
background-size: contain;
background-position: bottom; } }
.banner {
position: relative;
display: table;
width: 100%;
text-align: center;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.banner .inner {
position: relative;
z-index: 4;
display: table-cell;
vertical-align: middle;
padding: 20vw 10vw; }
@media screen and (min-width: 1024px) {
.banner .inner {
padding: 5vw 10vw; } }
.headline-wrapper--banner {
display: inline-block;
text-align: center; }
@media screen and (min-width: 1024px) {
.headline-wrapper--banner {
width: 40ch; } }
.headline--banner {
display: inline-block;
margin: 0 0 0.68em;
text-align: center; }
@media screen and (min-width: 1024px) {
.banner--speisen {
text-align: right; } }
.banner--speisen {
z-index: 1;
box-shadow: 0 1em 1em -1em rgba(0, 0, 0, 0.75); }
.banner--heiraten {
z-index: 0; }
@media screen and (min-width: 1024px) {
.banner--heiraten {
text-align: left; } }
.keyvisual--speisen {
opacity: .8; }
.overlay--speisen {
opacity: .35; }
.overlay--heiraten {
opacity: .5; }
.banner--aktuelles {
z-index: 2;
background-color: #be2c32;
box-shadow: 0 1em 1em -1em rgba(0, 0, 0, 0.75); }
@media screen and (min-width: 1024px) {
.banner--aktuelles {
text-align: right; } }
.banner--aktuelles .banner-text {
display: flex;
flex-direction: column;
row-gap: 2.125em; }
.banner--aktuelles .banner__copytext {
color: #fffded;
text-align: center; }
.banner--aktuelles .banner__copytext p, .banner--aktuelles .banner__copytext ul, .banner--aktuelles .banner__copytext ol {
line-height: 1.5;
margin-bottom: .75em; }
.banner--aktuelles .banner__copytext ul {
list-style-type: circle;
margin-left: 1em; }
.banner--aktuelles .banner__copytext a {
color: #fffded;
text-decoration: underline; }
.banner--aktuelles .overlay--aktuelles {
opacity: .825; }
.banner--rooms {
position: relative;
margin-top: clamp(11px, 2.5vw, 22px);
padding: 1em 1em 3em;
height: auto; }
@media screen and (min-width: 500px) {
.banner--rooms {
text-align: left; } }
.page-template-page-speisen .banner--rooms {
background-position-y: 72%; }
.page-template-page-heiraten .banner--rooms {
background-size: cover;
background-position-x: center; }
@media screen and (min-width: 968px) {
.page-template-page-heiraten .banner--rooms {
background-position-x: left; } }
.banner--rooms .banner-text {
padding: 2.55em 1.7em 1em;
max-width: 25.25em;
background-color: #fffded; }
.banner--rooms .banner-text h2 {
margin-bottom: .5em; }
.banner--rooms .banner-text h3 {
margin-bottom: 1em; }
.banner--rooms .banner-text p, .banner--rooms .banner-text ul, .banner--rooms .banner-text ol {
font-size: 1em;
margin-bottom: 1em; }
.banner--rooms .banner-text p a, .banner--rooms .banner-text ul a, .banner--rooms .banner-text ol a {
color: #be2c32; }
@media screen and (min-width: 500px) {
.banner--rooms .banner-text ul, .banner--rooms .banner-text ol {
margin-left: 1em; } }
@media screen and (min-width: 500px) {
.banner--rooms .banner-text ul {
list-style-type: circle; } }
.menu-card-wrapper-header {
margin-bottom: 3.4em; }
.menu-card-wrapper-title {
margin-bottom: .5em;
padding-bottom: .75em;
text-align: center;
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/heading-divider.png);
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/heading-divider.svg);
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 1em; }
.menu-card-wrapper-subline {
max-width: 31em;
margin: 0 auto 1.7em;
text-align: center; }
.menu-card-item {
position: relative;
padding: 0 0; }
.menu-card-item:before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
height: .5em;
background-image: linear-gradient(to right, black 33%, rgba(51, 51, 51, 0) 0%);
background-position: 0 0;
background-size: 4px 1px;
background-repeat: repeat-x; }
.menu-card:first-of-type .menu-card-item:before {
height: 0; }
.menu-card-header {
position: relative;
padding: 1.5em 3em 1.5em 0;
cursor: pointer; }
@media screen and (max-width: 419px) {
.menu-card-header {
background-image: none !important; } }
@media screen and (min-width: 420px) {
.menu-card-header {
background-position: 0 1.75em;
background-repeat: no-repeat;
background-size: 2.2em; } }
@media screen and (min-width: 420px) {
.menu-card-keyvisual {
padding-left: 3.25em; } }
.menu-card-title {
position: relative;
z-index: 1;
font-family: 'Amatic SC', sans-serif;
font-weight: 700;
font-style: normal;
font-size: 2.68em;
line-height: 1em;
color: #393939; }
.menu-card-subtitle {
margin: .5em 0 0 .125em;
color: #be2c32;
font-size: 0.7em;
font-style: italic;
font-weight: 600; }
.menu-card-openclose {
position: absolute;
top: 2.4em;
right: 0;
z-index: 0; }
.menu-card-openclose .icon {
font-size: 0.7em;
background-position: 100% 50%;
background-repeat: no-repeat;
background-size: 1.75em;
color: #595959;
line-height: 1.75em;
transition: opacity 1000ms cubic-bezier(0, 0, 0, 0.99); }
.menu-card-openclose .icon span {
padding-right: 2.5em; }
@media screen and (max-width: 499px) {
.menu-card-openclose .icon span {
color: #fffded; } }
.icon--open-menu-card-item {
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/icon-open.png);
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/icon-open.svg); }
.icon--close-menu-card-item {
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/icon-close.png);
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/icon-close.svg); }
.menu-card-header.active .icon {
transition: all 1000ms cubic-bezier(0, 0, 0, 0.99); }
.menu-card-header .icon--close-menu-card-item, .menu-card-header.active .icon--open-menu-card-item {
display: none;
opacity: 0; }
.menu-card-header.active .icon--close-menu-card-item {
display: inline;
opacity: 1; }
.dish-category {
position: relative;
padding: 2.55em 0; }
.dish-category:before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
height: .5em;
background-image: linear-gradient(to right, black 33%, rgba(51, 51, 51, 0) 0%);
background-position: 0 0;
background-size: 4px 1px;
background-repeat: repeat-x;
opacity: .4; }
.dish-category:first-of-type {
padding-top: 0.85em; }
.dish-category:first-of-type:before {
height: 0; }
@media screen and (min-width: 768px) {
.dish-category--speisen {
padding-left: 3.3em; } }
.dish-category-title {
font-family: 'Amatic SC', sans-serif;
font-weight: 700;
font-style: normal;
font-size: 1.77em;
line-height: 0.9604519774em;
margin-bottom: .75em;
color: #404040; }
.dish-list {
line-height: 1.3; }
.dish-list--heiraten {
margin-left: 0; }
.dish-item {
display: block;
margin-top: 1em;
width: 100%; }
.dish-item:not(:last-child) {
margin-bottom: 1em; }
.dish-item--heiraten {
width: 100%;
display: block;
margin-left: 0; }
.dish-title {
color: #333333;
font-size: 1em;
font-weight: 400; }
.dish-description {
color: #595959;
font-size: 0.8em; }
.imagegrid {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
margin-left: 0;
background: #be2c32; }
.imagegrid:nth-of-type(3) {
display: none; }
@media screen and (min-width: 768px) {
.imagegrid {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } }
.imagegrid img {
display: block;
width: 100%;
height: 100%;
object-fit: cover; }
.imagegrid__item {
position: relative;
z-index: 0;
overflow: hidden; }
.imagegrid__item--text {
position: relative;
z-index: 1;
grid-column: 1 / span 3;
grid-row-start: 3;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: visible;
padding: 1.7em;
background: #be2c32;
color: #fffded;
font-style: italic; }
@media screen and (min-width: 768px) {
.imagegrid__item--text {
grid-column: 2 / span 2; } }
.imagegrid__copytext {
margin-bottom: 1em; }
.overview .grid-col {
overflow: hidden; }
.overview-header--rooms h2 {
margin-bottom: .5em;
padding-bottom: .75em;
text-align: center;
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/heading-divider.png);
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/heading-divider.svg);
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 1em; }
.room-list {
display: flex;
flex-wrap: wrap;
align-items: stretch;
margin-left: -1.375em; }
@media screen and (max-width: 459px) {
.room-list {
display: block;
margin-left: 0; } }
.room-item {
margin-left: 1.375em; }
@media screen and (max-width: 899px) {
.room-item {
margin-bottom: 1em; } }
@media screen and (max-width: 459px) {
.room-item {
margin-left: 0;
width: 100%;
min-height: 60vh; } }
.room-item--gallery {
display: flex;
width: calc(100% / 3 * 2 - 1.375em); }
@media screen and (max-width: 899px) {
.room-item--gallery {
width: 100%; } }
.room-item--linkbox {
width: calc(100% / 3 - 1.375em); }
@media screen and (max-width: 899px) {
.room-item--linkbox {
width: calc(100% / 2 - 1.375em); } }
.room-image-wrapper {
flex-grow: 1;
position: relative;
width: 100%;
height: 100%; }
.room-image {
display: block;
width: 100%;
height: 100%;
object-fit: cover; }
.room-text {
position: absolute;
top: 0;
left: 0;
z-index: 10;
padding: 1em;
width: 100%; }
.room-text-inner {
padding: 1em;
background: #fffded;
background: rgba(255, 253, 237, 0.925);
text-align: center;
transition: all 250ms cubic-bezier(0, 0, 0, 0.99); }
.room-gallery-link:hover .room-text-inner {
background: #fffded; }
.room-title {
font-family: 'Amatic SC', sans-serif;
font-weight: 700;
font-style: normal;
font-size: 1.435em;
line-height: 1.2142857143em; }
@media screen and (min-width: 1270px) {
.room-title {
font-family: 'Amatic SC', sans-serif;
font-weight: 700;
font-style: normal;
font-size: 1.77em;
line-height: 0.9604519774em; } }
.room-subline {
margin-top: .7em;
color: #be2c32;
font-size: 0.7em;
font-style: italic;
font-weight: 600;
line-height: 1.3; }
.room-button {
position: absolute;
bottom: .55em;
left: 0;
z-index: 5;
width: 100%;
height: 1em;
background: transparent;
font-size: 1.5em;
text-align: center;
transition: all 250ms cubic-bezier(0, 0, 0, 0.99);
opacity: .95; }
.room-button:focus {
outline: none; }
.room-button:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 50%;
margin-left: -0.375em;
width: 0.75em;
height: 0.75em;
border: 2px solid #fffded;
transform: rotate(45deg); }
.room-button:after {
content: '+';
display: block;
position: absolute;
top: 0;
left: 50%;
margin-left: -0.375em;
width: 0.75em;
height: 0.75em;
color: #fffded;
font-family: 'Amatic SC', sans-serif;
font-weight: 700;
font-style: normal;
line-height: .65em; }
.room-gallery-link:hover .room-button {
bottom: 1em;
opacity: 1; }
.overlay--overview {
opacity: .4; }
.room-gallery-link:hover .overlay--overview {
opacity: .2; }
.room-gallery-images {
display: none; }
.room-item--linkbox {
display: flex;
flex-direction: column; }
@media screen and (max-width: 899px) {
.room-item--linkbox {
flex-direction: row;
justify-content: space-between;
width: 100%;
height: auto; } }
@media screen and (max-width: 459px) {
.room-item--linkbox {
flex-direction: column;
width: 100%; } }
.linkbox {
position: relative;
display: flex;
align-items: stretch;
justify-content: stretch;
padding: 1.375em;
width: 100%;
height: calc(50% - (1.375em / 2)); }
@media screen and (max-width: 899px) {
.linkbox {
width: calc(50% - (1.375em / 2));
height: auto; } }
@media screen and (max-width: 459px) {
.linkbox {
padding: 1em;
width: 100%; } }
.linkbox:after {
content: '';
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: background-color 250ms cubic-bezier(0, 0, 0, 0.99); }
.linkbox:first-of-type {
margin-bottom: 0.6875em; }
@media screen and (max-width: 899px) {
.linkbox:first-of-type {
margin-bottom: 0; } }
.linkbox:first-of-type:after {
background-color: #ebe7c8; }
.linkbox:last-of-type {
margin-top: 0.6875em; }
@media screen and (max-width: 899px) {
.linkbox:last-of-type {
margin-top: 0; } }
@media screen and (max-width: 459px) {
.linkbox:last-of-type {
margin-top: 1em; } }
.linkbox:last-of-type:after {
background-color: #be2c32; }
.linkbox .room-text-inner {
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
z-index: 2;
background-color: #fffded; }
.linkbox .room-text-inner img {
margin-bottom: .75em;
width: 32px; }
.linkbox .room-text-inner .room-button {
font-size: 1.25em;
margin-top: .675em;
position: relative;
bottom: auto;
left: auto; }
.linkbox .room-text-inner .room-button:before {
border: 2px solid #333333; }
.linkbox .room-text-inner .room-button:after {
content: '';
color: #333333;
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/menu-arrow.svg);
background-repeat: no-repeat;
background-size: .375em; }
.linkbox:first-of-type .room-text-inner .room-button:after {
transform: rotate(90deg);
background-position: 50% 47%; }
.linkbox:last-of-type .room-text-inner .room-button:after {
transform: rotate(180deg);
background-position: 50% 46%; }
@media (hover: hover) {
.linkbox:hover:first-of-type:after {
background-color: #e4deb6; }
.linkbox:hover:last-of-type:after {
background-color: #a9272d; } }
.time-travel-item {
position: relative;
font-size: 1em;
box-shadow: 0 1em 1em -1em rgba(0, 0, 0, 0.75); }
.time-travel-item:nth-of-type(1) {
z-index: 5; }
@media screen and (max-width: 1023px) {
.time-travel-item:nth-of-type(1) {
margin-top: -7px !important; } }
.time-travel-item:nth-of-type(2) {
z-index: 4; }
.time-travel-item:nth-of-type(3) {
z-index: 3; }
.time-travel-item:nth-of-type(4) {
z-index: 2; }
.time-travel-item:nth-of-type(5) {
z-index: 1; }
@media screen and (max-width: 1023px) {
.time-travel-item {
background-image: none !important; } }
@media screen and (min-width: 1024px) {
.time-travel-item {
min-height: 90vh;
background-size: cover;
background-position: 50% 0;
background-repeat: no-repeat; } }
.time-travel-item img {
display: block;
width: 100%;
height: auto;
box-shadow: 0px 1em 1em -1em rgba(0, 0, 0, 0.75); }
@media screen and (min-width: 1024px) {
.time-travel-item img {
display: none; } }
.time-travel-item .intro-text {
width: 100%;
padding-bottom: 2.125em; }
.time-travel-item h2 {
font-size: 2.125em;
margin-bottom: .5em; }
@media screen and (min-width: 1024px) {
.page-intro--zeitreise {
max-width: 26em;
right: 2em;
left: auto; } }
@media screen and (min-width: 1024px) {
.time-travel-item:last-of-type .page-intro--zeitreise {
rigth: auto;
left: 2em; } }
.page-intro--zeitreise p {
max-width: 26em;
margin: 0 auto; }
.map {
position: relative; }
.kontakt-karte {
width: 100%; }
#google-map,
#google-container {
width: 100%; }
#google-container {
position: relative;
height: 300px;
background-color: #fff; }
@media screen and (min-width: 800px) {
#google-container {
height: 600px; } }
@media screen and (min-width: 1024px) {
#google-container {
height: 77vh; } }
#google-map {
position: relative; }
#zoom-in,
#zoom-out {
height: 40px;
width: 40px;
cursor: pointer;
margin-left: 2.5vw;
background-repeat: no-repeat;
background-size: 40px auto;
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/map-controller.png);
background-image: url(//www.grenzhaus-restaurant.de/wp-content/themes/das-grenzhaus/assets/img/map-controller.svg); }
#zoom-in {
background-position: 50% 0px;
margin-top: 5vw;
margin-bottom: 0.2833333333em; }
@media screen and (min-width: 800px) {
#zoom-in {
margin-top: 2.5vw; } }
#zoom-out {
background-position: 50% -43px; }
.googlelink-container {
position: absolute;
bottom: 5vw;
right: 2.5vw;
margin-top: 3vw; }
@media screen and (min-width: 800px) {
.googlelink-container {
bottom: 2.5vw; } }
#tourkartenlink {
padding: .75em .75em .25em;
background-color: #f2efdb;
background-repeat: no-repeat;
border: 1px solid #333333;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
color: #be2c32;
font-size: 0.7em;
font-weight: 600; }
.partner {
display: grid;
grid-template-columns: 1fr;
grid-column-gap: 1.7em;
grid-row-gap: 1.7em; }
@media screen and (min-width: 500px) {
.partner {
grid-template-columns: 1fr 1fr; } }
@media screen and (min-width: 768px) {
.partner {
grid-template-columns: 1fr 1fr 1fr; } }
@media screen and (min-width: 1200px) {
.partner {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } }
.partner__item {
display: flex;
align-items: center;
justify-content: center;
padding: 0.85em; }
.partner__item a {
display: block;
width: 100%;
position: relative;
height: 0;
padding: 56.25% 0 0 0;
overflow: hidden; }
.partner__logo {
position: absolute;
display: block;
max-width: 100%;
max-height: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto; }
.flatpickr-calendar {
background: transparent;
opacity: 0;
display: none;
text-align: center;
visibility: hidden;
padding: 0;
-webkit-animation: none;
animation: none;
direction: ltr;
border: 0;
font-size: 14px;
line-height: 24px;
border-radius: 5px;
position: absolute;
width: 307.875px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-touch-action: manipulation;
touch-action: manipulation;
background: #fff;
-webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); }
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
opacity: 1;
max-height: 640px;
visibility: visible; }
.flatpickr-calendar.open {
display: inline-block;
z-index: 99999; }
.flatpickr-calendar.animate.open {
-webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); }
.flatpickr-calendar.inline {
display: block;
position: relative;
top: 2px; }
.flatpickr-calendar.static {
position: absolute;
top: calc(100% + 2px); }
.flatpickr-calendar.static.open {
z-index: 999;
display: block; }
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
-webkit-box-shadow: none !important;
box-shadow: none !important; }
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
-webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; }
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.flatpickr-calendar .hasWeeks .dayContainer {
border-left: 0; }
.flatpickr-calendar.hasTime .flatpickr-time {
height: 40px;
border-top: 1px solid #e6e6e6; }
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
height: auto; }
.flatpickr-calendar:before,
.flatpickr-calendar:after {
position: absolute;
display: block;
pointer-events: none;
border: solid transparent;
content: '';
height: 0;
width: 0;
left: 22px; }
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
left: auto;
right: 22px; }
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
left: 50%;
right: 50%; }
.flatpickr-calendar:before {
border-width: 5px;
margin: 0 -5px; }
.flatpickr-calendar:after {
border-width: 4px;
margin: 0 -4px; }
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
bottom: 100%; }
.flatpickr-calendar.arrowTop:before {
border-bottom-color: #e6e6e6; }
.flatpickr-calendar.arrowTop:after {
border-bottom-color: #fff; }
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
top: 100%; }
.flatpickr-calendar.arrowBottom:before {
border-top-color: #e6e6e6; }
.flatpickr-calendar.arrowBottom:after {
border-top-color: #fff; }
.flatpickr-calendar:focus {
outline: 0; }
.flatpickr-wrapper {
position: relative;
display: inline-block; }
.flatpickr-months {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.flatpickr-months .flatpickr-month {
background: transparent;
color: rgba(0, 0, 0, 0.9);
fill: rgba(0, 0, 0, 0.9);
height: 34px;
line-height: 1;
text-align: center;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1; }
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
text-decoration: none;
cursor: pointer;
position: absolute;
top: 0;
height: 34px;
padding: 10px;
z-index: 3;
color: rgba(0, 0, 0, 0.9);
fill: rgba(0, 0, 0, 0.9); }
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
display: none; }
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
position: relative; }
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {  left: 0;  }  .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {  right: 0;  }  .flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
color: #959ea9; }
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
fill: #f64747; }
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
width: 14px;
height: 14px; }
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
-webkit-transition: fill 0.1s;
transition: fill 0.1s;
fill: inherit; }
.numInputWrapper {
position: relative;
height: auto; }
.numInputWrapper input,
.numInputWrapper span {
display: inline-block; }
.numInputWrapper input {
width: 100%; }
.numInputWrapper input::-ms-clear {
display: none; }
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none; }
.numInputWrapper span {
position: absolute;
right: 0;
width: 14px;
padding: 0 4px 0 2px;
height: 50%;
line-height: 50%;
opacity: 0;
cursor: pointer;
border: 1px solid rgba(57, 57, 57, 0.15);
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.numInputWrapper span:hover {
background: rgba(0, 0, 0, 0.1); }
.numInputWrapper span:active {
background: rgba(0, 0, 0, 0.2); }
.numInputWrapper span:after {
display: block;
content: "";
position: absolute; }
.numInputWrapper span.arrowUp {
top: 0;
border-bottom: 0; }
.numInputWrapper span.arrowUp:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(57, 57, 57, 0.6);
top: 26%; }
.numInputWrapper span.arrowDown {
top: 50%; }
.numInputWrapper span.arrowDown:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(57, 57, 57, 0.6);
top: 40%; }
.numInputWrapper span svg {
width: inherit;
height: auto; }
.numInputWrapper span svg path {
fill: rgba(0, 0, 0, 0.5); }
.numInputWrapper:hover {
background: rgba(0, 0, 0, 0.05); }
.numInputWrapper:hover span {
opacity: 1; }
.flatpickr-current-month {
font-size: 135%;
line-height: inherit;
font-weight: 300;
color: inherit;
position: absolute;
width: 75%;
left: 12.5%;
padding: 7.48px 0 0 0;
line-height: 1;
height: 34px;
display: inline-block;
text-align: center;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px); }
.flatpickr-current-month span.cur-month {
font-family: inherit;
font-weight: 700;
color: inherit;
display: inline-block;
margin-left: 0.5ch;
padding: 0; }
.flatpickr-current-month span.cur-month:hover {
background: rgba(0, 0, 0, 0.05); }
.flatpickr-current-month .numInputWrapper {
width: 6ch;
width: 7ch\0;
display: inline-block; }
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: rgba(0, 0, 0, 0.9); }
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
border-top-color: rgba(0, 0, 0, 0.9); }
.flatpickr-current-month input.cur-year {
background: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
cursor: text;
padding: 0 0 0 0.5ch;
margin: 0;
display: inline-block;
font-size: inherit;
font-family: inherit;
font-weight: 300;
line-height: inherit;
height: auto;
border: 0;
border-radius: 0;
vertical-align: initial;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield; }
.flatpickr-current-month input.cur-year:focus {
outline: 0; }
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
font-size: 100%;
color: rgba(0, 0, 0, 0.5);
background: transparent;
pointer-events: none; }
.flatpickr-current-month .flatpickr-monthDropdown-months {
appearance: menulist;
background: transparent;
border: none;
border-radius: 0;
box-sizing: border-box;
color: inherit;
cursor: pointer;
font-size: 1em;
font-family: inherit;
font-weight: 300;
height: auto;
line-height: inherit;
margin: -1px 0 0 0;
outline: none;
padding: 0 0 0 0.5ch;
position: relative;
vertical-align: initial;
-webkit-box-sizing: border-box;
-webkit-appearance: menulist;
-moz-appearance: menulist;
width: auto; }
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
outline: none; }
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
background: rgba(0, 0, 0, 0.05); }
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
background-color: transparent;
outline: none;
padding: 0; }
.flatpickr-weekdays {
background: transparent;
text-align: center;
overflow: hidden;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 28px; }
.flatpickr-weekdays .flatpickr-weekdaycontainer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1; }
span.flatpickr-weekday {
cursor: default;
font-size: 90%;
background: transparent;
color: rgba(0, 0, 0, 0.54);
line-height: 1;
margin: 0;
text-align: center;
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-weight: bolder; }
.dayContainer,
.flatpickr-weeks {
padding: 1px 0 0 0; }
.flatpickr-days {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
width: 307.875px; }
.flatpickr-days:focus {
outline: 0; }
.dayContainer {
padding: 0;
outline: 0;
text-align: left;
width: 307.875px;
min-width: 307.875px;
max-width: 307.875px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
-ms-flex-pack: justify;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
opacity: 1; }
.dayContainer + .dayContainer {
-webkit-box-shadow: -1px 0 0 #e6e6e6;
box-shadow: -1px 0 0 #e6e6e6; }
.flatpickr-day {
background: none;
border: 1px solid transparent;
border-radius: 150px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #393939;
cursor: pointer;
font-weight: 400;
width: 14.2857143%;
-webkit-flex-basis: 14.2857143%;
-ms-flex-preferred-size: 14.2857143%;
flex-basis: 14.2857143%;
max-width: 39px;
height: 39px;
line-height: 39px;
margin: 0;
display: inline-block;
position: relative;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center; }
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
cursor: pointer;
outline: 0;
background: #be2c32;
border-color: #be2c32;
color: #fffded; }
.flatpickr-day.today {
border-color: #be2c32; }
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
border-color: #be2c32;
background: #be2c32;
color: #fffded; }
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
background: #be2c32;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
border-color: #be2c32; }
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
border-radius: 50px 0 0 50px; }
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
border-radius: 0 50px 50px 0; }
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
-webkit-box-shadow: -10px 0 0 #be2c32;
box-shadow: -10px 0 0 #be2c32; }
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
border-radius: 50px; }
.flatpickr-day.inRange {
border-radius: 0;
-webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; }
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
color: rgba(57, 57, 57, 0.3);
background: transparent;
border-color: transparent;
cursor: default; }
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
cursor: not-allowed;
color: rgba(57, 57, 57, 0.1); }
.flatpickr-day.week.selected {
border-radius: 0;
-webkit-box-shadow: -5px 0 0 #be2c32, 5px 0 0 #be2c32;
box-shadow: -5px 0 0 #be2c32, 5px 0 0 #be2c32; }
.flatpickr-day.hidden {
visibility: hidden; }
.rangeMode .flatpickr-day {
margin-top: 1px; }
.flatpickr-weekwrapper {
float: left; }
.flatpickr-weekwrapper .flatpickr-weeks {
padding: 0 12px;
-webkit-box-shadow: 1px 0 0 #e6e6e6;
box-shadow: 1px 0 0 #e6e6e6; }
.flatpickr-weekwrapper .flatpickr-weekday {
float: none;
width: 100%;
line-height: 28px; }
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
display: block;
width: 100%;
max-width: none;
color: rgba(57, 57, 57, 0.3);
background: transparent;
cursor: default;
border: none; }
.flatpickr-innerContainer {
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden; }
.flatpickr-rContainer {
display: inline-block;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.flatpickr-time {
text-align: center;
outline: 0;
display: block;
height: 0;
line-height: 40px;
max-height: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.flatpickr-time:after {
content: "";
display: table;
clear: both; }
.flatpickr-time .numInputWrapper {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 40%;
height: 40px;
float: left; }
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: #393939; }
.flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: #393939; }
.flatpickr-time.hasSeconds .numInputWrapper {
width: 26%; }
.flatpickr-time.time24hr .numInputWrapper {
width: 49%; }
.flatpickr-time input {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
border-radius: 0;
text-align: center;
margin: 0;
padding: 0;
height: inherit;
line-height: inherit;
color: #393939;
font-size: 14px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield; }
.flatpickr-time input.flatpickr-hour {
font-weight: bold; }
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
font-weight: 400; }
.flatpickr-time input:focus {
outline: 0;
border: 0; }
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
height: inherit;
float: left;
line-height: inherit;
color: #393939;
font-weight: bold;
width: 2%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center; }
.flatpickr-time .flatpickr-am-pm {
outline: 0;
width: 18%;
cursor: pointer;
text-align: center;
font-weight: 400; }
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
background: #eee; }
.flatpickr-input[readonly] {
cursor: pointer; }
@-webkit-keyframes fpFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fpFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.form-wrapper {
margin: 3.4em auto;
padding: 1.7em;
max-width: 640px;
background: #fffded;
border-radius: 3px;
font-size: .875em;
text-align: left; }
.form-header {
margin-bottom: 1.7em; }
.form-selection {
margin-top: 0.85em;
margin-bottom: 0.85em; }
.form-selection .form-selection__field-wrapper {
display: flex;
align-items: baseline;
margin-top: 0.2833333333em; }
.form-selection .form-selection__field-wrapper br {
display: none; }
.form-selection .form-selection__field-wrapper label {
padding-left: .375em;
font-size: 0.8em;
line-height: 1.3; }
@media screen and (min-width: 90rem) {
.form-selection .form-selection__field-wrapper label {
font-size: 1em; } }
.form-selection__title {
display: block;
color: #333333;
font-size: 0.8em;
font-weight: 700;
line-height: 1.3; }
@media screen and (min-width: 90rem) {
.form-selection__title {
font-size: 1em; } }
.js .wpcf7 {
display: none;
opacity: 0;
pointer-events: none;
transition: .3s opacity ease-in-out; }
.js .wpcf7.form--is-opaque {
display: block;
opacity: .5;
max-height: 258px;
overflow: hidden; }
.js .wpcf7.form--is-visible {
display: block;
max-height: none;
opacity: 1;
pointer-events: all;
transition: .3s opacity ease-in-out; }
.fieldset-wrapper {
overflow: visible;
position: relative; }
.fieldset-wrapper:last-of-type {
border-bottom: none; }
.fieldset-title {
float: left;
font-size: 1em;
font-weight: 700;
color: #333333;
margin-bottom: 0.85em;
width: 100%; }
@media screen and (min-width: 48rem) {
.fieldset-title {
font-size: 1em;
margin-bottom: 1.7em; } }
.fieldset-title span {
display: block; }
.field-wrapper {
position: relative;
clear: both; }
.field-wrapper br {
display: none; }
.field-wrapper select,
.field-wrapper input[type="text"],
.field-wrapper input[type="email"],
.field-wrapper input[type="date"],
.field-wrapper input[type="tel"],
.field-wrapper input[type="file"],
.field-wrapper textarea,
.field-wrapper .button--form  {
border-radius: 3px; }
.field-wrapper select,
.field-wrapper input[type="text"],
.field-wrapper input[type="email"],
.field-wrapper input[type="date"],
.field-wrapper input[type="tel"],
.field-wrapper input[type="file"],
.field-wrapper textarea {
font-family: 'adobe-caslon-pro', serif;
font-size: 0.8em;
line-height: 1.7em;
padding: 0.5666666667em 0.2833333333em 0.1888888889em;
width: 100%;
background-color: #fffded;
border: 1px solid #333333; }
@media screen and (min-width: 90rem) {
.field-wrapper select,
.field-wrapper input[type="text"],
.field-wrapper input[type="email"],
.field-wrapper input[type="date"],
.field-wrapper input[type="tel"],
.field-wrapper input[type="file"],
.field-wrapper textarea {
font-size: 1em; } }
.field-wrapper select:hover,
.field-wrapper input[type="text"]:hover,
.field-wrapper input[type="email"]:hover,
.field-wrapper input[type="date"]:hover,
.field-wrapper input[type="tel"]:hover,
.field-wrapper input[type="file"]:hover,
.field-wrapper textarea:hover {
border-color: #be2c32;
outline: none; }
.field-wrapper select:focus,
.field-wrapper input[type="text"]:focus,
.field-wrapper input[type="email"]:focus,
.field-wrapper input[type="date"]:focus,
.field-wrapper input[type="tel"]:focus,
.field-wrapper input[type="file"]:focus,
.field-wrapper textarea:focus {
border-color: #be2c32;
outline: none; }
.field-wrapper select.wpcf7-not-valid,
.field-wrapper input[type="text"].wpcf7-not-valid,
.field-wrapper input[type="email"].wpcf7-not-valid,
.field-wrapper input[type="date"].wpcf7-not-valid,
.field-wrapper input[type="tel"].wpcf7-not-valid,
.field-wrapper input[type="file"].wpcf7-not-valid,
.field-wrapper textarea.wpcf7-not-valid {
border-color: #fe5158; }
.field-wrapper select::placeholder,
.field-wrapper input[type="text"]::placeholder,
.field-wrapper input[type="email"]::placeholder,
.field-wrapper input[type="date"]::placeholder,
.field-wrapper input[type="tel"]::placeholder,
.field-wrapper input[type="file"]::placeholder,
.field-wrapper textarea::placeholder {
color: #333333; }
.field-wrapper label,
.field-wrapper .wpcf7-list-item-label {
font-size: 0.8em;
line-height: 1.3; }
@media screen and (min-width: 90rem) {
.field-wrapper label,
.field-wrapper .wpcf7-list-item-label {
font-size: 1em; } }
.field-wrapper label {
display: block;
margin-bottom: .25em; }
.field-wrapper .wpcf7-not-valid-tip {
padding-top: 0.2833333333emem;
font-size: 0.8em;
color: palette(Red, 500); }
.field-wrapper .legal-notice-check span.wpcf7-list-item {
margin-left: 0; }
.field-wrapper .legal-notice-check input {
width: auto !important;
height: auto !important;
min-width: 0 !important;
display: inline;
margin-right: .5em; }
.field-wrapper .legal-notice-check-label {
display: inline;
line-height: 1.3; }
.field-wrapper .legal-notice-check-label a {
color: palette(Green, 900); }
.field-required {
color: #be2c32; }
.fieldset-wrapper__2col {
display: grid;
grid-row-gap: 0.5666666667em;
clear: both; }
@media screen and (min-width: 48rem) {
.fieldset-wrapper__2col {
grid-template-columns: 1fr 1fr;
grid-column-gap: 0.85em;
grid-row-gap: 1.1333333333em; } }
@media screen and (min-width: 48rem) {
.fieldset-wrapper__2col .fieldset-title,
.fieldset-wrapper__2col .field-wrapper--span-2col {
grid-column: 1 / span 2; } }
.field-wrapper--ckeckbox {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0.5666666667em 0;
border-bottom: 1px solid palette(Black, Divider); }
@media screen and (min-width: 48rem) {
.field-wrapper--ckeckbox {
padding: 0.85em 0; } }
.field-wrapper--ckeckbox.field-wrapper:last-of-type {
border-bottom: none !important;
padding-bottom: 0 !important; }
.field-wrapper--ckeckbox label:first-of-type {
flex-basis: calc(100% / 3 * 2);
margin-bottom: 0; }
.field-wrapper--ckeckbox .wpcf7-form-control-wrap:first-of-type {
flex-basis: calc(100% / 3);
display: flex;
justify-content: flex-end; }
.field-wrapper--ckeckbox .wpcf7-form-control-wrap:first-of-type label {
font-size: 1em;
min-width: 56px; }
.field-wrapper--ckeckbox .wpcf7-form-control-wrap:first-of-type label input[type="checkbox"] {
margin-right: .25em; }
.field-wrapper--ckeckbox label:nth-of-type(2) {
flex-basis: 100%;
color: #333333; }
.field-wrapper--ckeckbox .wpcf7-form-control-wrap:nth-of-type(2) {
flex-basis: 100%; }
.field-wrapper--button {
margin-bottom: 0; }
.field-wrapper--file-upload {
margin-bottom: 0.425em; }
@media screen and (min-width: 48rem) {
.field-wrapper--file-upload {
margin-bottom: 0.5666666667em; } }
.screen-reader-response {
overflow: hidden;
position: absolute;
width: 1px;
height: 1px;
clip: rect(0 0 0 0);
clip-path: inset(100%);
white-space: nowrap; }
.field-wrapper--response-output {
margin-bottom: 0;
padding: 0;
background: #be2c32;
color: #fffded;
border-bottom: none; }
.field-wrapper--response-output:after, .field-wrapper--response-output:before {
display: none; }
.field-wrapper--response-output .wpcf7-response-output {
font-size: 1em;
font-weight: 700;
margin: 0;
padding: .75em .5em .5em;
border: none;
line-height: 1.3; }
.field-wrapper--response-output .wpcf7-response-output span {
display: block;
padding: 0.85em;
padding-top: 0.975em; }
.image-gallery {
margin-top: clamp(11px, 2.5vw, 22px);
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(11px, 2.5vw, 22px); }
.image-gallery img {
position: relative;
z-index: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.image-gallery__item {
position: relative;
display: flex;
flex-direction: column; }
.image-gallery__item-caption {
margin-right: .625vw;
padding-top: .625em;
padding-right: .35em;
background-color: #fffded; }
@media screen and (min-width: 900px) {
.image-gallery__item-caption {
position: absolute;
bottom: .625vw;
left: .625vw;
z-index: 1;
padding-bottom: .35em;
padding-left: .35em; } }
.image-gallery__item-caption p {
font-size: 0.8em;
line-height: 1.3; }
.image-gallery--speisen .image-gallery__item:nth-child(1) {
grid-row: 1 / span 2; }
.image-gallery--speisen .image-gallery__item:nth-child(4) {
grid-column: 3;
grid-row: 1 / span 2; }
.image-gallery--speisen .image-gallery__item:nth-child(5) {
grid-row: 3 / span 2; }
.image-gallery--speisen .image-gallery__item:nth-child(8) {
grid-column: 2 / span 2; }
.image-gallery--speisen .image-gallery__item:nth-child(9) {
grid-column: 1 / span 2;
grid-row: 6 / span 2; }
.image-gallery--speisen .image-gallery__item:nth-child(9) img {
object-position: right; }
.image-gallery--speisen .image-gallery__item:nth-child(12) {
grid-row: 5 / span 2; }
.image-gallery--speisen .image-gallery__item:nth-child(13) {
grid-row: 7 / span 2; }
.image-gallery--speisen .image-gallery__item:nth-child(14) {
grid-column: 1 / span 2; }
.image-gallery--heiraten-top .image-gallery__item:nth-child(1) {
grid-row: 1 / span 2; }
.image-gallery--heiraten-top .image-gallery__item:nth-child(4) {
grid-column: 2 / span 2;
grid-row: 2 / span 2; }
.image-gallery--heiraten-top .image-gallery__item:nth-child(5) {
grid-row: 3 / span 2; }
.image-gallery--heiraten-top .image-gallery__item:nth-child(8) {
grid-row: 4 / span 2; }
.image-gallery--heiraten-top .image-gallery__item:nth-child(10) {
grid-column: 2 / span 2;
grid-row: 6 / span 2; }
.image-gallery--heiraten-top .image-gallery__item:nth-child(12) {
grid-row: 6 / span 2; }
.image-gallery--heiraten-top .image-gallery__item:nth-child(15) {
grid-row: 9 / span 3; }
.image-gallery--heiraten-top .image-gallery__item:nth-child(17) {
grid-row: 9 / span 3; }
.image-gallery--heiraten-top .image-gallery__item:nth-child(20) {
grid-column: 1 / span 2; }
.image-gallery--heiraten-bottom .image-gallery__item:nth-child(1) {
grid-column: 1 / span 2; }
.image-gallery--heiraten-bottom .image-gallery__item:nth-child(6) {
grid-column: 1 / span 2;
grid-row: 3 / span 3; }
.image-gallery--zeitreise .image-gallery__item:nth-child(1) {
grid-row: 1 / span 2; }
.image-gallery--zeitreise .image-gallery__item:nth-child(4) {
grid-column: 3;
grid-row: 1 / span 2; }
.image-gallery--zeitreise .image-gallery__item:nth-child(8) {
grid-column: 1 / span 2;
grid-row: 4 / span 2; }
.image-gallery--zeitreise .image-gallery__item:nth-child(12) {
grid-column: 2 / span 2;
grid-row: 6 / span 2; }
.image-gallery--zeitreise .image-gallery__item:nth-child(14) {
grid-column: 1 / span 2;
grid-row: 8 / span 1; }
.image-gallery--zeitreise .image-gallery__item:nth-child(17) {
grid-column: 2 / span 2; }
.image-gallery--zeitreise .image-gallery__item:nth-child(19) img {
object-position: right; }
.image-gallery--zeitreise .image-gallery__item:nth-child(22) {
grid-column: 2 / span 2; }
.image-gallery--zeitreise .image-gallery__item:nth-child(23) {
grid-column: 1 / span 2; }
.image-gallery--zeitreise .image-gallery__item:nth-child(26) {
grid-column: 2 / span 2; }