span.eeb-nodis { 
display:none !important; 
}
span.eeb-rtl { 
unicode-bidi:bidi-override !important; 
direction:rtl !important; 
display:inline !important; 
}
span.eeb-rtl span.eeb-sd, span.eeb-nrtl span.eeb-sd{
display:inline !important;
padding-left:0 !important;
}
span.eeb-nrtl { 
word-break: break-all !important;
}
.eeb-encoded { 
position:relative; 
margin-top:-0.3em; 
z-index:1000; 
color:green; 
}html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//officina.rest/wp/wp-content/themes/bf_officina/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}@font-face {
font-family: "Montagu Slab";
font-style: normal;
font-weight: 400;
src: url(//officina.rest/wp/wp-content/themes/bf_officina/fonts/montagu-slab-v2-latin-regular.eot); src: local(""),
url(//officina.rest/wp/wp-content/themes/bf_officina/fonts/montagu-slab-v2-latin-regular.eot?#iefix)
format("embedded-opentype"), url(//officina.rest/wp/wp-content/themes/bf_officina/fonts/montagu-slab-v2-latin-regular.woff2)
format("woff2"), url(//officina.rest/wp/wp-content/themes/bf_officina/fonts/montagu-slab-v2-latin-regular.woff) format("woff"), url(//officina.rest/wp/wp-content/themes/bf_officina/fonts/montagu-slab-v2-latin-regular.ttf)
format("truetype"), url(//officina.rest/wp/wp-content/themes/bf_officina/fonts/montagu-slab-v2-latin-regular.svg#MontaguSlab)
format("svg"); } @font-face {
font-family: "Montagu Slab";
font-style: normal;
font-weight: 300;
src: url(//officina.rest/wp/wp-content/themes/bf_officina/fonts/montagu-slab-v2-latin-300.eot); src: local(""),
url(//officina.rest/wp/wp-content/themes/bf_officina/fonts/montagu-slab-v2-latin-300.eot?#iefix)
format("embedded-opentype"), url(//officina.rest/wp/wp-content/themes/bf_officina/fonts/montagu-slab-v2-latin-300.woff2)
format("woff2"), url(//officina.rest/wp/wp-content/themes/bf_officina/fonts/montagu-slab-v2-latin-300.woff)
format("woff"), url(//officina.rest/wp/wp-content/themes/bf_officina/fonts/montagu-slab-v2-latin-300.ttf)
format("truetype"), url(//officina.rest/wp/wp-content/themes/bf_officina/fonts/montagu-slab-v2-latin-300.svg#MontaguSlab) format("svg"); } @font-face {
font-family: "Montagu Slab";
font-style: normal;
font-weight: 500;
src: url(//officina.rest/wp/wp-content/themes/bf_officina/fonts/montagu-slab-v2-latin-500.eot); src: local(""),
url(//officina.rest/wp/wp-content/themes/bf_officina/fonts/montagu-slab-v2-latin-500.eot?#iefix)
format("embedded-opentype"), url(//officina.rest/wp/wp-content/themes/bf_officina/fonts/montagu-slab-v2-latin-500.woff2)
format("woff2"), url(//officina.rest/wp/wp-content/themes/bf_officina/fonts/montagu-slab-v2-latin-500.woff)
format("woff"), url(//officina.rest/wp/wp-content/themes/bf_officina/fonts/montagu-slab-v2-latin-500.ttf)
format("truetype"), url(//officina.rest/wp/wp-content/themes/bf_officina/fonts/montagu-slab-v2-latin-500.svg#MontaguSlab) format("svg"); }* {
box-sizing: border-box;
}
html {
font-size: 20px;
}
body {
position: relative;
height: 100%;
width: 100%;
font-family: "Montagu Slab";
font-weight: 300;
}
a.button {
display: block;
text-align: center;
text-decoration: none;
text-transform: uppercase;
padding: 0.5rem;
margin-top: 0.3rem;
font-weight: 400;
}
a.button.button-border {
border: 1px solid #e3aa43;
color: #e3aa43;
}
a.button.button-fill {
background-color: #e3aa43;
color: #000;
}
a.button.button-ib {
display: inline-block;
}
#mobile-menu-overlay a.button.button-border {
border: 1px solid #fff;
color: #fff;
margin-top: 1rem;
}
h1 {
margin-top: 0;
font-size: 3rem;
font-weight: 300;
margin-bottom: 2rem;
}
h2 {
margin-top: 0;
font-size: 3rem;
font-weight: 300;
margin-bottom: 2rem;
}
p {
line-height: 1.4rem;
margin-bottom: 2rem;
}
section {
z-index: 2;
} .logo-overlay .fill,
.footer-logo .fill {
fill: #fff;
}
.fill {
fill: #e3aa43;
}
.page-template-page-dsgvo .logo .fill,
.page-template-page-dsgvo .logo-mobile .fill {
fill: #275489;
}
.page-template-page-dsgvo .stroke {
stroke: #275489;
} #top-home {
min-height: 100vh;
min-height: calc(var(--vh, 1vh) * 100);
width: 100%;
background-color: #000;
position: relative;
}
#top-home .content {
position: relative;
z-index: 10;
height: 100%;
min-height: calc(var(--vh, 1vh) * 100);
display: grid;
grid-template-columns: 3fr 280px;
column-gap: 25%;
padding: 50px;
}
#top-home .content .button-right-bottom,
#top-home .content .text-bottom {
align-self: flex-end;
}
#top-home .logo-desktop {
position: relative;
min-height: 115px;
max-width: 70%;
}
#top-home .logo-desktop img {
position: absolute;
}
.content .button-right,
.content .button-right-bottom {
justify-content: flex-end;
}
#top-home .text-bottom {
font-size: 1.5rem;
line-height: 2rem;
color: #e3aa43;
}
@media (max-width: 1200px) {
#top-home .text-bottom {
font-size: 1.2rem;
line-height: 1.5rem;
}
}
.stoerer-info {
min-height: 280px;
width: 100%;
background-image: url(//officina.rest/wp/wp-content/themes/bf_officina/images/stoerer-bg.png);
background-repeat: no-repeat;
background-size: 53%;
background-position: center;
background-color: #c7d8ec;
border-radius: 50%;
padding: 1rem;
display: flex;
align-items: center;
text-align: center;  font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
color: #275489;
margin-bottom: 3rem;
}
.content-mobile {
position: relative;
z-index: 2;
} #top-home .carousel-01 {
position: absolute;
top: 0;
left: 0;
opacity: 0.6;
}
.carousel-01 .carousel-item {
background-size: cover;
background-position: center;
height: calc(var(--vh, 1vh) * 100);
} section#home-02 {
position: relative;
width: 100%;
min-height: calc(var(--vh, 1vh) * 100);
padding: 50px;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto 1fr auto;
background-color: #eadac7;
color: #275489;
}
#home-02 .bar {
display: flex;
justify-content: space-between;
font-size: 3rem;
text-transform: uppercase;
}
#home-02 .main {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
text-align: center;
margin: 2rem 0;
}
#home-02 .main .top {
font-size: clamp(2rem, 6vw, 6rem);
background-image: url(//officina.rest/wp/wp-content/themes/bf_officina/images/home-02-bg.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 65%;
padding: 5rem 0;
margin: 0 0 2rem;
}
#home-02 .main .bottom {
font-size: 1.5rem;
line-height: 2rem;
}
#home-02 .main .bottom .button {
color: #275489;
border: 1px solid #275489;
padding: 0rem 2rem;
font-size: 1rem;
} #kontakt {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: calc(var(--vh, 1vh) * 100);
width: 100%;
background-color: #c7d8ec;
color: #e7441f;
}
#kontakt .left {
background-image: url(//officina.rest/wp/wp-content/themes/bf_officina/images/home-03-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
#kontakt .right {
padding: 100px;
}
.inner-2col {
display: grid;
grid-template-columns: 1.2fr 2fr;
gap: 1rem;
padding: 0.5rem 0;
line-height: 1.8rem;
}
.inner-1col {
padding: 0.5rem 0;
line-height: 1.5rem;
}
#kontakt a {
color: inherit;
text-decoration: none;
}
#kontakt .info-block {
display: block;
border: 1px solid #e7441f;
text-align: center;
text-transform: uppercase;
margin: 1.5rem 0 1rem;
}
.b-text {
font-size: 1.3rem;
line-height: 1.8rem;
}
hr {
border-top: 1px solid;
border-bottom: 0px;
} section.section-default {
display: grid;
grid-template-columns: 1fr 1fr;
min-height: calc(var(--vh, 1vh) * 100);
width: 100%;
background-color: #000;
}
section.section-default .right {
padding: 50px 100px;
background-color: #eadac7;
color: #275489;
}
section.section-default .left {
background-image: url(//officina.rest/wp/wp-content/themes/bf_officina/images/impressum_bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
opacity: 0.5;
}
section.section-reservierung .left {
background-image: url(//officina.rest/wp/wp-content/themes/bf_officina/images/bg_reservierung.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
opacity: 0.5;
}
section.section-default .inner-2col {
line-height: 1.4rem;
}
section.section-default a {
color: inherit;
text-decoration: none;
}
.logo {
position: absolute;
width: 20%;
max-height: 100px;
min-width: 250px;
top: 50px;
left: 50px;
z-index: 10;
}
.page-template-page-dsgvo section.section-default .left {
background-image: none;
background-color: #eadac7;
color: #275489;
opacity: 1;
display: flex;
align-items: end;
padding: 50px;
}
.page-template-page-dsgvo section.section-default .right {
padding: 50px 50px 50px 0;
}
.left p,
section.section-default .right p {
margin-bottom: 0;
}
@media (max-width: 768px) {
section.section-default {
grid-template-columns: 1fr;
}
section.section-default .left {
min-height: 100vw;
}
section.section-default .right {
padding: 50px 15px 15px;
text-align: center;
}
.page-template-page-dsgvo section.section-default .left {
min-height: unset;
padding: 120px 15px 50px 15px;
text-align: center;
display: block;
}
.page-template-page-dsgvo section.section-default .right {
padding: 15px 15px 100px 15px;
}
} footer {
background-color: #275489;
position: relative;
}
.fliesen {
display: grid;
grid-template-columns: repeat(14, 1fr);
}
.fliesen img {
width: 100%;
height: auto;
}
.instagram {
color: #fff;
padding: 35px;
text-align: center;
line-height: 2.5rem;
}
.instagram .head {
font-size: 2.18rem;
}
.instagram a {
font-size: 1.5rem;
color: #fff;
text-decoration: none;
}
#sb_instagram {
padding-bottom: 0 !important;
}
.ig-container {
width: 60%;
margin: 0 auto;
}
.footer-menu {
border-top: 1px solid #fff;
padding: 2rem 0rem;
display: flex;
justify-content: space-between;
margin: 0 50px;
color: #fff;
gap: 1rem;
}
.footer-menu a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
}
.footer-menu li {
list-style: none;
} .footer-info {
padding: 50px;
background-color: #e3aa43;
color: #fff;
display: grid;
grid-template-columns: 1fr 1.8fr 2fr;
column-gap: 1rem;
line-height: 1.5rem;
}
.footer-info a {
color: inherit;
text-decoration: none;
}
.footer-info .footer-logo svg {
width: 55%;
}
.footer-info .text-big {
font-size: 1.5rem;
line-height: 2.1rem;
}
.footer-info .text-right {
padding-right: 0%;
}
.footer-info .button.button-border {
color: #fff;
border: 1px solid #fff;
font-size: 1rem;
margin-top: 1rem;
line-height: 1.5rem;
padding: 0.3rem 2rem;
}
.h-desktop {
display: none !important;
}
@media (max-width: 768px) {
#top-home .content {
grid-template-columns: 1fr;
grid-template-rows: auto 1fr 1fr;
height: unset;
padding: 15px;
}
#top-home .content .logo-desktop {
width: 80%;
height: min-content;
}
.h-mobile {
display: none !important;
}
.h-desktop {
display: block !important;
}
}
#mobile-menu-overlay {
display: none;
}
@media (max-width: 768px) { #mobile-toggle,
#overlay-toggle-close {
position: fixed;
top: 30px;
right: 15px;
z-index: 10;
display: block;
}
#overlay-toggle-close {
z-index: 20;
right: 30px;
}
.logo-mobile,
.logo-overlay {
position: absolute;
z-index: 10;
width: 64%;
top: 25px;
left: 15px;
max-width: 271px;
}
.scrolled .logo-mobile {
position: fixed;
top: 15px;
}
.logo-cut {
display: none;
}
.scrolled .logo-mobile .logo-full {
display: none;
}
.scrolled .logo-mobile .logo-cut {
display: block;
width: 100px;
}
.menu-active #mobile-menu-overlay {
display: flex;
flex-flow: column;
justify-content: space-between;
position: fixed;
height: calc(var(--vh, 1vh) * 100);
width: 100%;
padding: 110px 15px 15px 15px;
z-index: 15;
top: 0;
left: 0;
background-color: #e3aa43;
}
.menu-content {
flex: 1;
background-image: url(//officina.rest/wp/wp-content/themes/bf_officina/images/bg-menu.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
color: #fff;
text-align: center;
}
}
@media (max-width: 768px) {
body {
display: flex;
flex-flow: column;
}
h1 {
font-size: 2rem;
}
h2 {
font-size: 2rem;
margin-top: 3rem;
}
p {
font-size: 1rem;
line-height: 1.3rem;
}
section#top-home {
order: 1;
}
#top-home .carousel-01 {
position: fixed;
}
#top-home .text-bottom {
font-size: 1rem;
line-height: 1.3rem;
text-align: center;
padding: 0 1rem 1rem 1rem;
}
#top-home .container-mobile {
min-height: calc(var(--vh, 1vh) * 100);
display: flex;
align-items: flex-end;
-webkit-align-items: flex-end;
}
.stoerer-info {
height: 300px;
width: 300px;
max-width: 100%;
max-height: 100%;
margin: 2rem auto;
}
span.last-word {
display: block;
font-size: 2rem;
line-height: 2.5rem;
margin: 1rem 0;
}
section#home-02 {
order: 3;
min-height: unset;
padding: 1.5rem 15px;
}
section#home-02 .bar {
font-size: 1rem;
}
section#home-02 .main .bottom .button {
padding: 0.5rem 2rem;
}
section#home-02 .main .top {
font-size: 2rem;
width: 100%;
}
section#home-02 .main .bottom {
font-size: 1rem;
line-height: 1.3rem;
}
section#kontakt {
order: 2;
padding: 0px;
grid-template-columns: 1fr;
text-align: center;
}
section#kontakt .right {
order: 1;
padding: 15px 15px 2rem 15px;
}
section#kontakt .left {
order: 2;
min-height: 400px;
}
.inner-2col {
grid-template-columns: 1fr;
line-height: 1.2rem;
padding: 1rem 0;
gap: 0;
}
section#kontakt,
section.section-default .right {
font-size: 15px;
}
.b-text {
font-size: 1rem;
line-height: 1.5rem;
}
footer {
order: 4;
z-index: 2;
}
.footer-info {
padding: 15px 15px 2rem 15px;
grid-template-columns: 1fr;
gap: 1rem;
text-align: center;
}
.footer-info .footer-logo {
margin: 3rem 0 2rem 0;
}
.footer-info .footer-logo svg {
width: 55%;
}
.footer-info .text-right {
margin: 2rem 0;
}
.footer-info .text-big {
font-size: 2rem;
}
.fliesen {
grid-template-columns: repeat(4, 1fr);
}
.instagram {
padding: 3rem 15px 2rem;
line-height: 1.5rem;
}
.instagram .head,
.instagram a {
font-size: 1rem;
}
.ig-container {
width: 90%;
}
.footer-menu {
border-top: 1px solid #fff;
padding: 3rem 0rem;
justify-content: space-between;
flex-flow: column;
margin: 0 15px;
gap: 2rem;
text-align: center;
}
.footer-menu .copy {
order: 1;
font-size: 0.75rem;
margin-top: 1rem;
}
}