@charset "UTF-8";
            .w357Ping {
display: none !important;
}
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; } @font-face {
font-family: 'Script';
src: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/font/script-bold.woff) format("woff");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: 'Futura';
src: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/font/futurconlig.woff) format("woff");
font-weight: 100;
font-style: normal; }
@font-face {
font-family: 'Luxus Brut';
src: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/font/luxusbrut.woff) format("woff");
font-weight: 200;
font-style: normal; }
@font-face {
font-family: 'Netto OT';
src: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/font/nettoot-light.woff) format("woff");
font-weight: 200;
font-style: normal; }
@font-face {
font-family: 'Xayax';
src: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/font/xayax.woff) format("woff");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: 'Sloop';
src: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/font/sloops.woff) format("woff");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: 'Lato';
src: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/font/sourcesanspro-light.woff) format("woff");
font-weight: 200;
font-style: normal; }
@font-face {
font-family: 'Lato';
src: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/font/sourcesanspro-regular.woff) format("woff");
font-weight: 400;
font-style: normal; }
@font-face {
font-family: 'Lato';
src: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/font/sourcesanspro-bold.woff) format("woff");
font-weight: 700;
font-style: normal; }
@font-face {
font-family: 'PT Sans Narrow';
font-style: normal;
font-weight: 400;
src: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/font/pt-sans-narrow.woff) format("woff"); }
html {
box-sizing: border-box; }
*,
*::before,
*::after {
box-sizing: inherit; }
.rotate-device,
.hide-on-mobile {
display: none; }
.home #uc-btn-open-main-corner-modal {
top: 30px !important;
bottom: 0 !important;
left: 30px !important; } .author-box:before, .clearfix:before, .cf:before, .entry:before, .entry-content:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before,
.pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .widget:before, .wrap:before {
content: " ";
display: table; }
.author-box:after, .clearfix:after, .cf:after, .entry:after, .entry-content:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after,
.pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .widget:after, .wrap:after {
clear: both;
content: " ";
display: table; }
html {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased; }
body {
background-color: #fff;
color: #5c6b80;
font-family: "Source Sans Pro", sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.625;
margin: 0;
overflow-x: hidden; }
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
transition: all 0.2s ease-in-out; }
a {
color: #815c30;
text-decoration: underline;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; }
a:focus, a:hover {
color: #333;
text-decoration: none; }
p {
margin: 0 0 30px;
padding: 0; }
ol,
ul {
margin: 0;
padding: 0; }
li {
list-style-type: none; }
hr {
border: none;
border-collapse: collapse;
border-top: 1px solid #eee;
clear: both;
margin: 30px 0; }
b,
strong {
font-weight: 700; }
blockquote,
cite,
em,
i {
font-style: italic; }
mark {
background: #ddd;
color: #333; }
blockquote {
margin: 30px; }
svg {
height: 100%;
width: 100%; } h1, h2, h3, h4, h5, h6 {
font-family: "Source Sans Pro", sans-serif;
font-weight: 400;
line-height: 1.2;
margin: 0 0 20px; }
h1 {
font-size: 30px; }
h2 {
font-size: 27px; }
h3 {
font-size: 24px; }
h4 {
font-size: 20px; }
.entry-content h3,
.entry-content h4 {
font-weight: 600; }
.entry-content h4 {
margin-top: 40px; }
h5 {
font-size: 18px; }
h6 {
font-size: 16px; }
.font-script {
font-family: 'Script'; }
.font-futura {
font-family: 'Futura'; }
.font-luxus-brut {
font-family: 'Luxus Brut'; }
.font-netto-ot {
font-family: 'Netto OT'; }
.font-xayax {
font-family: 'Xayax'; }
.font-sloop {
font-family: 'Sloop'; }
.font-lato {
font-family: 'Lato'; }
.font-pt-sans {
font-family: 'PT Sans Narrow'; }
.fp-section {
height: 100%; }
.fp-section .bx-wrapper,
.fp-section .bx-viewport {
height: 100%; } embed,
iframe,
img,
object,
video,
.wp-caption {
max-width: 100%; }
img {
height: auto;
vertical-align: top; }
figure {
margin: 0; }
.flex {
display: flex;
flex-wrap: wrap; } .gallery {
overflow: hidden; }
.gallery img {
border: 1px solid #eee;
height: auto;
padding: 4px; }
.gallery img:focus, .gallery img:hover {
border: 1px solid #999;
outline: none; }
.gallery-columns-1 .gallery-item {
width: 100%; }
.gallery-columns-2 .gallery-item {
width: 48%;
margin: 0 1% 2%; }
.gallery-columns-3 .gallery-item {
width: 31%;
margin: 0 1% 2%; }
.gallery-columns-4 .gallery-item {
width: 23%;
margin: 0 1% 2%; }
.gallery-columns-5 .gallery-item {
width: 18%;
margin: 0 1% 2%; }
.gallery-columns-6 .gallery-item {
width: 16.6666%; }
.gallery-columns-7 .gallery-item {
width: 14.2857%; }
.gallery-columns-8 .gallery-item {
width: 12.5%; }
.gallery-columns-9 .gallery-item {
width: 11.1111%; }
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
clear: left; }
.gallery-item {
float: left;
margin: 0 0 30px;
text-align: center; } input,
select,
textarea {
background-color: #f9f9f9;
border: 1px solid #ddd;
color: #333;
font-size: 18px;
font-weight: 400;
line-height: 1.5;
padding: 10px 15px !important;
width: 100%; }
input:focus,
textarea:focus {
border: 1px solid #999;
outline: none; }
input[type="checkbox"],
input[type="image"],
input[type="radio"] {
width: auto; }
::-ms-input-placeholder {
color: #888;
opacity: 1; }
:-ms-input-placeholder {
color: #888;
opacity: 1; }
::placeholder {
color: #888;
opacity: 1; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
background-color: #333;
border: 0;
color: #fff;
cursor: pointer;
font-size: 16px;
font-weight: 600;
padding: 15px 30px;
text-align: center;
text-decoration: none;
white-space: normal;
width: auto; }
button:focus, button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
.button:focus,
.button:hover {
background-color: #815c30;
border-width: 0;
color: #fff; }
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.button:active {
background-color: #946937; }
.entry-content .button:hover, .entry-content .button:focus {
color: #fff; }
.button {
display: inline-block; }
.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
background-color: #eee;
border-width: 0;
color: #777;
cursor: not-allowed; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
display: none; } table {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 40px;
table-layout: fixed;
width: 100%;
word-break: break-all; }
tbody {
border-bottom: 1px solid #eee; }
td,
th {
text-align: left;
vertical-align: top; }
td:first-child, td:first-child,
th:first-child,
th:first-child {
padding-left: 0; }
td:last-child, td:last-child,
th:last-child,
th:last-child {
padding-right: 0; }
td {
border-top: 1px solid #eee;
padding: 10px; }
th {
font-weight: 600;
padding: 0 10px 10px; } .screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.widget_search input[type="submit"]:focus {
clip: auto !important;
display: block;
font-size: 1em;
height: auto;
text-decoration: none;
width: auto;
z-index: 100000; }
.more-link {
display: inline-block;
position: relative;
margin-bottom: 30px; } .slide {
overflow: hidden; }
.mobile-link {
display: inline-block;
}
.mobile-video-poster {
display: block;
position: absolute;
height: 100%;
width: 100%;
opacity: 1;
transition: opacity 500ms ease-in-out;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-color: black; }
.mobile-video-poster.hide {
opacity: 0; }
#intro-video .vjs-big-play-button,
#intro-video .vjs-default-skin.vjs-paused .vjs-big-play-button,
#intro-video video::-webkit-media-controls-overlay-play-button,
#intro-video video::-webkit-media-controls,
#intro-video *::-webkit-media-controls-panel,
#intro-video *::-webkit-media-controls-play-button,
#intro-video *::-webkit-media-controls-start-playback-button {
display: none !important;
-webkit-appearance: none; }
#intro-video .mobile-video-poster {
z-index: 1;
background-size: cover;
background-position: -100px center;
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/07/poster-achim-tal-mobile.jpg); }
#video-familie .mobile-video-poster {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/08/poster-familie.jpg); }
#video-schneiden .mobile-video-poster {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/08/poster-schneiden-binden.jpg); }
#video-flug .mobile-video-poster {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/08/poster-flug.jpg); }
#video-keller .mobile-video-poster {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/08/poster-gaerung.jpg); }
#video-traktorfahrt .mobile-video-poster {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/08/poster-traktor.jpg); }
#wein-calmont .mobile-video-poster {
z-index: 1;
background-size: cover;
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/08/poster-calmont.jpg); }
#wein-uhlen .mobile-video-poster {
z-index: 1;
background-size: cover;
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/08/poster-uhlen.jpg); }
#wein-wuerzgarten .mobile-video-poster {
z-index: 1;
background-size: cover;
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/08/poster-wuerzgarten.jpg); } a.link-to-video {
position: absolute;
bottom: 2%;
right: 2%;
width: 60px;
height: 60px;
background: rgba(0, 0, 0, 0.6);
border: 2px solid white;
border-radius: 50%;
z-index: 120; }
a.link-to-video img {
padding: 15px 10px 15px 20px; }
.weinlinie a.link-to-video {
right: initial;
left: 2%; } .site-container {
word-wrap: break-word;
background: #fcf4f1;
}
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
.site-inner {
clear: both;
margin: 0 auto;
padding: 60px 30px 0; }
figure.post-image {
margin-bottom: 30px; }
.site-content {
position: relative;
display: block;
height: 100%;
width: 100%;
z-index: 3; }
.site-content.loading > .section {
opacity: 0; }
.site-content.loading > .section:first-child {
opacity: 1; }
.site-content > .section {
opacity: 1; }
.site-content .slide {
position: relative; }
.site-content .fp-controlArrow {
position: absolute;
top: calc(50% - 36px);
height: 45px !important;
width: 45px !important;
transform: translate3d(0, 0, 0);
border: none !important;
opacity: .75;
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/menu-bg.png);
background-size: cover; }
.site-content .fp-controlArrow:hover, .site-content .fp-controlArrow:focus {
opacity: 1; }
.site-content .fp-controlArrow:after {
content: '';
position: absolute;
height: 23px;
width: 15px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: .8;
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/navs.png);
background-size: cover; }
.site-content .fp-controlArrow.fp-prev:after {
left: 45%;
background-position: 30px -23px;
height: 22px; }
.site-content .fp-controlArrow.fp-next:after {
right: 55%; } .loading-screen {
position: absolute;
z-index: 101;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
flex-direction: column;
align-items: center;
transition: opacity 450ms ease-in-out; }
.loading-screen p {
color: white;
text-align: center;
opacity: 1;
transition: 250ms ease-in-out; }
.loading-screen p.hide {
opacity: 0; }
.loading-screen address {
display: none;
position: absolute;
bottom: 0;
text-align: center;
color: white;
background: rgba(0, 0, 0, 0.75);
width: 100%;
padding: .5em 0;
border-top: 1px solid black; }
.loading-screen address span {
display: inline-block;
margin: 0 5px; }
.loading-screen address a {
color: white;
text-decoration: underline; }
.loading-screen .loading-screen-text {
display: flex;
flex-direction: column;
color: white;
text-align: center;
position: absolute;
bottom: 15%;
opacity: 0;
transition: 250ms ease-in-out; }
.loading-screen .loading-screen-desktop-text {
display: none; }
.loading-screen .remove-intro {
display: block;
position: relative;
background: none;
border: none;
color: #cfa12f;
font-size: 2em;
font-weight: 400;
opacity: 0;
margin: 0 auto;
cursor: pointer;
text-transform: uppercase;
transition: 450ms opacity linear; }
.loading-screen .remove-intro.show {
opacity: 1; }
.loading-screen .loading-logo {
width: 275px;
max-width: 50%;
margin: 3em auto; }
.loading-screen .loader {
position: relative;
display: block;
width: 140px;
max-width: 60%;
top: 5%;
opacity: 0;
cursor: default;
pointer-events: none;
transition: 500ms ease-in-out; }
.loading-screen .loader svg path {
fill: none;
stroke-width: 6px; }
.loading-screen .loader svg path.loader-circlebg {
stroke-width: 15px;
stroke: rgba(0, 0, 0, 0.25); }
.loading-screen .loader svg path#loader-circle {
transition: stroke-dashoffset 1s;
stroke: #cfa12f; }
.loading-screen .loader #loader-circle {
stroke: #454545; }
.loading-screen.loaded {
animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards; }
.loading-screen.loaded .loader {
opacity: 0;
margin-top: 0;
animation: animLoadedLoader 0.5s cubic-bezier(0.7, 0, 0.3, 1) forwards; }
.loading-screen.loaded .loader #loader-circle {
stroke-dashoffset: 0 !important; }
.loading-screen.loaded .loading-screen-text {
bottom: 20%;
opacity: 1; }
.loading-screen.loading .loader {
top: 0;
opacity: 1;
animation: animInitialHeader 1s cubic-bezier(0.7, 0, 0.3, 1) both;
animation-delay: 0.2s; }
.loading-screen.loading.initialize #loader-circle {
stroke: #454545; }
.loading-screen.loading.loaded #loader-circle {
stroke-dashoffset: 0 !important; }
.loading-screen.removing {
opacity: 0; }
#intro-video {
position: relative; }
#intro-video .scrollDown {
position: absolute;
font-size: 1.5em;
font-weight: 700;
height: auto;
color: white;
width: auto;
opacity: 0;
z-index: 100;
left: 50%;
bottom: 0;
transform: translateX(-50%);
text-align: center;
transition: 1000ms all;
background-repeat: no-repeat;
background-position: bottom center;
background-size: 26px 26px;
opacity: 0;
}
#intro-video .scrollDown p {
margin: 0 0 1.25em; } .scroll-down-animation {
position: absolute;
left: 50%;
top: 30px;
font-size: 30px;
transform: rotate(90deg);
margin: 0 !important;
animation: scrollDownAnimation 2s infinite;
}
#intro-video.showScrollDown .scrollDown {
bottom: 1em;
opacity: 1; }
#intro-video.hideScrollDown .scrollDown {
bottom: 0;
opacity: 0; }
#intro-video img.logo-video {
position: absolute;
z-index: 2;
right: 0;
transform: translateX(-50%);
top: 4%;
opacity: 0;
transition: 2000ms all linear;
max-width: 50%;
margin: 0; }
#intro-video img.logo-video.active {
opacity: .8; }
#intro-video .video-container {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
overflow: hidden; }
.video-container {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
overflow: hidden;   }
.video-container video {
position: relative;
width: 100%;
height: 100%;
object-fit: cover; } #slide-familie .slide {
position: relative;
background-size: cover;
background-repeat: no-repeat; }
#slide-familie .familie-content {
position: absolute;
left: 5%;
width: auto;
max-width: 90%;
z-index: 3;
background: rgba(0, 0, 0, 0.35);
padding: 1.25em 1em 1em 1em; }
#slide-familie .familie-content h1, #slide-familie .familie-content h2 {
color: white; }
#slide-familie .familie-content h1 {
font-size: 1.5em;
font-weight: 700;
text-transform: uppercase;
text-shadow: 1px 1px 0px #7C7C7C;
margin-bottom: 10px; }
#slide-familie .familie-content h2 {
font-size: 1.125em;
margin-bottom: .25em;
text-shadow: 1px 1px 0 #333;
font-weight: 400; }
.familie-nicole {
background: url(//www.reisfeineweine.de/wp-content/uploads/2020/07/familie-nicole-mobile.jpg);
background-position: right; }
.familie-nicole .familie-content {
bottom: 5%; }
.familie-achim {
background: url(//www.reisfeineweine.de/wp-content/uploads/2020/07/familie-achim-mobile.jpg);
background-position: right; }
.familie-achim .familie-content {
bottom: 5%; }
.familie-grosseltern {
background: url(//www.reisfeineweine.de/wp-content/uploads/2020/07/familie-grosseltern-mobile.jpg);
background-position: center; }
.familie-grosseltern .familie-content {
top: 5%; }
.familie-kinder {
background: url(//www.reisfeineweine.de/wp-content/uploads/2020/07/familie-kinder-mobile.jpg);
background-position: center; }
.familie-kinder .familie-content {
top: 5%; } .video-schneiden-content {
position: absolute;
left: 5%;
bottom: 10%;
width: auto;
max-width: 90%;
z-index: 110;
background: rgba(0, 0, 0, 0.35);
padding: 1.25em 1em 1em 1em; }
.video-schneiden-content h1, .video-schneiden-content h2 {
color: white; }
.video-schneiden-content h1 {
font-size: 1.5em;
font-weight: 700;
text-transform: uppercase;
text-shadow: 1px 1px 0px #7C7C7C;
margin-bottom: 10px; }
.video-schneiden-content h2 {
font-size: 1.125em;
margin-bottom: .25em;
text-shadow: 1px 1px 0 #333;
font-weight: 400; } #slide-weinlinien .slide .bx-wrapper {
z-index: -1 !important; }
.slider-weine {
height: 100%; }
.weinlinie {
height: 100%;
max-height: 100%;
overflow: hidden; }
.weinlinie .wein-content {
position: absolute;
width: 55%;
left: 37%;
top: 40%;
transform: translate(-50%, -50%);
z-index: 2; }
.weinlinie .wein-content .content-shortened {
display: block; }
.weinlinie .wein-content .content-full {
display: none; }
.weinlinie .weinflasche {
width: 30%;
position: absolute;
z-index: 2;
right: 5%;
bottom: -20px; }
.weinlinie .info {
background: rgba(0, 0, 0, 0.1);
padding: .5em; }
.slider-weine-pagination {
position: absolute;
display: flex;
width: 40%;
bottom: 0;
left: 20px;
z-index: 4; }
.slider-weine-pagination a {
width: 30px;
align-self: flex-end;
margin: 0 20px 0 0;
cursor: pointer; }
.slider-weine-pagination a img {
opacity: .5;
transition: 450ms ease-in-out; }
.slider-weine-pagination a img.active {
opacity: 1; }
.slider-weine-pagination a:hover img {
opacity: 1; }
.slider-weine-pagination img {
width: 50px; }
.pager-hint {
display: none; }
#wein-schiefer .pager-hint {
left: 35%; }
#wein-von-alten-reben .pager-hint {
left: 43%; }
#cuvee-weine .pager-hint {
color: white;
left: 33%; }
#wein-cuvee-barrique,
#wein-rose {
color: white;
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/bg-weinlinie-barrique.png) no-repeat;
background-size: cover; }
#wein-cuvee-barrique h1,
#wein-rose h1 {
font-family: 'Xayax';
font-size: 3em;
margin-bottom: .5em;
letter-spacing: 2px;
line-height: 1em; }
#wein-cuvee-barrique {
background-color: #901424; }
#wein-rose {
background-color: #ce546b; }
#wein-moselgold {
color: #545454;
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/bg-weinlinie-moselgold-02.jpg) no-repeat;
background-size: cover; }
#wein-moselgold .wein-content {
padding: .75em;
background: rgba(255, 255, 255, 0.75); }
#wein-moselgold h1 {
font-size: 2.125em;
margin-bottom: 0;
line-height: 1.15em;
text-shadow: 3px -3px 0 #fff; }
#wein-moselgold h2 {
font-size: 1.25em;
text-transform: uppercase;
margin: .5em 0 1.5em; }
#wein-furztrocken {
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/bg-weinlinie-furztrocken.jpg) no-repeat;
background-size: cover; }
#wein-furztrocken .wein-content img {
position: absolute;
bottom: -200px;
left: 10%; }
#wein-furztrocken h1, #wein-furztrocken h2 {
color: #e6e6e6;
font-size: 1.5em;
font-family: Lato;
font-weight: 900;
text-transform: uppercase;
margin: 0; }
#wein-furztrocken h2 {
margin: 1em 0 0 3em; }
#wein-vergorene-liebesmueh {
background: #d4d4d4; }
#wein-vergorene-liebesmueh .wein-content {
position: relative;
z-index: 2;
top: 30%;
width: 50%; }
#wein-vergorene-liebesmueh .wein-content img {
margin-bottom: 40px; }
#wein-vergorene-liebesmueh .inlays {
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/vergorene-liebesmueh-verlauf-bg.png) repeat-y;
position: absolute;
width: 100%;
height: calc(100% - 56px);
top: 0;
z-index: 1;
opacity: .5; }
#wein-vergorene-liebesmueh:before {
content: '';
position: absolute;
height: 391px;
width: 314px;
z-index: 1;
bottom: 56px;
right: 24%;
background-image: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/vergorene-liebesmueh-inlay.png); }
#wein-vergorene-liebesmueh:after {
content: '';
height: 56px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-image: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/vergorene-liebesmueh-verlauf.png);
background-repeat: repeat-x; }
#wein-winzersekt {
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/bg-weinlinie-winzersekt2.png); }
#wein-winzersekt .wein-content {
color: #5c6b80;
top: 50%;
width: 50%; }
#wein-winzersekt .wein-content h1 {
font-size: 2em; }
#wein-winzersekt .wein-content h2 {
font-size: 1.125em;
margin-bottom: 0; }
#wein-winzersekt .wein-content span {
display: inline-block;
font-size: 2em;
margin-left: .1em; }
#wein-winzersekt:before, #wein-winzersekt:after {
position: absolute;
content: '';
width: 100%;
height: 125px;
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/bg-weinlinie-winzersekt.png) no-repeat 100% -25px; }
#wein-winzersekt:before {
top: 0; }
#wein-winzersekt:after {
bottom: -25px; }
#wein-noir-naturel {
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/bg-weinlinie-noir-naturel.jpg) no-repeat;
background-size: cover; }
#wein-noir-naturel .wein-content {
width: 50%;
color: #878481; }
#wein-noir-naturel .wein-content h1 {
font-size: 3em;
margin-bottom: .5em;
letter-spacing: 2px;
line-height: 1em;
text-transform: uppercase; }
#wein-moselherz {
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/bg-weinlinie-moselherz.jpg); }
#wein-moselherz .wein-content {
color: #555; }
#wein-moselherz h1 {
font-size: 2em;
line-height: 1.15em;
text-shadow: 4px -4px 0 #fff; }
#wein-anno-1556 {
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/bg-weinlinie-anno-1556.png);
background-repeat: no-repeat;
background-position: 0 70vh;
background-size: contain;
}
#wein-anno-1556 .wein-content h1 img {
width: 120px; 
}
#wein-anno-1556 .wein-content span {
color: #c3a050;
font-weight: 700;
font-style: italic;
}
#wein-calmont .wein-content {
width: 35%; }
#wein-calmont .wein-content img {
position: absolute;
left: -60px;
top: -165px; }
#wein-calmont h1 {
font-size: 1.5em;
text-transform: uppercase;
color: #5f4425;
margin-bottom: 0;
line-height: 1em;
font-weight: 400; }
#wein-calmont p {
font-size: 1.25em;
color: #635b51;
margin: 0; }
#wein-schiefer #wein-grauschiefer,
#wein-schiefer #wein-blauschiefer,
#wein-schiefer #wein-buntschiefer {
background-position: -100px 0; }
#wein-schiefer #wein-grauschiefer .wein-content,
#wein-schiefer #wein-blauschiefer .wein-content,
#wein-schiefer #wein-buntschiefer .wein-content {
color: #5c6b80;
width: 50%;
left: 35%; }
#wein-schiefer #wein-grauschiefer .wein-content h2,
#wein-schiefer #wein-blauschiefer .wein-content h2,
#wein-schiefer #wein-buntschiefer .wein-content h2 {
font-size: 1.125em;
margin-bottom: 0; }
#wein-schiefer #wein-grauschiefer .wein-content img,
#wein-schiefer #wein-blauschiefer .wein-content img,
#wein-schiefer #wein-buntschiefer .wein-content img {
margin-bottom: 15px; }
#wein-grauschiefer {
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/bg-weinlinie-grauschiefer.png) no-repeat;
background-color: white; }
#wein-blauschiefer {
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/bg-weinlinie-blauschiefer.png) no-repeat; }
#wein-buntschiefer {
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/bg-weinlinie-buntschiefer.png) no-repeat; }
#wein-uhlen .wein-content {
top: 20%; }
#wein-uhlen h1 {
font-family: 'Xayax';
font-size: 5em;
text-transform: uppercase;
color: white; }
#wein-von-alten-reben .slider-weine {
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/bg-weinlinie-alte-reben.jpg); }
#wein-von-alten-reben .slider-weine:after {
content: '';
background: #d3cbc7;
height: 200px;
width: 100%;
position: absolute;
bottom: 0;
box-shadow: -3px -3px 10px rgba(0, 0, 0, 0.4); }
#wein-von-alten-reben .wein-content {
font-size: 17px;
color: white;
top: 35%; }
#wein-von-alten-reben .wein-content h1 {
text-shadow: 1px 1px 1px #333;
text-transform: uppercase; }
#wein-von-alten-reben .wein-content h1 span {
font-size: 2.5em;
line-height: 50px;
text-transform: none;
color: #dadada;
text-shadow: 1px 1px 1px #333, -1px 0px 0px white; }
#wein-von-alten-reben .slider-weine-pagination a {
width: 40px;
margin: 0 15px 0 0; }
#wein-von-alten-reben .slider-weine-pagination a:nth-child(3),
#wein-von-alten-reben .slider-weine-pagination a:nth-child(4) {
width: 32px; }
#wein-wuerzgarten .wein-content {
top: 20%;
left: 30%; }
#wein-wuerzgarten h1 {
font-family: 'Xayax';
font-size: 3em;
text-transform: uppercase;
color: white; } #slide-erfolge .fp-controlArrow {
display: none; }
#slide-erfolge .slide {
display: flex; }
#slide-erfolge .slide .bx-controls .bx-pager {
bottom: 0; }
#slide-erfolge .erfolge-header {
position: relative;
height: 150px;
background-size: cover; }
#slide-erfolge .slide.slide-erfolge-01 .erfolge-header {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/05/erfolge-laubschnitt-scaled.jpg); }
#slide-erfolge .slide.slide-erfolge-02 .erfolge-header {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/05/erfolge-sichel-scaled.jpg); }
#slide-erfolge .slide.slide-erfolge-03 .erfolge-header {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/05/erfolge-rebschnitt-scaled.jpg); }
#slide-erfolge .slide.slide-erfolge-04 .erfolge-header {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/05/erfolge-binden-scaled.jpg); }
#slide-erfolge .slide.slide-erfolge-05 .erfolge-header {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/05/erfolge-hacke-scaled.jpg); }
.erfolge-bx-container {
width: 80%;
margin: 2em 2em auto; }
.erfolge-content article {
padding: 0 0 2em; }
.erfolge-content article h1 {
font-size: 1.15em;
margin-bottom: 1.25em; }
.erfolge-content article .d-1of2 {
margin: 0 0 2em; }
.erfolge-content article.erfolg img {
float: right;
max-width: 150px;
margin: 0 0 .75em 1em; }
.erfolge-content article section img {
float: right;
max-width: 150px;
margin: 0 0 .75em 1em; }
.erfolge-content .link-to-pdf {
float: right;
display: block;
margin-top: 1.5em; }
.slide-navigator {
width: 100%;
padding: 10px 0;
background: #303030;
background: linear-gradient(180deg, rgba(20, 20, 20, 0.846376) 0%, rgba(0, 0, 0, 0.854779) 15%, rgba(0, 0, 0, 0.851978) 85%, rgba(20, 20, 20, 0.846376) 100%);
border-top: 1px solid black;
border-bottom: 1px solid black; }
.slide-navigator > div {
position: relative;
width: 100%;
margin: 0 auto; }
.slide-navigator p {
display: none;
position: absolute;
color: white;
margin: 0; }
.slide-navigator ul {
text-align: center;
margin: 0 auto;
position: relative; }
.slide-navigator ul:before {
content: '';
position: absolute;
height: 1px;
background: rgba(255, 255, 255, 0.05);
width: 100%;
left: 0;
top: 50%; }
.slide-navigator li {
position: relative;
display: inline;
z-index: 1;
margin: 0 4px; }
.slide-navigator li a {
font-size: 16px;
cursor: pointer;
padding: 6px;
color: white;
text-decoration: none; }
.slide-navigator li a.active {
font-weight: 700; }
p#erfolge-hinweis {
display: none; } .slider-maus {
height: 100%;
width: 100%; }
.slider-maus .maus-logos {
position: absolute;
text-align: center;
z-index: 10;
top: 5%;
left: 5%;
padding: 1.25em;
display: flex;
justify-content: space-between;
align-items: center;
background: rgba(0, 0, 0, 0.6);
transform: translate3d(0, 0, 0); }
.slider-maus .maus-logos img.maus-logo-reis {
width: 30%; }
.slider-maus .maus-logos img.maus-logo-maus {
width: 40%; }
.slider-maus .maus-logos span {
color: #f49801;
font-size: 1.75em;
font-weight: 700; }
.slider-maus .slide {
position: relative;
background-size: cover;
background-repeat: no-repeat; }
.slider-maus .slide .fp-scroller {
height: 100%; }
.slider-maus .slider-maus-content {
position: absolute;
bottom: 10%;
right: 5%;
width: 775px;
max-width: 90%;
z-index: 3;
background: rgba(0, 0, 0, 0.5);
padding: 1.25em 1em 1em 1em;
margin: 0;
color: white; }
.slider-maus .slider-maus-content h1 {
font-size: 1.5em;
font-weight: 700;
margin: 0;
text-transform: uppercase;
text-shadow: 1px 1px 0px #7C7C7C; }
.slider-maus .slider-maus-content p {
font-size: 1.125em;
margin-bottom: .25em;
text-shadow: 1px 1px 0 #333;
font-weight: 400; }
.slider-maus a.link-to-video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 110px;
height: 110px;
background: rgba(0, 0, 0, 0.6);
border: 2px solid white;
border-radius: 50%; }
.slider-maus a.link-to-video img {
padding: 25px 20px 25px 30px; }
.slider-maus .slider-maus .slide {
background-size: cover;
background-repeat: no-repeat; }
.slider-maus .maus-fruehling {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/05/maus-fruehling-bg.jpg); }
.slider-maus .maus-sommer {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/05/maus-sommer-bg.jpg); }
.slider-maus .maus-herbst {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/05/maus-herbst-bg.jpg); }
.slider-maus .maus-winter {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/05/maus-winter-bg.jpg); } .ferienwohnung > div:first-child {
display: flex;
flex-direction: column;
justify-content: center;
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/bg-weinlinie-winzersekt2.png);
width: 100%;
padding: 2em; }
.ferienwohnung > div:first-child ul {
margin-left: 1.25em;
margin-bottom: 1.25em; }
.ferienwohnung > div:first-child ul li {
list-style: disc; }
.ferienwohnung div.fewo-slider-container {
width: 100%; }
.ferienwohnung div.fewo-slider-container .image-slide {
width: 100%;
height: 85vh;
background-size: cover;
background-position: center center; }
.ferienwohnung div.fewo-slider-container .image-slide.slide-01 {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/05/fewo-06.jpg); }
.ferienwohnung div.fewo-slider-container .image-slide.slide-01 p {
bottom: 5%;
left: 5%; }
.ferienwohnung div.fewo-slider-container .image-slide.slide-02 {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/05/fewo-05.jpg); }
.ferienwohnung div.fewo-slider-container .image-slide.slide-02 p {
top: 5%;
left: 5%; }
.ferienwohnung div.fewo-slider-container .image-slide.slide-03 {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/05/fewo-02.jpg); }
.ferienwohnung div.fewo-slider-container .image-slide.slide-03 p {
bottom: 2%;
right: 5%; }
.ferienwohnung div.fewo-slider-container .image-slide.slide-04 {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/05/fewo-01.jpg); }
.ferienwohnung div.fewo-slider-container .image-slide.slide-04 p {
bottom: 2%;
left: 5%; }
.ferienwohnung div.fewo-slider-container .image-slide.slide-05 {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/05/fewo-04.jpg); }
.ferienwohnung div.fewo-slider-container .image-slide.slide-05 p {
top: 7%;
left: 7%; }
.ferienwohnung div.fewo-slider-container .image-slide.slide-06 {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/05/fewo-03.jpg); }
.ferienwohnung div.fewo-slider-container .image-slide.slide-06 p {
top: 7%;
left: 17%; }
.ferienwohnung div.fewo-slider-container .bx-controls-direction > a {
position: absolute;
top: calc(50% - 36px);
height: 65px !important;
width: 65px !important;
transform: translate3d(0, 0, 0);
border: none !important;
opacity: .75;
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/menu-bg.png);
background-size: cover;
padding: 16px; }
.ferienwohnung div.fewo-slider-container .bx-controls-direction > a.bx-prev {
left: 10px; }
.ferienwohnung div.fewo-slider-container .bx-controls-direction > a.bx-prev svg {
left: -2px; }
.ferienwohnung div.fewo-slider-container .bx-controls-direction > a.bx-next {
right: 10px; }
.ferienwohnung div.fewo-slider-container .bx-controls-direction > a.bx-next svg {
right: -2px; }
.ferienwohnung div.fewo-slider-container .bx-controls-direction > a svg {
fill: #232323;
position: relative; }
.ferienwohnung div.fewo-slider-container p {
position: absolute;
color: white;
margin: 0;
font-size: 1.5em;
font-weight: 700;
text-transform: uppercase;
text-shadow: 1px 1px 0px #7C7C7C; } .contact.flex {
height: 100%;
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/bg-weinlinie-winzersekt2.png); }
.contact.flex > div {
width: 100%;
position: relative;
padding: 4em 3em; }
.contact.flex > div h1 {
margin-bottom: 0; }
.contact.flex > div:first-child:after {
content: '';
position: absolute;
height: 100%;
width: 1px;
background: #9c9c9c;
right: calc(-2% + -1px);
top: 0; }
.contact.flex .gmap {
margin-top: 3em;
border: 1px solid #9c9c9c; }
.contact.flex .gmap iframe {
display: block; }
.contact-logo {
float: right;
width: 200px; } .agrarfoerderung {
height: 100%;
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/bg-weinlinie-winzersekt2.png);
padding: 4em; }
.agrarfoerderung .logos {
display: flex; }
.agrarfoerderung .logos img {
display: block;
float: left;
margin: 0 20px 0 0;
border-radius: 6px;
padding: 10px;
background-color: white;
width: 48%;
max-width: 250px;
align-self: flex-start; }
.agrarfoerderung .logos img:first-child {
background-color: #1755a4; } .impressum {
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/bg-weinlinie-winzersekt2.png); }
.impressum > div {
width: 100%;
position: relative;
padding: 4em 3em; }
.impressum > div h2 {
margin-top: 2.5em; }
.impressum > div:first-child:after {
content: '';
position: absolute;
height: 100%;
width: 1px;
background: #9c9c9c;
right: calc(-2% + -1px);
top: 0; } .avatar {
border-radius: 50%;
float: left; }
.author-box .avatar,
.alignleft .avatar {
margin-right: 20px; }
.alignright .avatar {
margin-left: 20px; }
.comment .avatar {
margin: 0 15px 20px 0; }
.after-entry,
.archive-description,
.author-box {
margin-bottom: 40px; }
.after-entry {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
padding: 20px 30px; }
.after-entry .widget:last-of-type {
margin-bottom: 0; }
.breadcrumb {
border-bottom: 1px solid #eee;
font-size: 16px;
margin-bottom: 40px;
padding-bottom: 10px; }
.archive-description p:last-child,
.author-box p:last-child {
margin-bottom: 0; }
.pdf svg {
display: inline-block;
width: 21px;
height: 21px;
margin: 0 0 0 5px; }
details {
margin-bottom: 1px; }
details summary {
background: #f2f2f2;
padding: .5em .5em .5em .75em;
cursor: pointer; }
details[open] summary {
margin-bottom: 1.25em; } .search-form {
overflow: hidden;
display: flex; }
.entry-content .search-form {
margin-bottom: 40px;
width: 50%; }
input.search-form-input {
padding: 13px;
border-right: 0; }
input.search-form-submit:active {
background: #946937; } .archive-description .entry-title,
.archive-title,
.author-box-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px; }
.entry-title {
font-size: 30px;
margin-bottom: 10px; }
.entry-title a,
.sidebar .widget-title a {
color: #333;
text-decoration: none; }
.entry-title a:focus,
.entry-title a:hover {
color: #946937; }
.widget-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px; } a.aligncenter img {
display: block;
margin: 0 auto; }
a.alignnone {
display: inline-block; }
.alignleft {
float: left;
text-align: left; }
.alignright {
float: right;
text-align: right; }
a.alignleft,
a.alignnone,
a.alignright {
max-width: 100%; }
img.centered,
.aligncenter {
display: block;
margin: 0 auto 30px; }
img.alignnone,
.alignnone {
margin-bottom: 15px; }
a.alignleft,
img.alignleft,
.wp-caption.alignleft {
margin: 0 20px 20px 0; }
a.alignright,
img.alignright,
.wp-caption.alignright {
margin: 0 0 20px 20px; }
.gallery-caption,
.wp-caption-text {
font-size: 14px;
font-weight: 600;
margin: 0;
text-align: center; }
.entry-content p.wp-caption-text {
margin-bottom: 0; }
.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
margin: 0 0 30px; } .widget {
margin-bottom: 40px; }
.widget ul > li {
margin-bottom: 10px; }
.widget ul > li:last-of-type {
padding-bottom: 0; }
.widget ol > li {
list-style-position: inside;
list-style-type: decimal;
padding-left: 20px;
text-indent: -20px; }
.widget li li {
border: 0;
margin: 0 0 0 30px;
padding: 0; }
.widget .repeater-wrap {
margin-bottom: 40px; }
.widget .repeater-wrap:last-child {
margin-bottom: 0; }
.widget p:last-child,
.widget ul > li:last-of-type {
margin-bottom: 0; }
.widget_calendar table {
width: 100%; }
.widget_calendar td,
.widget_calendar th {
text-align: center; } .featured-content .entry {
border-bottom: 1px solid #eee;
margin-bottom: 20px; }
.featured-content .entry:last-of-type {
border-bottom: none;
margin-bottom: 0; }
.featured-content .entry-title {
font-size: 16px;
margin-bottom: 5px;
margin-top: 10px; } .genesis-skip-link {
margin: 0; }
.genesis-skip-link .skip-link-hidden {
display: none;
visibility: hidden; }
.genesis-skip-link li {
height: 0;
list-style: none;
width: 0; } :focus {
color: #333;
outline: #ccc solid 1px; } .site-header {
display: none;
padding: 0 30px;
background-color: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.site-header .wrap {
margin: 0 auto;
} .title-area {
float: left;
padding-bottom: 25px;
padding-top: 25px; }
.wp-custom-logo .title-area {
max-width: 350px;
padding-bottom: 5px;
padding-top: 5px;
width: 100%; }
.wp-custom-logo .title-area img {
width: auto; }
.site-title {
font-size: 20px;
font-weight: 600;
line-height: 1;
margin-bottom: 0; }
.site-title a,
.site-title a:focus,
.site-title a:hover {
color: #333;
text-decoration: none; }
.site-description,
.wp-custom-logo .site-title {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important; } .genesis-nav-menu {
clear: both;
line-height: 1;
width: 100%; }
.genesis-nav-menu .menu-item {
display: block;
float: none;
position: relative;
border-top: 1px solid #292929; }
.genesis-nav-menu a {
color: #fff;
display: block;
font-size: 15px;
font-weight: 400;
outline-offset: -1px;
padding: 1em 1.25em;
text-decoration: none; }
.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
background: #815c30;
text-decoration: none; }
.genesis-nav-menu .sub-menu,
.genesis-nav-menu .sub-menu a {
width: 100%; }
.genesis-nav-menu .sub-menu {
clear: both;
display: none;
left: -9999px;
margin: 0;
opacity: 1;
padding-left: 15px;
position: static;
z-index: 99; }
.genesis-nav-menu .sub-menu a {
background-color: #fff;
font-size: 14px;
position: relative;
word-wrap: break-word; } .menu .menu-item:focus {
position: static; }
.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
left: auto;
opacity: 1; }
.genesis-responsive-menu {
display: none;
position: relative; }
.genesis-responsive-menu .genesis-nav-menu .menu-item:hover > .sub-menu {
display: none; }
.menu-toggle,
.sub-menu-toggle {
background-color: transparent;
border-width: 0;
color: #333;
display: block;
margin: 0 auto;
overflow: hidden;
text-align: center;
visibility: visible; }
.menu-toggle:focus, .menu-toggle:hover,
.sub-menu-toggle:focus,
.sub-menu-toggle:hover {
background-color: transparent;
border-width: 0;
color: #946937; }
.menu-toggle {
line-height: 20px;
margin-bottom: 10px;
margin-top: 10px;
padding: 15px 0;
position: relative;
z-index: 1000;
position: absolute;
color: white;
right: 20px; }
.menu-toggle.activated::before {
content: "\f335"; }
.site-header .menu-toggle::before {
float: left;
margin-right: 5px;
position: relative;
text-rendering: auto;
top: 1px; }
.sub-menu-toggle {
float: right;
padding: 9px 10px;
position: absolute;
right: 0;
top: 0;
z-index: 100; }
.sub-menu .sub-menu-toggle {
padding: 12px 10px; }
.sub-menu-toggle::before {
display: inline-block;
text-rendering: auto;
transform: rotate(0);
transition: transform 0.25s ease-in-out; }
.sub-menu-toggle.activated::before {
transform: rotate(180deg); } .page-template-default .nav-secondary {
display: none; }
.menu-button {
position: fixed;
top: 2%;
right: 2%;
z-index: 10001;
padding: 29px 15px;
width: 4em;
height: 4em;
border: none;
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/menu-bg.png);
outline: none;
background-size: 4em;
opacity: .75;
transition: 250ms all; }
.menu-button p {
display: block;
position: absolute;
left: 0;
top: 11px;
font-size: .75em;
width: 100%;
text-transform: uppercase;
margin: 0;
color: #333;
opacity: 1;
transition: 250ms all ease-out; }
.menu-button span {
width: 30px;
height: 3px;
display: block;
background: #333;
margin: 0 auto 3px;
opacity: .75;
transition: all 700ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
backface-visibility: hidden; }
.menu-button.hidden {
opacity: 0; }
.menu-button:hover {
opacity: .9; }
.menu-button:hover span {
opacity: .75; }
.menu-button:hover, .menu-button:active, .menu-button:focus {
background-color: transparent; }
.nav-open .nav-primary {
transform: translate3d(300px, -50%, 0); }
.nav-open .st-menu {
visibility: visible;
transition: transform 0.5s; }
.nav-open .menu-button p {
top: -20px;
opacity: 0; }
.nav-open .menu-button span {
opacity: 0;
filter: alpha(opacity=0); }
.nav-open .menu-button span.slice1, .nav-open .menu-button span.slice3 {
opacity: 1;
filter: alpha(opacity=100); }
.nav-open .menu-button span.slice1 {
margin-top: 3px;
transform: rotate(45deg); }
.nav-open .menu-button span.slice3 {
margin-top: -12px;
transform: rotate(-45deg); }
.overlay {
position: fixed;
z-index: 10000;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
background: rgba(0, 0, 0, 0.25);
transition: all 250ms linear; }
.overlay.visible {
opacity: 1;
} .nav-primary {
display: block;
position: absolute;
left: -300px;
top: 50%;
height: auto;
background: #393b41;
width: 300px;
max-width: 300px;
z-index: 10001;
padding-top: 200px;
border: 1px solid black;
border-left: 0;
transform: translate3d(0, -50%, 0);
padding-bottom: 0;
transition: 350ms ease-in-out; }
.nav-primary .logo-navigation {
position: absolute;
max-width: 70%;
top: 1em;
left: 50%;
transform: translate(-50%, 0); } .nav-secondary {
margin-top: 10px; }
.nav-secondary .genesis-nav-menu {
line-height: 1.5; }
.nav-secondary .menu-item {
display: block; }
.nav-secondary .menu-item:last-child {
border-bottom: none; }
.nav-secondary a {
margin-left: 10px;
margin-right: 10px;
padding: 0; }
nav.nav-secondary {
position: fixed;
top: 0;
right: 0;
z-index: 99999;
max-width: var(--wrapWidth);
width: 100%;
height: 70px;
margin: 0;
display: none; }
nav.nav-secondary li {
display: inline-block !important;
border: none !important; }
nav.nav-secondary li a {
color: #646767;
padding: 24px 20px; }
nav.nav-secondary .genesis-nav-menu a:focus,
nav.nav-secondary .genesis-nav-menu a:hover,
nav.nav-secondary .genesis-nav-menu .current-menu-item > a,
nav.nav-secondary .genesis-nav-menu .sub-menu .current-menu-item > a:focus,
nav.nav-secondary .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
color: #272727;
background: #ceab54; } .entry {
margin-bottom: 40px; }
.entry ol,
.entry ul {
margin-bottom: 30px;
padding-left: 40px; }
.entry ol ol,
.entry ol ul,
.entry ul ol,
.entry ul ul {
margin-bottom: 0; }
.entry ol ul > li,
.entry ul ul > li {
list-style-type: circle; }
.entry ol > li {
list-style-type: decimal; }
.entry ul > li {
list-style-type: disc; }
.entry code {
background-color: #f5f5f5; }
.content .sticky {
background-color: #f5f5f5;
padding: 30px; } p.entry-meta {
font-size: 16px;
margin-bottom: 0; }
.entry-header .entry-meta {
margin-bottom: 20px; }
.entry-footer .entry-meta {
border-top: 1px solid #eee;
padding-top: 20px; }
.entry-categories,
.entry-tags {
display: block; }
.entry-comments-link::before {
content: "\2014";
margin: 0 6px 0 2px; } .pagination {
clear: both;
margin: 60px 0; }
.adjacent-entry-pagination {
margin-bottom: 0; }
.archive-pagination li {
display: inline; }
.archive-pagination li a {
background-color: #f5f5f5;
color: #333;
cursor: pointer;
display: inline-block;
font-size: 16px;
font-weight: 600;
margin-bottom: 4px;
padding: 8px 12px;
text-decoration: none; }
.archive-pagination li a:focus,
.archive-pagination li a:hover,
.archive-pagination li.active a {
background-color: #333;
color: #fff; } .comment-respond,
.entry-comments,
.entry-pings {
margin-bottom: 40px; }
.comment-list li {
padding: 40px 0 0 30px; }
.comment-list .depth-1 {
padding-left: 0; }
.comment-header {
margin-bottom: 30px; }
.comment-header p {
margin-bottom: 0; }
.comment-content {
clear: both; }
.comment-content ul > li {
list-style-type: disc; }
.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
width: 50%; }
.comment-respond label {
display: block;
margin-right: 12px; }
.entry-pings .reply {
display: none; }
.comment-form-cookies-consent label {
display: inline;
padding-left: 10px; } .sidebar {
font-size: 16px;
line-height: 1.5; }
.sidebar .widget {
margin-bottom: 40px; }
.sidebar p {
margin-bottom: 20px; } .footer-widgets {
border-top: 1px solid #eee;
background-color: #f2f2f2;
clear: both;
padding: 60px 0; }
.footer-widgets .wrap {
margin-left: auto;
margin-right: auto; }
.footer-widget-area {
margin-bottom: 40px;
padding-left: 30px;
padding-right: 30px; }
.footer-widget-area:last-child,
.footer-widgets .widget:last-child {
margin-bottom: 0; } .site-footer {
background-color: #fff;
border-top: 1px solid #eee;
font-size: 15px;
line-height: 1.5;
padding: 20px;
text-align: center; }
.site-footer p {
margin-bottom: 0; }
.site-footer nav {
margin: 0;
padding: 0 20px; } form {
position: relative;
z-index: 200; }
form label {
position: relative; }
form input.error, form input.valid, form input.hasDatepicker {
background-repeat: no-repeat;
background-position: calc(100% - 10px) 50%;
background-size: 16px; }
form input.error, form input.wpcf7-not-valid {
border-color: #e8644d;
background-image: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/form-false.svg);
background-repeat: no-repeat;
background-size: 15px;
background-position: 95% 50%; }
form input.valid {
border-color: #98d23e;
background-image: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/form-true.svg);
background-repeat: no-repeat;
background-size: 15px;
background-position: 95% 50%; }
form input.hasDatepicker {
cursor: pointer;
background-image: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/datepicker.svg); }
abbr.validation-required {
position: absolute;
top: 0;
width: 12px;
height: 12px; }
abbr.validation-required svg {
display: block; } #wpcf7-f12-o1 .wpcf7-textarea {
max-height: 200px !important;
max-width: 100% !important;
}
.wpcf7-form { }
.wpcf7-form .flex {
justify-content: space-between; }
.wpcf7-form h1, .wpcf7-form h2, .wpcf7-form h3, .wpcf7-form h4 {
width: 100%;
margin-top: 1.5em; }
.wpcf7-form .form-field-wrap {
width: 100%;
margin: 0 0 12px; }
.wpcf7-form abbr.validation-required svg {
margin-left: 4px; }
.wpcf7-form abbr.validation-required-notice {
position: relative; }
.wpcf7-form abbr.validation-required-notice svg {
display: inline-block;
position: initial;
width: 12px;
height: 12px;
margin: 0; }
.wpcf7-form span.anrede select {
max-width: 48%; }
.wpcf7-form input.wpcf7-submit {
float: right; }
.wpcf7-form .wpcf7-list-item {
margin: 0; }
.wpcf7-form label.error {
font-size: 0.889em;
font-style: italic;
color: red; }
.wpcf7-form .wpcf7-not-valid-tip {
display: none; }
.wpcf7-form .wpcf7-acceptance {
display: block;
padding: 1em;
background: #fffae9;
border: 1px solid #ecd386; }
.wpcf7-form .wpcf7-acceptance > span {
display: block; }
.wpcf7-form .wpcf7-acceptance label {
display: flex;
align-items: baseline; }
.wpcf7-form .wpcf7-acceptance label input {
margin-right: 10px; }
form div.wpcf7-response-output {
border: 2px solid;
margin: 3em 0;
padding: .75em 1em;
background: #46b450;
border-color: #3ba945;
text-align: center;
color: white;
}
form div.wpcf7-response-output.wpcf7-validation-errors, form div.wpcf7-response-output.wpcf7-acceptance-missing {
border-color: #f7e700;
background: #fff890; }
form div.wpcf7-response-output.wpcf7-mail-sent-ok {
border-color: #98d23e;
background: #c9ff90;
text-align: center; }
a.button.open-booking-overlay {
align-self: flex-end;
width: 230px;
background: #caa983;
padding: 15px 30px;
border-radius: 3px;
margin-top: 20px;
} .header-gallery-slider img {
display: none; }
.header-gallery-slider img:first-child {
display: block; } .ui-helper-hidden {
display: none; }
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse; }
.ui-helper-clearfix:after {
clear: both; }
.ui-helper-clearfix {
min-height: 0; }
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0); }
.ui-front {
z-index: 100; }
.ui-state-disabled {
cursor: default !important; }
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat; }
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none; }
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
top: 1px; }
.ui-datepicker .ui-datepicker-prev {
left: 2px; }
.ui-datepicker .ui-datepicker-next {
right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px; }
.ui-datepicker .ui-datepicker-next-hover {
right: 1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px; }
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center; }
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
width: 45%; }
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 3px; }
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0; }
.ui-datepicker td {
border: 0;
padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: .2em;
text-align: center;
text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left; }
.ui-datepicker.ui-datepicker-multi {
width: auto; }
.ui-datepicker-multi .ui-datepicker-group {
float: left; }
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left; }
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0; }
.ui-datepicker-rtl {
direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto; }
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px; }
.ui-datepicker {
background: white;
border: 1px solid #dddddd;
border-top: none; }
.ui-datepicker select {
background-size: 10px;
background-position: 95% center; }
.ui-datepicker .ui-datepicker-title {
width: 100%;
padding: 0 .5em;
margin: 0; }
.ui-datepicker .ui-datepicker-header a {
display: none; }
.ui-datepicker td.ui-datepicker-unselectable.ui-state-disabled {
color: #8a8a8a;
background: #f2f2f2; }
.ui-datepicker tbody {
border-bottom: none; }
.ui-datepicker-month {
float: left; }
.ui-datepicker-year {
float: right; }
.ui-datepicker-calendar td a {
text-align: center; }
.ui-datepicker-calendar td a:hover {
color: white;
background: #815c30; }
.ui-datepicker-current-day a {
color: white;
background: #815c30; } .fullscreen-image-slider .site-inner {
display: none; }
.fullscreen-image-slider .slideshow-wrapper {
overflow: hidden; }
.fullscreen-image-slider .slideshow-wrapper .slide {
height: 100%;
background-size: cover;
background-position: center; }
.fullscreen-image-slider .slideshow-wrapper .slide-overlay {
display: none; } .page-template-intro-logo { }
.page-template-intro-logo .site-intro {
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
background: white; }
.page-template-intro-logo .site-intro-logo {
position: absolute;
top: calc(50% - 60px);
left: calc(50% - -90px);
transform: translate(-50%, -50%);
z-index: 3;
opacity: 0;
transition: opacity 1250ms ease-in-out; }
.page-template-intro-logo .site-intro-logo.show {
opacity: 1; }
.page-template-intro-logo .overlay {
position: absolute;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 2; }
.page-template-intro-logo .site-intro-background {
position: absolute;
height: 100%;
width: 100%;
z-index: 0; }
.page-template-intro-logo .site-intro-background .bx-wrapper,
.page-template-intro-logo .site-intro-background .bx-viewport {
height: 100% !important; }
.page-template-intro-logo .preload-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: initial;
min-height: 100%;
min-width: 100%;
width: auto;
z-index: 1;
opacity: 0;
transition: 1250ms; }
.page-template-intro-logo .preload-image.show {
opacity: 1;
min-width: 120%;
min-height: 120%; }
.page-template-intro-logo .preload-image.blur {
filter: blur(20px); }
.page-template-intro-logo .site-intro-background-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: initial;
min-height: 100%;
min-width: 100%;
width: auto; }
.page-template-intro-logo .site-intro-background-slider {
position: relative;
height: 100% !important;
width: 100% !important; }
.page-template-intro-logo .site-intro-background-slider img {
display: none;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
max-width: initial !important;
min-height: 100%;
min-width: 100%;
width: auto !important; }
.page-template-intro-logo .site-intro-background-slider img:first-child {
display: block; }
.page-template-intro-logo .site-container {
word-wrap: break-word;
margin-top: 100%;
z-index: 2;
position: relative;
background: white; }
.page-template-intro-logo .scroll-down {
display: block;
position: fixed;
bottom: 90px;
left: 50%;
z-index: 2;
display: inline-block;
transform: translate(0, -50%);
color: #fff;
font: normal 400 20px/1 'Josefin Sans', sans-serif;
opacity: 0;
letter-spacing: .1em;
text-decoration: none;
transition: opacity 1.5s; }
.page-template-intro-logo .scroll-down.toggled {
opacity: 1; }
.page-template-intro-logo .scroll-down span {
position: absolute;
top: 0;
left: 50%;
width: 30px;
height: 50px;
margin-left: -15px;
border: 2px solid #fff;
border-radius: 50px;
box-sizing: border-box; }
.page-template-intro-logo .scroll-down span:before {
position: absolute;
top: 10px;
left: 50%;
content: '';
width: 6px;
height: 6px;
margin-left: -3px;
background-color: #fff;
border-radius: 100%;
-webkit-animation: scrollDown 2s infinite;
animation: scrollDown 2s infinite;
box-sizing: border-box; }
@-webkit-keyframes scrollDown {
0% {
-webkit-transform: translate(0, 0);
opacity: 0; }
40% {
opacity: 1; }
80% {
-webkit-transform: translate(0, 20px);
opacity: 0; }
100% {
opacity: 0; } }
@keyframes scrollDown {
0% {
transform: translate(0, 0);
opacity: 0; }
40% {
opacity: 1; }
80% {
transform: translate(0, 20px);
opacity: 0; }
100% {
opacity: 0; } }
@keyframes scrollDownAnimation {
0% {
top: 30px;
}
40% {
top: 40px;
}
80% {
top: 42px;
}
100% {
top: 30px;
}
} .page-template-fullscreen-image-slider-with-areas .slideshow-wrapper {
position: fixed;
height: calc(100% - 134px);
width: 100%;
background: white; }
.page-template-fullscreen-image-slider-with-areas .bx-wrapper {
top: 50%;
transform: translateY(-50%); }
.page-template-fullscreen-image-slider-with-areas .bx-wrapper img {
max-width: initial;
min-height: 100%;
min-width: 100%;
width: auto !important;
left: 50%;
transform: translateX(-50%); }
.page-template-fullscreen-image-slider-with-areas .slideshow-overlay {
position: absolute;
z-index: 2;
display: flex;
flex-wrap: wrap;
width: 100%;
height: 100%; }
.page-template-fullscreen-image-slider-with-areas .slideshow-overlay .link-area {
position: relative;
color: white;
height: 100%;
display: flex;
align-items: flex-end;
flex-basis: 0;
flex-grow: 1;
background: rgba(0, 0, 0, 0.4);
transition: 250ms ease-in-out;
text-decoration: none; }
.page-template-fullscreen-image-slider-with-areas .slideshow-overlay .link-area:hover, .page-template-fullscreen-image-slider-with-areas .slideshow-overlay .link-area:focus {
background: rgba(0, 0, 0, 0); }
.page-template-fullscreen-image-slider-with-areas .slideshow-overlay .link-area:after {
content: '';
height: 100%;
width: 1px;
background: rgba(255, 255, 255, 0.4);
right: 0;
z-index: 1;
position: absolute;
top: 0;
right: 0; }
.page-template-fullscreen-image-slider-with-areas .slideshow-overlay .link-area:last-child:after {
content: initial; }
.page-template-fullscreen-image-slider-with-areas .slideshow-overlay .link-area > div {
width: 100%;
background: rgba(0, 0, 0, 0.5);
padding: 1.25em;
margin-bottom: 3em; }
.page-template-fullscreen-image-slider-with-areas .slideshow-overlay h1 {
font-weight: 700;
font-size: 1.5em;
margin-bottom: .5rem; }
.page-template-fullscreen-image-slider-with-areas .slideshow-overlay h2 {
font-size: 1.25rem;
font-style: italic;
margin-bottom: 0; }
.page-template-fullscreen-image-slider-with-areas .site-footer {
position: fixed;
width: 100%;
bottom: 0; } .google-map {
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede; }
.google-map iframe {
display: block;
border: none;
width: 100%;
height: 450px; }
.google-map .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed._brlbs-google-maps {
margin: 0;
display: block;
height: 450px;
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/map-preview.png); }
.google-map .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed._brlbs-google-maps img {
display: none; }
.google-map .BorlabsCookie ._brlbs-content-blocker ._brlbs-embed._brlbs-google-maps ._brlbs-caption {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
background: rgba(0, 0, 0, 0.75); } .vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
text-align: center; }
@font-face {
font-family: VideoJS;
src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
font-weight: normal;
font-style: normal; }
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
content: "\f101"; }
.vjs-icon-play-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-play-circle:before {
content: "\f102"; }
.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
content: "\f103"; }
.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
content: "\f104"; }
.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
content: "\f105"; }
.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
content: "\f106"; }
.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
content: "\f107"; }
.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\f108"; }
.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\f109"; }
.vjs-icon-square {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-square:before {
content: "\f10a"; }
.vjs-icon-spinner {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-spinner:before {
content: "\f10b"; }
.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
content: "\f10c"; }
.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
content: "\f10d"; }
.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
content: "\f10e"; }
.vjs-icon-share {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-share:before {
content: "\f10f"; }
.vjs-icon-cog {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-cog:before {
content: "\f110"; }
.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
content: "\f111"; }
.vjs-icon-circle-outline {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-circle-outline:before {
content: "\f112"; }
.vjs-icon-circle-inner-circle {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-circle-inner-circle:before {
content: "\f113"; }
.vjs-icon-hd {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-hd:before {
content: "\f114"; }
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
content: "\f115"; }
.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
content: "\f116"; }
.vjs-icon-facebook {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-facebook:before {
content: "\f117"; }
.vjs-icon-gplus {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-gplus:before {
content: "\f118"; }
.vjs-icon-linkedin {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-linkedin:before {
content: "\f119"; }
.vjs-icon-twitter {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-twitter:before {
content: "\f11a"; }
.vjs-icon-tumblr {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-tumblr:before {
content: "\f11b"; }
.vjs-icon-pinterest {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-pinterest:before {
content: "\f11c"; }
.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
content: "\f11d"; }
.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
content: "\f11e"; }
.vjs-icon-next-item {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-next-item:before {
content: "\f11f"; }
.vjs-icon-previous-item {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-previous-item:before {
content: "\f120"; }
.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
content: "\f121"; }
.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: normal;
font-style: normal; }
.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
content: "\f122"; }
.video-js {
display: block;
vertical-align: top;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
line-height: 1;
font-weight: normal;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
word-break: initial; }
.video-js:-moz-full-screen {
position: absolute; }
.video-js:-webkit-full-screen {
width: 100% !important;
height: 100% !important; }
.video-js[tabindex="-1"] {
outline: none; }
.video-js *,
.video-js *:before,
.video-js *:after {
box-sizing: inherit; }
.video-js ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
list-style-position: outside;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0; }
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
width: 100%;
max-width: 100%;
height: 0; }
.video-js.vjs-16-9 {
padding-top: 56.25%; }
.video-js.vjs-4-3 {
padding-top: 75%; }
.video-js.vjs-fill {
width: 100%;
height: 100%; } body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%; }
.vjs-full-window .video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0; }
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
width: 100% !important;
height: 100% !important;
padding-top: 0 !important; }
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none; }
.vjs-hidden {
display: none !important; }
.vjs-disabled {
opacity: 0.5;
cursor: default; }
.video-js .vjs-offscreen {
height: 1px;
left: -9999px;
position: absolute;
top: 0;
width: 1px; }
.vjs-lock-showing {
display: block !important;
opacity: 1;
visibility: visible; }
.vjs-no-js {
padding: 20px;
color: #fff;
background-color: #000;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
width: 300px;
height: 150px;
margin: 0px auto; }
.vjs-no-js a,
.vjs-no-js a:visited {
color: #66A8CC; }
.video-js .vjs-big-play-button {
font-size: 3em;
line-height: 1.5em;
height: 1.63332em;
width: 3em;
display: block;
position: absolute;
top: 10px;
left: 10px;
padding: 0;
cursor: pointer;
opacity: 1;
border: 0.06666em solid #fff;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
border-radius: 0.3em;
transition: all 0.4s; }
.vjs-big-play-centered .vjs-big-play-button {
top: 50%;
left: 50%;
margin-top: -0.81666em;
margin-left: -1.5em; }
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
border-color: #fff;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5);
transition: all 0s; }
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
display: none; }
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
display: block; }
.video-js button {
background: none;
border: none;
color: inherit;
display: inline-block;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.vjs-control .vjs-button {
width: 100%;
height: 100%; }
.video-js .vjs-control.vjs-close-button {
cursor: pointer;
height: 3em;
position: absolute;
right: 0;
top: 0.5em;
z-index: 2; }
.video-js .vjs-modal-dialog {
background: rgba(0, 0, 0, 0.8);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
overflow: auto; }
.video-js .vjs-modal-dialog > * {
box-sizing: border-box; }
.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: 20px 24px;
z-index: 1; }
.vjs-menu-button {
cursor: pointer; }
.vjs-menu-button.vjs-disabled {
cursor: default; }
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
display: none; }
.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
overflow: auto; }
.vjs-menu .vjs-menu-content > * {
box-sizing: border-box; }
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
display: none; }
.vjs-menu li {
list-style: none;
margin: 0;
padding: 0.2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase; }
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5); }
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2B333F; }
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 0.3em 0;
font-weight: bold;
cursor: default; }
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0em;
margin-bottom: 1.5em;
border-top-color: rgba(43, 51, 63, 0.7); }
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7);
position: absolute;
width: 100%;
bottom: 1.5em;
max-height: 15em; }
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 5em; }
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 10em; }
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 14em; }
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
max-height: 25em; }
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
display: block; }
.video-js .vjs-menu-button-inline {
transition: all 0.4s;
overflow: hidden; }
.video-js .vjs-menu-button-inline:before {
width: 2.222222222em; }
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
width: 12em; }
.vjs-menu-button-inline .vjs-menu {
opacity: 0;
height: 100%;
width: auto;
position: absolute;
left: 4em;
top: 0;
padding: 0;
margin: 0;
transition: all 0.4s; }
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
display: block;
opacity: 1; }
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
display: block;
opacity: 1;
position: relative;
width: auto; }
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
width: auto; }
.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden; }
.video-js .vjs-control-bar {
display: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7); }
.vjs-has-started .vjs-control-bar {
display: flex;
visibility: visible;
opacity: 1;
transition: visibility 0.1s, opacity 0.1s; }
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible;
opacity: 0;
transition: visibility 1s, opacity 1s; }
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
display: none !important; }
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible; }
.vjs-has-started.vjs-no-flex .vjs-control-bar {
display: table; }
.video-js .vjs-control {
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 4em;
flex: none; }
.vjs-button > .vjs-icon-placeholder:before {
font-size: 1.8em;
line-height: 1.67; }
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
text-shadow: 0em 0em 1em white; }
.video-js .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.vjs-no-flex .vjs-control {
display: table-cell;
vertical-align: middle; }
.video-js .vjs-custom-control-spacer {
display: none; }
.video-js .vjs-progress-control {
cursor: pointer;
flex: auto;
display: flex;
align-items: center;
min-width: 4em;
touch-action: none; }
.video-js .vjs-progress-control.disabled {
cursor: default; }
.vjs-live .vjs-progress-control {
display: none; }
.vjs-liveui .vjs-progress-control {
display: flex;
align-items: center; }
.vjs-no-flex .vjs-progress-control {
width: auto; }
.video-js .vjs-progress-holder {
flex: auto;
transition: all 0.2s;
height: 0.3em; }
.video-js .vjs-progress-control .vjs-progress-holder {
margin: 0 10px; }
.video-js .vjs-progress-control:hover .vjs-progress-holder {
font-size: 1.6666666667em; }
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
font-size: 1em; }
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 0; }
.video-js .vjs-play-progress {
background-color: #fff; }
.video-js .vjs-play-progress:before {
font-size: 0.9em;
position: absolute;
right: -0.5em;
top: -0.3333333333em;
z-index: 1; }
.video-js .vjs-load-progress {
background: rgba(115, 133, 159, 0.5); }
.video-js .vjs-load-progress div {
background: rgba(115, 133, 159, 0.75); }
.video-js .vjs-time-tooltip {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 0.3em;
color: #000;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
padding: 6px 8px 8px 8px;
pointer-events: none;
position: absolute;
top: -3.4em;
visibility: hidden;
z-index: 1; }
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
display: none; }
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
display: block;
font-size: 0.6em;
visibility: visible; }
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
font-size: 1em; }
.video-js .vjs-progress-control .vjs-mouse-display {
display: none;
position: absolute;
width: 1px;
height: 100%;
background-color: #000;
z-index: 1; }
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
z-index: 0; }
.video-js .vjs-progress-control:hover .vjs-mouse-display {
display: block; }
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
transition: visibility 1s, opacity 1s; }
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
display: none; }
.vjs-mouse-display .vjs-time-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0, 0, 0, 0.8); }
.video-js .vjs-slider {
position: relative;
cursor: pointer;
padding: 0;
margin: 0 0.45em 0 0.45em; -webkit-touch-callout: none; -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none;
background-color: #73859f;
background-color: rgba(115, 133, 159, 0.5); }
.video-js .vjs-slider.disabled {
cursor: default; }
.video-js .vjs-slider:focus {
text-shadow: 0em 0em 1em white;
box-shadow: 0 0 1em #fff; }
.video-js .vjs-mute-control {
cursor: pointer;
flex: none; }
.video-js .vjs-volume-control {
cursor: pointer;
margin-right: 1em;
display: flex; }
.video-js .vjs-volume-control.vjs-volume-horizontal {
width: 5em; }
.video-js .vjs-volume-panel .vjs-volume-control {
visibility: visible;
opacity: 0;
width: 1px;
height: 1px;
margin-left: -1px; }
.video-js .vjs-volume-panel {
transition: width 1s; }
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
visibility: visible;
opacity: 1;
position: relative;
transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
width: 5em;
height: 3em;
margin-right: 0; }
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
left: -3.5em;
transition: left 0s; }
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
width: 10em;
transition: width 0.1s; }
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
width: 4em; }
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
height: 8em;
width: 3em;
left: -3000em;
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; }
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; }
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 3em;
visibility: visible;
opacity: 1;
position: relative;
transition: none; }
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
position: absolute;
bottom: 3em;
left: 0.5em; }
.video-js .vjs-volume-panel {
display: flex; }
.video-js .vjs-volume-bar {
margin: 1.35em 0.45em; }
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: 0.3em; }
.vjs-volume-bar.vjs-slider-vertical {
width: 0.3em;
height: 5em;
margin: 1.35em auto; }
.video-js .vjs-volume-level {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff; }
.video-js .vjs-volume-level:before {
position: absolute;
font-size: 0.9em; }
.vjs-slider-vertical .vjs-volume-level {
width: 0.3em; }
.vjs-slider-vertical .vjs-volume-level:before {
top: -0.5em;
left: -0.3em; }
.vjs-slider-horizontal .vjs-volume-level {
height: 0.3em; }
.vjs-slider-horizontal .vjs-volume-level:before {
top: -0.3em;
right: -0.5em; }
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
width: 4em; }
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%; }
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%; }
.video-js .vjs-volume-vertical {
width: 3em;
height: 8em;
bottom: 8em;
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.7); }
.video-js .vjs-volume-horizontal .vjs-menu {
left: -2em; }
.vjs-poster {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
background-color: #000000;
cursor: pointer;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%; }
.vjs-has-started .vjs-poster {
display: none; }
.vjs-audio.vjs-has-started .vjs-poster {
display: block; }
.vjs-using-native-controls .vjs-poster {
display: none; }
.video-js .vjs-live-control {
display: flex;
align-items: flex-start;
flex: auto;
font-size: 1em;
line-height: 3em; }
.vjs-no-flex .vjs-live-control {
display: table-cell;
width: auto;
text-align: left; }
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
display: none; }
.video-js .vjs-seek-to-live-control {
cursor: pointer;
flex: none;
display: inline-flex;
height: 100%;
padding-left: 0.5em;
padding-right: 0.5em;
font-size: 1em;
line-height: 3em;
width: auto;
min-width: 4em; }
.vjs-no-flex .vjs-seek-to-live-control {
display: table-cell;
width: auto;
text-align: left; }
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
display: none; }
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
cursor: auto; }
.vjs-seek-to-live-control .vjs-icon-placeholder {
margin-right: 0.5em;
color: #888; }
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
color: red; }
.video-js .vjs-time-control {
flex: none;
font-size: 1em;
line-height: 3em;
min-width: 2em;
width: auto;
padding-left: 1em;
padding-right: 1em; }
.vjs-live .vjs-time-control {
display: none; }
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
display: none; }
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
display: none; }
.vjs-time-divider {
display: none;
line-height: 3em; }
.vjs-live .vjs-time-divider {
display: none; }
.video-js .vjs-play-control {
cursor: pointer; }
.video-js .vjs-play-control .vjs-icon-placeholder {
flex: none; }
.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none; }
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em; }
.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: 0.1em; }
.vjs-subtitles {
color: #fff; }
.vjs-captions {
color: #fc6; }
.vjs-tt-cue {
display: block; }
video::-webkit-media-text-track-display {
transform: translateY(-3em); }
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
transform: translateY(-1.5em); }
.video-js .vjs-picture-in-picture-control {
cursor: pointer;
flex: none; }
.video-js .vjs-fullscreen-control {
cursor: pointer;
flex: none; }
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.vjs-playback-rate .vjs-playback-rate-value {
pointer-events: none;
font-size: 1.5em;
line-height: 2;
text-align: center; }
.vjs-playback-rate .vjs-menu {
width: 4em;
left: 0em; }
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center; }
.vjs-error .vjs-error-display:before {
color: #fff;
content: "X";
font-family: Arial, Helvetica, sans-serif;
font-size: 4em;
left: 0;
line-height: 1;
margin-top: -0.5em;
position: absolute;
text-shadow: 0.05em 0.05em 0.1em #000;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%; }
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.85;
text-align: left;
border: 6px solid rgba(43, 51, 63, 0.7);
box-sizing: border-box;
background-clip: padding-box;
width: 50px;
height: 50px;
border-radius: 25px;
visibility: hidden; }
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
display: block;
-webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
animation: vjs-spinner-show 0s linear 0.3s forwards; }
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
content: "";
position: absolute;
margin: -6px;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: transparent;
border-top-color: white; }
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
border-top-color: white; }
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
border-top-color: white;
-webkit-animation-delay: 0.44s;
animation-delay: 0.44s; }
@keyframes vjs-spinner-show {
to {
visibility: visible; } }
@-webkit-keyframes vjs-spinner-show {
to {
visibility: visible; } }
@keyframes vjs-spinner-spin {
100% {
transform: rotate(360deg); } }
@-webkit-keyframes vjs-spinner-spin {
100% {
-webkit-transform: rotate(360deg); } }
@keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f; }
20% {
border-top-color: #73859f; }
35% {
border-top-color: white; }
60% {
border-top-color: #73859f; }
100% {
border-top-color: #73859f; } }
@-webkit-keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f; }
20% {
border-top-color: #73859f; }
35% {
border-top-color: white; }
60% {
border-top-color: #73859f; }
100% {
border-top-color: #73859f; } }
.vjs-chapters-button .vjs-menu ul {
width: 24em; }
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em; }
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: "";
font-size: 1.5em;
line-height: inherit; }
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -0.1em; }
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: " ";
font-size: 1.5em;
line-height: inherit; }
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-current-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-time-divider,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-duration,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-remaining-time,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-playback-rate,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-chapters-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-descriptions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-captions-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subtitles-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-audio-button,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-control {
display: none; }
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
width: auto;
width: initial; }
.video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-subs-caps-button {
display: none; }
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-custom-control-spacer {
flex: auto;
display: block; }
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer, .video-js:not(.vjs-fullscreen).vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
width: auto; }
.video-js:not(.vjs-fullscreen).vjs-layout-x-small.vjs-liveui .vjs-progress-control, .video-js:not(.vjs-fullscreen).vjs-layout-tiny .vjs-progress-control {
display: none; }
.vjs-modal-dialog.vjs-text-track-settings {
background-color: #2B333F;
background-color: rgba(43, 51, 63, 0.75);
color: #fff;
height: 70%; }
.vjs-text-track-settings .vjs-modal-dialog-content {
display: table; }
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
display: table-cell; }
.vjs-text-track-settings .vjs-track-settings-controls {
text-align: right;
vertical-align: bottom; }
@supports (display: grid) {
.vjs-text-track-settings .vjs-modal-dialog-content {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr;
padding: 20px 24px 0px 24px; }
.vjs-track-settings-controls .vjs-default-button {
margin-bottom: 20px; }
.vjs-text-track-settings .vjs-track-settings-controls {
grid-column: 1/-1; }
.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
grid-template-columns: 1fr; } }
.vjs-track-setting > select {
margin-right: 1em;
margin-bottom: 0.5em; }
.vjs-text-track-settings fieldset {
margin: 5px;
padding: 3px;
border: none; }
.vjs-text-track-settings fieldset span {
display: inline-block; }
.vjs-text-track-settings fieldset span > select {
max-width: 7.3em; }
.vjs-text-track-settings legend {
color: #fff;
margin: 0 0 5px 0; }
.vjs-text-track-settings .vjs-label {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
display: block;
margin: 0 0 5px 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden; }
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
outline-style: solid;
outline-width: medium;
background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); }
.vjs-track-settings-controls button:hover {
color: rgba(43, 51, 63, 0.75); }
.vjs-track-settings-controls button {
background-color: #fff;
background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
color: #2B333F;
cursor: pointer;
border-radius: 2px; }
.vjs-track-settings-controls .vjs-default-button {
margin-right: 1em; }
@media print {
.video-js > *:not(.vjs-tech):not(.vjs-poster) {
visibility: hidden; } }
.vjs-resize-manager {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
z-index: -1000; }
.js-focus-visible .video-js *:focus:not(.focus-visible) {
outline: none;
background: none; }
.video-js *:focus:not(:focus-visible),
.video-js .vjs-menu *:focus:not(:focus-visible) {
outline: none;
background: none; } @media (min-width: 480px) {
table {
table-layout: auto;
word-break: normal; } .wpcf7-form .form-field-wrap.one-half {
width: 48%; } }
@media (min-width: 768px) {
.rotate-device {
display: flex;
position: absolute;
z-index: 9001;
height: 100%;
width: 100%;
font-size: 2em;
align-items: center;
justify-content: center;
flex-direction: column;
color: #c5c5c5;
background: #4e4e4e; }
.rotate-device img {
margin-bottom: 2em; }
.loading-screen address {
display: block; }
.loading-screen .loader {
margin-top: 0; }
.video-container {
background: #000; } .weinlinie .weinflasche {
width: auto;
height: 80vh; }
.slider-weine-pagination {
bottom: -10px;
left: 40%;
transform: translateX(-50%); }
#wein-schiefer .slider-weine-pagination {
left: 35%; } #slide-erfolge .erfolge-header {
height: 260px; }
.erfolge-bx-container {
margin: 2em auto 0; }
.slider-maus-content {
position: absolute;
top: inherit;
bottom: 10%; }
video::-webkit-media-controls-enclosure {
display: inherit; } }
@media (min-width: 960px) { :root {
--wrapWidth: 1140px; }
.hide-on-mobile {
display: inline-block;
}
.rotate-device {
display: none; }
.remove-intro:hover {
cursor: pointer;
color: #FFB600; }
.remove-intro span {
position: absolute;
opacity: 1; }
.remove-intro span#arrowLeft {
left: -30px;
animation: pulsateLeft 2s linear infinite; }
.remove-intro span#arrowRight {
right: -30px;
animation: pulsateRight 2s linear infinite; }
@keyframes pulsateLeft {
0% {
left: -30px; }
20% {
left: -25px; }
40% {
left: -20px; }
60% {
left: -20px; }
80% {
left: -25px; }
100% {
left: -30px; } }
@keyframes pulsateRight {
0% {
right: -30px; }
20% {
right: -25px; }
40% {
right: -20px; }
60% {
right: -20px; }
80% {
right: -25px; }
100% {
right: -30px; } } .site-header {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 9999;
padding: 0; }
.site-header .wrap {
max-width: var(--wrapWidth);
padding: 0 30px; }
.admin-bar .site-header {
top: 32px; } .genesis-nav-menu .menu-item:focus, .genesis-nav-menu .menu-item:hover {
position: relative; }
.genesis-nav-menu > .menu-bold > a {
font-weight: 700; }
.genesis-nav-menu > .menu-highlight > a {
background-color: #333;
border-radius: 3px;
color: #fff;
font-weight: 600;
margin-left: 15px;
padding-left: 20px;
padding-right: 20px; }
.genesis-nav-menu > .menu-highlight > a:focus, .genesis-nav-menu > .menu-highlight > a:hover {
background-color: #0073e5; }
.genesis-nav-menu .sub-menu,
.genesis-nav-menu .sub-menu a {
width: 180px; }
.genesis-nav-menu .sub-menu {
border-top: 1px solid #eee;
opacity: 0;
padding-left: 0;
position: absolute;
transition: opacity 0.4s ease-in-out; }
.genesis-nav-menu .sub-menu a {
border: 1px solid #eee;
border-top: 0;
padding-bottom: 15px;
padding-top: 15px; }
.genesis-nav-menu .sub-menu .sub-menu {
margin: -46px 0 0 179px; } .genesis-responsive-menu {
display: block; }
.genesis-responsive-menu .genesis-nav-menu .menu-item:hover > .sub-menu, .genesis-responsive-menu .genesis-nav-menu .menu-item:focus > .sub-menu {
display: block;
left: auto;
opacity: 1; }    .site-inner {
max-width: var(--wrapWidth); } .site-content .fp-controlArrow {
height: 72px !important;
width: 72px !important; }
.site-content .fp-controlArrow:after {
height: 38px;
width: 25px; }
.site-content .fp-controlArrow.fp-prev:after {
height: 38px;
background-position: 25px -38px; }
.full-width-content .content {
width: 100%; }
.content {
float: left;
width: 65%; }
.sidebar-content .content {
float: right; }
.full-width-content .content,
.landing-page .content {
float: none;
margin-left: auto;
margin-right: auto; }
.pager-hint {
display: block;
position: absolute;
bottom: 2.3em;
font-size: 1.5em;
font-weight: 700;
color: #333;
opacity: 0;
transition: 1000ms all; }
.pager-hint.visible {
opacity: 1; } .mobile-video-poster,
.mobile-link {
display: none; }
#intro-video-element {
object-position: inherit; }
#intro-video img.logo-video {
right: 10%;
transform: inherit; } #slide-familie .familie-content h1 {
font-size: 2.5em; }
#slide-familie .familie-content h2 {
font-size: 1.5em; }
.familie-nicole {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/05/familie-nicole.jpg); }
.familie-nicole .familie-content {
bottom: 10%; }
.familie-achim {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/05/familie-achim.jpg); }
.familie-achim .familie-content {
bottom: 5%; }
.familie-grosseltern {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/05/familie-grosseltern.jpg); }
.familie-grosseltern .familie-content {
top: 5%; }
.familie-kinder {
background-image: url(//www.reisfeineweine.de/wp-content/uploads/2020/05/familie-kinder.jpg); }
.familie-kinder .familie-content {
top: 5%; } #video-schneiden .video-schneiden-content h1 {
font-size: 2.5em; }
#video-schneiden .video-schneiden-content h2 {
font-size: 1.5em; } .slider-weine-pagination a {
width: 50px; }
.weinlinie .wein-content {
width: 40%;
left: 40%; }
.weinlinie .weinflasche {
height: 80vh;
width: auto;
right: 15%; }
#wein-cuvee-barrique h1,
#wein-rose h1 {
font-size: 5em; }
#wein-moselgold {
padding: 2em; }
#wein-moselgold .wein-content {
width: 50%; }
#wein-moselgold h1 {
font-size: 4em; }
#wein-moselgold h2 {
font-size: 1.5em; }
#wein-moselherz h1 {
font-size: 4em; }
#wein-anno-1556 .wein-content h1 img {
width: 183px; }
#wein-moselherz .sprites {
position: absolute;
width: 100%;
height: 100%;
pointer-events: none; }
#wein-moselherz .sprites:before {
content: '';
position: absolute;
width: 300px;
height: 277px;
bottom: 5%;
background-image: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/moselherz-sprite.png);
background-size: 913px;
background-position: 0 0; }
#wein-moselherz .sprites:after {
content: '';
position: absolute;
width: 210px;
height: 298px;
right: 0;
bottom: 0;
background-image: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/moselherz-sprite.png);
background-size: 666px;
background-position: 100% 0; }
#wein-furztrocken .wein-content img {
left: -20px; }
#wein-furztrocken h1, #wein-furztrocken h2 {
font-size: 2.5em; }
#wein-schiefer #wein-grauschiefer,
#wein-schiefer #wein-blauschiefer,
#wein-schiefer #wein-buntschiefer {
background-position: calc(100% + 103px) 100%; }
#wein-schiefer #wein-grauschiefer .wein-content,
#wein-schiefer #wein-blauschiefer .wein-content,
#wein-schiefer #wein-buntschiefer .wein-content {
width: 50%; }
#wein-von-alten-reben .slider-weine:before {
content: '';
position: absolute;
width: 600px;
height: 759px;
bottom: 200px;
left: -270px;
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/alte-rebe.png); }
#wein-von-alten-reben .wein-content,
#wein-von-alten-reben .slider-weine-pagination {
left: 43%;
width: 50%; }
#wein-calmont .wein-content img {
top: -175px;
left: -210px; }
#wein-calmont h1 {
font-size: 3em; }
#wein-calmont p {
font-size: 2em; }
#wein-noir-naturel .wein-content h1 {
font-size: 7em; }
#wein-uhlen h1, #wein-uhlen .weinflasche,
#wein-wuerzgarten h1,
#wein-wuerzgarten .weinflasche {
opacity: 0;
transition: 450ms ease-in-out; }
#wein-uhlen.show-wine .weinflasche,
#wein-wuerzgarten.show-wine .weinflasche {
opacity: 1; }
#wein-uhlen.show-headline h1,
#wein-wuerzgarten.show-headline h1 {
opacity: 1; }
#wein-uhlen .wein-content {
top: 40%; }
#wein-uhlen h1 {
font-size: 7em; }
#wein-wuerzgarten .wein-content {
top: 30%; }
#wein-wuerzgarten h1 {
font-size: 5em; } #slide-erfolge { }
#slide-erfolge .erfolge-header {
position: relative;
height: 55vh; }
#slide-erfolge .erfolge-content article header,
#slide-erfolge .erfolge-content article section {
padding: 0 2em 2em; }
#slide-erfolge .erfolge-content article h1 {
margin: 1.25em 0 0 0;
font-size: 1.5em; }
#slide-erfolge .erfolge-content .d-1of2 {
float: left;
width: 50%;
height: calc(100% - 3em);
border-right: 1px solid #dedede;
border-bottom: none;
padding-right: 2%;
margin: 0 2% 0 0; }
#slide-erfolge .erfolge-content .d-1of2:last-child {
width: 48%;
border: none;
margin: 0;
padding: 0; }
.slide-navigator {
position: absolute;
z-index: 100; }
.slide-navigator > div {
width: 80%; }
.slide-navigator p {
display: block; }
.slide-navigator ul {
width: 60%; }
.slide-navigator li {
margin: 0 12px; }
.slide-navigator li a {
font-size: 18px;
padding: 12px; }
p#erfolge-hinweis {
display: block;
position: absolute;
right: 0;
transition: 750ms ease-in-out;
opacity: 0;
font-weight: 700;
font-style: italic;
z-index: 10; }
p#erfolge-hinweis.show {
opacity: 1;
right: 60px; } .slider-maus .maus-logos {
padding: 0;
justify-content: center; }
.slider-maus .maus-logos img.maus-logo-reis {
width: 210px;
margin: 2.5em 50px 1.25em 2.5em; }
.slider-maus .maus-logos img.maus-logo-maus {
width: 316px;
margin: 1.25em 2.5em 1.25em 50px; }
.slider-maus .slider-maus-content h1 {
font-size: 2.75em; }
.slider-maus .slider-maus-content p {
font-size: 1.75em; } .contact.flex {
justify-content: space-between;
align-items: center; }
.contact.flex > div {
width: 49%;
padding: 4em 3em; } .impressum {
justify-content: space-between;
align-items: center;
height: 100vh; }
.impressum > div {
width: 49%;
height: 100%; }
.impressum > div h2 {
margin-top: 0; } .sidebar {
float: right;
width: 30%; }
.sidebar-content .sidebar {
float: left; } .author-box {
background-color: #f5f5f5;
padding: 30px; } .after-entry {
padding: 40px 60px; }
.after-entry .enews {
padding-left: 30px;
padding-right: 30px; } .five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 2.564102564102564%; }
.one-half,
.three-sixths,
.two-fourths {
width: 48.717948717948715%; }
.one-third,
.two-sixths {
width: 31.623931623931625%; }
.four-sixths,
.two-thirds {
width: 65.81196581196582%; }
.one-fourth {
width: 23.076923076923077%; }
.three-fourths {
width: 74.35897435897436%; }
.one-sixth {
width: 14.52991452991453%; }
.five-sixths {
width: 82.90598290598291%; }
.first {
clear: both;
margin-left: 0; }
.wpcf7-form .form-field-wrap.one-fourth {
width: 23.076923076923077%; }
.wpcf7-form .form-field-wrap.one-half, .wpcf7-form .form-field-wrap.two-fourths {
width: 48.717948717948715%; }
.wpcf7-form .form-field-wrap.one-third {
width: 31.623931623931625%; }
.wpcf7-form .form-field-wrap.two-thirds {
width: 65.81196581196582%; }
.wpcf7-form .form-field-wrap.three-fourths {
width: 74.35897435897436%; } .after-entry,
.archive-description,
.author-box,
.comment-respond,
.entry,
.entry-comments,
.entry-pings {
margin-bottom: 60px; } .site-footer > .wrap {
max-width: var(--wrapWidth);
margin: 0 auto; }
.site-footer .genesis-nav-menu {
width: auto;
float: left; } .footer-widgets .wrap {
max-width: var(--wrapWidth); }
.footer-widget-area {
float: left;
margin-bottom: 0;
width: calc(100% / 3); } .wpcf7-form .form-field-wrap .form-anrede {
display: block;
width: 23%; } }
@media (min-width: 1030px) { .fullscreen-image-slider.header-position-top .slideshow-wrapper {
position: absolute;
top: 0;
height: 100vh;
width: 100%; }
.fullscreen-image-slider.header-position-left .site-container, .fullscreen-image-slider.header-position-right .site-container {
height: 100vh;
width: 100%;
display: flex; }
.fullscreen-image-slider.header-position-left .site-header, .fullscreen-image-slider.header-position-right .site-header {
width: 20%;
border: 0; }
.fullscreen-image-slider.header-position-left .site-header nav, .fullscreen-image-slider.header-position-right .site-header nav {
width: 100%; }
.fullscreen-image-slider.header-position-left .site-header nav .wrap, .fullscreen-image-slider.header-position-right .site-header nav .wrap {
padding: 0; }
.fullscreen-image-slider.header-position-left .site-header nav li, .fullscreen-image-slider.header-position-right .site-header nav li {
display: block; }
.fullscreen-image-slider.header-position-left .slideshow-wrapper, .fullscreen-image-slider.header-position-right .slideshow-wrapper {
width: 80%; }
.fullscreen-image-slider.header-position-right .site-header {
order: 2; }
.fullscreen-image-slider .slideshow-wrapper {
overflow: hidden; }
.fullscreen-image-slider .slideshow-wrapper .slide {
height: 100vh;
background-size: cover;
background-position: center; }
.fullscreen-image-slider .slideshow-wrapper .slide-overlay {
display: block;
position: absolute;
bottom: 2em;
width: 40%;
right: 2em;
background: rgba(255, 255, 255, 0.8);
padding: 1.25em; }
.fullscreen-image-slider .slideshow-wrapper .slide-overlay p:last-child {
margin-bottom: 0; }
.erfolge-bx-container {
margin: 0 auto; }
.erfolge-content article .d-1of2 {
float: left;
width: 50%;
margin-right: 2%; }
.erfolge-content article .d-1of2:last-child {
width: 48%;
margin-right: 0; }
.erfolge-content article .d-1of3 {
float: left;
width: 31%;
margin-right: 2%; }
.erfolge-content article .d-1of3:last-child {
width: 33%;
margin-right: 0; }
.impressum > div h2 {
margin-top: 2.5em; } }
@media (min-height: 840px) {
.loading-screen .loading-screen-desktop-text {
display: inline-block; }
.weinlinie {
max-height: auto; }
.weinlinie .wein-content .content-shortened {
display: none; }
.weinlinie .wein-content .content-full {
display: block; }
.weinlinie .weinflasche {
height: 90vh; }
.slide-navigator {
top: calc(55vh - 51px); }
.ferienwohnung > div:first-child {
width: 35%;
padding: 0 2em; }
.ferienwohnung div.fewo-slider-container {
width: 65%; }
.ferienwohnung div.fewo-slider-container p {
font-size: 2.75em; }
.ferienwohnung div.fewo-slider-container .image-slide {
height: 100vh; } }
@media (max-width: 1440px) {
.ferienwohnung > div:first-child {
width: 100%;
padding: 2em; }
.ferienwohnung div.fewo-slider-container {
width: 100%;
padding: 5%;
background-image: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/bg-weinlinie-winzersekt2.png); } }
@media (min-width: 1500px) {
video::-webkit-media-controls {
display: none; } } .contentslider-with-image {
position: relative;
margin: 3em auto; }
.contentslider-with-image .measure {
width: 100%; }
.contentslider-with-image .slide {
flex-direction: column; }
.contentslider-with-image .slide > img {
margin: 0; }
.contentslider-with-image .slide-content {
background: #f2f2f2; }
.contentslider-with-image .slide-content h2 {
margin-top: 0; }
.contentslider-with-image .slide-content > div {
padding: 1.25em 2.5em; }
.contentslider-with-image a.btn {
margin-bottom: 2.5em; }
@media only screen and (min-width: 1030px) {
.contentslider-with-image {
position: static; }
.contentslider-with-image .measure {
position: absolute;
left: 0; }
.contentslider-with-image .slide-content {
width: 50%;
display: flex;
align-items: center; }
.contentslider-with-image .slide-content h2 {
position: relative;
margin-bottom: 1.5em; }
.contentslider-with-image .slide-content h2:after {
content: '';
position: absolute;
height: 2px;
background: #dedede;
width: 20%;
left: 0;
bottom: -.75em; }
.contentslider-with-image .slide-content > div {
width: calc(1040px/2);
padding: 0 0 0 4.5em; }
.contentslider-with-image .slide {
flex-direction: row; }
.contentslider-with-image .slide img {
width: 50%;
height: auto;
align-self: center; }
.contentslider-with-image a.btn {
margin-bottom: 0; } }
@media only screen and (min-width: 1240px) {
.contentslider-with-image .slide-content > div {
width: calc(1200px/2); } }
@media only screen and (min-width: 1640px) {
.contentslider-with-image .slide-content > div {
width: calc(1440px/2); } }
.image-gallery-wrap {
margin: 2.5em 0; }
.image-gallery-wrap .measure {
position: absolute;
width: 100%;
left: 0; }
.image-gallery-wrap .image-gallery {
position: absolute;
width: 100%;
left: 0;
overflow: hidden; }
.image-gallery-wrap .image-gallery p {
display: none; }
.image-gallery-wrap figure {  padding: 0;
margin: 0 !important; }
.image-gallery-wrap figure:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
background-color: rgba(0, 0, 0, 0.25);
transition: background-color 400ms ease; }
.image-gallery-wrap figure:hover:after, .image-gallery-wrap figure:focus:after {
background-color: rgba(0, 0, 0, 0); }
@media only screen and (min-width: 640px) {
.image-gallery-wrap figure:before {
content: '';
position: absolute;
right: 0;
width: 1px;
height: 100%;
background: rgba(255, 255, 255, 0.4);
z-index: 1; } }
.contentbox {
display: flex;
margin: 2.5em 0;   }
.contentbox.width-auto article {
margin: 0 2%; }
.contentbox.width-auto article:first-child {
margin-left: 0; }
.contentbox.width-auto article:last-child {
margin-right: 0; }
.contentbox.width-collective {
flex-wrap: wrap;
justify-content: space-between; }
.contentbox.width-individual {
flex-wrap: wrap;
justify-content: space-between; }
.contentbox article {
margin: 0;
display: flex;
flex-direction: column; }
.contentbox article header {
display: flex;
flex-direction: column;
margin-bottom: .75em; }
.contentbox article header img {
display: block;
margin: 0; }
.contentbox article header .contentbox-icon {
margin-bottom: 1.25em; }
.contentbox article header svg {
display: block;
width: 60px;
height: 60px;
margin: 1.25em auto;
fill: white; }
.contentbox article header h1 {
font-size: 1.75em;
font-weight: 700;
min-height: 1.333em;
margin: 0;
text-align: center; }
.parallax-window {
position: absolute;
width: 100%;
min-height: 200px;
background: transparent;
z-index: 1;
left: 0; }
.parallax-window.covered {
background: rgba(255, 255, 255, 0.5); }
.parallax-window .parallax-window-content {
position: absolute;
width: 75vw;
bottom: 40px;
background: rgba(0, 0, 0, 0.4);
padding: 1.25em;
color: white; }
@media only screen and (min-width: 768px) {
.custom-video-control,
.custom-audio-control {
position: absolute;
bottom: 30px;
right: 30px;
width: 38px;
height: 38px;
cursor: pointer;
transition: opacity 450ms ease-in-out;
}
.custom-video-control svg,
.custom-audio-control svg {
position: absolute;
fill: white;
opacity: 1;
transition: opacity 450ms ease-in-out;
}
.custom-video-control .custom-volume-unmute,
.custom-audio-control .custom-volume-unmute {
display: none;
}
.custom-video-control.sound-on .custom-volume-unmute,
.custom-audio-control.sound-on .custom-volume-unmute {
display: block;
}
.custom-video-control.sound-on .custom-volume-mute,
.custom-audio-control.sound-on .custom-volume-mute {
display: none;
}
.notification-villa-moselle,
.notification-video {
position: absolute;
bottom: 220px;
right: -100%;
background: rgba(0, 0, 0, 0.35);
padding: 1.25em 1em 1em 1em;
color: white;
transition: right 450ms ease-in-out;
}
.notification-video {
bottom: 150px;
padding: 10px 30px;
}
.pum-content video::-webkit-media-controls {
display: flex !important;
}
.section.active.fp-completely .fewo-slide-overlay {
right: 0;
}
.fewo-slide-overlay {
position: absolute;
background: rgba(0, 0, 0, 0.35);
padding: 1.25em 1em 1em 1em;
color: white;
transition: right 450ms ease-in-out;
z-index: 1;
right: -100%;
font-size: 20px;
top: 160px;
text-shadow: 1px 1px 0px #7c7c7c !important;
font-size: 20px !important;
font-weight: 700 !important;
margin: 0 !important;
}
.fewo-slide-overlay a {
color: #f9ca72;
text-decoration: none;
}
.notification-villa-moselle.show,
.notification-video.show {
right: 0;
}
.notification-villa-moselle p,
.notification-video p {
text-shadow: 1px 1px 0px #7c7c7c;
font-size: 1.5em;
font-weight: 700;
margin: 0;
}
.notification-video p {
font-size: 22px;
}
.notification-video {
text-shadow: 1px 1px 0px #7c7c7c;
font-size: 1.25em;
font-weight: 700;
margin: 0;
}
.notification-villa-moselle a,
.notification-video a {
color: #f9ca72;
text-decoration: none;
}
.parallax-window {
min-height: 500px; } }
.team {
flex-wrap: wrap;
justify-content: space-between; }
.team .item {
text-align: center;
background: #efefef;
margin: 0 0 2%;
width: 100%; }
.team .item.image-circle {
background: transparent; }
.team .item.image-circle .item-portrait {
border-radius: 50%;
overflow: hidden; }
.team .item.has-overlay .item-portrait {
cursor: pointer; }
.team .item.grayscale .item-portrait {
filter: grayscale(1);
transition: filter 250ms ease-in-out; }
.team .item.grayscale.has-overlay .item-portrait:hover, .team .item.grayscale.has-overlay .item-portrait:focus {
filter: grayscale(0); }
.team .item-descr {
padding: 1.25em; }
.team .name {
font-weight: 700; }
.team .position {
font-style: italic; }
.team-wrap {
margin-bottom: 2.5em; }
.team-wrap .overlay-container {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
cursor: default;
pointer-events: none;
transition: opacity 250ms ease-in-out;
z-index: 1; }
.team-wrap .overlay-container .overlay-bg {
background: rgba(0, 0, 0, 0.75);
position: absolute;
height: 100%;
width: 100%;
z-index: 1; }
.team-wrap .overlay-container .overlay {
position: absolute;
top: 50%;
left: 50%;
background: white;
transform: translate(-50%, -50%);
width: 70%;
height: auto;
z-index: 2; }
.team-wrap .overlay-container .overlay-image {
width: 340px; }
.team-wrap .overlay-container .vita {
float: left;
width: calc(100% - 340px);
text-align: left;
padding: 1.5em;
display: flex;
flex-direction: column;
justify-content: center; }
.team-wrap .show-overlay .overlay-container {
opacity: 1;
visibility: visible;
pointer-events: initial; }
.team-wrap svg.close-overlay {
position: absolute;
top: 1em;
right: 1em;
width: 24px;
height: 24px;
fill: gray;
cursor: pointer;
transition: fill 250ms ease-in-out; }
.team-wrap svg.close-overlay:hover, .team-wrap svg.close-overlay:focus {
fill: #2b2b2b; }
@media (min-width: 480px) {
.team .item {
width: 48%; } }
@media (min-width: 960px) {
.team .item {
margin: 0 0 2%; }
.team .item.one-half {
width: 49%; }
.team .item.one-half.image-circle {
width: 46%;
margin: 0 0 5%; }
.team .item.one-third {
width: 32%; }
.team .item.one-third.image-circle {
width: 30%; }
.team .item.fullwidth {
display: flex;
width: 100%;
flex-wrap: wrap; }
.team .item.fullwidth .item-portrait {
width: 180px; }
.team .item.fullwidth .item-descr {
text-align: left;
padding: 1.25em;
display: flex;
flex-direction: column;
justify-content: center; }
.team .item.fullwidth.image-circle {
margin-bottom: 2.5em; } }
.contentslider {
position: relative;
padding: 1.25em;
background: #f7f7f7;
margin-bottom: 2.5em; }
ul.iconlist {
display: flex;
flex-wrap: wrap;
background: #efefef;
padding: 1.25em 1.25em .75em; }
ul.iconlist li {
display: flex;
align-items: center;
width: 100%;
margin-bottom: .5em; }
ul.iconlist li .iconlist-item {
order: 2; }
ul.iconlist li svg,
ul.iconlist li img {
order: 1;
display: block;
width: 20px;
height: 20px;
margin-right: .75em;
opacity: .5; }
@media (min-width: 960px) {
ul.iconlist li {
width: 33%; } } .bx-wrapper {
position: relative;
margin: 0;
padding: 0;
*zoom: 1;
overflow: hidden; }
.bx-wrapper img {
max-width: 100%;
display: block; }
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
transform: translate(0, -50%);
opacity: .75;
width: 30px;
height: 50px;
padding: 5px;
background-color: #fff;
transition: all 175ms ease-out; }
.bx-wrapper .bx-controls-direction a svg {
fill: #000; }
.bx-wrapper .bx-controls-direction a.bx-prev {
left: -30px; }
.bx-wrapper .bx-controls-direction a.bx-next {
right: -30px; }
.bx-wrapper .bx-controls-direction a.disabled {
display: none; }
.bx-wrapper:hover {
transition: all 175ms ease-in; }
.bx-wrapper:hover .bx-controls-direction a svg {
fill: #232323; }
.bx-wrapper:hover .bx-controls-direction a.bx-prev {
left: 0; }
.bx-wrapper:hover .bx-controls-direction a.bx-next {
right: 0; }
.bx-viewport {
transform: translatez(0); }
.bx-pager {
position: absolute;
bottom: -30px;
width: 100%;
display: flex;
justify-content: center;
background: transparent;
padding: .7em 0; }
.bx-pager.bx-default-pager a {
background: rgba(0, 0, 0, 0.25);
text-indent: -9999px;
display: block;
width: 8px;
height: 8px;
margin: 0 5px;
outline: 0;
border-radius: 5px; }
.bx-pager.bx-default-pager a:hover, .bx-pager.bx-default-pager a.active {
background: rgba(0, 0, 0, 0.75); }
.bx-pager .bx-pager-item,
.bx-controls-auto .bx-controls-auto-item {
display: inline-block;
zoom: 1; }
.bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%; }
.bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px; }
.bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666;
background: rgba(80, 80, 80, 0.75);
width: 100%; }
.bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px; } .booking-overlay-wrap {
display: flex;
position: absolute;
width: 100vw;
height: 100vh;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: #00000099;
z-index: 1;
justify-content: center;
align-items: center;
pointer-events: none;
opacity: 0;
transition: 450ms ease-in-out;
}
.booking-overlay-wrap.show {
opacity: 1;
pointer-events: all;
}
.booking-content-logo {
display: block;
text-align: center;
margin: 0 auto 2.5em;
width: 200px;
}
.booking-content h2 {
font-size: 18px;
font-weight: 700;
margin-bottom: 5px;
}
.booking-content h2 small {
font-weight: 400;
font-size: 16px;
}
.booking-content {
position: relative;
height: 80%;
width: 50%;
max-width: 80%;
background: url(//www.reisfeineweine.de/wp-content/themes/nagati/lib/images/weinlinien/bg-weinlinie-winzersekt2.png);
padding: 2.5em;
text-align: center;
}
.booking-button {
border: 0;
color: #fff;
cursor: pointer;
font-size: 16px;
font-weight: 700;
padding: 15px 30px;
text-align: center;
text-decoration: none;
white-space: normal;
width: auto;
border-radius: 4px;
background-color: #caa983;
}
.booking-button:hover,
.booking-button:focus {
color: #fff;
background: rgb(188 151 108);
}
.close-booking-overlay {
position: absolute;
top: 20px;
right: 20px;
width: 24px;
height: 24px;
}
.close-booking-overlay svg {
fill: #5c6b80;
}