.search__desktop {
    display: none;
    position: relative;
    z-index: 10001;
    float: right;
    width: 270px
}

@media(min-width:1025px) {
    .search__desktop {
        display: block
    }
}

.search__form {
    z-index: 2;
    position: relative
}

.search__input {
    padding: 5px 70px 5px 15px;
    height: 40px;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    background: #1b1534;
    outline: 0
}

@media(min-width:320px) {
    .search__input {
        font-size: 1.125rem;
        font-family: "Siemens Sans", Arial, sans-serif;
        letter-spacing: .0125rem;
        line-height: 1.5333333333;
        margin-top: 0;
        margin-bottom: 0
    }
}

.search__input::-moz-placeholder {
    color: #fff
}

.search__input::placeholder {
    color: #fff
}

.search__input::-ms-clear {
    display: none
}

.search__reset {
    position: absolute;
    top: 1px;
    right: 40px;
    padding: 0;
    width: 40px;
    height: 38px;
    color: #9bafbe;
    background-color: transparent;
    font-size: 0;
    cursor: pointer;
    border: 0
}

.search__reset:before {
    padding: 0;
    font-size: 16px;
    transform: translate(-50%, -50%);
    transition: color .3s ease
}

.search__reset:hover:before {
    color: #fff
}

.search__reset:focus {
    border: 0
}

.search__reset:not(:focus-visible) {
    outline: 0
}

.search__submit {
    background-color: transparent;
    position: absolute;
    border: 0;
    font-size: 0;
    width: 40px;
    height: 38px;
    right: 1px;
    top: 1px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    transition: all .3s ease
}

.search__submit:before {
    color: #fff;
    font-size: 16px;
    left: 50%;
    padding-right: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.search__submit:hover,
.search__submit:active {
    background-color: #8a00e5
}

.search--filled .search__reset {
    display: block
}

.search--filled.search--focussed .search__resultsTeaser {
    display: block
}

.search__results {
    border-style: solid;
    border-color: #fff;
    border-width: 0 1px 1px;
    position: absolute;
    width: 100%;
    background-color: #1b1534;
    margin-top: -1px;
    z-index: 1;
    font-size: 14px;
    line-height: 20px;
    text-align: left
}

.search__resultsAutocomplete .autocomplete-suggestions {
    position: relative;
    max-height: none;
    width: 100%;
    display: block
}

@media(min-width:320px) {
    .search__resultsAutocomplete .autocomplete-suggestions {
        font-size: 1.125rem;
        font-family: "Siemens Sans", Arial, sans-serif;
        letter-spacing: .0125rem;
        line-height: 1.5333333333;
        margin-top: 0;
        margin-bottom: 0
    }
}

.search__resultsAutocomplete .autocomplete-suggestion {
    display: block;
    padding: 5px 15px 6px;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.search__resultsAutocomplete .autocomplete-suggestion.autocomplete-selected,
.search__resultsAutocomplete .autocomplete-suggestion:hover {
    color: #fff;
    background-color: #8a00e5;
    cursor: pointer
}

.search__resultsAutocomplete .autocomplete-suggestion:empty {
    display: none
}

.search__resultsTeaser {
    background-color: #1b1534;
    padding: 11px 15px 10px;
    margin-top: 4px;
    position: relative
}

.search__resultsTeaser:before,
.search__resultsTeaser:after {
    content: " ";
    display: table
}

.search__resultsTeaser:after {
    clear: both
}

.search__resultsTeaser:first-child {
    margin-top: 10px
}

.search__resultsTeaser:before {
    font-size: 16px;
    bottom: 13px;
    right: 12px;
    position: absolute;
    color: #2d373c;
    opacity: .6
}

.search__resultsTeaser:hover:before {
    opacity: 1
}

.search__resultsTeaser:hover .search__resultsTeaserImage {
    transform: scale(1.05)
}

.search__resultsTeaserImageWrapper {
    float: right;
    min-width: 145px;
    width: 50%;
    overflow: hidden;
    margin: 4px 0 13px 15px
}

.search__resultsTeaserImage {
    width: 100%;
    transition: transform 1s ease
}

.search__resultsTeaserHeadline {
    font-size: 14px;
    line-height: 20px
}

.search__resultsTeaserText {
    margin: 5px 0 0;
    padding-right: 30px
}

@media(min-width:600px) and (max-width:1024px) {
    .search__baseOverlay {
        background-color: #0a1419;
        height: 100vh;
        left: 0;
        opacity: .75;
        position: absolute;
        top: 0;
        width: 34%
    }
}

.search__mobile {
    background-color: #1b1534;
    height: 100vh;
    position: absolute;
    width: 100%
}

.search__mobileMenu {
    padding: 30px 3.75vw;
    text-align: right;
    height: 100%
}

@media(min-width:600px) and (max-width:1024px) {
    .search__mobile {
        width: 66%;
        margin-right: 0;
        right: 0
    }
}

@media(min-width:1025px) {
    .search__mobile {
        display: none
    }
}

.search__mobile .search__results {
    padding-top: 15px;
    display: block;
    border: 0;
    position: relative;
    text-align: left
}

.search__mobile .search__reset {
    right: 95px
}

.search__mobile .search__submit {
    width: 90px;
    color: white;
    font-size: 14px;
    line-height: 20px;
    font-weight: 800
}

.search__mobile .search__submit:active {
    background-color: #697882
}

.search__mobile .search__submit:not(:focus-visible) {
    outline: 0
}