body {
background-color: #fff; }
h1, h2, h3, h5 {
font-family: 'Montserrat', sans-serif;
}
h4 {
font-family: 'Montserrat', sans-serif;
}
body, p, div, span, a {
font-family: 'Montserrat', sans-serif;
}
.site-header {
background: #000000;
text-align: center;
width: 100%;
position: fixed;
top: 0;
z-index: 9999;
overflow: visible;
}
.site-header::after {
content: "";
position: absolute;
left: 0;
bottom: -12px;
width: 100%;
height: 12px;
background: linear-gradient(
to bottom,
rgba(50,145,208,0.5),
rgba(117,135,46,0.35),
rgba(60,89,37,0)
);
pointer-events: none;
}
nav#site-navigation {
background: #f2efea;
width: 100%;
position: sticky;
top: 0;
z-index: 9999;
}
.main-navigation .inside-navigation {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-end;
background: #000000;
}
div#content {
min-height: calc(100vh - 111px);
}
.inside-header {
padding: 10px 15px;
}
.inside-header.grid-container {
max-width: 1200px;
}
.one-container .site-content {
padding: 0px 0px !important;
}
.site-footer .site-info {
border-top: 1px solid;
-webkit-box-shadow: inset 0px -1px 20px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0px -1px 20px 1px rgba(0, 0, 0, .05);
}
.inside-site-info {
padding: 10px 40px;
}
.footer-container,
.site-footer .site-info {
background: #000000;
}
.prefooter {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
padding-top: 40px;
padding-bottom: 80px;
color: #ffffff;
}
.prefooter p {
margin-bottom: 0;
}
.prefooter a {
color: #ffffff;
}
span.copyright, span.copyright a {
font-size: small;
font-weight: 200;
color: #ffffff;
}
#about,
#oeffnungszeiten,
#angebot,
#location,
#specials,
#kontakt {
min-height: 100vh;
}
#location .n2-ss-slider-4.n2-ow {
min-height: initial;
}
.n2-ss-slider-4.n2-ow {
min-height: calc(100vh + 0px);
}
.smart-slider--title { }
.smart-slider-btn a {
background: linear-gradient(
90deg,
#3291d0 0%,
#3c5925 100%
) !important;
}
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
background: linear-gradient(
90deg,
#3291d0 0%,
#75872e 50%,
#3c5925 100%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
}
p.form-label {
margin-bottom: 5px;
color: #ffffff;
}
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
width: 100%;
background: transparent;
color: #ffffff;
outline: none;
}
textarea.wpcf7-form-control.wpcf7-textarea {
height: 150px;
}
p.widebar--google-notice, p.widebar--google-notice a {
font-size: small;
color: #ffffff94;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
background: transparent;
border: 1px solid;
}
.wpcf7-response-output {
color: #ffffff;
margin: 0 !important;
}
span.wpcf7-not-valid-tip {
color: #ffffff;
font-style: italic;
font-size: small;
}
.drink-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
opacity: 0;
visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease;
z-index: 10000;
}
.drink-modal__inner {
background: #000000;
max-width: 600px;
max-height: 80vh;
margin: 5% auto;
padding: 2em;
border-radius: 8px;
transform: translateY(50px);
transition: transform 0.4s ease;
position: relative;
overflow-y: auto;
} .drink-modal.show {
opacity: 1;
visibility: visible;
}
.drink-modal.show .drink-modal__inner {
transform: translateY(0);
} .modal-close {
position: absolute;
top: 1em;
right: 1em;
background: none;
border: none;
font-size: 2em;
cursor: pointer;
}
button.modal-close {
position: absolute;
top: 0;
right: 0;
color: #ffffff;
}
button.modal-close:hover {
background: transparent;
}
#angebot figure {
cursor: pointer;
overflow: hidden;
}
#angebot figure img {
transition: transform 0.25s ease-in-out;
}
#angebot figure:hover img {
transform: scale(1.1);
}
#angebot figure:hover::after {
background: transparent;
}
#angebot figure::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
pointer-events: none;
background: #0000007a;
transition: background 0.25s ease-in-out;
}
.drinks-title {
pointer-events: none;
position: absolute;
margin: 0;
bottom: 10px;
left: 10px;
}
button.menu-toggle {
background: #000000 !important;
}
span.gp-icon.icon-menu-bars {
color: #FFFFFF;
} .drink-modal__inner::-webkit-scrollbar {
width: 8px;
}
.drink-modal__inner::-webkit-scrollbar-track {
background: rgba(255,255,255,0.05);
border-radius: 4px;
}
.drink-modal__inner::-webkit-scrollbar-thumb {
background: rgba(255,255,255,0.2);
border-radius: 4px;
}
.drink-modal__inner::-webkit-scrollbar-thumb:hover {
background: rgba(255,255,255,0.35);
} .drink-modal__inner {
scrollbar-width: thin;
scrollbar-color: rgba(255,255,255,0.2) rgba(255,255,255,0.05);
}
#angebot {
background: #111A0B;
background: -webkit-linear-gradient(90deg, rgba(17, 26, 11, 1) 0%, rgba(60, 89, 37, 1) 100%);
background: -moz-linear-gradient(90deg, rgba(17, 26, 11, 1) 0%, rgba(60, 89, 37, 1) 100%);
background: linear-gradient(90deg, rgba(17, 26, 11, 1) 0%, rgba(60, 89, 37, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111A0B", endColorstr="#3C5925", GradientType=1);
}
#kontakt {
background: #133246;
background: -webkit-linear-gradient(90deg, rgba(19, 50, 70, 1) 0%, rgba(50, 145, 208, 1) 100%);
background: -moz-linear-gradient(90deg, rgba(19, 50, 70, 1) 0%, rgba(50, 145, 208, 1) 100%);
background: linear-gradient(90deg, rgba(19, 50, 70, 1) 0%, rgba(50, 145, 208, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#133246", endColorstr="#3291D0", GradientType=1);
}
#location {
background: #000000;
}
#angebot .gradient,
#kontakt .gradient,
#location .gradient {
background: transparent;
}
#about, #about .gradient,
#oeffnungszeiten, #oeffnungszeiten .gradient { }
#angebot, #angebot .gradient,
#location, #location .gradient { }
#specials, #specials .gradient,
#kontakt, #kontakt .gradient { }
.grecaptcha-badge { 
visibility: hidden; 
}
@media only screen and (max-width: 768px) {
div#n2-ss-2 h2 {
font-size: 20px !important;
}
.n2-ss-slider .n2-ss-item-image-content img {
max-height: 100px !important;
width: auto !important;
}
}