@import url('https://fonts.googleapis.com/css2?family=Allura&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,500;1,600&family=Manrope:wght@400;500;600;700&display=swap');
:root { --vs-ink:#172437; --vs-gold:#d2ae6d; --vs-paper:#faf8f3; --vs-text:#18212d; }
body.vs-template { background:var(--vs-paper); color:var(--vs-text); font-family:Manrope,Arial,sans-serif; overflow-x:hidden; }
.vs-template .container-header { background:rgba(23,36,55,.96); box-shadow:none; position:relative; z-index:5; }
.vs-site-header { background:rgba(23,36,55,.98); position:relative; z-index:20; }
.vs-home .vs-site-header { background:linear-gradient(180deg,rgba(5,10,18,.58),transparent); left:0; position:absolute; right:0; top:0; }
.vs-template:not(.vs-home) .vs-site-header { position:sticky; top:0; }
.vs-site-header__inner { max-width:1400px; min-height:82px; margin:auto; padding:0 20px; display:flex; align-items:center; gap:18px; }
.vs-template .grid-child.container-nav { max-width:1240px; min-height:82px; margin:auto; padding:0 30px; display:flex; align-items:center; gap:36px; }
.vs-brand { color:#fff; display:grid; font-family:'Cormorant Garamond',Georgia,serif; font-size:2rem; font-weight:600; letter-spacing:.015em; line-height:.9; text-decoration:none; white-space:nowrap; }
.vs-brand > span { display:block; transform-origin:left center; transition:transform .24s ease; will-change:transform; }
.vs-header-compact .vs-brand > span { transform:scale(.7); }
.vs-brand:hover,.vs-brand:focus { color:var(--vs-gold); text-decoration:none; }
.vs-brand small { color:var(--vs-gold); font-family:Arial,sans-serif; font-size:.64rem; text-transform:uppercase; letter-spacing:.2em; margin-top:8px; }
.vs-menu-wrap { margin-left:12px; font-family:Manrope,Arial,sans-serif; }
.vs-menu-wrap ul { align-items:center; display:flex !important; flex-direction:row !important; flex-wrap:nowrap; gap:0; list-style:none; margin:0; padding:0; white-space:nowrap; }
.vs-menu-wrap ul > li { flex:0 0 auto; width:auto !important; }
.vs-menu-wrap ul ul { display:none !important; }
.vs-menu-wrap > .mod-menu,.vs-menu-wrap > nav > .mod-menu,.vs-menu-wrap > div > .mod-menu { align-items:center; display:flex !important; flex-direction:row !important; flex-wrap:nowrap; gap:0; margin:0; padding:0; white-space:nowrap; }
.vs-menu-wrap > .mod-menu > li,.vs-menu-wrap > nav > .mod-menu > li,.vs-menu-wrap > div > .mod-menu > li { flex:0 0 auto; width:auto !important; }
.vs-menu-wrap > nav > ul,.vs-menu-wrap > ul { display:flex; flex-wrap:nowrap; gap:0; list-style:none; margin:0; padding:0; white-space:nowrap; }
.vs-menu-wrap > nav > ul > li,.vs-menu-wrap > ul > li { color:#fff; font:700 .72rem/1 Manrope,Arial,sans-serif; letter-spacing:.065em; padding:11px 11px; position:relative; text-transform:uppercase; }
.vs-menu-wrap > nav > ul > li > a,.vs-menu-wrap > ul > li > a { color:#fff; border-radius:0; font:inherit; padding:0; text-decoration:none; }
.vs-menu-wrap > nav > ul > li > .mod-menu__toggle-sub,.vs-menu-wrap > ul > li > .mod-menu__toggle-sub { appearance:none; background:transparent; border:0; color:#fff; cursor:pointer; font:inherit; letter-spacing:inherit; margin:0; padding:0; text-align:left; text-transform:inherit; }
.vs-menu-wrap .mod-menu__toggle-sub .icon-chevron-down { display:none; }
.vs-menu-wrap li.parent > .mod-menu__toggle-sub::after { color:var(--vs-gold); content:'⌄'; display:inline-block; font-size:.9em; margin-left:5px; }
.vs-menu-wrap > nav > ul > li.active > a,.vs-menu-wrap > nav > ul > li > a:hover,.vs-menu-wrap > ul > li.active > a,.vs-menu-wrap > ul > li > a:hover { background:transparent; color:var(--vs-gold); }
.vs-menu-wrap > nav > ul > li > .mod-menu__toggle-sub:hover,.vs-menu-wrap > nav > ul > li > .mod-menu__toggle-sub:focus-visible,.vs-menu-wrap > ul > li > .mod-menu__toggle-sub:hover,.vs-menu-wrap > ul > li > .mod-menu__toggle-sub:focus-visible { color:var(--vs-gold); outline:0; }
.vs-menu-wrap li > ul { background:var(--vs-ink); box-shadow:0 16px 28px rgba(0,0,0,.22); display:none !important; left:0; list-style:none; margin:0; min-width:180px; padding:8px 0; position:absolute; top:100%; z-index:30; }
.vs-menu-wrap li > ul li { padding:0; }
.vs-menu-wrap li > ul a,.vs-menu-wrap li > ul span { color:#fff; display:block; font:700 .68rem/1.25 Arial,sans-serif; letter-spacing:.05em; padding:10px 15px; text-decoration:none; text-transform:uppercase; white-space:normal; }
.vs-menu-wrap li:hover > ul,.vs-menu-wrap li:focus-within > ul { display:block !important; }
.vs-menu-wrap li.vs-submenu-open > ul { display:block !important; }
.vs-menu-wrap .vs-has-submenu > a::after,.vs-menu-wrap .vs-has-submenu > span::after { color:var(--vs-gold); content:'⌄'; display:inline-block; font-size:.9em; margin-left:5px; }
.vs-menu-wrap .vs-has-submenu > a,.vs-menu-wrap .vs-has-submenu > span { cursor:pointer; }
.vs-nav-toggle { display:none; background:none; border:0; padding:10px; margin-left:auto; }
.vs-nav-toggle span { display:block; width:24px; height:1px; margin:5px; background:#fff; }
.vs-template main { max-width:1080px; padding:64px 30px 84px; }
.vs-legacy-aside { max-width:1080px; margin:-42px auto 64px; padding:0 30px; }
.vs-legacy-aside > * { margin:0 0 20px; }
.vs-template .blog-item,.vs-template .com-content-article { color:var(--vs-text); font-family:'Cormorant Garamond',Georgia,serif; font-size:1.3rem; font-weight:500; line-height:1.65; }
.vs-template h1,.vs-template h2,.vs-template h3 { color:var(--vs-ink); font-family:'Cormorant Garamond',Georgia,serif; font-weight:600; letter-spacing:.01em; }
.vs-press main { max-width:1400px; }
.vs-press .vs-content { max-width:none; }
.vs-press .com-content-category-blog__items,.vs-press .blog-items { display:grid; gap:clamp(54px,7vw,94px); }
.vs-press .com-content-category-blog__item,.vs-press .blog-item,.vs-press article { max-width:none !important; padding:0; }
.vs-press .page-header,.vs-press .page-header h1,.vs-press .item-title,.vs-press h1,.vs-press h2 { max-width:none !important; }
.vs-press .page-header h1,.vs-press .item-title,.vs-press h1,.vs-press h2 { font-size:clamp(1.8rem,2.5vw,2.6rem); line-height:1.12; }
.vs-press .readmore a,.vs-press .btn { border:1px solid rgba(23,36,55,.45); border-radius:0; color:var(--vs-ink); font:600 .7rem/1 Manrope,Arial,sans-serif; letter-spacing:.1em; padding:12px 15px; text-decoration:none; text-transform:uppercase; }
.vs-press .readmore a:hover,.vs-press .btn:hover { background:var(--vs-ink); color:#fff; }
.vs-biography .vs-content,.vs-biography .vs-content * { color:var(--vs-text); font-family:'Cormorant Garamond',Georgia,serif !important; font-style:normal; }
.vs-biography .vs-content { font-size:1.35rem; font-weight:500; line-height:1.65; }
.vs-biography .vs-content h1,.vs-biography .vs-content h2,.vs-biography .vs-content h3 { color:var(--vs-ink); font-weight:600; }
.vs-biography .vs-content a { color:var(--vs-ink); text-decoration-color:var(--vs-gold); text-underline-offset:.15em; }
.vs-video main { max-width:1400px; }
.vs-video .vs-content { max-width:none; }
.vs-video-gallery { display:grid; gap:clamp(24px,3.5vw,46px); grid-template-columns:repeat(2,minmax(0,1fr)); }
.vs-video-card { appearance:none; aspect-ratio:16/10; background:#273449 center/cover no-repeat; border:0; color:#fff; cursor:pointer; overflow:hidden; padding:0; position:relative; text-align:left; width:100%; }
.vs-video-card::before { background:linear-gradient(180deg,rgba(8,14,23,.05) 24%,rgba(8,14,23,.85)); content:''; inset:0; position:absolute; transition:background .25s ease; }
.vs-video-card::after { background:var(--vs-gold); clip-path:polygon(22% 14%,22% 86%,84% 50%); content:''; height:58px; left:50%; position:absolute; top:50%; transform:translate(-50%,-50%); transition:transform .25s ease,background .25s ease; width:58px; }
.vs-video-card:hover::before,.vs-video-card:focus-visible::before { background:linear-gradient(180deg,rgba(8,14,23,.06),rgba(8,14,23,.65)); }
.vs-video-card:hover::after,.vs-video-card:focus-visible::after { background:#fff; transform:translate(-50%,-50%) scale(1.12); }
.vs-video-card__title { bottom:0; color:#fff; font:600 clamp(1.35rem,2vw,2rem)/1.08 'Cormorant Garamond',Georgia,serif; left:0; padding:24px 28px; position:absolute; right:0; z-index:1; }
.vs-video-card iframe { border:0; height:100%; inset:0; position:absolute; width:100%; z-index:2; }
.vs-tv main { max-width:1400px; }
.vs-tv .vs-content { max-width:none; }
.vs-tv .blog-items { display:grid; gap:clamp(24px,3.5vw,46px); grid-template-columns:repeat(2,minmax(0,1fr)); }
.vs-tv .blog-item { max-width:none !important; padding:0; }
.vs-tv .item-content { font-size:inherit; }
.vs-tv .vs-video-card { display:block; }
.vs-tv-card__more { color:var(--vs-ink); display:inline-block; font:600 .7rem/1 Manrope,Arial,sans-serif; letter-spacing:.09em; margin-top:14px; text-decoration:none; text-transform:uppercase; }
.vs-tv-card__more:hover { color:#8d682e; text-decoration:underline; text-underline-offset:.2em; }
.vs-critics main { max-width:1400px; }
.vs-critics .vs-content { max-width:none; }
.vs-critics .com-content-article__body { columns:2; column-gap:clamp(22px,3vw,40px); }
.vs-critics .com-content-article__body > .crytics { background:#fff; box-shadow:0 14px 36px rgba(23,36,55,.08); box-sizing:border-box; break-inside:avoid; color:var(--vs-text); display:inline-block; font:500 1.25rem/1.62 'Cormorant Garamond',Georgia,serif; margin:0 0 clamp(22px,3vw,40px); min-width:0; padding:clamp(32px,4vw,50px); position:relative; width:100%; }
.vs-critics .com-content-article__body > .crytics::before { color:var(--vs-gold); content:'“'; display:block; font:600 5.5rem/.42 'Cormorant Garamond',Georgia,serif; margin:0 0 26px -5px; }
.vs-critics .com-content-article__body > .crytics > img,.vs-critics .com-content-article__body > .crytics img.mask { display:none; }
.vs-critics .com-content-article__body > .crytics p { margin:0 0 1.1em; }
.vs-critics .com-content-article__body > .crytics > div:last-child,.vs-critics .com-content-article__body > .crytics > div:last-child * { color:#816436; font:600 .72rem/1.55 Manrope,Arial,sans-serif; letter-spacing:.08em; text-align:right; text-transform:uppercase; }
.vs-critics .com-content-article__body > .crytics > div:last-child { border-top:1px solid rgba(210,174,109,.55); margin-top:28px; padding-top:17px; }
.vs-template .container-footer { background:var(--vs-ink); color:#d8dce1; font-family:Arial,sans-serif; font-size:.8rem; }
.vs-home { margin:0 !important; max-width:none !important; padding:0 !important; width:100% !important; }
.vs-home .site-grid { display:none; max-width:none; }
.vs-hero { height:100vh; min-height:600px; position:relative; overflow:hidden; background:#273449; color:#fff; width:100%; }
.vs-hero__image,.vs-hero__image img,.vs-hero__shade { position:absolute; inset:0; width:100%; height:100%; }
.vs-hero__image img { object-fit:cover; object-position:66% center; }
.vs-hero__shade { background:linear-gradient(90deg,rgba(7,13,23,.82),rgba(7,13,23,.42) 51%,rgba(7,13,23,.08)); }
.vs-hero__copy { align-items:center; display:flex; flex-direction:column; height:100%; justify-content:center; margin:auto; padding:0 30px; position:relative; text-align:center; z-index:1; }
.vs-hero__copy h1 { color:#fff; font-family:Allura,'Cormorant Garamond',cursive; font-size:clamp(5.5rem,11vw,11rem); font-weight:400; letter-spacing:0; line-height:.7; margin:0; text-shadow:0 4px 24px rgba(0,0,0,.24); }
.vs-hero__copy span { color:#fff; display:block; font:500 clamp(.8rem,1.3vw,1rem)/1.6 Manrope,Arial,sans-serif; letter-spacing:.14em; margin-top:32px; text-transform:uppercase; }
.vs-home main { display:none; }
.vs-contact main { max-width:none; padding:0 30px 90px; }
.vs-contact-panel { background:#fff; box-shadow:0 20px 70px rgba(23,36,55,.10); color:#171c23; font-family:'Cormorant Garamond',Georgia,serif; font-size:1.35rem; font-weight:500; line-height:1.65; margin:0 auto; max-width:1100px; min-height:600px; padding:clamp(52px,8vw,105px); position:relative; }
.vs-contact-panel::before { color:var(--vs-gold); content:'Kontakt'; display:block; font:600 clamp(3.8rem,6vw,6.4rem)/.8 'Cormorant Garamond',Georgia,serif; letter-spacing:-.035em; margin-bottom:44px; }
.vs-contact-panel img { height:400px; margin:0; object-fit:cover; object-position:center; position:absolute; right:clamp(52px,8vw,105px); top:170px; width:38%; }
.vs-contact-panel a { color:var(--vs-ink); font-family:Manrope,Arial,sans-serif; font-size:.9rem; font-weight:600; }
.vs-contact-panel a:hover { color:#8d682e; }
.vs-contact .vs-content { background:#fff; box-shadow:0 20px 70px rgba(23,36,55,.10); color:var(--vs-text); margin:0 auto; max-width:1100px; min-height:520px; padding:clamp(52px,8vw,105px); }
.vs-contact .vs-content::before { color:var(--vs-gold); content:'Kontakt'; display:block; font:600 clamp(3.8rem,6vw,6.4rem)/.8 'Cormorant Garamond',Georgia,serif; letter-spacing:-.035em; margin-bottom:44px; }
.vs-contact .vs-content img { float:right; height:470px; margin:-105px 0 -105px 72px; object-fit:cover; object-position:center; width:43%; }
.vs-contact .vs-content a { color:var(--vs-ink); font-family:Manrope,Arial,sans-serif; font-weight:600; }
.vs-contact .vs-content a:hover { color:#8d682e; }
.vs-contact main [class*="mod-custom"] { background:#fff; box-shadow:0 20px 70px rgba(23,36,55,.10); color:var(--vs-text); margin:0 auto; max-width:1100px; min-height:520px; padding:clamp(52px,8vw,105px); }
.vs-contact main [class*="mod-custom"]::before { color:var(--vs-gold); content:'Kontakt'; display:block; font:600 clamp(3.8rem,6vw,6.4rem)/.8 'Cormorant Garamond',Georgia,serif; letter-spacing:-.035em; margin-bottom:44px; }
.vs-contact main [class*="mod-custom"] img { float:right; height:470px; margin:-105px 0 -105px 72px; object-fit:cover; object-position:center; width:43%; }
.vs-contact main [class*="mod-custom"] a { color:var(--vs-ink); font-family:Manrope,Arial,sans-serif; font-weight:600; }
.vs-contact main [class*="mod-custom"] a:hover { color:#8d682e; }
.vs-home-footer { background:linear-gradient(0deg,rgba(5,10,18,.72),rgba(5,10,18,0)); bottom:0; color:#fff; left:0; padding:46px 0 24px; position:absolute; right:0; z-index:3; }
.vs-home-footer__inner { align-items:center; display:flex; gap:24px; justify-content:space-between; margin:auto; max-width:1400px; padding:0 30px; }
.vs-home-footer__module { font:400 .77rem/1.5 Manrope,Arial,sans-serif; }
.vs-home-footer__module a { color:#fff; }
.vs-footer-bio { border:1px solid rgba(255,255,255,.72); color:#fff; font:600 .7rem/1 Manrope,Arial,sans-serif; letter-spacing:.1em; padding:13px 16px; text-decoration:none; text-transform:uppercase; transition:background .2s,color .2s; white-space:nowrap; }
.vs-footer-bio:hover,.vs-footer-bio:focus { background:#fff; color:var(--vs-ink); text-decoration:none; }
.vs-footer-bio span { color:var(--vs-gold); margin-left:8px; }
.vs-template .container-footer { position:relative; }
.vs-template .container-footer .vs-footer-bio { position:absolute; right:30px; top:50%; transform:translateY(-50%); }
@media (max-width: 900px) { .vs-template .grid-child.container-nav,.vs-site-header__inner { min-height:70px; padding:0 18px; } .vs-nav-toggle { display:block; } .vs-menu-wrap { display:none; } body.vs-menu-open { overflow:hidden; } body.vs-menu-open .vs-menu-wrap { -webkit-overflow-scrolling:touch; background:var(--vs-ink); bottom:0; display:block; left:0; max-height:calc(100dvh - 70px); overflow-y:auto; overscroll-behavior:contain; padding:8px 18px 32px; position:fixed; right:0; top:70px; } body.vs-menu-open .vs-menu-wrap ul { display:block !important; } .vs-menu-wrap > nav > ul > li,.vs-menu-wrap > ul > li { padding:0; } .vs-menu-wrap > nav > ul > li > a,.vs-menu-wrap > ul > li > a,.vs-menu-wrap > nav > ul > li > span,.vs-menu-wrap > ul > li > span,.vs-menu-wrap > nav > ul > li > .mod-menu__toggle-sub,.vs-menu-wrap > ul > li > .mod-menu__toggle-sub { display:block; padding:14px 0; } .vs-menu-wrap li > ul { box-shadow:none; display:block !important; padding:0 0 7px 14px; position:static; } .vs-template main { padding:42px 20px 60px; } .vs-home .vs-hero { height:100svh; min-height:0; } .vs-home .vs-hero__copy h1 { font-size:clamp(3.6rem,18vw,5.4rem); white-space:nowrap; } .vs-hero__image img { object-position:90% center; } .vs-hero__shade { background:linear-gradient(90deg,rgba(10,18,30,.8),rgba(10,18,30,.35)); } }
@media (max-width: 900px) { body.vs-home { height:100dvh; overflow:hidden; } .vs-home .vs-hero { height:100dvh; } .vs-template .container-footer { padding:20px; } .vs-template .container-footer .grid-child { margin:0; padding:0; } .vs-template .container-footer .grid-child p { margin:0; } .vs-template .container-footer .vs-footer-bio { display:inline-block; margin:10px 0 0; position:static; transform:none; } }
@media (max-width: 700px) { .vs-home-footer { padding:38px 0 20px; } .vs-home-footer__inner { align-items:flex-start; flex-direction:column; gap:16px; padding:0 20px; } .vs-footer-bio { padding:12px 14px; } .vs-template .container-footer .vs-footer-bio { margin-top:16px; position:static; transform:none; } }
@media (max-width: 760px) { .vs-contact main { padding:0 20px 54px; } .vs-contact-panel,.vs-contact .vs-content,.vs-contact main [class*="mod-custom"] { min-height:0; padding:42px 26px; } .vs-contact-panel::before,.vs-contact .vs-content::before,.vs-contact main [class*="mod-custom"]::before { margin-bottom:30px; } .vs-contact-panel img,.vs-contact .vs-content img,.vs-contact main [class*="mod-custom"] img { float:none; height:auto; margin:36px 0 0; position:static; width:100%; } }
@media (max-width: 680px) { .vs-video-gallery { grid-template-columns:1fr; } .vs-video-card__title { padding:20px; } }
@media (max-width: 680px) { .vs-tv .blog-items { grid-template-columns:1fr; } }
@media (max-width: 760px) { .vs-critics .com-content-article__body { columns:1; } .vs-critics .com-content-article__body > .crytics { padding:32px 28px; } }