/* Teile, die auf jeder Seite gleich sind (Start + Unterseiten): Menü am Handy, Text für Google, Fußzeile */
.t-menu-btn{display:none;align-items:center;gap:10px;background:none;border:0;color:inherit;font:600 16px/1 "Chivo",system-ui,sans-serif;padding:10px 0;cursor:pointer}
.t-menu-btn i{display:block;width:22px;height:8px;position:relative}
.t-menu-btn i::before,.t-menu-btn i::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .3s cubic-bezier(.23,1,.32,1)}
.t-menu-btn i::before{top:0}.t-menu-btn i::after{bottom:0}
html.t-open .t-menu-btn i::before{transform:translateY(3.25px) rotate(45deg)}
html.t-open .t-menu-btn i::after{transform:translateY(-3.25px) rotate(-45deg)}
.t-menu{position:fixed;inset:0;z-index:39;background:#0A0A0A;color:#F4F4F2;display:flex;flex-direction:column;justify-content:flex-end;padding:100px clamp(18px,3.4vw,52px) 40px;clip-path:inset(0 0 100% 0);transition:clip-path .55s cubic-bezier(.77,0,.175,1);visibility:hidden}
html.t-open .t-menu{clip-path:inset(0 0 0 0);visibility:visible}
html.t-open{overflow:hidden}
.t-menu a{font:400 clamp(56px,16vw,96px)/1.02 "Sofia Sans Condensed",Impact,sans-serif;text-transform:uppercase;text-decoration:none;color:inherit;display:block;transform:translateY(40px);opacity:0;transition:transform .5s cubic-bezier(.23,1,.32,1),opacity .4s}
html.t-open .t-menu a{transform:none;opacity:1}
html.t-open .t-menu a:nth-child(2){transition-delay:.05s}html.t-open .t-menu a:nth-child(3){transition-delay:.1s}html.t-open .t-menu a:nth-child(4){transition-delay:.15s}html.t-open .t-menu a:nth-child(5){transition-delay:.2s}
.t-menu p{margin-top:28px;font:500 13px/1.6 "Chivo Mono",ui-monospace,monospace;color:#B5B5B1;letter-spacing:.04em}
.t-menu p.t-legal{margin-top:10px}
.t-menu p a{font:inherit;display:inline;opacity:1;transform:none;text-transform:none}
@media (max-width:760px){.t-menu-btn{display:inline-flex}}

.t-seo{padding:clamp(80px,14vh,160px) clamp(18px,3.4vw,52px) 0;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(14px,2vw,28px);color:#F4F4F2}
.t-seo h2{grid-column:1 / span 6;font:400 clamp(40px,5vw,84px)/1 "Sofia Sans Condensed",Impact,sans-serif;text-transform:uppercase}
.t-seo > p{grid-column:7 / span 6;font-size:clamp(17px,1.4vw,20px);line-height:1.55;max-width:46ch}
.t-seo .t-cols{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,28px);margin-top:clamp(30px,6vh,70px);border-top:1px solid rgba(244,244,242,.18);padding-top:22px}
.t-seo h3{font:500 12px/1 "Chivo Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#8E8E8A;margin-bottom:16px}
.t-seo ul{list-style:none;padding:0;margin:0}
.t-seo li a,.t-seo li span{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid rgba(244,244,242,.1);text-decoration:none;font-size:17px;color:#F4F4F2}
.t-seo li a em{font-style:normal;color:#8E8E8A;font:500 12px/1.4 "Chivo Mono",ui-monospace,monospace}
.t-seo .t-names{font-size:clamp(17px,1.4vw,20px);line-height:1.7;color:#B5B5B1}
.t-seo .t-names b{color:#F4F4F2;font-weight:400}
@media (hover:hover) and (pointer:fine){.t-seo li a{transition:padding .25s cubic-bezier(.23,1,.32,1)}.t-seo li a:hover{padding-left:10px}}
@media (max-width:760px){.t-seo h2,.t-seo > p{grid-column:1 / -1}.t-seo .t-cols{grid-template-columns:1fr}}

.t-foot{padding:clamp(90px,16vh,180px) clamp(18px,3.4vw,52px) 36px;color:#F4F4F2;position:relative;overflow:hidden}
.t-foot .t-big{font:400 clamp(72px,13vw,230px)/1 "Sofia Sans Condensed",Impact,sans-serif;text-transform:uppercase}
.t-foot .t-acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.t-btn{display:inline-flex;align-items:center;gap:10px;font:700 17px/1 "Chivo",system-ui,sans-serif;padding:17px 22px;border-radius:999px;text-decoration:none;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .16s ease,color .16s ease}
.t-btn.solid{background:#F4F4F2;color:#0A0A0A}
.t-btn.ghost{box-shadow:inset 0 0 0 1.5px rgba(244,244,242,.3);color:#F4F4F2}
.t-btn svg{width:18px;height:18px}
@media (hover:hover) and (pointer:fine){.t-btn:hover{transform:translateY(-2px)}.t-btn.ghost:hover{background:#F4F4F2;color:#0A0A0A}}
.t-btn:active{transform:scale(.97)}
.t-foot .t-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:clamp(60px,10vh,120px);border-top:1px solid rgba(244,244,242,.18);padding-top:24px;font-size:15px}
.t-foot h2{font:500 12px/1 "Chivo Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#8E8E8A;margin-bottom:14px}
.t-foot ul{list-style:none;padding:0;margin:0}
.t-foot li{padding:4px 0}
.t-foot a{color:inherit;text-decoration:none}
.t-foot .t-grid a{background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;transition:background-size .25s cubic-bezier(.23,1,.32,1)}
@media (hover:hover) and (pointer:fine){.t-foot .t-grid a:hover{background-size:100% 1px}}
.t-foot address{font-style:normal;line-height:1.6;color:#B5B5B1}
.t-foot .t-legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:50px;font:500 12px/1.4 "Chivo Mono",ui-monospace,monospace;color:#8E8E8A;letter-spacing:.04em}
.t-foot .t-legal nav{display:flex;gap:18px;flex-wrap:wrap}
@media (max-width:760px){.t-foot .t-grid{grid-template-columns:1fr 1fr}}
.shot figcaption a{text-decoration:none;color:inherit}
@media (hover:hover) and (pointer:fine){.shot figcaption a b{background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;transition:background-size .25s cubic-bezier(.23,1,.32,1)}.shot figcaption a:hover b{background-size:100% 1px}}
.portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
@media (max-width:760px){.t-seo li a{flex-direction:column;gap:3px}.t-foot{padding-top:70px}}
.t-foot.s{padding-top:60px}
/* Kundenlogos: weiß auf transparent, optisch gleich schwer (--f aus der Seitenform des Logos) */
.logos{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(18px,2.4vw,36px) clamp(16px,2.4vw,40px);--lh:clamp(34px,3.4vw,52px)}
.logos li{display:flex;align-items:center;justify-content:center;min-height:calc(var(--lh) * 1.45)}
.logos img{display:block;height:calc(var(--lh) * var(--f));width:auto;max-width:100%;object-fit:contain;opacity:.78;transition:opacity .3s ease}
@media (hover:hover) and (pointer:fine){.logos img:hover{opacity:1}}
@media (max-width:900px){.logos{grid-template-columns:repeat(4,1fr)}}
@media (max-width:600px){.logos{grid-template-columns:repeat(3,1fr);--lh:30px}}

/* Sprachumschalter (21.10.2026) */
.bar nav .lang{background:none;font:var(--mono);letter-spacing:.08em;padding:4px 8px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);text-decoration:none}
.bar nav .lang:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.t-menu .lang-big{font:var(--mono);font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}