*{box-sizing:border-box}
:root{--orange:#ff7a00;--purple:#7f3ba5;--white:#fff;--line:rgba(255,255,255,.22)}
html,body{margin:0;min-height:100%;background:#050505;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.t1-page{min-height:100vh;background:#050505}

/* HERO */
.t1-hero{position:relative;min-height:78vh;overflow:hidden;background:#050505}
.t1-bg{position:absolute;inset:0;background:url("../assets/team1-background.png") center center/cover no-repeat;transform:scale(1);transform-origin:center center;animation:t1KenBurns 30s ease-in-out infinite alternate;will-change:transform}
@keyframes t1KenBurns{from{transform:scale(1)}to{transform:scale(1.045)}}

.t1-infobar{position:relative;z-index:5;height:46px;padding:0 3.2vw;display:flex;align-items:center;gap:28px;border-bottom:1px solid rgba(255,122,0,.58);background:rgba(5,5,5,.78);backdrop-filter:blur(8px);font-size:15px;white-space:nowrap}
.t1-infobar strong{color:var(--orange)}
.t1-login{margin-left:auto;padding:10px 22px;border:1px solid var(--orange);border-radius:6px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}

.t1-hero-content{position:relative;z-index:3;width:min(660px,47vw);padding:30px 0 150px 3.2vw;display:flex;flex-direction:column;align-items:flex-start}
.t1-brand-lockup{display:flex;flex-direction:column;align-items:flex-start;width:100%}
.t1-logo{display:block;width:min(440px,32vw);max-height:none;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.55))}

.t1-title{position:relative;z-index:2;display:inline-block;margin:50px 0 0 6px;padding:16px 34px 17px;background:#090909;color:#fff;font-size:clamp(42px,4.35vw,68px);font-weight:900;font-style:italic;line-height:.9;letter-spacing:-.035em;text-transform:uppercase;white-space:nowrap;transform:rotate(-7deg);transform-origin:left center;text-shadow:0 3px 0 rgba(0,0,0,.9),0 10px 24px rgba(0,0,0,.55);box-shadow:0 20px 34px rgba(0,0,0,.38)}
.t1-title .orange{color:var(--orange)}
.t1-title::before,.t1-title::after{content:"";position:absolute;left:-16px;right:-16px;height:8px;background:linear-gradient(90deg,transparent 0 1%,var(--orange) 3% 96%,transparent 99%);clip-path:polygon(0 38%,3% 18%,7% 44%,11% 12%,16% 31%,23% 5%,30% 29%,38% 0,45% 21%,54% 4%,62% 27%,70% 7%,78% 31%,86% 11%,93% 35%,100% 20%,100% 80%,94% 64%,87% 88%,79% 62%,71% 91%,63% 69%,54% 96%,46% 74%,38% 100%,29% 77%,21% 95%,14% 70%,7% 92%,0 68%)}
.t1-title::before{top:-11px;transform:skewX(-12deg)}
.t1-title::after{bottom:-11px;transform:skewX(12deg)}

.t1-actions{display:flex;gap:22px;margin:32px 0 0 14px;align-items:center}
.t1-btn{--btn-color:#fff;position:relative;isolation:isolate;width:66px;height:66px;min-width:66px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--btn-color);border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.015) 45%),rgba(8,8,8,.58);color:var(--btn-color);font-size:0;line-height:0;backdrop-filter:blur(12px);box-shadow:0 0 10px color-mix(in srgb,var(--btn-color) 55%,transparent),0 0 22px color-mix(in srgb,var(--btn-color) 28%,transparent),inset 0 0 12px rgba(255,255,255,.035);transition:transform .22s ease,box-shadow .22s ease}
.t1-btn::after{content:"";position:absolute;z-index:-1;inset:-10px;border-radius:50%;background:var(--btn-color);opacity:.14;filter:blur(15px);pointer-events:none}
.t1-btn::before{content:"";width:28px;height:28px;display:block;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.t1-btn:nth-child(1){--btn-color:#ff7a00}
.t1-btn:nth-child(2){--btn-color:#25d366}
.t1-btn:nth-child(3){--btn-color:#9a50bd}
.t1-btn:nth-child(1)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02z'/%3E%3C/svg%3E")}
.t1-btn:nth-child(2)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 0 0-8.53 15.2L2 22l4.94-1.3A10 10 0 1 0 12 2m0 18a8 8 0 0 1-4.07-1.1l-.29-.17-2.93.77.78-2.86-.19-.3A8 8 0 1 1 12 20m4.4-5.94c-.24-.12-1.43-.7-1.65-.78-.22-.08-.38-.12-.54.12-.16.24-.62.78-.76.94-.14.16-.28.18-.52.06-.24-.12-1.01-.37-1.93-1.18-.71-.64-1.19-1.43-1.33-1.67-.14-.24-.01-.37.11-.49.11-.11.24-.28.36-.42.12-.14.16-.24.24-.4.08-.16.04-.3-.02-.42-.06-.12-.54-1.3-.74-1.78-.2-.47-.4-.41-.54-.42h-.46c-.16 0-.42.06-.64.3-.22.24-.84.82-.84 2s.86 2.32.98 2.48c.12.16 1.69 2.59 4.1 3.63.57.25 1.02.4 1.37.51.58.18 1.1.16 1.52.1.46-.07 1.43-.59 1.63-1.15.2-.56.2-1.04.14-1.14-.06-.1-.22-.16-.46-.28'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 0 0-8.53 15.2L2 22l4.94-1.3A10 10 0 1 0 12 2m0 18a8 8 0 0 1-4.07-1.1l-.29-.17-2.93.77.78-2.86-.19-.3A8 8 0 1 1 12 20m4.4-5.94c-.24-.12-1.43-.7-1.65-.78-.22-.08-.38-.12-.54.12-.16.24-.62.78-.76.94-.14.16-.28.18-.52.06-.24-.12-1.01-.37-1.93-1.18-.71-.64-1.19-1.43-1.33-1.67-.14-.24-.01-.37.11-.49.11-.11.24-.28.36-.42.12-.14.16-.24.24-.4.08-.16.04-.3-.02-.42-.06-.12-.54-1.3-.74-1.78-.2-.47-.4-.41-.54-.42h-.46c-.16 0-.42.06-.64.3-.22.24-.84.82-.84 2s.86 2.32.98 2.48c.12.16 1.69 2.59 4.1 3.63.57.25 1.02.4 1.37.51.58.18 1.1.16 1.52.1.46-.07 1.43-.59 1.63-1.15.2-.56.2-1.04.14-1.14-.06-.1-.22-.16-.46-.28'/%3E%3C/svg%3E")}
.t1-btn:nth-child(3)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2m0 4-8 5-8-5V6l8 5 8-5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2m0 4-8 5-8-5V6l8 5 8-5z'/%3E%3C/svg%3E")}
.t1-btn:hover,.t1-btn:focus-visible{transform:translateY(-4px) scale(1.07);outline:none;box-shadow:0 0 14px color-mix(in srgb,var(--btn-color) 78%,transparent),0 0 30px color-mix(in srgb,var(--btn-color) 50%,transparent),0 0 46px color-mix(in srgb,var(--btn-color) 24%,transparent)}

/* CAROUSEL */
.t1-workspace{position:relative;z-index:4;margin-top:-118px;padding:0 3.2vw 18px;background:linear-gradient(to bottom,transparent 0,#050505 125px)}
.t1-slot,.t1-view{width:100%}.t1-view{display:none}.t1-view.is-active{display:block}
.t1-carousel-shell{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;gap:16px;max-width:1300px;margin:0 auto}
.t1-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,1fr);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:12px 0 18px}.t1-carousel::-webkit-scrollbar{display:none}
.t1-arrowbtn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.45);color:#fff;font-size:34px;line-height:1;cursor:pointer}
.t1-card{position:relative;min-height:260px;padding:30px 26px 26px;display:flex;flex-direction:column;align-items:flex-start;scroll-snap-align:start;border:1px solid rgba(255,255,255,.27);border-radius:10px;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.82)),url("../assets/team1-background.png") center/cover no-repeat;overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.t1-card:hover,.t1-card:focus-visible{transform:translateY(-9px);border-color:var(--orange);box-shadow:0 24px 46px rgba(0,0,0,.48);outline:none}
.t1-icon{color:var(--orange);font-size:42px;line-height:1;margin-bottom:18px}.t1-card h2{margin:0 0 10px;font-size:25px;text-transform:uppercase}.t1-card p{margin:0;color:rgba(255,255,255,.78);font-size:16px;line-height:1.35}.t1-go{margin-top:auto;margin-left:auto;color:var(--orange);font-size:36px;transition:transform .2s ease}.t1-card:hover .t1-go{transform:translateX(6px)}

.t1-footer{min-height:52px;padding:0 3.2vw;display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.68);font-size:13px}.t1-footer nav{display:flex;gap:28px}

@media(max-width:1100px){
  .t1-infobar{gap:18px;font-size:14px}
  .t1-hero-content{width:min(620px,57vw);padding-top:26px}
  .t1-logo{width:min(420px,42vw)}
  .t1-title{font-size:clamp(38px,4.8vw,58px);margin-top:46px}
  .t1-workspace{margin-top:-105px}
  .t1-carousel-shell{grid-template-columns:52px minmax(0,1fr) 52px}
  .t1-carousel{grid-auto-columns:minmax(280px,32vw)}
}

@media(max-width:720px){
  .t1-hero{min-height:auto}
  .t1-infobar{height:auto;min-height:46px;padding:8px 18px;gap:12px;flex-wrap:wrap}.t1-infobar span{display:none}.t1-login{padding:8px 12px}
  .t1-hero-content{width:100%;padding:52px 18px 150px}
  .t1-logo{width:min(340px,76vw)}
  .t1-title{margin-top:34px;padding:12px 19px 13px;font-size:clamp(28px,8vw,44px);transform:rotate(-4deg)}
  .t1-actions{margin:34px 0 0 8px;gap:16px}.t1-btn{width:58px;height:58px;min-width:58px}.t1-btn::before{width:24px;height:24px}
  .t1-workspace{margin-top:-95px;padding-inline:10px}.t1-carousel-shell{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px}.t1-arrowbtn{width:40px;height:40px}.t1-carousel{grid-auto-columns:82vw}.t1-card{min-height:245px}
  .t1-footer{padding:12px 18px;align-items:flex-start;gap:12px;flex-direction:column}.t1-footer nav{gap:18px}
}

@media(prefers-reduced-motion:reduce){.t1-bg{animation:none}.t1-card,.t1-btn,.t1-go{transition:none}}


/* ALLGEMEINE UNTERSEITEN-BAUSTEINE */
.t1-subtitle{
  margin:24px 0 0 8px;
  max-width:620px;
  color:rgba(255,255,255,.88);
  font-size:clamp(16px,1.45vw,22px);
  line-height:1.4;
  text-shadow:0 5px 18px rgba(0,0,0,.85);
}

.t1-backlink{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 10px 74px;
  padding:9px 15px;
  border:1px solid var(--orange);
  border-radius:999px;
  background:rgba(5,5,5,.72);
  color:#fff;
  font-size:13px;
  font-weight:700;
  box-shadow:0 0 16px rgba(255,122,0,.18);
  backdrop-filter:blur(8px);
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.t1-backlink:hover,.t1-backlink:focus-visible{
  transform:translateX(-3px);
  background:var(--orange);
  box-shadow:0 0 22px rgba(255,122,0,.4);
  outline:none;
}

@media(max-width:720px){
  .t1-subtitle{margin-top:18px;font-size:15px}
  .t1-backlink{margin-left:50px}
}