@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-display:swap;src:url('fonts/archivo-400.ttf') format('truetype')}
@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-display:swap;src:url('fonts/archivo-600.ttf') format('truetype')}
@font-face{font-family:Archivo;font-style:normal;font-weight:700;font-display:swap;src:url('fonts/archivo-700.ttf') format('truetype')}
@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-display:swap;src:url('fonts/archivo-800.ttf') format('truetype')}
:root{--content-width:1060px;--inner-width:780px;--design-gap:40px}
.variant-two{background:#f6f6f6;font-family:Archivo,Arial,sans-serif;--page-edge:max(24px,calc((100vw - var(--inner-width))/2));--column-gap:40px}
.variant-two h1,.variant-two h2,.variant-two header nav,.variant-two .editorial-grid h2,.variant-two .legal-band summary{font-family:Archivo,Arial,sans-serif}
.variant-two>header,.variant-two .dialog-header{width:100%;height:80px;padding:0 var(--page-edge);display:flex;gap:20px;align-items:center;justify-content:space-between;position:sticky;top:0;background:#f6f6f6}
.variant-two .brand img{width:195px;height:auto}
.menu-toggle{border:0;background:none;padding:10px;flex-shrink:0;width:44px;cursor:pointer}
.menu-toggle img{width:24px;display:block}
.variant-two>header .overview-tabs{gap:8px;flex-wrap:nowrap;font-size:11px;margin:0;align-items:center}
.variant-two>header .overview-tabs[hidden]{display:none}
.variant-two>header .overview-tabs a{border-radius:99px;background:white;padding:5px 12px;white-space:nowrap;text-decoration:none}
.variant-two>header .overview-tabs a[aria-current]{background:#f49a00;color:white}
.variant-two .sort-controls{margin:0;font-size:13px}
.variant-two main{margin:0 var(--page-edge)}
.variant-two .image-field{margin-left:calc(-1 * var(--page-edge));padding:0 0 40px;height:calc(100svh - 80px)}
.variant-two[data-overview="selected"] .preview-title{display:none}
.variant-two:not([data-overview="selected"]) .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;margin:0 0 100px}
.variant-two:not([data-overview="selected"]) .project-cover img{aspect-ratio:1;background:#d6d6d6;object-fit:contain}
.variant-two:not([data-overview="selected"]) .preview-title{font-size:12px}
.variant-two .project-stage{padding:0 0 60px var(--page-edge);gap:40px}
.variant-two .rail{gap:40px}
.variant-two .dialog-header{background:transparent;position:relative;color:white}
.variant-two .dialog-header .menu-toggle img{filter:brightness(0) invert(1)}
.variant-two .dialog-header .close{position:absolute;right:var(--page-edge);top:40px;width:22px;height:22px;min-width:22px;border:0;background:none;transform:translateY(-50%)}
.variant-two .dialog-header .menu-toggle{margin-right:160px}
.variant-two .dialog-header .close img{width:22px;height:22px}
.variant-two .project-text{display:grid;grid-template-columns:1fr 1fr;gap:40px;width:var(--inner-width);max-width:calc(100vw - 48px);padding:0;font-size:13px}
.variant-two .project-text p{font-size:13px;line-height:1.4}
.variant-two .gallery-area .gallery-controls{left:12px;right:var(--page-edge)}
.variant-two .gallery-area .gallery-controls button{width:24px;height:24px;min-width:24px;background:none;box-shadow:none}
.gallery-controls img{width:24px;height:24px}.gallery-controls [data-scroll="prev"] img{transform:rotate(180deg)}
.site-menu{background:#1d1d1b;color:white;z-index:1000}
.site-menu nav{position:absolute;top:25%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:26px;align-items:center}
.site-menu nav div{display:flex;gap:16px}
.site-menu nav a{background:white;color:black;border-radius:99px;padding:12px 20px;font-family:Archivo,Arial,sans-serif;font-size:21px;font-weight:800;white-space:nowrap}
.menu-close{position:absolute;top:30px;right:var(--page-edge);background:none;border:0;padding:0}.menu-close img{width:24px;height:24px}
.variant-two .information-grid{background:#f6f6f6;padding:130px var(--page-edge) 70px}
.variant-two .information-grid .editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.variant-two .information-grid h2{font-size:21px;line-height:1.2;font-weight:800;margin-bottom:18px}
.variant-two .information-grid p{font-size:15px;font-weight:600;line-height:1.2;margin-bottom:20px}
.variant-two .information-grid #kontakt{margin-top:20px}.variant-two .mail-button{background:#f49a00;color:white;font-size:21px;border:0;font-weight:800}
.variant-two .legal-band{padding:34px var(--page-edge);margin:0;display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#f6f6f6;font-size:14px}
.variant-two .legal-band summary{text-decoration:underline;font-size:14px}
.variant-two .legal-band:has(details[open]){background:#1d1d1b;color:white;min-height:350px}
.variant-two .legal-body{color:inherit;font-size:14px}
@media(max-width:850px){.variant-two{--inner-width:calc(100vw - 48px);--design-gap:24px}.variant-two .brand img{width:155px}.variant-two>header{height:auto;min-height:80px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}.variant-two>header .overview-tabs{order:3;width:100%;justify-content:center}.variant-two:not([data-overview="selected"]) .grid{gap:24px}.variant-two .dialog-header .menu-toggle{margin-right:40px}}
@media(max-width:560px){.variant-two:not([data-overview="selected"]) .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-two .information-grid .editorial-grid,.variant-two .project-text{grid-template-columns:1fr}.site-menu nav div{gap:8px}.site-menu nav a{font-size:17px;padding:10px 16px}}

.variant-two .information-grid[hidden]{display:none!important}

/* Match the supplied frame: shared single-row header, with the view selector in the middle columns. */
.variant-two>header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.1fr) auto;grid-template-rows:80px;row-gap:0;padding:0 var(--page-edge);height:80px;min-height:80px;align-items:center;justify-content:initial}
.variant-two>header .brand{grid-column:1;grid-row:1;align-self:center}
.variant-two>header .overview-tabs{grid-column:2/4;grid-row:1;align-self:center;justify-content:flex-start;gap:clamp(10px,1.6vw,24px);white-space:nowrap}
.variant-two>header .sort-controls{margin:0;display:inline-flex;align-items:center}
.variant-two>header .sort-controls select{font-family:Archivo,Arial,sans-serif;font-size:12px;max-width:150px;padding:4px 6px}
.variant-two>header .menu-toggle{grid-column:4;grid-row:1;justify-self:end;margin:0}
.variant-two .dialog-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:80px;gap:20px;padding:0 var(--page-edge);height:80px;align-items:center}
.variant-two .dialog-header .brand{grid-column:1;grid-row:1}
.variant-two .dialog-header .menu-toggle{grid-column:2;grid-row:1;justify-self:end;margin:0}
.variant-two .dialog-header .close{grid-column:3;grid-row:1;position:static;transform:none;width:28px;height:28px;min-width:28px;padding:0;border:0;background:transparent}
.variant-two .dialog-header .close img,.variant-two .gallery-area .gallery-controls img{width:28px;height:28px;display:block}
.variant-two .gallery-area .gallery-controls button{width:28px;height:28px;min-width:28px;padding:0;border:0;background:transparent;box-shadow:none}
.variant-two .gallery-controls [data-scroll="prev"] img{transform:rotate(180deg)}
.variant-two .sort-controls:empty{display:none}
@media(max-width:850px){.variant-two>header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:80px auto;row-gap:12px;height:auto;min-height:80px;padding-top:0;padding-bottom:16px}.variant-two>header .overview-tabs{grid-column:1/-1;grid-row:2;justify-content:flex-start;white-space:normal;flex-wrap:wrap}.variant-two>header .menu-toggle{grid-column:2;grid-row:1}.variant-two .image-field{height:calc(100svh - 112px)}}
@media(max-width:560px){.variant-two>header .overview-tabs{gap:12px;font-size:13px}.variant-two .dialog-header{grid-template-columns:minmax(0,1fr) auto auto;gap:10px}.variant-two .dialog-header .brand img{width:145px}}

/* The menu sketch fills the complete site window. */
.site-menu{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#1d1d1b;color:#fff}
.site-menu::backdrop{background:transparent}

/* Window-scale pass: expand the working width and align it to the screenshot proportions. */
:root{--inner-width:min(1065px,calc(100vw - 48px))}
.variant-two{background:#fff;--page-edge:max(24px,calc((100vw - var(--inner-width))/2))}
.variant-two .brand img{width:240px}
.menu-toggle{width:52px;padding:8px}
.menu-toggle img{width:36px}
.variant-two>header .overview-tabs a{font-size:13px;padding:6px 13px}
.variant-two:not([data-overview="selected"]) .grid{gap:42px clamp(20px,2.8vw,40px)}
.variant-two:not([data-overview="selected"]) .preview-title{font-size:14px;line-height:1.4}
.variant-two .project-stage{padding:0 var(--page-edge) 42px;gap:18px}
.variant-two .rail{gap:14px}
.variant-two .project-text{width:var(--inner-width);max-width:calc(100vw - 48px);gap:32px;font-size:15px}
.variant-two .project-text p{font-size:15px;line-height:1.45}
.variant-two .dialog-header .brand img{width:220px}
.variant-two .information-grid{padding-top:130px}
.variant-two .information-grid #mission,.variant-two .information-grid #about,.variant-two .information-grid #kontakt{scroll-margin-top:112px}
@media(max-width:850px){.variant-two .brand img{width:200px}.variant-two .dialog-header .brand img{width:190px}.variant-two .project-stage{padding-left:24px;padding-right:24px}.variant-two .project-text{max-width:100%;width:100%}}
@media(max-width:560px){.variant-two .brand img{width:170px}.variant-two>header .overview-tabs a{font-size:12px;padding:5px 10px}.variant-two .dialog-header .brand img{width:160px}.variant-two .information-grid{padding-top:80px}.variant-two .rail{gap:10px}}

/* Use Archivo for every visible text node, including inherited text blocks from the base template. */
body.variant-two,body.variant-two :where(*){font-family:Archivo,Arial,sans-serif!important}

/* Proportions from the supplied artboards: a consistent inset, an edge-to-edge
   site canvas, and an overview field that can be moved in both directions. */
html:has(body.variant-two),body.variant-two{background:#fff}
.variant-two{--page-edge:clamp(24px,13.6vw,150px);background:#fff;overflow-x:hidden}
.variant-two>header{padding-left:var(--page-edge);padding-right:var(--page-edge)}
.variant-two .brand img{width:clamp(150px,18.5vw,210px)}
.variant-two .image-field{position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);height:calc(100svh - 80px);padding:0 0 40px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;cursor:grab}
.variant-two .image-field::-webkit-scrollbar{display:none}
.variant-two .image-field.is-dragging{cursor:grabbing}
.variant-two[data-overview="selected"] .grid{height:var(--field-height);min-height:var(--field-height);margin:0;padding:0}
.variant-two .project-stage{padding:0 0 42px clamp(24px,13.6vw,150px);gap:40px}
.variant-two .gallery-area{width:100%;min-width:0}
.variant-two .rail{gap:40px;padding-right:0}
.variant-two .project-text{width:calc(100vw - clamp(24px,13.6vw,150px));max-width:none;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:40px}
.variant-two .gallery-controls{padding-right:var(--page-edge)}
@media(max-width:850px){
 .variant-two{--page-edge:clamp(24px,8vw,72px)}
 .variant-two .project-stage{padding-left:var(--page-edge);padding-right:0}
 .variant-two .project-text{width:calc(100vw - var(--page-edge));grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
 .variant-two .rail{gap:24px}
 .variant-two .image-field{height:calc(100svh - 112px)}
}
@media(max-width:560px){
 .variant-two{--page-edge:24px}
 .variant-two .project-stage{padding-left:24px;padding-right:0}
 .variant-two .rail{gap:14px}
 .variant-two .project-text{width:calc(100vw - 24px);grid-template-columns:1fr;gap:12px}
 .variant-two .project-text .project-description{grid-column:1}
}

/* Keep the menu control at one viewport position in the overview and detail. */
.variant-two>header .menu-toggle,.variant-two .dialog-header .menu-toggle{position:fixed;top:14px;right:calc(var(--page-edge) + 140px);z-index:60;margin:0;justify-self:auto}
.site-menu nav .menu-views{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;max-width:min(920px,calc(100vw - 32px))}
@media(max-width:700px){
 .variant-two>header .menu-toggle,.variant-two .dialog-header .menu-toggle{top:14px;right:88px}
 .site-menu nav{max-width:calc(100vw - 32px);gap:20px}
 .site-menu nav .menu-views{gap:8px}
 .site-menu nav .menu-views a{font-size:16px;padding:10px 14px}
}

/* Restore the Version 2 grayscale preview while leaving detail photos untouched. */
.variant-two[data-overview="selected"] .image-field .project-cover img{filter:grayscale(1)!important;transition:filter .3s ease}
.variant-two[data-overview="selected"] .image-field .project-cover:hover img,
.variant-two[data-overview="selected"] .image-field .project-cover:focus-visible img{filter:grayscale(0)!important}

/* Match the intended header-to-mosaic rhythm and let the centered image field bleed. */
.variant-two .image-field{padding-top:48px;touch-action:pan-x pan-y;overscroll-behavior:contain;}
@media(max-width:700px){.variant-two .image-field{padding-top:32px}}
.variant-two .gallery-area .gallery-controls [data-scroll="next"]{visibility:visible;opacity:1;pointer-events:auto}
.variant-two .gallery-area .gallery-controls [data-scroll="next"].end-bounce{animation:gallery-end-bounce 430ms cubic-bezier(.2,.8,.3,1)}
@keyframes gallery-end-bounce{0%,100%{transform:translateX(0)}38%{transform:translateX(3px)}70%{transform:translateX(-1px)}}

/* White is continuous on the overview, category and chronology views. */
html:has(body.variant-two[data-overview="selected"]),
html:has(body.variant-two[data-overview="category"]),
html:has(body.variant-two[data-overview="date"]),
body.variant-two[data-overview="selected"],
body.variant-two[data-overview="category"],
body.variant-two[data-overview="date"]{background:#fff!important}
.variant-two[data-overview="selected"]>header,
.variant-two[data-overview="category"]>header,
.variant-two[data-overview="date"]>header,
.variant-two[data-overview="selected"] main,
.variant-two[data-overview="category"] main,
.variant-two[data-overview="date"] main,
.variant-two .image-field{background:#fff}
.variant-two:not([data-overview="selected"]):not([data-overview="information"]) .project-cover img{background:#fff!important}
.variant-two:not([data-overview="selected"]):not([data-overview="information"]) main{padding-top:96px}

/* Double the spacing between the shared header and the page content. */
.variant-two .image-field{padding-top:96px}
.variant-two .project-stage{padding-top:96px}
.variant-two[data-overview="information"] .information-grid{padding-top:260px}
@media(max-width:700px){
 .variant-two .image-field{padding-top:64px}
 .variant-two:not([data-overview="selected"]):not([data-overview="information"]) main{padding-top:64px}
 .variant-two .project-stage{padding-top:64px}
 .variant-two[data-overview="information"] .information-grid{padding-top:160px}
}

/* Mark a selected overview tile with colorDefault:true in content.js. */
.variant-two[data-overview="selected"] .image-field .project-cover.color-default img{filter:none!important}

/* One expandable Impressum / Legal section; when open, its background continues down. */
.variant-two .legal-band{grid-template-columns:minmax(0,1fr);gap:0;background:#fff}
.variant-two .legal-band:has(details[open]){min-height:max(350px,calc(100svh - 80px));background:#1d1d1b;color:#fff}
html:has(body.variant-two .legal-band details[open]),body.variant-two:has(.legal-band details[open]){background:#1d1d1b!important}
.variant-two:not([data-overview="information"]) .legal-band{background:#fff}
.variant-two:not([data-overview="information"]) .legal-band:has(details[open]){background:#1d1d1b;color:#fff}

/* Keep the start page in one viewport; only the mosaic itself scrolls. */
body.variant-two[data-overview="selected"]{height:100svh;min-height:100svh;max-height:100svh;overflow:hidden;padding-bottom:0}
body.variant-two[data-overview="selected"]>header{height:80px;min-height:80px;padding-top:0;padding-bottom:0}
body.variant-two[data-overview="selected"] main{height:calc(100svh - 80px);overflow:hidden}
body.variant-two[data-overview="selected"] .image-field{height:100%;min-height:0;padding-bottom:96px}
body.variant-two[data-overview="selected"] .page-bottom{display:none!important}

/* All header items are centered in their grid tracks. */
.variant-two>header .brand,.variant-two .dialog-header .brand{justify-self:center}
.variant-two>header .overview-tabs{justify-content:center}
.variant-two .dialog-header .close{justify-self:end}
@media(max-width:850px){
 body.variant-two[data-overview="selected"]>header{grid-template-rows:80px;row-gap:0}
 body.variant-two[data-overview="selected"] main{height:calc(100svh - 80px)}
}

/* The category and chronology tiles are square, with a light gray picture bed. */
.variant-two:not([data-overview="selected"]):not([data-overview="information"]) .project-cover img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#ededed!important}

/* Equal compact header controls; larger gallery arrows for clear navigation. */
.variant-two>header .menu-toggle,.variant-two .dialog-header .menu-toggle{width:52px;height:52px;min-width:52px;display:flex;align-items:center;justify-content:center;padding:0}
.variant-two>header .menu-toggle img,.variant-two .dialog-header .menu-toggle img{width:44px;height:auto;display:block}
.variant-two .dialog-header .close{width:52px;height:52px;min-width:52px;padding:0;border:0;background:transparent;box-shadow:none}
.variant-two .dialog-header .close img{width:48px;height:48px;display:block}
.variant-two .gallery-area .gallery-controls button{width:96px;height:96px;min-width:96px;padding:0;border:0;border-radius:50%;background:#fff;color:#111;box-shadow:0 2px 12px #0003}
.variant-two .gallery-area .gallery-controls img,.variant-two .gallery-area .gallery-controls button svg{width:50px;height:50px;display:block}
.variant-two .gallery-area .gallery-controls button:disabled{visibility:hidden;opacity:0;pointer-events:none}
.site-menu nav{z-index:2;pointer-events:auto}
.site-menu nav a{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer}
.site-menu .menu-close{z-index:3;pointer-events:auto}
@media(max-width:700px){
 .variant-two>header .menu-toggle,.variant-two .dialog-header .menu-toggle{width:52px;height:52px;right:88px}
 .variant-two .dialog-header .close{width:52px;height:52px;min-width:52px}
 .variant-two .dialog-header .close img{width:48px;height:48px}
 .variant-two .gallery-area .gallery-controls button{width:84px;height:84px;min-width:84px}
 .variant-two .gallery-area .gallery-controls img,.variant-two .gallery-area .gallery-controls button svg{width:44px;height:44px}
}

/* Mission copy enlarged as requested. */
.variant-two .information-grid #mission h2{font-size:42px;line-height:1.18}
.variant-two .information-grid #mission p{font-size:30px;line-height:1.32}

/* Full browser width on touch devices, with no clipping by an inset main. */
body.variant-two[data-overview="selected"] main{margin:0;width:100%;position:relative}
body.variant-two[data-overview="selected"] .image-field{width:100%;max-width:none;margin:0;touch-action:pan-x pan-y;scroll-behavior:auto;-webkit-overflow-scrolling:touch}
body.variant-two[data-overview="selected"]>header{z-index:100;isolation:isolate}
.variant-two .menu-toggle,.site-menu button,.site-menu a{touch-action:manipulation}
.variant-two .menu-toggle img,.site-menu button img{pointer-events:none}
.site-menu:not([open]){display:none}

/* Shared logo coordinates, independent of the different header grid tracks. */
.variant-two>header .brand,.variant-two .dialog-header .brand{position:absolute;left:var(--page-edge);top:40px;transform:translateY(-50%);margin:0;justify-self:start}
.variant-two>header .brand img,.variant-two .dialog-header .brand img{display:block;width:clamp(150px,18.5vw,210px);height:auto}
/* The series starts one image gap from the browser edge; copy keeps the logo inset. */
.variant-two{--gallery-gap:40px}
.variant-two .project-stage{padding-left:var(--gallery-gap);padding-right:0}
.variant-two .rail{gap:var(--gallery-gap)}
.variant-two .project-text{margin-left:calc(var(--page-edge) - var(--gallery-gap));width:calc(100vw - 2 * var(--page-edge));max-width:none}
.variant-two .gallery-area .gallery-controls{left:12px;right:var(--gallery-gap);padding:0}
.variant-two .gallery-area .gallery-controls button{width:48px;height:48px;min-width:48px}
.variant-two .gallery-area .gallery-controls img,.variant-two .gallery-area .gallery-controls button svg{width:25px;height:25px}
.variant-two .gallery-area .gallery-controls button.return-start{background:#111;color:#fff}
.variant-two .gallery-area .gallery-controls button.return-start img{filter:brightness(0) invert(1);transform:rotate(180deg)}
.variant-two .project-cover{display:flex;flex-direction:column;height:auto}
.variant-two .project-open{display:block;width:100%;line-height:0}
.variant-two .category-link{text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media(max-width:850px){.variant-two{--gallery-gap:24px}}
@media(max-width:560px){.variant-two{--gallery-gap:14px}}
@media(max-width:700px){
 .variant-two .gallery-area .gallery-controls button{width:42px;height:42px;min-width:42px}
 .variant-two .gallery-area .gallery-controls img,.variant-two .gallery-area .gallery-controls button svg{width:22px;height:22px}
}

/* Matching editorial typography in the two information columns. */
.variant-two .information-grid #about h2{font-size:42px;line-height:1.18;font-weight:800}
.variant-two .information-grid #about p{font-size:30px;line-height:1.32;font-weight:600}
.variant-two>header .brand img,.variant-two .dialog-header .brand img{width:clamp(165px,20.35vw,231px)}
.variant-two>header .menu-toggle,.variant-two .dialog-header .menu-toggle{right:var(--page-edge);top:18px;width:44px;height:44px;min-width:44px}
.variant-two>header .menu-toggle img,.variant-two .dialog-header .menu-toggle img{width:37.4px}
.variant-two .dialog-header .close{position:absolute;right:var(--gallery-gap);top:16px;width:48px;height:48px;min-width:48px;margin:0;transform:none}
.variant-two .dialog-header .close img{width:48px;height:48px}
.variant-two .project-text{box-sizing:border-box;padding-left:0;padding-right:0;margin-left:calc(var(--page-edge) - var(--gallery-gap))}
.variant-two .series-meta .category-link,.variant-two .series-meta .date-link{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:3px;font-weight:400}
.variant-two .sort-controls select{border-radius:14px;padding:6px 12px;max-width:100%}
.variant-two>header .overview-tabs a:hover,.variant-two>header .overview-tabs a:focus-visible{background:#ff780c;color:#fff}
.variant-two>header{grid-template-columns:calc(clamp(165px,20.35vw,231px) + 24px) minmax(0,1fr) 44px}
.variant-two>header .overview-tabs{grid-column:2;grid-row:1;width:auto;min-width:0;padding-right:0;flex-wrap:wrap;gap:12px}
@media(max-width:1200px){
 .variant-two:not([data-overview="selected"]):not([data-overview="information"])>header{height:auto;min-height:142px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:80px auto;row-gap:0;padding-bottom:16px}
 .variant-two:not([data-overview="selected"]):not([data-overview="information"])>header .overview-tabs{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding-right:0;margin:0}
 .variant-two>header .sort-controls{max-width:100%}
}
@media(max-width:850px){.variant-two .dialog-header .close{top:104px}}
@media(max-width:700px){
 .variant-two .dialog-header .close{width:42px;height:42px;min-width:42px}
 .variant-two .dialog-header .close img{width:42px;height:42px}
}

/* All dates remain visibly linked, including category and chronology cards. */
.variant-two .date-link,.variant-two>header .overview-tabs a[href*="chronologisch"],.site-menu a[href*="chronologisch"]{text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:currentColor}
.variant-two>header .menu-toggle img,.variant-two .dialog-header .menu-toggle img{width:32px}
/* Image rail and caption now get independent insets from the full-width stage. */
.variant-two #project-dialog .project-stage{padding-left:0;padding-right:0}
.variant-two #project-dialog .gallery-area{margin-left:var(--gallery-gap);width:calc(100% - var(--gallery-gap))}
.variant-two #project-dialog .project-text{margin-left:0;margin-right:0;width:100%;max-width:none;padding-left:var(--page-edge);padding-right:var(--page-edge);box-sizing:border-box}
.variant-two #project-dialog .series-meta{margin-left:0;padding-left:0;grid-column:1;text-align:left}
/* The homepage has a visible footer outside the scrolling mosaic. */
body.variant-two[data-overview="selected"]{--home-footer-height:calc(60px + env(safe-area-inset-bottom,0px))}
body.variant-two[data-overview="selected"] main{height:calc(100svh - 80px - var(--home-footer-height))}
body.variant-two[data-overview="selected"] .image-field{padding-bottom:32px}
.variant-two .home-footer{position:fixed;inset:auto 0 0;z-index:110;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;height:var(--home-footer-height);margin:0;padding:8px var(--page-edge) calc(8px + env(safe-area-inset-bottom,0px));background:#fff;color:#111;font-size:14px;box-sizing:border-box}
.variant-two .home-footer .home-legal{white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.variant-two .home-social{display:flex;align-items:center;gap:12px}
.variant-two .home-social>a,.variant-two .share-page{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:none;padding:10px;color:inherit;cursor:pointer;touch-action:manipulation}
.variant-two .home-social svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.variant-two .home-social .icon-dot{fill:currentColor;stroke:none}
.variant-two .share-feedback:empty{display:none}
.variant-two .share-feedback:not(:empty){position:absolute;right:var(--page-edge);bottom:100%;padding:6px 10px;background:#fff;font-size:14px}
.variant-two .share-link-copy{position:absolute;bottom:100%;left:var(--page-edge);width:calc(100% - 2 * var(--page-edge));font:inherit;padding:8px;border:1px solid #777;background:#fff;color:#111}
body.variant-two{padding-bottom:0}
.variant-two .series-meta .date-link{text-decoration-color:currentColor}

/* Navigation labels stay plain; underlining is reserved for caption links. */
.variant-two>header .overview-tabs a,.variant-two>header .overview-tabs a[aria-current],.variant-two>header .overview-tabs a:hover,.variant-two>header .overview-tabs a:focus-visible,.site-menu nav a{ text-decoration:none!important }
.variant-two{--close-size:48px;--home-footer-height:calc(60px + env(safe-area-inset-bottom,0px))}
.variant-two .dialog-header .close,.variant-two .site-menu .menu-close{display:flex;align-items:center;justify-content:center;width:var(--close-size);height:var(--close-size);min-width:var(--close-size);padding:0;border:0;background:none;box-shadow:none;border-radius:50%;right:var(--gallery-gap);top:16px;transform:none}
.variant-two .dialog-header .close img,.variant-two .site-menu .menu-close img{display:block;width:var(--close-size);height:var(--close-size)}
@media(max-width:850px){.variant-two .dialog-header .close,.variant-two .site-menu .menu-close{top:104px}}
@media(max-width:700px){.variant-two{--close-size:42px}}
/* Disable snapping throughout the animated return so intermediate frames can move freely. */
.variant-two .rail.is-returning{scroll-snap-type:none!important;scroll-behavior:auto!important}
body.variant-two:not([data-overview="selected"]){padding-bottom:var(--home-footer-height)}
.variant-two #project-dialog{padding-bottom:var(--home-footer-height)}
.variant-two #project-dialog .home-footer{background:var(--project-color);color:#fff}
.variant-two .site-menu .home-footer{background:#1d1d1b;color:#fff}
.variant-two .home-footer .share-feedback:not(:empty){color:#111}

/* Marked detail controls: black at 30% opacity (70% transparency). */
.variant-two #project-dialog .dialog-header .brand img,
.variant-two #project-dialog .dialog-header .menu-toggle img,
.variant-two #project-dialog .dialog-header .close img{filter:brightness(0);opacity:.3}
.variant-two #project-dialog .detail-footer{color:rgba(0,0,0,.3)}
.variant-two .home-footer.without-legal{justify-content:flex-end}

/* Requested type scale: editorial 26 px, navigation and captions 18 px. */
.variant-two .information-grid #mission h2,.variant-two .information-grid #about h2{font-size:26px;line-height:1.2}
.variant-two .information-grid #mission p,.variant-two .information-grid #about p{font-size:26px;line-height:1.32}
.variant-two .site-menu nav a,.variant-two .site-menu nav .menu-views a{font-size:26px}
.variant-two .site-menu nav div{flex-wrap:wrap;justify-content:center}
.variant-two>header .overview-tabs a,.variant-two>header .sort-controls select{font-size:18px}
.variant-two .preview-title,.variant-two:not([data-overview="selected"]) .preview-title{font-size:18px;line-height:1.4}
.variant-two #project-dialog .project-text p{font-size:18px;line-height:1.45}
.variant-two .home-footer .home-legal,.variant-two .legal-band summary{font-size:18px}
.variant-two #project-dialog .dialog-header .brand img,
.variant-two #project-dialog .dialog-header .menu-toggle img,
.variant-two #project-dialog .dialog-header .close img{opacity:.35}
.variant-two #project-dialog .detail-footer{color:rgba(0,0,0,.35)}
.mission-badge{position:fixed;z-index:90;display:block;width:clamp(110px,11.5vw,160px);height:auto;border-radius:50%;touch-action:manipulation;line-height:0}
.mission-badge img{display:block;width:100%;height:auto}
.mission-badge[hidden]{display:none}
.mission-badge:focus-visible{outline:3px solid #111;outline-offset:5px}
.about-portrait-slot{position:relative;width:clamp(132px,13.8vw,192px);height:clamp(132px,13.8vw,192px);margin-top:28px;margin-bottom:46px}
.about-portrait-mover{position:absolute;inset:0;width:100%;height:100%;z-index:90}
.about-portrait-resize{position:absolute;right:calc(14.65% - 18px);bottom:calc(14.65% - 18px);z-index:91;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:8px;border:2px solid #fff;border-radius:50%;background:#00b6ff;color:#fff;cursor:nwse-resize;touch-action:none}
.about-portrait-resize svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.about-portrait-resize:focus-visible{outline:3px solid #111;outline-offset:3px}
.about-portrait-mover.is-resizing .about-photo-credit{opacity:0}
.about-portrait{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:50%;background:transparent;cursor:grab;touch-action:none;user-select:none;z-index:90;overflow:visible}
.about-portrait img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;pointer-events:none}
.about-portrait.is-dragging{cursor:grabbing}
.about-portrait:focus-visible{outline:3px solid #00b6ff;outline-offset:5px}
.about-photo-credit{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);padding:7px 10px;border-radius:5px;background:#111;color:#fff;font:400 14px/1.3 Archivo,sans-serif;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}
.about-portrait:hover .about-photo-credit,.about-portrait:focus-visible .about-photo-credit{opacity:1}
.about-portrait.is-dragging .about-photo-credit{opacity:0}
@media(max-width:600px){.variant-two .site-menu nav{top:120px;bottom:calc(var(--home-footer-height) + 16px);width:calc(100% - 32px);overflow-y:auto;gap:16px}.variant-two .site-menu nav a{padding:10px 14px}}
.variant-two .site-menu nav a{max-width:100%;white-space:normal;text-align:center}
/* Static series remain readable without JavaScript; the same content powers the slideshow. */
.js-ready .project-fallback{display:none}
html:not(.js-ready):has(body[data-project-slug]),html:not(.js-ready) body[data-project-slug]{height:auto;max-height:none;overflow:auto}
html:not(.js-ready) body[data-project-slug] main{height:auto;overflow:visible;padding:32px var(--page-edge)}
html:not(.js-ready) body[data-project-slug] .project-fallback{font-size:18px;line-height:1.45;max-width:850px;margin-bottom:32px}
html:not(.js-ready) body[data-project-slug] .project-fallback h1{font-size:26px}
html:not(.js-ready) body[data-project-slug] #grid{display:grid;position:static;height:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
html:not(.js-ready) body[data-project-slug] #grid figure{margin:0}
html:not(.js-ready) body[data-project-slug] #grid img{display:block;width:100%;height:auto}
@media(max-width:700px){html:not(.js-ready) body[data-project-slug] #grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Detail copy shares the overview's four columns and column spacing. */
.variant-two{--portfolio-column-gap:clamp(20px,2.8vw,40px)}
.variant-two:not([data-overview="selected"]) .grid{column-gap:var(--portfolio-column-gap)}
.variant-two #project-dialog .project-text{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--portfolio-column-gap);row-gap:12px;align-items:start}
.variant-two #project-dialog .series-meta{grid-column:1 / span 2}
.variant-two #project-dialog .project-description{grid-column:3 / span 2}
.variant-two #project-dialog .project-text p{font-size:16px;line-height:1.45;min-width:0;overflow-wrap:anywhere}
html:not(.js-ready) body[data-project-slug] .project-fallback{font-size:16px}
@media(max-width:560px){
 .variant-two #project-dialog .project-text{grid-template-columns:repeat(2,minmax(0,1fr))}
 .variant-two #project-dialog .series-meta,.variant-two #project-dialog .project-description{grid-column:1 / -1}
}

/* One centered vector per arrow; return state changes its path, never its size. */
.variant-two #project-dialog .gallery-controls button{display:inline-flex;align-items:center;justify-content:center;transition:background-color .16s ease,color .16s ease}
.variant-two #project-dialog .gallery-controls button svg{display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform:none;filter:none}
.variant-two #project-dialog .gallery-controls button.return-start{background:#111;color:#fff}

/* Screenshot annotations, 1 October: one symmetric content frame. */
.variant-two{
 --page-edge:clamp(24px,calc(35vw - 228px),300px);
 --content-start-gap:96px;
 --detail-opacity:.28;
}
.variant-two>header,.variant-two .dialog-header{padding-left:var(--page-edge);padding-right:var(--page-edge)}
/* A positioned grid item previously added the inset a second time. */
.variant-two>header .brand,.variant-two .dialog-header .brand{position:static;inset:auto;transform:none;grid-column:1;grid-row:1;justify-self:start;align-self:center;margin:0}
.variant-two>header .menu-toggle,.variant-two .dialog-header .menu-toggle{position:fixed;grid-area:auto;right:calc(var(--page-edge) - 5px);top:18px;margin:0}
.variant-two .home-footer{padding-left:var(--page-edge);padding-right:var(--page-edge)}
.variant-two .home-social{margin-right:-12px}
.variant-two:not([data-overview="selected"]) main{margin-left:var(--page-edge);margin-right:var(--page-edge)}
.variant-two[data-overview="category"] main,.variant-two[data-overview="date"] main{padding-top:var(--content-start-gap)}
.variant-two[data-overview="category"] .grid,.variant-two[data-overview="date"] .grid{margin-top:0;align-items:start}
.variant-two[data-overview="category"] .project-cover,.variant-two[data-overview="date"] .project-cover{align-self:start;transform:none}
.variant-two[data-overview="information"] .information-grid{padding:var(--content-start-gap) var(--page-edge) calc(var(--home-footer-height) + 40px)}
.variant-two[data-overview="information"] .information-grid .editorial-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--portfolio-column-gap)}
.variant-two[data-overview="information"] .information-grid #mission,.variant-two[data-overview="information"] .information-grid .legal-page-copy{grid-column:1 / span 2}
.variant-two[data-overview="information"] .information-grid #about{grid-column:3 / span 2}
.variant-two .legal-page-copy h1{font-size:26px;line-height:1.2;font-weight:800;letter-spacing:0;margin:0 0 18px}
.variant-two .legal-page-copy p{font-size:26px;line-height:1.32;font-weight:600}
.variant-two .legal-band{display:none!important}
/* A shorter description inset, still aligned with the four-column rhythm. */
.variant-two #project-dialog .project-text{padding-left:var(--page-edge);padding-right:var(--page-edge);grid-template-columns:repeat(4,minmax(0,1fr))}
.variant-two #project-dialog .series-meta{grid-column:1;white-space:normal}
.variant-two #project-dialog .project-description{grid-column:2 / -1}
.variant-two #project-dialog .project-text p,html:not(.js-ready) body[data-project-slug] .project-fallback{font-size:14px;line-height:1.45}
.variant-two #project-dialog .dialog-header .brand img,.variant-two #project-dialog .dialog-header .menu-toggle img{opacity:var(--detail-opacity)}
.variant-two #project-dialog .detail-footer{color:rgb(0 0 0 / var(--detail-opacity))}
/* Close at the top of the photographs, aligned with the right gallery arrow. */
.variant-two #project-dialog .gallery-area .detail-close{position:absolute;inset:0 var(--gallery-gap) auto auto;transform:translateY(-50%);margin:0;z-index:5;width:var(--close-size);height:var(--close-size);min-width:var(--close-size);padding:0;border:0;border-radius:50%;background:none;box-shadow:none}
.variant-two #project-dialog .detail-close img{display:block;width:100%;height:100%;filter:brightness(0);opacity:var(--detail-opacity)}
/* The menu close sits at the inner right edge, above the navigation. */
.variant-two .site-menu .menu-close{position:absolute;right:var(--page-edge);top:calc(80px + var(--content-start-gap));transform:translate(50%,-50%);width:var(--close-size);height:var(--close-size);margin:0}
.variant-two .site-menu nav{top:calc(80px + var(--content-start-gap) + var(--close-size));bottom:calc(var(--home-footer-height) + 24px);width:calc(100% - 2 * var(--page-edge));max-width:920px;overflow-y:auto;padding:0 4px 16px;justify-content:flex-start;gap:26px}
@media(max-width:850px){
 .variant-two[data-overview="information"] .information-grid .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}
 .variant-two[data-overview="information"] .information-grid #mission,.variant-two[data-overview="information"] .information-grid #about,.variant-two[data-overview="information"] .information-grid .legal-page-copy{grid-column:1 / -1}
 .variant-two #project-dialog .series-meta{grid-column:1 / span 2}
 .variant-two #project-dialog .project-description{grid-column:3 / span 2}
}
@media(max-width:700px){.variant-two{--content-start-gap:64px;--close-size:42px}.variant-two .site-menu nav{gap:16px}}
@media(max-width:560px){.variant-two #project-dialog .project-text{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-two #project-dialog .series-meta,.variant-two #project-dialog .project-description{grid-column:1 / -1}}
@media(max-height:600px){.variant-two .site-menu .menu-close{top:48px}.variant-two .site-menu nav{top:96px}}
/* Contact-sheet copy uses the same 14 px scale as the detail captions. */
.variant-two:is([data-overview="category"],[data-overview="date"]) .preview-title,
.variant-two:is([data-overview="category"],[data-overview="date"])>header .overview-tabs a,
.variant-two:is([data-overview="category"],[data-overview="date"])>header .sort-controls select,
.variant-two:is([data-overview="category"],[data-overview="date"]) .home-footer .home-legal,
.variant-two:is([data-overview="category"],[data-overview="date"]) .home-footer .share-feedback{font-size:14px;line-height:1.4}

/* Shared legal links, mission colours and content-sized contact sheets. */
.variant-two[data-overview="information"],
.variant-two[data-overview="information"]>header,
.variant-two[data-overview="information"] .page-bottom,
.variant-two[data-overview="information"] .information-grid{background:#fff}
.variant-two .information-grid #mission h2{color:#00b6ff}
.variant-two .home-footer .home-legal,
.variant-two .site-menu nav a[href="impressum.html"]{font-size:14px;line-height:1.4}
.variant-two:is([data-overview="category"],[data-overview="date"]) .page-bottom{display:none}
.variant-two:is([data-overview="category"],[data-overview="date"]) .grid{min-height:0;margin-bottom:32px;padding-bottom:0}
/* 60% transparent means 40% opaque; keep the X cut out. */
.variant-two #project-dialog .detail-close img{opacity:.4}

/* Fragment navigation keeps the same header-to-content spacing as page entry. */
html:has(body.variant-two[data-overview="information"]){scroll-padding-top:0}
.variant-two[data-overview="information"] main{display:none}
.variant-two[data-overview="information"] .information-grid #mission,
.variant-two[data-overview="information"] .information-grid #about,
.variant-two[data-overview="information"] .information-grid #kontakt{
 scroll-margin-top:calc(var(--header-height,80px) + var(--content-start-gap));
}

/* Single-image projects have a centred photograph and no slideshow controls. */
.variant-two #project-dialog.is-single-photo .gallery-controls{display:none}
.variant-two #project-dialog.is-single-photo .rail{
 width:calc(100% - var(--gallery-gap));justify-content:center;
 overflow:hidden;scroll-snap-type:none;cursor:default;
}
.variant-two #project-dialog.is-single-photo .rail-photo{width:var(--single-photo-width);max-width:100%;flex:0 0 auto}
.variant-two #project-dialog.is-single-photo .rail-photo img{max-width:100%;object-position:center}

/* Preserve editorial paragraphs supplied with real project descriptions. */
.variant-two #project-dialog .project-description,html:not(.js-ready) .project-fallback p{white-space:pre-line}

/* A single preview line opens into the complete series description. */
.variant-two #project-dialog .expandable-description{
 display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;
 min-width:0;font-size:14px;line-height:1.45;white-space:normal;
}
.variant-two #project-dialog .description-content{height:1.45em;overflow:hidden;min-width:0}
.variant-two #project-dialog .description-content p{margin:0;white-space:pre-line}
.variant-two #project-dialog .description-toggle{
 align-self:end;margin:0;padding:0;border:0;background:transparent;color:inherit;
 font-family:inherit;font-size:14px;line-height:1.45;font-weight:700;font-style:italic;
 white-space:nowrap;cursor:pointer;
}
.variant-two #project-dialog .description-toggle[hidden]{display:none}
.variant-two #project-dialog .description-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* A short phone viewport must remain a gallery, not a row of thumbnails. */
@media (orientation:landscape) and (max-height:600px) and (pointer:coarse){
 .variant-two #project-dialog .project-stage{padding-top:32px}
}

/* Place phone navigation below the photographs, in both orientations. */
@media (max-width:850px), (max-height:600px) and (pointer:coarse){
 .variant-two #project-dialog .gallery-area .gallery-controls{
  position:static;inset:auto;transform:none;
  margin:12px 0 0;padding:0 var(--gallery-gap) 0 0;
 }
}

/* Footers follow the content and never cover photographs or controls. */
.variant-two .home-footer{
 position:relative;inset:auto;height:auto;min-height:var(--home-footer-height);
}
body.variant-two:not([data-overview="selected"]),
.variant-two #project-dialog{padding-bottom:0}
.variant-two[data-overview="information"] .information-grid{padding-bottom:40px}

/* Keep the draggable mosaic, with its footer reachable below the first screen. */
body.variant-two[data-overview="selected"]{height:auto;max-height:none;overflow-y:auto}
body.variant-two[data-overview="selected"] main{height:calc(100svh - 80px)}
body.variant-two[data-overview="selected"] .image-field{overscroll-behavior-y:auto}

/* The menu's links and footer also share one natural scroll flow. */
.variant-two .site-menu{overflow-y:auto}
.variant-two .site-menu nav{
 position:relative;inset:auto;transform:none;overflow:visible;
 margin:calc(80px + var(--content-start-gap) + var(--close-size)) auto 24px;
}
@media(max-height:600px){.variant-two .site-menu nav{margin-top:96px}}

/* Reclaim vertical room on phones held sideways; keep the whole photo visible. */
@media (orientation:landscape) and (max-height:600px) and (pointer:coarse){
 .variant-two #project-dialog .dialog-header{height:52px;grid-template-rows:52px}
 .variant-two #project-dialog .dialog-header .menu-toggle{top:4px}
 .variant-two #project-dialog .project-stage{padding-top:24px}
 .variant-two #project-dialog .gallery-area .gallery-controls{margin-top:8px}
}

/* Narrow portrait screens use the page's vertical scroll for the complete series. */
@media (max-width:600px) and (orientation:portrait){
 .variant-two #project-dialog{--gallery-gap:14px}
 .variant-two #project-dialog .project-stage{display:flex;flex-direction:column;gap:32px}
 .variant-two #project-dialog .project-text{grid-template-columns:minmax(0,1fr);row-gap:12px}
 .variant-two #project-dialog .series-meta,.variant-two #project-dialog .project-description{grid-column:1}
 .variant-two #project-dialog .gallery-area{margin-left:14px;width:calc(100% - 28px)}
 .variant-two #project-dialog .gallery-area .gallery-controls{display:none}
 .variant-two #project-dialog .rail,
 .variant-two #project-dialog.is-single-photo .rail{
  display:flex;flex-direction:column;align-items:stretch;width:100%;height:auto;
  gap:14px;padding:0;overflow:visible;scroll-snap-type:none;cursor:default;
  touch-action:pan-y pinch-zoom;user-select:auto;
 }
 .variant-two #project-dialog .rail-photo,
 .variant-two #project-dialog.is-single-photo .rail-photo{
  width:100%;max-width:100%;margin:0;flex:none;scroll-snap-align:none;
 }
 .variant-two #project-dialog .rail-photo img{
  width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;
 }
 .variant-two #project-dialog .gallery-area .detail-close{right:0}
 html:not(.js-ready) body[data-project-slug] #grid{grid-template-columns:1fr;gap:14px}
}

/* Keep each individual BU within its photograph; match the 14 px text scale. */
.variant-two #project-dialog .rail-photo{width:calc(var(--gallery-height,55dvh) * var(--photo-ratio,1))}
.variant-two #project-dialog .rail-photo figcaption{font-family:inherit;font-size:14px;line-height:1.4;max-width:100%;overflow-wrap:anywhere}
@media(max-width:600px) and (orientation:portrait){
 .variant-two #project-dialog .rail-photo{width:100%}
}

/* Captions remain selectable independently of gallery dragging. */
.variant-two #project-dialog .rail-photo figcaption{user-select:text;-webkit-user-select:text;cursor:text;touch-action:auto}
.variant-two #project-dialog .portrait-permalink{color:inherit;cursor:pointer;white-space:nowrap;text-decoration:none;user-select:text;-webkit-user-select:text}
.variant-two #project-dialog .portrait-permalink:hover{text-decoration:underline}
.variant-two #project-dialog .portrait-permalink:focus-visible{outline:1px solid currentColor;outline-offset:3px}
.variant-two[data-page="legal"] .legal-page-copy p,.variant-two[data-page="legal"] .legal-page-copy li,.variant-two[data-page="legal"] .legal-links{font-size:14px;line-height:1.5;font-weight:400;overflow-wrap:anywhere}
.variant-two[data-page="legal"] .legal-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:36px}
.variant-two[data-page="legal"] .legal-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.variant-two[data-page="legal"] .legal-document{margin-bottom:48px;scroll-margin-top:110px}
.variant-two[data-page="legal"] .legal-document h2{font-size:26px;line-height:1.2;margin:0 0 24px}
.variant-two[data-page="legal"] .legal-document h3{font-size:14px;line-height:1.5;font-weight:700;margin:28px 0 12px}
.variant-two[data-page="legal"] .legal-document ul{padding-left:20px;margin:0 0 20px}
.variant-two[data-page="legal"] .legal-document li{margin-bottom:8px}
.variant-two .site-menu nav a[href="information.html#mission"]{background:#00b6ff;color:#fff}
.variant-two .site-menu nav a[href="information.html#kontakt"]{background:#f49a00;color:#fff}