@import url('https://storage.easyguestmanagement.at/viertler/website/comfortaa.css');
@import url('https://storage.easyguestmanagement.at/viertler/website/notosans.css');
/* Appartement Viertler – Design (Prefix vi-), Flieder/Lila, ruhig, ohne Bewegung */
:root{--vi-ink:#2f2640;--vi-text:#4a4258;--vi-muted:#6b6379;--vi-lila:#6f5a96;--vi-lila-d:#56437a;--vi-flieder:#c9b8e4;--vi-hell:#f5f1fa;--vi-dunkel:#3b2f52;--vi-line:#e4dcef}
html,body{overflow-x:hidden}
body,p,li,td,input,select,textarea,button,.btn{font-family:'Noto Sans',Helvetica,Arial,sans-serif}
body{color:var(--vi-text)}
h1,h2,h3,h4,h5,h6{font-family:'Comfortaa',Helvetica,Arial,sans-serif;color:var(--vi-ink)}
.kenburns-bg,.kenburns-bg-animate{animation:none !important;transform:none !important}
[data-animate]{animation:none !important;opacity:1 !important}
/* Kopfzeile */
#header .header-inner,#header.header-sticky .header-inner{background:#fff !important;box-shadow:none !important;border-bottom:1px solid var(--vi-line)}
#logo a{display:flex !important;align-items:center;height:80px !important;line-height:normal !important;font-family:'Comfortaa',Helvetica,Arial,sans-serif;font-size:24px;color:var(--vi-ink) !important;text-transform:lowercase}
#logo img{max-height:48px !important;width:auto !important;max-width:300px !important;height:auto !important}
#logo .logo-dark{display:none !important}
html body #header.dark #mainMenu nav>ul>li>a,html body #header #mainMenu nav>ul>li>a,html body #header.dark #mainMenu.dark nav>ul>li>a{font-family:'Comfortaa',Helvetica,Arial,sans-serif !important;font-weight:600 !important;font-size:15px !important;letter-spacing:.02em !important;text-transform:lowercase !important;color:var(--vi-ink) !important}
html body #header #mainMenu nav>ul>li>a:hover,html body #header #mainMenu nav>ul>li.current>a,html body #header #mainMenu nav>ul>li.active>a{color:var(--vi-lila) !important}
#header .header-extras a,#header .header-extras i{color:var(--vi-ink) !important}
#mainMenu-trigger .lines,#mainMenu-trigger .lines:before,#mainMenu-trigger .lines:after{background-color:var(--vi-ink) !important}
/* Titelbild: Startseite ohne Slider, Unterseiten ruhiger Kopf */
body:has(.vi-home) #slider{display:none !important}
#slider .flickity-page-dots,#slider .flickity-prev-next-button{display:none !important}
#page-title{background:var(--vi-hell) !important;padding:80px 0 50px !important}
#page-title .parallax-container,#page-title .bg-overlay,#page-title .breadcrumb{display:none !important}
#page-title .page-title h1,#page-title h1{font-family:'Comfortaa',Helvetica,Arial,sans-serif !important;font-weight:500 !important;text-transform:lowercase !important;letter-spacing:0 !important;color:var(--vi-ink) !important;font-size:clamp(34px,4.4vw,52px) !important;text-shadow:none !important}
#page-title .page-title span{color:var(--vi-muted) !important}
.shape-divider{display:none !important}
/* Buttons */
.btn:not(.close):not(.mfp-close),button.btn,input[type=submit]{background-color:var(--vi-lila) !important;border-color:var(--vi-lila) !important;color:#fff !important;border-radius:999px !important;font-weight:500}
.btn:not(.close):not(.mfp-close):hover{background-color:var(--vi-lila-d) !important;border-color:var(--vi-lila-d) !important}
a{color:var(--vi-lila)}
/* Grundgeruest Inhalte */
.vi{position:relative;width:100vw;left:50%;margin-left:-50vw;color:var(--vi-text);font-size:17px;line-height:1.7}
.vi *{box-sizing:border-box}
.vi p{margin:0 0 1em;font-size:17px;line-height:1.7;color:inherit}
.vi a{text-decoration:none}
.vi img{display:block;max-width:100%}
.vi-wrap{max-width:1160px;margin:0 auto;padding:0 32px}
.vi-sec{padding:90px 0}
.vi-sec--hell{background:var(--vi-hell)}
.vi-sec--dunkel{background:var(--vi-dunkel);color:#e9e3f3}
.vi-center{text-align:center;max-width:780px;margin:0 auto}
.vi-kicker{display:block;font-size:13px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--vi-lila);margin:0 0 14px}
.vi-sec--dunkel .vi-kicker{color:var(--vi-flieder)}
.vi h1,.vi h2,.vi-title{font-family:'Comfortaa',Helvetica,Arial,sans-serif !important;font-weight:500 !important;text-transform:lowercase !important;letter-spacing:0 !important;color:var(--vi-ink) !important;line-height:1.15 !important;margin:0 0 22px !important}
.vi h1{font-size:clamp(34px,4.6vw,54px) !important}
.vi h2{font-size:clamp(28px,3.4vw,40px) !important}
.vi h3{font-family:'Comfortaa',Helvetica,Arial,sans-serif !important;font-weight:600 !important;text-transform:lowercase !important;font-size:22px !important;line-height:1.3 !important;color:var(--vi-ink) !important;margin:0 0 12px !important;letter-spacing:0 !important}
.vi-sec--dunkel h2,.vi-sec--dunkel h3{color:#fff !important}
.vi .vi-lead{font-size:19px !important;line-height:1.7 !important;color:var(--vi-muted)}
.vi-btn{display:inline-block;border-radius:999px;padding:13px 28px;font-size:15px;line-height:1.2;font-weight:500;border:2px solid var(--vi-lila);background:var(--vi-lila);color:#fff !important;cursor:pointer}
.vi-btn:hover{background:var(--vi-lila-d);border-color:var(--vi-lila-d)}
.vi-btn--line{background:transparent;color:var(--vi-lila) !important}
.vi-btn--line:hover{background:var(--vi-lila);color:#fff !important}
.vi-btn--hell{background:#fff;border-color:#fff;color:var(--vi-dunkel) !important}
.vi-btn--hell:hover{background:var(--vi-flieder);border-color:var(--vi-flieder)}
.vi-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.vi-center .vi-actions{justify-content:center}
.vi-link{color:var(--vi-lila) !important;font-weight:500;border-bottom:2px solid var(--vi-flieder);padding-bottom:2px}
.vi-link:hover{border-color:var(--vi-lila)}
/* Startseite Hero */
.vi-hero{position:relative;height:72vh;min-height:440px;max-height:760px;background:#3b2f52 center 55%/cover no-repeat}
.vi-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(47,38,64,0) 45%,rgba(47,38,64,.55) 100%)}
.vi-hero__txt{position:absolute;left:0;right:0;bottom:46px;z-index:2;color:#fff}
.vi-hero__txt .vi-kicker{color:#fff;margin:0}
.vi-hero__txt strong{display:block;font-family:'Comfortaa',Helvetica,Arial,sans-serif;font-weight:500;font-size:clamp(26px,3.2vw,40px);line-height:1.2;text-transform:lowercase;margin-top:8px}
/* Fakten */
.vi-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;text-align:center}
.vi-fact{border-top:2px solid var(--vi-flieder);padding-top:18px}
.vi-fact strong{display:block;font-family:'Comfortaa',Helvetica,Arial,sans-serif;font-weight:600;font-size:26px;color:var(--vi-ink);text-transform:lowercase}
.vi-fact span{display:block;font-size:15px;color:var(--vi-muted)}
/* Appartement-Karten */
.vi-cards{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:44px}
.vi-card{background:#fff;display:flex;flex-direction:column}
.vi-card__img{display:block;aspect-ratio:3/2;overflow:hidden;background:var(--vi-hell)}
.vi-card__img img{width:100%;height:100%;object-fit:cover}
.vi-card__body{padding:28px 30px 32px;border:1px solid var(--vi-line);border-top:0;flex:1;display:flex;flex-direction:column}
.vi-card__meta{font-size:15px;color:var(--vi-muted);margin:0 0 14px !important}
.vi-card .vi-link{align-self:flex-start;margin-top:auto}
/* Haus / Service */
.vi-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.vi-item{background:#fff;padding:26px 26px 22px;border-left:4px solid var(--vi-flieder)}
.vi-item strong{display:block;font-family:'Comfortaa',Helvetica,Arial,sans-serif;font-weight:600;font-size:18px;color:var(--vi-ink);text-transform:lowercase;margin-bottom:6px}
.vi-item span{display:block;font-size:15px;line-height:1.6;color:var(--vi-muted)}
/* Zwei Spalten */
.vi-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.vi-split--top{align-items:start}
.vi-split img{width:100%;aspect-ratio:4/3;object-fit:cover}
.vi-season{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px}
.vi-season>div{background:#fff;padding:34px 32px;border-top:4px solid var(--vi-lila)}
.vi-season>div:last-child{border-top-color:var(--vi-flieder)}
/* Listen */
.vi-list{list-style:none !important;margin:0 0 1em !important;padding:0 !important}
.vi-list li{position:relative;padding:8px 0 8px 26px !important;border-bottom:1px solid var(--vi-line);font-size:16px;line-height:1.55;list-style:none !important;margin:0 !important}
.vi-list li:last-child{border-bottom:0}
.vi-list li:before{content:"";position:absolute;left:3px;top:16px;width:9px;height:9px;border-radius:50%;background:var(--vi-flieder)}
/* Kontaktband */
.vi-contact{text-align:center}
.vi-contact p{color:#e9e3f3}
.vi-contact a:not(.vi-btn){color:#fff !important;border-bottom:1px solid rgba(255,255,255,.4)}
/* Appartements-Seite */
.vi-apt{padding:80px 0;border-bottom:1px solid var(--vi-line)}
.vi-apt:last-of-type{border-bottom:0}
.vi-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.vi-tag{display:inline-block;background:var(--vi-hell);color:var(--vi-ink);border-radius:999px;padding:6px 16px;font-size:14px;font-weight:500}
.vi-pics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:34px}
.vi-pics a{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--vi-hell)}
.vi-pics a:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.vi-pics img{width:100%;height:100%;object-fit:cover}
.vi-pics a:hover img{opacity:.88}
.vi-note{font-size:14px !important;color:var(--vi-muted)}
/* Preise */
.vi-prices{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px}
.vi-pbox{background:#fff;border:1px solid var(--vi-line);padding:34px 32px}
.vi-pbox h3{margin-bottom:18px !important}
.vi-rows{width:100%;border-collapse:collapse}
.vi-rows td{padding:12px 0;border-bottom:1px solid var(--vi-line);font-size:16px;vertical-align:top;color:var(--vi-text)}
.vi-rows td:last-child{text-align:right;white-space:nowrap;padding-left:16px;font-weight:600;color:var(--vi-ink)}
.vi-rows tr:last-child td{border-bottom:0}
.vi-rows small{display:block;font-weight:400;color:var(--vi-muted);font-size:13px}
/* Seiten mit eigenem Inhalt */
body:has(.vi) .body-inner>section:has(.vi){padding:0 !important}
body:has(.vi) .body-inner>section:has(.vi) .m-b-40{margin-bottom:0 !important}
body:has(.vi) #page-content{padding:0 0 70px !important}
body:has(.vi) #page-content .sidebar{display:none !important}
body:has(.vi) #page-content .content{flex:0 0 100% !important;max-width:100% !important;display:flex !important;flex-direction:column;padding-top:0 !important}
body:has(.vi) #page-content .content>.vi{order:1}
body:has(.vi) #page-content .content>iframe{order:2;width:100% !important;max-width:1096px;margin:10px auto 0 !important;border:0}
section.sidebar-right:not(#page-content):not(:has(img,p,h1,h2,h3,h4,li,iframe,form,table)){display:none !important}
/* Galerie */
body:has(.vi-galintro) #page-content{padding-top:0 !important}
.vi-galintro{padding:60px 0 40px}
/* Fusszeile */
#footer.inverted,#footer.inverted .footer-content,#footer .footer-content{background:var(--vi-dunkel) !important}
#footer .footer-content{padding:80px 0 56px !important}
#footer .footer-content .row{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:48px;margin:0}
#footer .footer-content .row>div{max-width:none !important;width:auto !important;flex:none !important;padding:0 !important}
#footer #map{display:none !important}
#footer .widget-contact-us{background:none !important;margin:0 !important}
#footer .widget-contact-us>div,#footer .widget-contact-us table,#footer .widget-contact-us td{text-align:left !important}
#footer .widget-contact-us p,#footer .widget-contact-us td,#footer .widget-contact-us span,#footer .widget-contact-us div{color:#d9d0e8 !important;font-size:15px !important;line-height:1.75 !important}
#footer .widget-contact-us strong,#footer .widget-contact-us b{color:#fff !important}
#footer .widget-contact-us a{color:#fff !important}
#footer .widget-contact-us img{filter:brightness(0) invert(1);width:240px !important;max-width:100% !important;height:auto !important}
#footer .vi-foot,#footer .vi-foot p{color:#d9d0e8;font-size:15px;line-height:1.7}
#footer .vi-foot h3{font-family:'Comfortaa',Helvetica,Arial,sans-serif !important;font-weight:500 !important;text-transform:lowercase;color:#fff !important;font-size:clamp(26px,3vw,36px) !important;line-height:1.2 !important;margin:0 0 18px !important}
#footer .vi-foot .vi-btn--hell{color:var(--vi-dunkel) !important}
#footer .vi-foot__nav{list-style:none !important;margin:30px 0 0 !important;padding:20px 0 0 !important;border-top:1px solid rgba(255,255,255,.18);display:flex;flex-wrap:wrap;gap:8px 26px}
#footer .vi-foot__nav li{list-style:none !important;margin:0 !important}
#footer .vi-foot__nav a{color:#fff !important;font-family:'Comfortaa',Helvetica,Arial,sans-serif;font-size:15px;text-transform:lowercase}
#footer .copyright-content{background:#2f2542 !important;border-top:1px solid rgba(255,255,255,.08);padding:20px 0 !important}
#footer .copyright-content,#footer .copyright-content a,#footer .copyright-content span{color:#b9aecb !important;font-size:13px !important}
#footer .copyright-content a:hover{color:#fff !important}
/* Responsive */
@media (max-width:1024px){
#logo img{max-height:40px !important;max-width:230px !important}
.vi-split,.vi-season,.vi-prices{grid-template-columns:1fr;gap:28px}
.vi-grid3{grid-template-columns:1fr 1fr}
#footer .footer-content .row{grid-template-columns:1fr;gap:36px}
#page-title{padding:56px 0 36px !important}
#header .header-extras{position:absolute !important;right:62px !important;left:auto !important;top:0;float:none !important}
}
@media (max-width:767px){
.vi-wrap{padding:0 20px}
.vi-sec{padding:64px 0}
.vi-cards,.vi-grid3{grid-template-columns:1fr}
.vi-facts{grid-template-columns:1fr;gap:14px;margin-top:40px}
.vi-hero{height:56vh;min-height:340px}
.vi-hero__txt{bottom:28px}
.vi-pics{grid-template-columns:1fr 1fr}
.vi-apt{padding:56px 0}
.vi-pbox,.vi-season>div{padding:26px 22px}
}
/* Mobil: offenes Menue hell */
html body.mainMenu-open #header.dark:not(.submenu-light) .header-inner,html body.mainMenu-open #header.dark .header-inner,html body.mainMenu-open #header .header-inner,html body.mainMenu-open #header.dark #header-wrap{background-color:#fff !important;background:#fff !important}
@media (max-width:1024px){
html body #header #mainMenu nav>ul>li{border-bottom:1px solid var(--vi-line)}
html body #header.dark #mainMenu nav>ul>li>a,html body #header #mainMenu nav>ul>li>a{color:var(--vi-ink) !important;font-size:17px !important;padding-top:14px !important;padding-bottom:14px !important}
html body.mainMenu-open #mainMenu-trigger .lines:before,html body.mainMenu-open #mainMenu-trigger .lines:after{background-color:var(--vi-ink) !important}
html body.mainMenu-open #mainMenu-trigger .lines,html body #mainMenu-trigger .toggle-active .lines,html body #mainMenu-trigger .lines-button.toggle-active .lines{background-color:transparent !important}
html body #header #mainMenu nav>ul>li:not(:has(.dropdown-menu li)) .dropdown-arrow{display:none !important}
html body #header #mainMenu nav>ul>li:not(:has(.dropdown-menu li))::before{display:none !important}
}

/* Kopfzeile volle Breite, Titelbild nicht unter der Kopfzeile */
#header.header-modern{margin:0 !important;width:100% !important;max-width:none !important;left:0 !important;right:0 !important}
#header.header-modern .header-inner{border-radius:0 !important}
#slider{top:0 !important;margin-bottom:0 !important}
#slider.slider-halfscreen,#slider.slider-halfscreen .flickity-viewport,#slider.slider-halfscreen .slide{height:440px !important;min-height:0 !important}
#slider h1,#slider h2,#slider .slide-captions h1,#slider .slide-captions h2{font-family:'Comfortaa',Helvetica,Arial,sans-serif !important;font-weight:500 !important;text-transform:lowercase !important;letter-spacing:0 !important}
#slider .bg-overlay{background:rgba(47,38,64,.28) !important}
/* Fusszeile Adresse */
#footer .widget-contact-us td{font-family:'Noto Sans',Helvetica,Arial,sans-serif !important;padding:0 !important;border-top:0 !important}
#footer .vi-foot p,#footer .vi-foot li{font-family:'Noto Sans',Helvetica,Arial,sans-serif !important}
/* Cookie-Hinweis */
.ce-banner{background:#fff !important;color:var(--vi-text) !important;border-top:3px solid var(--vi-flieder);font-family:'Noto Sans',Helvetica,Arial,sans-serif !important}
.ce-banner a{color:var(--vi-lila) !important}
.ce-banner .button,.ce-banner .ce-accept{background:var(--vi-lila) !important;color:#fff !important;border:0 !important;border-radius:999px !important;padding:8px 18px !important}
.ce-banner .ce-dismiss{border-radius:999px !important}
@media (max-width:767px){#slider.slider-halfscreen,#slider.slider-halfscreen .flickity-viewport,#slider.slider-halfscreen .slide{height:260px !important}}

/* Cookie-Hinweis: Textlink nicht als Button */
.ce-banner p>a:not(.ce-accept):not(.ce-dismiss){background:none !important;color:var(--vi-lila) !important;padding:0 !important;border-radius:0 !important;text-decoration:underline !important}
.ce-banner .ce-dismiss{background:#ece6f5 !important;color:var(--vi-ink) !important;padding:8px 18px !important;border:0 !important}

/* ===== Anpassung 19.10.2026: Cappuccino-Hintergrund, Berg-Logo, Lage/Partner, FAQ ===== */
:root{--vi-bg:#f7f1e9;--vi-hell:#efe5d8;--vi-line:#e2d5c3;--vi-card:#fffdf9}
html,body,#wrapper,.body-inner,#page-content,section.sidebar-right{background:var(--vi-bg) !important}
#header .header-inner,#header.header-sticky .header-inner{background:var(--vi-bg) !important;border-bottom-color:var(--vi-line) !important}
html body.mainMenu-open #header.dark:not(.submenu-light) .header-inner,html body.mainMenu-open #header.dark .header-inner,html body.mainMenu-open #header .header-inner,html body.mainMenu-open #header.dark #header-wrap{background:var(--vi-bg) !important}
.vi-sec--hell{background:var(--vi-hell)}
.vi-card,.vi-item,.vi-season>div,.vi-pbox{background:var(--vi-card)}
.vi-card__img,.vi-pics a,.vi-tag{background:var(--vi-hell)}
#page-title{background:var(--vi-hell) !important}
.ce-banner{background:var(--vi-bg) !important}
/* Logo: Bergumriss + Schriftzug statt Blume */
#logo img{display:none !important}
#logo a{gap:12px;text-decoration:none !important}
#logo a::before{content:"";flex:none;width:56px;height:28px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 34' fill='none' stroke='%236f5a96' stroke-width='2.4' stroke-linejoin='round' stroke-linecap='round'><path d='M2 31 L19 9 L27 20 L37 4 L52 26 L57 19 L70 31 Z'/><path d='M33 10.5 L37 14.5 L41 10.5'/><path d='M15 14 L19 18 L23 14'/></svg>") center/contain no-repeat}
#logo a::after{content:"appartement viertler";font-family:'Comfortaa',Helvetica,Arial,sans-serif;font-size:21px;font-weight:600;letter-spacing:.01em;color:var(--vi-ink);text-transform:lowercase;white-space:nowrap;line-height:1}
#footer .widget-contact-us img{display:none !important}
@media (max-width:1024px){#logo a::after{font-size:18px}#logo a::before{width:46px;height:23px}}
@media (max-width:380px){#logo a::after{font-size:16px}}
/* Lage & Entfernungen */
.vi-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px}
.vi-dist{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px;margin-top:40px;background:var(--vi-card);padding:18px 32px;border:1px solid var(--vi-line)}
.vi-dist div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--vi-line);font-size:16px}
.vi-dist div span:last-child{white-space:nowrap;font-weight:600;color:var(--vi-ink)}
.vi-dist div:nth-last-child(-n+3){border-bottom:0}
.vi-item a.vi-link{display:inline-block;margin-top:10px;font-size:15px}
/* FAQ */
.vi-faq{margin-top:40px}
.vi-faq details{background:var(--vi-card);border:1px solid var(--vi-line);margin-bottom:10px;padding:0 24px}
.vi-faq summary{cursor:pointer;list-style:none;padding:18px 0;font-family:'Comfortaa',Helvetica,Arial,sans-serif;font-weight:600;font-size:17px;color:var(--vi-ink);display:flex;justify-content:space-between;align-items:center;gap:16px}
.vi-faq summary::-webkit-details-marker{display:none}
.vi-faq summary::after{content:"+";font-size:24px;line-height:1;color:var(--vi-lila);flex:none}
.vi-faq details[open] summary::after{content:"\2013"}
.vi-faq details p{padding:0 0 18px;margin:0;font-size:16px;color:var(--vi-text)}
@media (max-width:1024px){.vi-grid4{grid-template-columns:1fr 1fr}.vi-dist{grid-template-columns:1fr 1fr}.vi-dist div:nth-last-child(-n+3){border-bottom:1px solid var(--vi-line)}.vi-dist div:nth-last-child(-n+2){border-bottom:0}}
@media (max-width:767px){.vi-grid4,.vi-dist{grid-template-columns:1fr}.vi-dist{padding:10px 20px}.vi-dist div:nth-last-child(-n+2){border-bottom:1px solid var(--vi-line)}.vi-dist div:last-child{border-bottom:0}}

/* Theme-Sections ohne eigenen Hintergrund: Cappuccino durchscheinen lassen */
body:has(.vi) .body-inner>section:not(#footer),body:has(.vi) .body-inner>section:not(#footer)>.container,.vi-sec:not(.vi-sec--hell):not(.vi-sec--dunkel),#page-content,section.sidebar-right{background:transparent !important}

/* Logo nach Vorlage Strassenschild (V mit Bergkamm, VIERTLER / APPARTEMENTS) */
#logo a::before{width:120px !important;height:70px !important;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='100 20 440 260'><path d='M190 40 L320 262 L450 40 L392 40 L320 170 L248 40 Z' fill='%23dcd6cc'/><path d='M160 118 L205 60 L232 92 L262 48 L300 100 L335 34 L372 96 L402 60 L436 104 L470 70 L500 118 Z' fill='%23958f86'/><path d='M300 100 L335 34 L372 96 L358 88 L348 96 L335 72 L322 96 L312 88 Z' fill='%23ffffff'/><path d='M232 92 L262 48 L290 86 L276 78 L262 66 L250 82 L240 76 Z' fill='%23ffffff'/><path d='M402 60 L436 104 L420 96 L412 84 L402 74 L394 82 Z' fill='%23ffffff'/><text x='320' y='214' text-anchor='middle' font-family='Arial,Helvetica,sans-serif' font-weight='900' font-size='96' fill='%232f2640' textLength='410' lengthAdjust='spacingAndGlyphs'>VIERTLER</text><text x='320' y='262' text-anchor='middle' font-family='Arial,Helvetica,sans-serif' font-size='30' fill='%232f2640' textLength='330' lengthAdjust='spacingAndGlyphs'>APPARTEMENTS</text></svg>") center/contain no-repeat !important}
#logo a::after{content:none !important}
#logo a{height:80px !important}
@media (max-width:767px){#logo a::before{width:96px !important;height:56px !important}}

/* Logo-Container nicht beschneiden */
#logo{max-width:none !important;overflow:visible !important;width:auto !important}
#logo a{display:flex !important;justify-content:flex-start;padding:0 !important;margin:0 !important}
#logo a::before{flex:none;display:block}
@media (max-width:767px){#logo a::before{width:92px !important;height:54px !important}#logo a{height:70px !important}}