/* Jens Komposition vom 12.09.: Einstieg, Kunden, Zusammenarbeit. */
@media(min-width:901px){
 .automation-home .site-header{height:64px;min-height:64px}
 .automation-home .hero{height:34.3vw;min-height:416px;max-height:590px;overflow:hidden;padding:0}
 .automation-home .hero-copy{padding-top:7.5vw;width:68%;max-width:980px}
 .automation-home .hero-copy h1{font-size:clamp(50px,4.6vw,74px);line-height:1.1}
 .automation-home .hero-description{font-size:clamp(15px,1.15vw,18px);line-height:1.6;margin-top:24px}
 .automation-home .hero-actions{margin-top:24px}
 .automation-home .hero-stack{width:20vw;max-width:310px;height:32.5vw;max-height:520px;top:50%;translate:0 -50%}
 .automation-home .hero-stack-left{left:0}.automation-home .hero-stack-right{right:0}
 .automation-home .hero-bottom{display:none}
 .automation-home .brand-strip{height:88px;padding:20px 30px;gap:40px}
 .automation-home .brand-strip>p{font-size:13px}.automation-home .brand-names{gap:36px}
 .automation-home .brand-names .logo-walberg{width:128px}.automation-home .brand-names .logo-bandwerk{width:108px}.automation-home .brand-names .logo-elamirror{width:98px}
}
.automation-home .collabs-section{position:relative;isolation:isolate;background:white;padding:50px 0 60px;color:#1a1a1a;overflow:hidden}
.collabs-green{position:absolute;inset:0 0 auto;height:31vw;max-height:496px;min-height:376px;background:#a5cfb2;z-index:-1}
.automation-home #collabs-title{font-family:'Krevaro Serif',serif;font-size:clamp(40px,4.25vw,68px);font-weight:300;line-height:1.1;letter-spacing:-.055em;text-align:center;margin:0 auto;width:70%;position:relative;z-index:2}
.automation-home #collabs-title em{font-family:inherit;font-weight:300;font-style:italic;letter-spacing:inherit;font-synthesis:none}
.collabs-cards{width:70%;max-width:1120px;margin:52px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;position:relative;z-index:2}
.collabs-card{min-width:0;display:flex;flex-direction:column;background:transparent}
.collabs-brands,.collabs-creators{padding-top:76px}
.collabs-photo{width:100%;display:block;object-fit:cover;object-position:center;border-radius:0!important;box-shadow:none!important}
.collabs-brands .collabs-photo{height:auto;aspect-ratio:0.77;object-position:50% 55%}.collabs-agencies .collabs-photo{height:auto;aspect-ratio:0.74;object-position:50% 50%}.collabs-creators .collabs-photo{height:auto;aspect-ratio:0.87;object-position:50% 58%}
.collabs-copy{background:white;flex:1;padding:24px 10px 0;display:flex;flex-direction:column;align-items:flex-start}
.automation-home .collabs-copy h3{font-family:'Krevaro Serif',serif;font-size:clamp(28px,2.5vw,40px);font-weight:300;letter-spacing:-.055em;line-height:1.13;margin:0 0 13px;color:#1a1a1a}
.automation-home .collabs-copy p{font-family:'Work Sans',sans-serif;font-size:15px;line-height:1.4;margin:0 0 22px;color:#1a1a1a}
.automation-home .collabs-copy .button{margin-top:auto;min-height:56px;padding:17px 25px;font-size:15px;line-height:1.3;font-weight:400;border:0;border-radius:100px;gap:32px;white-space:nowrap;text-decoration:none}
.automation-home .collabs-brands .button{background:#1f4e31;color:#fff}.automation-home .collabs-agencies .button{background:#faf6b4;color:#7a6a1a}.automation-home .collabs-creators .button{background:#e8def4;color:#4e3a7e}
.automation-home .collabs-brands .button:hover{background:#163b24;color:white}.automation-home .collabs-agencies .button:hover{background:#7a6a1a;color:white}.automation-home .collabs-creators .button:hover{background:#4e3a7e;color:white}
.collabs-art{position:absolute;width:20%;height:240px;top:30px;z-index:3;pointer-events:none}.collabs-art-left{left:5.5%}.collabs-art-right{right:5.5%}
.collabs-art img{position:absolute;display:block;width:100%;height:auto;border-radius:0;box-shadow:none}
.collabs-overview{left:0;top:0}.collabs-invite{left:38%;top:115px;width:83%!important;transform:rotate(-4deg)}
.collabs-wallet{right:28%;top:-1px;width:92%!important}.collabs-program{right:-3%;top:105px;width:100%!important;transform:rotate(-13deg)}
.collabs-line{position:absolute;width:90%;left:14%;top:157px}
@media(min-width:1601px){.collabs-art{width:320px;top:35px}.collabs-art-left{left:calc(50% - 720px)}.collabs-art-right{right:calc(50% - 720px)}}
@media(max-width:1100px) and (min-width:901px){.collabs-cards{width:76%;gap:18px}.collabs-copy{padding-inline:4px}.automation-home .collabs-copy .button{padding-inline:19px;gap:22px}.collabs-art{width:20%;top:70px}}
@media(max-width:900px){
 .automation-home .collabs-section{padding-top:40px}.collabs-green{height:330px;min-height:0}.automation-home #collabs-title{font-size:clamp(32px,5vw,46px);width:95%}
 .collabs-art{width:175px;top:80px}.collabs-art-left{left:-16px}.collabs-art-right{right:-16px}.collabs-invite,.collabs-program,.collabs-line{display:none}
 .collabs-cards{width:90%;margin-top:150px;gap:16px}.collabs-brands,.collabs-creators{padding-top:40px}.collabs-copy{padding-inline:0}.automation-home .collabs-copy h3{font-size:27px}.automation-home .collabs-copy .button{padding-inline:18px;gap:15px}
}
@media(max-width:650px){
 .collabs-cards{width:calc(100% - 40px);max-width:440px;grid-template-columns:1fr;gap:40px;margin-top:160px}.collabs-card{padding-top:0}.collabs-agencies{margin-left:20px}.collabs-creators{margin-right:20px}
 .collabs-card .collabs-photo{height:auto;max-height:none;aspect-ratio:3/4}.collabs-copy{padding:20px 0 0}.automation-home .collabs-copy h3{font-size:32px}.automation-home .collabs-copy p{font-size:16px;line-height:1.5}.automation-home .collabs-copy .button{padding:17px 25px;gap:32px}
 .collabs-art{width:165px;top:83px}.collabs-art-left{left:3%}.collabs-art-right{right:0}.collabs-green{height:390px}
}

.automation-home #collabs-title em{font-synthesis:none}
.collabs-program{width:78%!important;top:95px;right:0}
@media(min-width:901px){.automation-home .hero-stack{top:56%}}

/* Mehr Raum über der Überschrift und vor den Fotos. */
@media(min-width:901px){
 .automation-home .collabs-section{padding-top:112px}
 .collabs-cards{margin-top:86px}
 .collabs-green{height:calc(31vw + 96px);max-height:592px;min-height:472px}
 .collabs-art{top:92px}
}
@media(max-width:900px){
 .automation-home .collabs-section{padding-top:72px}
 .collabs-art{top:112px}
 .collabs-green{height:362px}
}
@media(max-width:650px){.collabs-art{top:115px}.collabs-green{height:422px}}

/* Fotostapel ohne weiße Rahmen. */
.automation-home .hero-stack .hero-photo{border:0;outline:0;padding:0;box-shadow:0 18px 44px rgba(20,20,19,.12)}
.automation-home .hero-stack .hero-photo img{border:0;outline:0;padding:0}

/* Sichtbarer Marker, dezente Vergrößerung bei Interaktion. */
.automation-home .hero-actions .text-link{isolation:isolate;transform-origin:center;transition:transform .2s cubic-bezier(.23,1,.32,1)}
.automation-home .hero-actions .text-link::before{width:100%;transition:none}
.automation-home .hero-actions .text-link:hover,.automation-home .hero-actions .text-link:focus-visible{transform:scale(1.04)}
.automation-home .hero-actions .text-link:hover span{transform:none}
@media(prefers-reduced-motion:reduce){.automation-home .hero-actions .text-link{transition:none}.automation-home .hero-actions .text-link:hover,.automation-home .hero-actions .text-link:focus-visible{transform:none}}

/* Text und Bildrahmen nach Jens Korrektur vom 12.09. */
.automation-home #collabs-title{width:70%;max-width:1050px}
.automation-home .collabs-subtitle{position:relative;z-index:2;max-width:690px;width:64%;margin:26px auto 0;text-align:center;font:400 18px/1.55 'Work Sans',sans-serif;color:#1a1a1a;letter-spacing:0}
.collabs-cards{align-items:start;margin-top:64px}
.collabs-copy{flex:none}
.automation-home .collabs-copy .button{margin-top:0}
.collabs-brands .collabs-photo,.collabs-creators .collabs-photo{aspect-ratio:.77;height:auto}
.automation-home .collabs-brands .button:hover,.automation-home .collabs-brands .button:focus-visible{background:#d6e9dc;color:#1f4e31}
@media(min-width:901px){.collabs-green{height:calc(31vw + 208px);max-height:704px;min-height:584px}}
@media(max-width:900px){.automation-home #collabs-title{width:94%}.automation-home .collabs-subtitle{width:88%;font-size:16px;margin-top:22px}.collabs-art{top:222px}.collabs-cards{margin-top:154px}.collabs-green{height:480px}}
@media(max-width:650px){.collabs-art{top:240px}.collabs-green{height:540px}.collabs-art .collabs-invite,.collabs-art .collabs-program{display:none}.automation-home .collabs-subtitle br{display:none}.collabs-card .collabs-photo{aspect-ratio:3/4}.collabs-agencies,.collabs-creators{margin-left:0;margin-right:0}}
