/*** SEARCH BOX ***/

/* browser support */ .center-box {display: -webkit-flex; display: -ms-flexbox; -webkit-align-items: center;}
.center-box {display: flex; align-items: center; border-radius: 0.2em; position: relative;}
/* browser support */ .search-box {display: -webkit-flex; display: -ms-flexbox;}
.search-box {display: flex; padding: 0.3em; box-shadow: 5px 5px 5px rgba(0,0,0,0.1); background: #B2B2B2;}
.search-box-item {background-color: white; font-size: 1.5em; display: inline-block; padding: 0.5em; margin-right: 0.2em; margin-top: 0.03em; vertical-align: top; 
cursor: pointer; color: #B2B2B2; white-space: nowrap;}
.search-box-item:hover {color: #444;}
.search-box-item svg {margin: -0.1em 0.1em 0 0;}
.search-box-item.input-button {color: white; text-transform: uppercase; text-align: center; margin-right: 0; font-size: 2.3em; padding: 0.12em 1em; font-weight: bold;
background-color: #48A533; text-decoration: none;}

.search-box-item.input-button:hover {background-color: #4dd730;}


.search-box-item.disabled:hover {color: #B2B2B2; cursor: default;}
.search-box-item.disabled::after {transition: 0.3s all ease;}
.search-box-item.disabled:hover::after {position: absolute; font-size: 0.8rem; top:0; left: 50%; background:#CE1434; color: white; padding: 0.3em; 
border-radius: 0.2em; opacity: 0.7;}

.sticky .search-box-item.disabled:hover::after {left: 40%; top: -2em;}

#sb-country.search-box-item.disabled:hover::after {content: "Bitte wählen Sie zuerst eine Sprache";}
#sb-city.search-box-item.disabled:hover::after {content: "Bitte wählen Sie zuerst eine Sprache und ein Land";}

.sb-sublist {position: absolute; box-sizing: border-box; background:  white; border: 1px solid rgba(0,0,0,0.3); 
box-shadow: 0px 10px 10px rgba(0,0,0,0.4); margin-top: 4.5em; font-weight: normal; color: #4D92BC; left: 0;right: 0; z-index: 1000;}
.sticky .sb-sublist {margin-top: 3em;}
.sb-sublist-scroll-container {overflow-x: scroll; padding: 1em;}
/* browser support */ .sb-sublist ul {display: -webkit-flex; display: -ms-flexbox; -webkit-flex-wrap: wrap; -webkit-flex-direction: column;}
.sb-sublist ul {margin: 0; padding: 0; list-style-type: none; display: flex; font-size: 1rem; flex-wrap: wrap; 
flex-direction: column; max-height: 15rem;}
.sb-sublist ul li {margin: 0.3em; display: block; min-width: 15%;}
.sb-sublist ul li:hover {text-decoration: underline; cursor: pointer;}
.sb-sublist ul li svg {margin: -0.3em 0.3em 0 0;}

.sb-sublist:before {content: ""; width: 0; height: 0; border: 0.5em solid transparent; border-bottom-color: #b2b2b2; position: absolute; top: -1em;}
.sb-sublist.sublist-language:before {left: 10%;}
.sb-sublist.sublist-country:before {left: 27%;}
.sb-sublist.sublist-city:before {left: 44%;}

.sticky .sb-sublist.sublist-language:before {left: 7%;}
.sticky .sb-sublist.sublist-country:before {left: 20%;}
.sticky .sb-sublist.sublist-city:before {left: 33%;}

.sb-sublist .feather-x {float: right; width: 1em; height: 1em; padding: 0.3em; cursor: pointer;}

/*** SEARCH MODAL ***/

.extended-entry-button {background: #46A534;color: white; padding: 1em; text-transform: uppercase; width: 100%; display: inline-block; text-align: center; padding: 0.3em; box-sizing: border-box; font-size: 1.2em; border-radius: 0.2em; border-right: 2px solid green; border-bottom: 2px solid green; font-weight: bold; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); cursor: pointer; margin-top: 2em;}
.modal__back {background: rgba(0,0,0,0.8); position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 100000;}
.search-modal-content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; background: white; z-index: 200000; min-width: 50%; font-size: 1.2em;}
.search-modal-content .feather-x {float: right; padding: 1em; cursor: pointer;color: #444;}
.search-modal-content .config-phrase {padding: 0.3em; font-size: 1em;}
.search-modal-content .config-phrase select {background: none; font-size: 0.8em; color: #444; border: 1px solid rgba(0,0,0,0.1);}
.search-modal-content .finder-box {border: 1px solid rgba(0,0,0,0.1); padding: 0 1em 1em; box-sizing: border-box;}
.search-modal-content .finder-box h1 {color: #4D92BC;}
.search-modal-content .phone-message {background: #C1D461; padding: 1em; box-sizing: border-box;}
.search-modal-content .phone-message h3 {margin: 0; font-weight: normal; color: #444; line-height: 1.4em;}
.search-modal-content .execute-search-button {background: #C1D461; color: white; border-radius: 0.2em; text-decoration: none; padding: 0.3em; margin-left: 0.3em;color: #222; text-transform: uppercase;}
.search-modal-content .execute-search-button span {display: inline-block; padding: 0.3em 0 0.5em 0.3em; border-left: 1px solid white;}
.search-modal-content .execute-search-button .feather {display: inline-block; padding: 0.3em 0.5em 0.3em 0;}
.search-modal-content .execute-search-button:hover {background: #BEDB2F;}
.search-modal-content .button.modal_close {display: none;}