main {width: 100%;background-color: black;}.main-wrapper {max-width: 1150px;margin: 0 auto;}.services-title, .services-author {text-align: end;margin: 0 15px;font-style: italic;}.services-title {font-size: 30px;font-weight: 300;padding-top: 35px;padding-bottom: 5px;line-height: 1.4;}.services-author {font-size: 16px;font-weight: 300;padding-bottom: 40px;}#grid-services {display: grid;grid-template-columns: 1fr;gap: 0;}.am-card {padding: 0;margin: 15px 15px 50px 15px;}.img-container {position: relative;border-radius: 6px;overflow: hidden;line-height: 0;}.img-container::after {content: "";position: absolute;inset: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.20);}.img-fluid {width: 100%;height: auto;}.card-title {font-size: 24px;font-weight: 500;margin-top: 14px;margin-bottom: 14px;}.card-txt {text-align: left;font-size: 18px;font-weight: 300;margin-bottom: 12px;}.img-container, .card-title, .card-txt {opacity: 0;transform: translateY(150px);transition: all 2s ease;}#web-ui-slider {display: none;height: var(--web-ui-height);margin-bottom: 40px;--web-ui-height: 360px;--web-ui-width-open: 540px;--web-ui-width-closed: 70px;}#web-ui-slider > input {display: none;}label.web-ui-card {width: var(--web-ui-width-closed);background-size: cover;cursor: pointer;overflow: hidden;border-radius: 2rem;margin: 0 6px;position: relative;transition: 750ms cubic-bezier(.28,-0.03,0,.99);transition-delay: 100ms;box-shadow: 0px 0px 10px 2px rgba(255,255,255,0.25);}label.web-ui-card > .web-ui-description {position: absolute;bottom: calc(-1 * var(--web-ui-width-closed));left: 0px;height: var(--web-ui-width-closed);width: var(--web-ui-height);background: rgba(0, 0, 0, 0.35);display: flex;justify-content: start;align-items: center;padding-left: 1.5rem;transform: rotate(-90deg);transform-origin: 0% 0%;transition: all 750ms cubic-bezier(.28,-0.03,0,.99);}label.web-ui-card > .web-ui-description > h4 {user-select: none;font-size: 24px;font-weight: 500;margin-bottom: 5px;}input:checked + label.web-ui-card {width: var(--web-ui-width-open);}input:checked + label.web-ui-card > div.web-ui-description {transform: rotate(0deg);background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.75));bottom: 0px;height: 100px;width: 100%;align-items: end;padding-bottom: 10px;}input:checked + label.web-ui-card > div.web-ui-description > h4 {font-size: 28px;letter-spacing: 3px;text-wrap: nowrap;}label.web-ui-card[for="web-ui-statik"] {background-image: url("../images/services/statik-4a.jpg");}label.web-ui-card[for="web-ui-bewehrung"] {background-image: url("../images/services/bewehrung-8b.jpg");}label.web-ui-card[for="web-ui-schalung"] {background-image: url("../images/services/schalung-10a.jpg");}label.web-ui-card[for="web-ui-fertigteile"] {background-image: url("../images/services/fertigteile-9.webp");}label.web-ui-card[for="web-ui-stahlbau"] {background-image: url("../images/services/stahl-3a.jpg");}label.web-ui-card[for="web-ui-digitalisierung"] {background-image: url("../images/services/digital-3a.jpg");}#web-ui-text {display: none;}#web-ui-text p:nth-child(1) {animation-delay: 0ms;}#web-ui-text p:nth-child(2) {animation-delay: 120ms;}#web-ui-text p:nth-child(3) {animation-delay: 240ms;}#web-ui-text p:nth-child(4) {animation-delay: 360ms;}@keyframes slideInLeft {0% {opacity: 0;transform: translateX(-100%);}100% {opacity: 1;transform: translateX(0);}}@keyframes slideInRight {0% {opacity: 0;transform: translateX(100%);}100% {opacity: 1;transform: translateX(0);}}@keyframes slideOutLeft {0% {opacity: 1;transform: translateX(0);}100% {opacity: 0;transform: translateX(-100%);}}@keyframes slideOutRight {0% {opacity: 1;transform: translateX(0);}100% {opacity: 0;transform: translateX(100%);}}.web-ui-p {opacity: 0;text-align: justify;font-size: 18px;font-weight: 300;margin-bottom: 12px;margin-left: 6px;margin-right: 6px;}.slide-in-right {animation: slideInRight 400ms ease forwards;}.slide-in-left {animation: slideInLeft 400ms ease forwards;}.slide-out-right {animation: slideOutRight 400ms ease forwards;}.slide-out-left {animation: slideOutLeft 400ms ease forwards;}@media (min-width: 768px) {.services-title {font-size: 36px;}.services-author {font-size: 18px;}#grid-services {grid-template-columns: 1fr 1fr;}}@media (min-width: 992px) {#web-ui-slider {display: flex;flex-wrap: nowrap;justify-content: space-between;}#web-ui-text {display: block;min-height: 400px;padding-bottom: 50px;}#grid-services {display: none;}}@media (min-width: 1050px) {.services-title, .services-author {margin: 0 6px;}#web-ui-slider {--web-ui-height: 400px;--web-ui-width-open: 600px;--web-ui-width-closed: 80px;}#web-ui-text {min-height: 365px;padding-bottom: 50px;}}