@font-face{
  font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/spacemono400.woff2') format('woff2');
}
@font-face{
  font-family:'Space Mono';font-style:normal;font-weight:700;font-display:swap;
  src:url('/assets/fonts/spacemono700.woff2') format('woff2');
}
@font-face{
  font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;
  src:url('/assets/fonts/caveat600.woff2') format('woff2');
}

:root{
  --sv-yellow:#f1ea9c;
  --sv-purple:#be9bd8;
  --sv-turquoise:#48e2d8;
  --sv-black:#111111;
  --sv-grey:#8f8f8f;
}

html, body{background:#ffffff !important}
body::before, body::after, main::before, main::after{display:none !important;content:none !important}

body, input, button, textarea, select{
  font-family:'Space Mono', monospace !important;
}
h1,h2,h3,h4,h5,h6{
  font-family:'Space Mono', monospace !important;
  font-weight:700 !important;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:var(--sv-black);
}
.site-header .site-title, header .site-title{
  font-family:'Space Mono', monospace !important;
}

/* Header + Nav merged into a single row */
header{background:transparent;position:relative;z-index:3;padding:0 5%;pointer-events:none}
header a, header .sv-logo-link, header .sv-kontakt-btn{pointer-events:auto}
.site-header{position:relative;display:flex;align-items:center;height:76px;padding:0}
.site-tagline{display:none}
.sv-logo{display:block;height:22px;width:auto}

nav[aria-label="Hauptnavigation"]{
  background:transparent;position:relative;z-index:2;
  margin-top:-76px;height:76px;padding:0 5%;
  border-bottom:1px solid #ececec;
  display:flex;align-items:center;
}
.nav-menu-wrap{display:flex;justify-content:center;width:100%}
.nav-menu{display:flex !important;gap:30px;align-items:center;list-style:none;padding:0;margin:0;justify-content:center !important}
nav[aria-label="Hauptnavigation"] a{
  text-transform:uppercase;
  font-weight:700;
  letter-spacing:1px;
  font-size:.95rem;
  color:var(--sv-black) !important;
  background:none !important;
  border-radius:0 !important;
  padding:4px 0 !important;
}
nav[aria-label="Hauptnavigation"] a[aria-current="page"]{
  color:var(--sv-purple) !important;
  text-decoration:underline;
}
.nav-item.nav-search, #search-wrap, .search-wrap{display:none !important}
.nav-toggle{display:none !important}

.sv-kontakt-btn{
  position:absolute;right:0;top:50%;transform:translateY(-50%);
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid var(--sv-black);border-radius:999px;
  padding:8px 18px;text-transform:uppercase;font-weight:700;
  font-size:.8rem;text-decoration:none;color:var(--sv-black);
  background:#fff;
}
.sv-kontakt-btn:hover{background:var(--sv-black);color:#fff}

@media (max-width: 900px){
  nav[aria-label="Hauptnavigation"]{margin-top:0;height:auto;padding:14px 5%}
  header{padding:16px 5% 0}
  .site-header{height:auto;padding-bottom:8px}
  .sv-kontakt-btn{position:static;transform:none;margin-left:auto}
  .nav-menu{flex-wrap:wrap;justify-content:flex-start !important}
  .nav-menu-wrap{justify-content:flex-start}
}

/* Hero (black, homepage) with crossfading photo slider — full-bleed, breaks out of the container */
.sv-hero{
  position:relative;background:#0a0a0a;color:#fff;
  padding:140px 24px 180px;text-align:center;overflow:hidden;
  min-height:70vh;
  width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;
}
.sv-hero-slides{position:absolute;inset:0;z-index:0}
.sv-slide{
  position:absolute;inset:0;background-size:cover;background-position:center;
  opacity:0;animation:sv-slide-fade 24s infinite;filter:brightness(1.15) saturate(1.15);
}
.sv-slide:nth-child(1){animation-delay:0s}
.sv-slide:nth-child(2){animation-delay:6s}
.sv-slide:nth-child(3){animation-delay:12s}
.sv-slide:nth-child(4){animation-delay:18s}
@keyframes sv-slide-fade{
  0%{opacity:0}
  4%{opacity:.9}
  22%{opacity:.9}
  27%{opacity:0}
  100%{opacity:0}
}
.sv-hero::after{
  content:"";position:absolute;inset:0;background:rgba(0,0,0,.2);z-index:1;
}
.sv-hero-content{position:relative;z-index:2}
.sv-hero .sv-icon{max-width:340px;margin:0 auto;display:block}
.sv-hero .sv-news-badge{
  position:absolute;top:60px;right:8%;width:190px;height:190px;border-radius:50%;
  background:var(--sv-yellow);color:#111;display:flex;align-items:center;justify-content:center;
  font-weight:700;text-transform:uppercase;letter-spacing:2px;text-decoration:none !important;
  z-index:2;
}
.sv-hero .sv-tagline{
  font-family:'Caveat','cursive' !important;font-size:2.4rem;color:#fff;margin-top:24px;
  transform:rotate(-3deg);text-transform:none;font-weight:600;
}

/* Ghost watermark text */
.sv-ghost-wrap{position:relative;overflow:hidden}
.sv-ghost{
  position:absolute;left:0;top:40%;transform:translateY(-50%);
  font-size:11rem;font-weight:700;color:#000;opacity:.04;white-space:nowrap;
  pointer-events:none;line-height:1;z-index:0;
}

/* Section intro meta block (small mono text under headings) */
.sv-meta{
  font-size:.72rem;line-height:1.7;color:var(--sv-grey);
  display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;
  border-top:1px solid #eee;border-bottom:1px solid #eee;padding:14px 0;margin:24px 0 48px;
}

.sv-eyebrow{
  text-transform:uppercase;font-size:.8rem;font-weight:700;
  text-decoration:underline;letter-spacing:1px;color:var(--sv-black);
}

.sv-page-heading{font-size:clamp(2.6rem,8vw,5.2rem);line-height:1.02;margin:24px 0 12px;color:var(--sv-black) !important}
.sv-page-heading.purple{color:var(--sv-purple) !important}
.sv-page-heading.turquoise{color:var(--sv-turquoise) !important}

/* About page portrait block */
.sv-about-portrait{position:relative;max-width:520px;margin:40px auto}
.sv-about-portrait img{width:100%;display:block}
.sv-about-portrait .sv-icon{position:absolute;left:-90px;top:-60px;width:180px;z-index:2}
.sv-jana-name{font-size:1.3rem;font-weight:700;text-transform:uppercase;margin-top:16px}

.sv-prose{max-width:680px;margin:40px auto;font-size:1.25rem;line-height:1.8}
.sv-prose p{margin:0 0 22px}

.sv-container-inner{max-width:1100px;margin:0 auto;padding:0 24px}

/* Project cards */
.sv-project-card{
  position:relative;min-height:70vh;display:flex;flex-direction:column;justify-content:center;
  padding:60px 8%;color:#fff;text-decoration:none;overflow:hidden;background:#000;
  width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;
}
.sv-project-bg{
  position:absolute;left:0;right:0;top:-30%;height:160%;
  background-size:cover;background-position:center;z-index:0;
  will-change:transform;transition:transform .05s linear;
}
.sv-project-card::before{
  content:"";position:absolute;inset:0;background:rgba(0,0,0,.35);z-index:1;
}
.sv-project-card > *:not(.sv-project-bg){position:relative;z-index:2}
.sv-project-num{font-size:1rem;font-weight:700;margin-bottom:10px}
.sv-project-title{font-size:clamp(2rem,5vw,3.2rem);line-height:1.05;margin:0 0 24px;color:#fff !important}
.sv-project-btn{
  display:inline-flex;align-items:center;gap:10px;border:1px solid #fff;border-radius:999px;
  padding:10px 22px;text-transform:uppercase;font-weight:700;font-size:.8rem;
  color:#fff;text-decoration:none;width:fit-content;
}

/* Aktuelles */
.sv-press-hero{position:relative;margin:30px 0 50px;border-radius:6px;overflow:hidden}
.sv-press-hero img{width:100%;display:block}
.sv-logo-row{display:flex;gap:50px;align-items:center;flex-wrap:wrap;margin:50px 0}
.sv-logo-row img{max-height:60px;width:auto;filter:grayscale(1)}

.sv-color-blocks{display:flex;flex-direction:column}
.sv-color-block{
  min-height:320px;display:flex;align-items:center;justify-content:center;
  font-weight:700;text-transform:uppercase;font-size:clamp(1.4rem,3.4vw,3rem);line-height:1.2;color:#111;text-align:center;padding:20px 8%;
}
.sv-color-block.yellow{background:var(--sv-yellow)}
.sv-color-block.purple{background:var(--sv-purple)}
.sv-color-block.turquoise{background:var(--sv-turquoise)}

/* News feed (Aktuelles) */
.sv-news-list{max-width:1000px;margin:60px auto;display:flex;flex-direction:column;gap:90px}
.sv-news-item{display:flex;align-items:center;gap:60px}
.sv-news-item.reverse{flex-direction:row-reverse}
.sv-news-media{position:relative;flex:0 0 44%}
.sv-news-media .sv-news-card{position:absolute;inset:0;border-radius:4px;transform:translate(18px,18px);z-index:0}
.sv-news-media .sv-news-card.yellow{background:var(--sv-yellow)}
.sv-news-media .sv-news-card.purple{background:var(--sv-purple)}
.sv-news-media .sv-news-card.turquoise{background:var(--sv-turquoise)}
.sv-news-media .sv-news-card.coral{background:#ff6b5e}
.sv-news-media img{position:relative;z-index:1;width:100%;aspect-ratio:3/4;object-fit:cover;display:block;border-radius:4px}
.sv-news-body{flex:1 1 auto}
.sv-news-title{font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.15;margin:0 0 10px}
.sv-news-date{color:var(--sv-grey);font-size:.85rem;margin-bottom:14px}
.sv-news-desc{font-size:1rem;line-height:1.75;margin-bottom:22px;max-width:440px}
.sv-news-badge-label{
  display:inline-block;font-size:.72rem;text-transform:uppercase;letter-spacing:1px;
  color:var(--sv-grey);border:1px dashed #ddd;border-radius:999px;padding:8px 16px;margin-right:8px;
}
@media (max-width:800px){
  .sv-news-item, .sv-news-item.reverse{flex-direction:column;gap:24px}
  .sv-news-media{flex-basis:auto;width:100%}
}

.sv-press-list{max-width:760px;margin:20px auto 0;list-style:none;padding:0}
.sv-press-list li{padding:14px 0;border-bottom:1px solid #eee;font-size:.9rem}
.sv-press-list a{color:#111;font-weight:700;text-decoration:none}
.sv-press-list a:hover{text-decoration:underline}
.sv-press-list span{display:block;color:var(--sv-grey);margin-top:2px}

.sv-credits{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;max-width:900px;margin:40px auto}
.sv-credits dl{margin:0}
.sv-credits dt{text-transform:uppercase;font-size:.72rem;color:var(--sv-grey);margin-top:18px}
.sv-credits dd{margin:2px 0 0;font-size:.92rem}
@media (max-width:640px){.sv-credits{grid-template-columns:1fr}}

/* Legal pages */
.sv-legal{max-width:760px;margin:50px auto;line-height:1.8;font-size:.92rem}
.sv-legal h1{font-size:1.8rem;margin-bottom:30px}
.sv-legal h2{font-size:1rem;margin:34px 0 10px;text-transform:none}
.sv-legal p{margin:0 0 14px}
.sv-legal a{color:var(--sv-purple)}
.sv-legal .sv-legal-block{margin-bottom:34px}

/* Footer */
.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.footer-links a{color:var(--sv-black) !important;text-decoration:none;font-weight:700;font-size:.8rem;text-transform:uppercase}
.footer-links a:hover{text-decoration:underline}
.sv-linkedin{font-weight:700;text-decoration:none;color:var(--sv-black);border:1px solid var(--sv-black);border-radius:4px;padding:2px 8px;font-size:.8rem}

@media (max-width: 640px){
  .sv-hero{padding:90px 16px 120px}
  .sv-hero .sv-news-badge{width:120px;height:120px;top:20px;right:5%;font-size:.75rem}
  .sv-ghost{display:none}
  .sv-about-portrait .sv-icon{left:-30px;top:-40px;width:110px}
  .site-header{flex-direction:column;align-items:flex-start;gap:12px}
  .sv-page-heading{font-size:clamp(1.7rem,8vw,3.4rem)}
}