header {opacity: 0;}main {background-color: rgba(0, 0, 0, 1);}@keyframes pulsate {0%, 100% {transform: scale(1);}50% {transform: scale(1.20);}}#bg-puls-container {position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: -100;background-image: url("../images/index/bbn-1.jpg");background-attachment: fixed;background-size: cover;background-position: center;animation: pulsate 20s infinite ease-in-out;}#preloader {position: fixed;top: 0;left: 0;z-index: 800;width: 100%;height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: center;background: rgb(0, 0, 0);opacity: 1;transition: opacity 2s ease-in;pointer-events: none;}#showcase, .text-section, .card-container {display: flex;flex-direction: column;align-items: center;justify-content: center;}.text-section, .card-container {max-width: 1150px;padding-left: 15px;padding-right: 15px;margin: auto;}#showcase {background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 60%, rgba(0,0,0,1));height: 100vh;margin-bottom: -1px;z-index: 100;}.showcase-logo {width: 225px;height: auto;filter: drop-shadow(2px 2px 5px rgba(255, 255, 255, 0.5));}.showcase-title {display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: 30px;}.showcase-title-top, .showcase-title-bottom {font-family: "Stick No Bills", "Segoe UI", Verdana, Tahoma, sans-serif;line-height: 1;text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.4);user-select: none;}.showcase-title-top {font-size: 81px;font-weight: 600;letter-spacing: 7.5px;margin-top: 20px;}.showcase-title-bottom {font-size: 54px;font-weight: 500;letter-spacing: 5.25px;margin-top: -12px;margin-left: -2px;}.text-section .text-us h2 {margin-top: 40px;font-size: 36px;font-weight: 400;text-align: center;}.text-section .text-us p {margin-top: 15px;font-size: 21px;line-height: 1.4;text-align: center;}.counter-section {max-width: 1150px;margin: 100px auto 70px auto;padding-left: 15px;padding-right: 15px;display: grid;grid-template-columns: 1fr;row-gap: 40px;column-gap: 30px;}.counter-section .counter-container {display: flex;flex-direction: column;align-items: center;justify-content: end;transition: all 1s ease;}.counter-section .counter-container .counter-title {font-size: 26px;font-weight: 700;text-align: center;color: white;display: flex;flex: 1;align-items: center;padding-bottom: 15px;}.counter-section .counter-container .counter-box {width: 100%;max-width: 300px;min-height: 90px;display: flex;justify-content: center;align-items: center;border: 1px solid white;border-radius: 10px;position: relative;overflow: hidden;box-shadow: 0px 0px 10px 2px rgba(255,255,255,0.25);}.counter-section .counter-container .counter-box::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.45);}.counter-section .counter-container:nth-child(1) .counter-box {background: url("../images/index/istanbul-modern.jpg");background-size: cover;background-position: top;}.counter-section .counter-container:nth-child(2) .counter-box {background: url("../images/index/baustelle.jpg");background-size: cover;background-position: top;}.counter-section .counter-container:nth-child(3) .counter-box {background: url("../images/index/liberty-guiding-the-people.jpg");background-size: cover;background-position: top;}.counter-section .counter-container .counter {font-size: 60px;font-weight: 700;color: white;padding-bottom: 5px;z-index: 200;}.pin-section {max-width: 1150px;margin: 70px auto;padding-left: 15px;padding-right: 15px;}.pin-section p {padding-left: 15px;padding-right: 15px;padding-bottom: 15px;font-size: 22px;font-weight: 500;font-style: italic;text-align: center;}#map-container {position: relative;padding-top: 120%;}#map-container::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.20);z-index: 300;border-radius: 16px;}#pin-base, #pin-overlay {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;border-radius: 16px;}#pin-base {z-index: 100;opacity: 1;}#pin-overlay {z-index: 200;opacity: 0;transition: opacity 5s ease;box-shadow: 0 0 15px 1px rgba(255, 255, 255, 0.5);}.card-section {background: url("../images/index/concrete-1b-min.jpg") center;overflow: hidden;}.card-grid {padding: 50px 35px;display: grid;grid-template-columns: 1fr;column-gap: 30px;row-gap: 30px;}.card-grid .card {background-color: white;color: black;height: 100%;display: flex;flex-direction: column;border-radius: 16px;overflow: hidden;opacity: 0;transition: transform 700ms ease-out, opacity 950ms ease-out;}.card-grid .card.card-left {transform: translateX(-100%);}.card-grid .card.card-right {transform: translateX(100%);}.card-grid .card.card-appear {opacity: 1;transform: translateX(0);}.card-grid .card .card-img {width: 100%;transition: opacity 0.5s ease;}.card-grid .card .card-img:hover {opacity: 0.7;}.card-grid .card .card-text {flex: 1;text-align: center;padding-left: 15px;padding-right: 15px;}.card-grid .card h4 {margin-top: 15px;margin-bottom: 10px;font-size: 31px;font-weight: 400;}.card-grid .card p {font-size: 18px;font-weight: 500;color: grey;line-height: 1.5;}.card-grid .card .read-more-container {display: flex;justify-content: center;}.card-grid .card .read-more-container a {height: 36px;width: 36px;margin-top: 15px;margin-bottom: 15px;border-radius: 18px;overflow: hidden;}.card-grid .card .read-more-container .read-more-img {width: 100%;height: 100%;}@media (min-width: 768px) {.showcase-logo {width: 275px;}.showcase-title-top {font-size: 96px;}.showcase-title-bottom {font-size: 63px;}.text-section, .pin-section, .card-container {padding-left: 50px;padding-right: 50px;}.counter-section {padding-left: 50px;padding-right: 50px;grid-template-columns: 1fr 1fr 1fr;}.counter-section .counter-container {flex: 1;}.counter-section .counter-container .counter-box {max-width: none;}.text-section .text-us h2 {text-align: start;}.text-section .text-us p {text-align: justify;}.pin-section p {font-size: 24px;text-align: start;}.pin-section #map-container {padding-top: 0%;height: 740px;}}@media (min-width: 992px) {.showcase-logo {width: 300px;}.showcase-title-top {font-size: 111px;}.showcase-title-bottom {font-size: 74px;}.card-container .card-grid {padding: 50px 0px;grid-template-columns: 1fr 1fr 1fr;}.counter-section .counter-container .counter-box {min-height: 105px;}}