@charset "UTF-8";
      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;
} :root {
--color-border:	#dedede;
--color-white:	#fff;
--color-light-gray:	#f2f2f2;
--color-concept:	#d15439;
--color-link:	var(--color-concept);
--color-link-hover:	lighten(var(--color-concept), 5%);
--color-validate-yellow:	#fff890;
--color-validate-red:	red;
--color-validate-green:	#98d23e;
--validate-border-yellow:	#f7e700;
--validate-border-red:	#e8644d;
--validate-border-green:	var(--color-validate-green);
--color-button:	#d76c34;
--color-button-hover:	#d15439;
--color-button-active:	#d15439;
--color-submit-btn:	darken(var(--color-validate-green), 5%);
--color-submit-btn-hover:	darken(var(--color-submit-btn), 5%);
}
@font-face {
font-family: "Lato";
font-style: normal;
font-weight: 400;
src: local("Lato Regular"), local("Lato-Regular"), url(//www.vias-ferienwohnung.de/wp-content/themes/nagati/lib/fonts/lato/lato-v14-latin-regular.woff2) format("woff2"), url(//www.vias-ferienwohnung.de/wp-content/themes/nagati/lib/fonts/lato/lato-v14-latin-regular.woff) format("woff");
}
@font-face {
font-family: "Lato";
font-style: normal;
font-weight: 700;
src: local("Lato Bold"), local("Lato-Bold"), url(//www.vias-ferienwohnung.de/wp-content/themes/nagati/lib/fonts/lato/lato-v14-latin-700.woff2) format("woff2"), url(//www.vias-ferienwohnung.de/wp-content/themes/nagati/lib/fonts/lato/lato-v14-latin-700.woff) format("woff");
}
@font-face {
font-family: "Lato";
font-style: italic;
font-weight: 700;
src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url(//www.vias-ferienwohnung.de/wp-content/themes/nagati/lib/fonts/lato/lato-v14-latin-700italic.woff2) format("woff2"), url(//www.vias-ferienwohnung.de/wp-content/themes/nagati/lib/fonts/lato/lato-v14-latin-700italic.woff) format("woff");
}
@font-face {
font-family: "Raleway";
font-style: normal;
font-weight: 700;
src: local("Raleway Bold"), local("Raleway-Bold"), url(//www.vias-ferienwohnung.de/wp-content/themes/nagati/lib/fonts/raleway/raleway-v12-latin-700.woff2) format("woff2"), url(//www.vias-ferienwohnung.de/wp-content/themes/nagati/lib/fonts/raleway/raleway-v12-latin-700.woff) format("woff");
}
@font-face {
font-family: "Whisper";
font-style: normal;
font-weight: 400;
src: local(""), url(//www.vias-ferienwohnung.de/wp-content/themes/nagati/lib/fonts/whisper/whisper-v2-latin-regular.woff2) format("woff2"), url(//www.vias-ferienwohnung.de/wp-content/themes/nagati/lib/fonts/whisper/whisper-v2-latin-regular.woff) format("woff");
}
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
} .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: rgb(78, 29, 1);
font-family: "Lato", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.8571428571;
margin: 0;
overflow-x: hidden;
}
body > svg {
display: none;
}
#media_image-2 .widget-wrap {
margin-top: 20px;
}
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: var(--color-concept);
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: "Whisper";
color: #d15439;
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;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
article.entry {
margin-bottom: 0;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 {
font-weight: 400;
}
.entry-content h2.section-title {
font-family: "Lato";
font-size: 24px;
font-weight: 700;
margin-bottom: 30px;
}
.entry-content h2.section-title img {
width: auto;
height: 100px;
display: block;
margin: 0 auto;
}
.entry-content h3, .entry-content h4 {
font-weight: 600;
}
.entry-content h4 {
margin-top: 40px;
}
.text-aligncenter {
font-size: 18px;
text-align: center;
}
.text-aligncenter .seperator {
display: inline-block;
margin: 0 10px;
}
.preise-leistungen {
margin: 3.5em 0 2.5em;
justify-content: space-between;
}
.preise-leistungen > div {
width: 100%;
text-align: center;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
background: rgba(255, 255, 255, 0.2);
margin-bottom: 2.5em;
}
.preise-leistungen > div .preise-content-header {
position: relative;
padding: 12px;
margin-bottom: 30px;
}
.preise-leistungen > div .preise-content-header:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 0;
}
.preise-leistungen > div h3, .preise-leistungen > div h4 {
color: rgba(255, 255, 255, 0.85);
position: relative;
z-index: 1;
}
.preise-leistungen > div h3 {
font-size: 35px;
margin-bottom: 0;
}
.preise-leistungen > div h4 {
font-family: "Lato";
font-size: 20px;
margin: 0;
font-weight: 400;
}
.preise-leistungen > div ul {
padding: 0;
}
.preise-leistungen > div ul li {
list-style-type: none;
}
.preise-leistungen .preise-fewo-1 .preise-content-header {
background: url(//www.vias-ferienwohnung.de/wp-content/uploads/2022/05/preise-bg-02.png);
}
.preise-leistungen .preise-fewo-2 .preise-content-header {
background: url(//www.vias-ferienwohnung.de/wp-content/uploads/2022/05/preise-bg-01.png);
}
.preise-leistungen .preis {
margin-bottom: 2.5em;
}
.preise-leistungen .preis p {
margin-bottom: 0;
}
.preise-leistungen .preis p:last-child {
margin-bottom: 16px;
}
.preise-leistungen .preis span {
font-weight: 700;
font-size: 30px;
display: inline-block;
line-height: 34px;
}
.preise-leistungen .preis.preis-01 {
color: #CC6600;
}
.preise-leistungen .preis.preis-02 {
color: #8F9859;
}
.preise-leistungen .fuer-personen,
.preise-leistungen .preise-nebensaison {
font-weight: 700;
}
.preise-leistungen ul.preise-aufzaehlung-small {
font-size: 14px;
color: #75573b;
}
h2#umgebung img {
height: 120px;
}
h2#meinungen img {
height: 90px;
}
select.display-box-navigator {
margin-bottom: 1.25em;
} 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 {
height: auto;
border: 1px solid #aa8f5a;
}
.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: 48%;
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: var(--color-button);
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: var(--color-button-hover);
border-width: 0;
color: #fff;
}
button:active,
input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active,
.button:active {
background-color: var(--color-button-active);
}
.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;
}
.container-home-contact {
margin-bottom: 2.5em;
}
#wpcf7-f10-p1419-o1 {
margin-bottom: 2.5em;
} .site-container {
word-wrap: break-word;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.site-content-wrap {
background: url(//www.vias-ferienwohnung.de/wp-content/uploads/2022/05/bg.png);
border-top: 5px solid #d76c34;
}
.site-inner {
clear: both;
margin: 0 auto;
padding: 60px 30px 0;
}
.site-inner {
position: relative;
padding-top: 60px;
background: url(//www.vias-ferienwohnung.de/wp-content/uploads/2022/05/bg-content.png);
background-position: left;
max-width: var(--wrapWidth);
}
.site-inner:before {
content: "";
position: absolute;
top: -2px;
right: 80px;
width: 299px;
height: 129px;
background: url(//www.vias-ferienwohnung.de/wp-content/uploads/2022/05/inlay-flower-07.png);
}
figure.post-image {
margin-bottom: 30px;
}
.page-id-3 .entry-content h1, .page-id-3 .entry-content h2, .page-id-3 .entry-content h3, .page-id-3 .entry-content h4, .page-id-3 .entry-content h5, .page-id-3 .entry-content h6 {
font-family: "Lato", sans-serif;
} .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: var(--color-light-gray);
padding: 0.5em 0.5em 0.5em 0.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: var(color-button-active);
} .archive-description .entry-title,
.archive-title,
.author-box-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
.entry-title {
font-size: 70px;
margin-bottom: 10px;
}
.entry-title a,
.sidebar .widget-title a {
color: #333;
text-decoration: none;
}
.entry-title a:focus,
.entry-title a:hover {
color: var(--color-link-hover);
}
.widget-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
.featherlight .featherlight-content .caption {
font-weight: 400 !important;
}
.featherlight-content {
background: white !important;
} 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 {
padding: 0 30px;
box-shadow: 0 0 3px #333;
border-bottom: 5px solid #d76c34;
background: url(//www.vias-ferienwohnung.de/wp-content/uploads/2022/05/bg.png) !important;
}
.site-header:after {
content: "";
position: absolute;
bottom: -5px;
left: 0;
height: 5px;
width: 100%;
background: url(//www.vias-ferienwohnung.de/wp-content/uploads/2022/05/preise-bg-02.png);
}
.site-header .wrap {
margin: 0 auto;
} .title-area {
float: left;
padding-bottom: 25px;
padding-top: 25px;
max-width: 350px;
padding-bottom: 5px;
padding-top: 5px;
margin: 10px 0;
}
.title-area a {
display: block;
}
.title-area a img {
width: 230px;
filter: brightness(10) grayscale(1) invert(0);
}
.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;
}
.top-navbar {
margin-top: 20px;
text-align: right;
}
.top-navbar a {
padding: 5px;
color: white;
text-decoration: none;
display: inline-block;
margin: 10px 12px 0 0;
font-weight: 700;
font-size: 13px;
}
.top-navbar a:hover, .top-navbar a:focus {
color: #d9a167;
} .genesis-nav-menu {
clear: both;
line-height: 1;
width: 100%;
}
.genesis-nav-menu .menu-item {
display: block;
float: none;
position: relative;
}
.genesis-nav-menu a {
color: #fff;
display: block;
font-size: 15px;
font-weight: 400;
outline-offset: -1px;
padding-bottom: 12px;
padding-top: 12px;
text-decoration: none;
}
.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover,
.genesis-nav-menu li:hover > a,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
color: #d9a167;
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;
}
.navigation-overlay {
position: fixed;
width: 100%;
height: 100%;
z-index: 99;
top: 0;
left: 0;
background: transparent;
transition: 250ms ease-in-out;
pointer-events: none;
}
.navigation-overlay.active {
pointer-events: initial;
background: rgba(0, 0, 0, 0.25);
} .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: var(--color-link-hover);
}
.menu-toggle {
float: right;
line-height: 20px;
margin-bottom: 10px;
margin-top: 10px;
padding: 15px 0;
position: relative;
z-index: 1000;
}
.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);
} .nav-primary {
clear: left;
padding-bottom: 15px;
padding-top: 15px;
width: 100%;
} .nav-secondary {
margin-top: 10px;
}
.nav-secondary .genesis-nav-menu {
line-height: 1.5;
}
.nav-secondary .menu-item {
display: inline-block;
}
.nav-secondary a {
margin-left: 10px;
margin-right: 10px;
padding: 0;
} .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;
}
.contentslider-with-image .slide .meinungen-anbieter {
float: right;
display: block;
}
.contentslider-with-image .slide .meinungen-anbieter img {
display: block;
max-width: 175px;
margin: 0;
width: auto;
} 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: "—";
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: var(--color-light-gray);
clear: both;
padding: 60px 0;
}
.footer-widgets .wrap {
margin-left: auto;
margin-right: auto;
}
.footer-widgets .wrap #menu-secondary-navigation-menu li,
.footer-widgets .wrap #menu-secondary-menu li {
display: inline-block;
}
.footer-widgets .wrap #menu-secondary-navigation-menu li a,
.footer-widgets .wrap #menu-secondary-menu li a {
margin-right: 15px;
text-decoration: none;
}
.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;
}
.footer-widgets-1 {
margin-top: 91px;
}
.footer-widgets-1 #menu-secondary-navigation-menu li {
margin-bottom: 0;
}
.footer-widgets-3 .widget-wrap img {
float: right;
width: 230px;
display: block;
} .site-footer,
.footer-widgets {
padding-top: 0;
border-top: none;
background: url(//www.vias-ferienwohnung.de/wp-content/uploads/2022/05/bg.png);
}
.site-footer > .wrap,
.footer-widgets .wrap {
padding-right: 170px;
padding-bottom: 1.25em;
background: url(//www.vias-ferienwohnung.de/wp-content/uploads/2022/05/bg-content.png);
background-position: left;
max-width: var(--wrapWidth);
}
.footer-widget-area {
float: left;
margin-bottom: 0;
width: 33.3333333333%;
}
.footer-widget-area.footer-widgets-3 {
padding-right: 0;
}
.site-footer > .wrap {
position: relative;
}
.site-footer > .wrap:before {
content: "";
background: url(//www.vias-ferienwohnung.de/wp-content/uploads/2022/05/inlay-flower-03.png);
position: absolute;
height: 476px;
width: 152px;
right: 0;
bottom: 0;
} .site-footer {
display: none;
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 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 {
border-color: var(--validate-border-red);
background-image: url(//www.vias-ferienwohnung.de/wp-content/themes/nagati/lib/images/form-false.svg);
}
form input.valid {
border-color: var(--validate-border-green);
background-image: url(//www.vias-ferienwohnung.de/wp-content/themes/nagati/lib/images/form-true.svg);
}
form input.hasDatepicker {
cursor: pointer;
background-image: url(//www.vias-ferienwohnung.de/wp-content/themes/nagati/lib/images/datepicker.svg);
}
abbr.validation-required {
position: absolute;
top: 0;
width: 12px;
height: 12px;
}
abbr.validation-required svg {
fill: #d15439;
display: block;
}
.wpcf7-form abbr.validation-required-notice svg {
fill: #d15439;
} .wpcf7-form { }
.wpcf7-form .flex {
justify-content: space-between;
}
.wpcf7-form h1, .wpcf7-form h2, .wpcf7-form h3, .wpcf7-form h4 {
font-family: "Lato";
width: 100%;
margin-top: 1.5em;
}
.wpcf7-form h3 {
font-weight: 400;
font-size: 22px;
}
.wpcf7-form .form-field-wrap {
width: 100%;
margin: 0 0 12px;
}
.wpcf7-form abbr.validation-required svg {
fill: #d15439;
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: 0.75em 1em;
}
form div.wpcf7-response-output.wpcf7-validation-errors, form div.wpcf7-response-output.wpcf7-acceptance-missing {
border-color: var(--validate-border-yellow);
background: var(--color-validate-yellow);
}
form div.wpcf7-response-output.wpcf7-mail-sent-ok {
border-color: var(--color-validate-green);
background: #c9ff90;
text-align: center;
} .header-gallery-slider img {
display: none;
}
.header-gallery-slider img:first-child {
display: block;
}
.contentslider-with-image {
position: relative;
width: 100%;
}
.contentslider-with-image .slide-content h2 {
font-family: "Lato";
font-size: 22px;
} .display-box-navigator {
display: flex;
justify-content: flex-start;
padding: 0 !important;
border-bottom: 1px solid rgb(209, 84, 57);
}
.display-box-navigator li {
display: inline-block;
margin-right: 10px;
margin-bottom: 0 !important;
}
.display-box-navigator li a {
color: rgb(209, 84, 57);
text-decoration: none;
padding: 0.5em 1em;
background: #f0f0db;
display: block;
}
.display-box-navigator li a.current, .display-box-navigator li a:hover, .display-box-navigator li a:focus {
color: white;
background: #d26a2d;
}
.display-box-navigator li:last-child {
margin-right: 0;
}
.display-box {
margin-bottom: 2.5em;
}
.display-box > div {
display: none;
}
.display-box > div.show {
display: block;
} .post-wrap {
display: flex;
}
.post-wrap article {
width: 100%;
}
.post-wrap article header a {
text-decoration: none;
} .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: 0.2em 0.2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 0.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: 0.9em;
border-collapse: collapse;
margin: 0 0 3px;
}
.ui-datepicker th {
padding: 0.7em 0.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: 0.2em;
text-align: center;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: 0.7em 0 0 0;
padding: 0 0.2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: 0.5em 0.2em 0.4em;
cursor: pointer;
padding: 0.2em 0.6em 0.3em 0.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 0.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 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: var(--color-link-hover);
}
.ui-datepicker-current-day a {
color: white;
background: var(--color-link-hover);
} .fullscreen-image-slider .site-inner {
display: none;
}
.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: 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;
z-index: 1;
}
.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: 100vh;
z-index: 2;
}
.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: 0.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;
}
} .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: 100vh;
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: 0.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;
} .accordion,
.accordion-events {
margin-bottom: 3em !important;
}
.accordion .accordion-header,
.accordion-events .accordion-header {
position: relative;
background: #efefef;
padding: 0.5em 1.25em;
font-size: 1em;
margin: 0;
border-bottom: 1px solid #fff;
cursor: pointer;
display: flex;
font-weight: 400;
}
.accordion .accordion-header span,
.accordion-events .accordion-header span {
position: absolute;
width: 40px;
height: 39px;
top: 0;
right: 0;
z-index: 32;
color: #333;
font-size: 22px;
display: flex;
justify-content: center;
align-items: center;
transform: rotate(0);
transition: 250ms ease-in-out;
}
.accordion .accordion-header svg,
.accordion-events .accordion-header svg {
width: 12px;
height: 12px;
align-self: center;
margin-right: 10px;
transform: rotate(90deg);
}
.accordion .accordion-header:hover, .accordion .accordion-header.ui-state-active,
.accordion-events .accordion-header:hover,
.accordion-events .accordion-header.ui-state-active {
background: var(--color-concept);
color: white;
}
.accordion .accordion-header:hover span, .accordion .accordion-header.ui-state-active span,
.accordion-events .accordion-header:hover span,
.accordion-events .accordion-header.ui-state-active span {
color: white;
transform: rotate(45deg);
}
.accordion .accordion-header:hover svg, .accordion .accordion-header.ui-state-active svg,
.accordion-events .accordion-header:hover svg,
.accordion-events .accordion-header.ui-state-active svg {
fill: white;
transform: rotate(180deg);
}
.accordion .accordion-content,
.accordion-events .accordion-content {
color: #333;
padding: 1.25em;
}
.accordion .accordion-content p:last-child,
.accordion-events .accordion-content p:last-child {
margin-bottom: 0;
}
.content-section {
margin-bottom: 5em;
}
.content-section:first-child h2.section-title {
margin: 0 0 15px;
}
#cs-leaflet-map {
margin-bottom: 0;
}
#cs-meinungen {
margin-bottom: calc(5em + 30px);
} .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.vias-ferienwohnung.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);
}
.site-header .wrap {
padding: 0;
}
.site-title a,
.site-title a:focus,
.site-title a:hover,
.nav-primary a {
font-family: "Raleway";
}
.flyout-toggle {
float: right;
padding: 20px 0;
display: flex;
margin-left: 20px;
}
.flyout-toggle a {
position: relative;
margin-left: 30px;
display: block;
height: 30px;
width: 30px;
}
.flyout-toggle a:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-left: 1px solid #333;
left: -30px;
}
.flyout-toggle svg {
width: 100%;
height: 100%;
fill: #333;
padding: 4px;
}
.site-container {
position: relative;
left: 0;
transition: 250ms ease-in-out;
position: relative;
background: white;
z-index: 1;
}
.site-container.open-flyout {
left: -364px;
}
.flyout {
position: fixed;
width: 364px;
height: 100%;
top: 0;
right: 0;
background: #fffff3;
padding: 4em 2em;
}
svg#flyout-close {
position: absolute;
top: 20px;
right: 20px;
width: 16px;
height: 16px;
cursor: pointer;
}
button.toggle-responsive-menu {
position: relative;
float: right;
z-index: 2;
width: 60px;
height: 60px;
padding: 12px;
background: transparent;
}
button.toggle-responsive-menu svg {
fill: white;
}
.nav-primary {
position: relative;
left: -110%;
transition: 450ms ease-in-out;
z-index: 2;
padding-left: 30px;
}
.nav-primary.show {
left: -30px;
}
.nav-primary.anim1 ul li a {
position: relative;
}
.nav-primary.anim1 ul li a:hover:after {
opacity: 1;
width: 100%;
}
.nav-primary.anim1 ul li a:after {
content: "";
position: absolute;
opacity: 0;
width: 40%;
height: 100%;
background: var(--color-concept);
top: 0;
left: 50%;
transform: translate(-50%);
transition: 200ms ease-in-out;
z-index: -1;
border-radius: 3px;
}
circle#bto-path-1,
#ico_button_close-b,
#speechbubble + path {
fill: #84807a !important;
}
.usercentrics-button.layout-1 .uc-btn.uc-btn-primary,
.usercentrics-button.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-card-header,
.usercentrics-button.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-nav-tabs {
background-color: #84807a !important;
}
.uc-embedding-wrapper {
color: #333 !important;
}
.reveal .slides section .slide-content-wrap {
width: 100%;
}
.reveal .slides section .slide-content-wrap h1 {
position: absolute;
bottom: 34px;
left: 90px;
margin: 0;
font-size: 22px;
color: white;
}
.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: 0.1em;
text-decoration: none;
transition: opacity 1.5s;
}
.scroll-down.toggled {
opacity: 1;
}
.scroll-down span {
position: absolute;
top: 30px;
left: 50%;
width: 30px;
height: 50px;
margin-left: -15px;
border: 2px solid #fff;
border-radius: 50px;
box-sizing: border-box;
}
.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;
}
} @media (min-width: 480px) {
table {
table-layout: auto;
word-break: normal;
} .wpcf7-form .form-field-wrap.one-half {
width: 48%;
}
}
@media (max-width: 959px) {
.site-header {
position: fixed;
width: 100%;
z-index: 100;
height: auto;
}
.site-header.sticky {
top: 0 !important;
}
.nav-primary {
top: 137px;
position: fixed;
background: url(//www.vias-ferienwohnung.de/wp-content/uploads/2022/05/bg.png) !important;
}
.top-navbar {
top: 137px;
float: right;
}
body.show-navigation nav.nav-primary {
left: 0;
}
}
@media (min-width: 960px) { :root {
--wrapWidth: 1140px;
} .site-header {
position: -webkit-sticky;
position: fixed;
width: 100%;
top: -133px;
z-index: 9999;
padding: 0;
}
.site-header .wrap {
max-width: var(--wrapWidth);
padding: 0;
}
.admin-bar .site-header {
top: 32px;
}
.page-id-3 .site-header,
.page-id-198 .site-header {
top: 0;
} .genesis-nav-menu .menu-item {
display: inline-block;
}
.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 {
display: block;
visibility: hidden;
border-top: 1px solid #eee;
opacity: 0;
left: 0;
margin-top: 10px;
padding-left: 0;
position: absolute;
transition: 0.3s 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-nav-menu .menu-item-has-children:hover .sub-menu {
visibility: visible;
opacity: 1;
margin-top: 0;
display: block;
visibility: visible;
} .genesis-responsive-menu {
display: block;
padding-top: 15px;
}
.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;
}
.menu-toggle,
.toggle-responsive-menu,
.sub-menu-toggle {
display: none;
visibility: hidden;
} .nav-primary {
clear: none;
float: right;
width: auto;
left: initial;
}
.nav-primary .genesis-nav-menu a {
font-size: 14px;
padding-left: 8px;
padding-right: 8px;
}
.nav-primary .sub-menu {
padding-top: 20px;
border-top: none !important;
}
.nav-primary .sub-menu li:first-child {
border-top: 5px solid var(--color-concept);
} .site-inner {
padding-right: 170px;
background: url(//www.vias-ferienwohnung.de/wp-content/uploads/2022/05/bg-content.png);
background-position: right;
}
.site-inner:before {
content: "";
position: absolute;
top: -2px;
right: 80px;
width: 299px;
height: 129px;
background: url(//www.vias-ferienwohnung.de/wp-content/uploads/2022/05/inlay-flower-07.png);
}
.preise-leistungen > div {
width: 49%;
margin-bottom: 0;
}
select.display-box-navigator {
margin-bottom: 0;
}
.gallery-columns-4 .gallery-item {
width: 23%;
margin: 0 1% 2%;
} .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;
}
.header-image {
margin-top: 138px;
} .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.5641025641%;
}
.one-half,
.three-sixths,
.two-fourths {
width: 48.7179487179%;
}
.one-third,
.two-sixths {
width: 31.6239316239%;
}
.four-sixths,
.two-thirds {
width: 65.811965812%;
}
.one-fourth {
width: 23.0769230769%;
}
.three-fourths {
width: 74.358974359%;
}
.one-sixth {
width: 14.5299145299%;
}
.five-sixths {
width: 82.905982906%;
}
.first {
clear: both;
margin-left: 0;
}
.wpcf7-form .form-field-wrap.one-fourth {
width: 23.0769230769%;
}
.wpcf7-form .form-field-wrap.one-half, .wpcf7-form .form-field-wrap.two-fourths {
width: 48.7179487179%;
}
.wpcf7-form .form-field-wrap.one-third {
width: 31.6239316239%;
}
.wpcf7-form .form-field-wrap.two-thirds {
width: 65.811965812%;
}
.wpcf7-form .form-field-wrap.three-fourths {
width: 74.358974359%;
}
.post-wrap article {
width: 23%;
margin-right: 2%;
} .after-entry,
.archive-description,
.author-box,
.comment-respond,
.entry,
.entry-comments,
.entry-pings {
margin-bottom: 60px;
} .site-footer {
padding: 0;
}
.site-footer > .wrap {
max-width: var(--wrapWidth);
margin: 0 auto;
}
.site-footer .genesis-nav-menu {
width: auto;
float: left;
} .footer-widgets-1 {
width: 50%;
}
.footer-widgets-2 {
display: none;
}
.footer-widgets-3 {
width: 50%;
}
.site-footer > .wrap,
.footer-widgets .wrap {
background-position: right;
}
.flower-inlay-03,
.flower-inlay-06 {
z-index: 1;
}
.flower-inlay-03 {
content: "";
background: url(//www.vias-ferienwohnung.de/wp-content/uploads/2022/05/inlay-flower-04.png);
position: absolute;
height: 522px;
width: 177px;
right: 0;
pointer-events: none;
}
.flower-inlay-06 {
content: "";
background: url(//www.vias-ferienwohnung.de/wp-content/uploads/2022/05/inlay-flower-06.png);
position: absolute;
height: 301px;
width: 291px;
right: 0;
pointer-events: none;
} .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;
}
}
@media (min-width: 1140px) {
.ui-datepicker {
width: 19em;
}
.nav-primary .genesis-nav-menu a {
font-size: 15px;
padding-left: 15px;
padding-right: 15px;
}
} .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: #f0f0db;
}
.contentslider-with-image .slide-content h2 {
color: #d26a2d !important;
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 .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: #d26a2d;
width: 20%;
left: 0;
bottom: -0.75em;
}
.contentslider-with-image .slide-content strong {
color: #d26a2d;
}
.contentslider-with-image .slide-content > div {
width: 520px;
padding: 1.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: 600px;
}
}
@media only screen and (min-width: 1640px) {
.contentslider-with-image .slide-content > div {
width: 720px;
}
}
.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: 0.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-mirror {
z-index: 2 !important;
}
.parallax-wrap {
margin-bottom: 2.5em;
}
.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) {
.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: #f0f0db;
padding: 1.25em 1.25em 0.75em;
}
ul.iconlist li {
display: flex;
align-items: center;
width: 100%;
margin-bottom: 0.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: 0.75em;
opacity: 0.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: 0.75;
width: 30px;
height: 50px;
padding: 5px;
background-color: var(--color-white);
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: rgb(35, 35, 35);
}
.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: 0.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: var(--color-white);
font-family: Arial;
display: block;
font-size: 0.85em;
padding: 10px;
} @media print {

}
.form-submit-wrap {
margin: 20px 0;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
background: #8ec852;
padding: 10px 20px;
text-align: center;
color: white;
font-weight: 700;
}