/************************************ Start: Main ************************************/
.cms_search_main { width: 100%; }
@media screen and (min-width: 1201px) { .cms_search_main { padding: 70px 0; } }
@media screen and (min-width: 960px) and (max-width: 1200px) { .cms_search_main { padding: 50px 0; } }
@media screen and (max-width: 959px) { .cms_search_main { padding: 24px 0; } }
/************************************ End: Main ************************************/

/************************************ Start: Main Lst ************************************/
.cms_search_main_lst { display: flex; flex-direction: column; gap: 50px; width: 100%; }
/************************************ End: Main Lst  ************************************/

/************************************ Start: Intro ************************************/
.cms_search_intro { display: flex; flex-direction: column; gap: 15px; width: 100%; }
/************************************ End: Intro ************************************/

/************************************ Start: Search ************************************/
form#searchFrm { position: relative; max-width: 600px; width: 100%; margin: 0 0 30px 0; }
input#searchInput { font-weight: 400 !important; font-size: 22px !important; line-height: 30px !important; padding: 18px 94px 18px 23px !important; border: 1px solid #335091; }
input#searchInput::placeholder { font-weight: 400 !important; font-size: 22px !important; line-height: 30px !important; }
input#searchInput:-ms-input-placeholder { font-weight: 400 !important; font-size: 22px !important; line-height: 30px !important; }
input#searchInput::-ms-input-placeholder { font-weight: 400 !important; font-size: 22px !important; line-height: 30px !important; }
.searchSubmit { cursor: pointer; position: absolute; z-index: 1; top: 0; right: 0; display: flex; justify-content: center; align-items: center; width: 70px; height: 68px; border: 1px solid #335091; background: rgba(51,80,145,0.2); transition: all .3s ease-in-out; }
.searchSubmit:hover { background: rgba(51,80,145,0.3); }
.searchSubmit > svg { display: flex; width: 43px; height: 43px; transition: all .3s ease-in-out; will-change: transform; }
.searchSubmit:hover > svg { transform: scale(1.1); }
/************************************ End: Search ************************************/

/************************************ Start: Search Output ************************************/
.cms_search_output { display: flex; flex-direction: column; gap: 50px; width: 100%; }
.cms_search_output > div { display: flex; flex-direction: column; width: 100%; }
.cms_search_output > div > h2 { padding: 0; }
.cms_search_output > div > div { width: calc(100% + 60px); margin: -13px 0 0 -30px; }
.cms_search_output .flex_box_12 { display: flex; padding: 0 15px !important; }
/************************************ End: Search Output ************************************/

/************************************ Start: Allgemein Output ************************************/
.cms_search_box { position: relative; width: 100%; margin: 28px 0; }
.cms_search_box:before { content: ""; position: absolute; z-index: 1; bottom: -28px; left: 0; width: 100%; height: 1px; background: #000000; }
.cms_search_ele { display: flex; align-items: center; gap: 26px; width: 100%; transition: all .3s ease-in-out; will-change: transform; }
.cms_search_box:hover .cms_search_ele { transform: translateX(7px); }
.cms_search_arrow { flex-shrink: 0; width: 25px; height: 11px; }
.cms_search_arrow > svg { display: flex; width: 25px; height: 11px; }
.cms_search_arrow > svg > path { stroke: #000000; transition: all .3s ease-in-out; }
.cms_search_box:hover .cms_search_arrow > svg > path { stroke: #335091; }
.cms_search_name > h4 { padding: 0; transition: all .3s ease-in-out; }
.cms_search_box:hover .cms_search_name > h4 { color: #335091; }
/************************************ End: Allgemein Output ************************************/

@media screen and (max-width: 959px) {
    /************************************ Start: Search Output ************************************/
    .cms_search_output > div > div { margin: -5px 0 0 -30px; }
    /************************************ End: Search Output ************************************/

    /************************************ Start: Allgemein Output ************************************/
    .cms_search_box { margin: 20px 0; }
    .cms_search_box:before { bottom: -20px; }
    .cms_search_ele { gap: 15px; }
    .cms_search_box:hover .cms_search_ele { transform: none; }
    /************************************ End: Allgemein Output ************************************/
}