@media only screen and (min-width: 0rem) {#kontakt {position: relative;z-index: 1;background: linear-gradient(180deg, rgba(8,32,50,1) 0%, #041019 100%);}#kontakt .cs-container {width: 100%;max-width: 80rem;margin: auto;display: flex;justify-content: center;align-items: center;flex-direction: column;gap: 3rem;}#kontakt .cs-content {text-align: center;width: 100%;display: flex;flex-direction: column;align-items: center;}#kontakt .cs-title {color: white;}#kontakt .cs-title:before {content: "";width: 100px;height: 100px;position: absolute;bottom: -20px;left: 100px;background-image: url("/assets/images/star.png");background-size: cover;z-index: -1;}#kontakt .cs-input:hover {border-color: var(--secondary);}#kontakt .cs-input::placeholder {color: var(--bodyTextColorWhite);}#kontakt #select-123:invalid {color: var(--bodyTextColorWhite);}#kontakt #time-123::-webkit-calendar-picker-indicator {filter: invert(1);}#kontakt #date-123::-webkit-calendar-picker-indicator {filter: invert(1);}#kontakt .cs-right {width: 100%;max-width: 36.5rem;padding: var(--sectionPadding);padding-top: 0;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;gap: 2.5rem;}#kontakt .cs-form {width: 100%;padding: 0;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;flex-direction: column;gap: 0.75rem;}#kontakt .cs-label {font-size: 1rem;width: 100%;color: var(--bodyTextColorWhite);display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 0.5rem;overflow: hidden;}#kontakt .cs-input {font-size: 1rem;width: 100%;height: 3.5rem;padding: 0;padding-left: 1.5rem;color: var(--bodyTextColorWhite);background-color: var(--accent);border: none;box-sizing: border-box;transition: border-color 0.3s;font-family: inherit;border-radius: var(--buttonBorderRadius);}#kontakt #select-123 {appearance: none;background-image: url("/assets/svgs/arrow-down-white.svg");background-repeat: no-repeat;background-position: right 0.4rem top 50%;background-size: 2rem auto;}#kontakt #time-123 {position: relative;min-width: calc(100% - 1rem);}#kontakt #time-123::-webkit-calendar-picker-indicator {position: absolute;right: 0.4rem;}#kontakt #date-123 {position: relative;min-width: calc(100% - 1rem);max-width: calc(100% - 2*var(--sectionPadding));}#kontakt #date-123::-webkit-calendar-picker-indicator {position: absolute;right: 0.6rem;}#kontakt .cs-input:hover {border-color: var(--secondary);}#kontakt .cs-input:focus {outline: 1px solid var(--secondary);}#kontakt .cs-input::placeholder {color: var(--bodyTextColorWhite);opacity: 0.8;}#kontakt .cs-textarea {min-height: 7.5rem;padding-top: 1.5rem;margin-bottom: 1.75rem;font-family: inherit;resize: none;}#kontakt .cs-submit {min-width: 13.375rem;border: none;}#kontakt .cs-submit:hover {cursor: pointer;}#kontakt .cs-picture {display: block;position: relative;width: 100%;height: clamp(22.5rem, 100vw, 37.5rem);}#kontakt .cs-picture img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;object-position: top;}#kontakt .hidden {visibility: hidden;display: none;}#rainbow-container {position: absolute;bottom: 0;left: 0;width: 100%;overflow: hidden;line-height: 0;}#rainbow-container svg {position: relative;display: block;width: calc(100% + 1.3px);height: 70px;}#kontakt:before {content: "";background: url("/assets/svgs/rainbow.svg");position: absolute;bottom: 0;left: 0;width: 100%;height: 12%;z-index: -1;}}@media only screen and (min-width: 48rem) {#kontakt {padding: var(--sectionPadding);position: relative;}#kontakt .cs-picture {max-width: 35rem;max-height: 47rem;overflow: auto;border-radius: 1rem;}}@media only screen and (min-width: 64rem) {#kontakt .cs-container {flex-direction: row;justify-content: flex-end;}#kontakt .cs-form {max-width: 39.375rem;}#kontakt .cs-content {text-align: left;align-items: flex-start;}#kontakt .cs-form {align-items: flex-start;}#kontakt .cs-picture {position: absolute;height: 80%;width: 44%;right: 50%;margin-right: clamp(4.375rem, 7vw, 5.5rem);}#kontakt .cs-right {width: 50%;max-width: 39.375rem;padding: 0;}#kontakt .hidden {visibility: hidden;display: none;}#kontakt .cs-title:before {width: 120px;height: 120px;bottom: 0px;left: 200px;}#kontakt .cs-picture img {border-radius: 0 1rem 1rem 0;}#kontakt:before {height: 20%;}}