.sec .grid--4{gap:20px}
.sec .grid--4>.card--boxed:not(.card--img-photo),.sec .grid--4>.card--yellow:not(.card--img-photo),.sec .grid--4>.card--black:not(.card--img-photo){padding:clamp(22px,1.9vw,30px)}
.sec .grid--4>.card--img-photo .card__body{padding-left:clamp(18px,1.6vw,24px);padding-right:clamp(18px,1.6vw,24px)}
@media (min-width:641px) and (max-width:1100px){.sec .grid.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.grid--wechsel>.card{position:relative;isolation:isolate;overflow:hidden;background:var(--w);color:var(--ink);border:0;padding:clamp(28px,3vw,44px);min-height:clamp(200px,17vw,250px);border-radius:14px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.grid--wechsel>.card::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--k);transform:scaleY(0);transform-origin:50% 100%;transition:transform .55s cubic-bezier(.7,0,.2,1)}
.bg-white .grid--wechsel>.card{background:var(--cloud)}
.grid--wechsel>.card .card__body{justify-content:flex-start}
.grid--wechsel>.card .card__media{display:none}
.grid--wechsel>.card .card__title{font-size:clamp(26px,2.3vw,36px);font-weight:700;line-height:1.05;letter-spacing:-.025em;color:var(--ink);margin:0 0 18px;transition:color .35s ease .08s,transform .45s cubic-bezier(.2,.8,.2,1)}
.grid--wechsel>.card .card__text{font-size:clamp(17px,1.3vw,20px);line-height:1.45;color:var(--ink);margin:auto 0 0;transition:color .35s ease .08s}
.grid--wechsel>.card:nth-child(odd){background:var(--k);color:var(--w)}
.grid--wechsel>.card:nth-child(odd)::before{background:var(--y)}
.grid--wechsel>.card:nth-child(odd) .card__title{color:var(--y)}
.grid--wechsel>.card:nth-child(odd) .card__text{color:var(--w)}
.grid--wechsel>.card:nth-child(odd) .link-arrow{color:var(--w)}
.bg-black .grid--wechsel>.card:nth-child(odd){background:#161616}
.grid--wechsel>.card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(0,0,0,.16)}
.grid--wechsel>.card:hover::before{transform:scaleY(1)}
.grid--wechsel>.card:hover .card__title{color:var(--y);transform:translateY(-3px)}
.grid--wechsel>.card:hover .card__text{color:var(--w)}
.grid--wechsel>.card:nth-child(odd):hover .card__title,.grid--wechsel>.card:nth-child(odd):hover .card__text,.grid--wechsel>.card:nth-child(odd):hover .link-arrow{color:var(--k)}
@media (hover:none){.grid--wechsel>.card:hover{transform:none;box-shadow:none}.grid--wechsel>.card:hover::before{transform:scaleY(0)}.grid--wechsel>.card:hover .card__title{transform:none}.grid--wechsel>.card:nth-child(even):hover .card__title,.grid--wechsel>.card:nth-child(even):hover .card__text{color:var(--ink)}.grid--wechsel>.card:nth-child(odd):hover .card__title{color:var(--y)}.grid--wechsel>.card:nth-child(odd):hover .card__text{color:var(--w)}}
@media (prefers-reduced-motion:reduce){.grid--wechsel>.card,.grid--wechsel>.card::before,.grid--wechsel>.card .card__title{transition:none}.grid--wechsel>.card:hover{transform:none}}
.sec .grid.grid--versetzt{display:flex;flex-direction:column;gap:clamp(56px,7vw,112px);max-width:1080px;margin-inline:auto}
.sec .grid.grid--versetzt>.card{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:clamp(32px,5vw,88px);align-items:center;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important;border-radius:0}
.sec .grid.grid--versetzt>.card:nth-child(even){grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.sec .grid.grid--versetzt>.card.card--img-photo .card__media{aspect-ratio:1/1;width:100%;max-width:400px;border-radius:var(--r)!important;overflow:hidden}
.sec .grid.grid--versetzt>.card:nth-child(even) .card__media{order:2;justify-self:end}
.sec .grid.grid--versetzt>.card .card__body{padding:0!important}
.sec .grid.grid--versetzt>.card .card__title{font-size:clamp(26px,2.4vw,36px);margin-bottom:16px}
.sec .grid.grid--versetzt>.card .card__text{font-size:clamp(16px,1.15vw,18px);line-height:1.6}
@media (max-width:860px){.sec .grid.grid--versetzt>.card,.sec .grid.grid--versetzt>.card:nth-child(even){grid-template-columns:1fr;gap:24px}.sec .grid.grid--versetzt>.card:nth-child(even) .card__media{order:0;justify-self:start}.sec .grid.grid--versetzt>.card.card--img-photo .card__media{max-width:360px}}
.sec .grid.grid--liste{display:block;max-width:1080px;counter-reset:gfl}
.sec .grid.grid--liste>.card{position:relative;display:block;background:none!important;border:0!important;border-top:1px solid rgba(0,0,0,.14)!important;box-shadow:none!important;border-radius:0!important;padding:clamp(22px,2.4vw,34px) 0 clamp(22px,2.4vw,34px) clamp(64px,5vw,80px)!important;overflow:visible!important}
.sec .grid.grid--liste>.card:last-child{border-bottom:1px solid rgba(0,0,0,.14)!important}
.sec .grid.grid--liste>.card::before{content:"";position:absolute;left:0;top:clamp(22px,2.4vw,34px);width:clamp(40px,3.2vw,48px);height:clamp(40px,3.2vw,48px);border-radius:50%;background:var(--y) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/52% no-repeat}
.sec .grid.grid--liste>.card .card__media{display:none}
.sec .grid.grid--liste>.card .card__body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:8px clamp(24px,4vw,64px);align-items:baseline;padding:0!important}
.sec .grid.grid--liste>.card .card__title{font-size:clamp(24px,2.5vw,38px);line-height:1.1;letter-spacing:-.02em;margin:0;hyphens:auto;overflow-wrap:break-word}
.sec .grid.grid--liste>.card .card__text{font-size:clamp(17px,1.35vw,21px);line-height:1.5;color:var(--g);margin:0}
.sec .grid.grid--liste>.card .link-arrow{grid-column:2}
.bg-black .grid.grid--liste>.card{border-color:rgba(255,255,255,.2)!important}
.bg-black .grid.grid--liste>.card .card__text{color:#cfcfcf}
.bg-yellow .grid.grid--liste>.card::before{background-color:var(--k);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFDA03' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.bg-yellow .grid.grid--liste>.card .card__text{color:var(--k)}
@media (max-width:760px){.sec .grid.grid--liste>.card .card__body{grid-template-columns:1fr}.sec .grid.grid--liste>.card .link-arrow{grid-column:1}}