.csn-search-header {
  /* display: flex;
   flex-direction: row;
   align-items: center; 
   justify-content: flex-end;- 
   
   display:block;*/
}
.csn-search-header__wrapper{
   position:relative;
   width:26rem;
}



@media screen and (max-width: 1150px) {
   .csn-search-header__wrapper{
   	width:100%;
	}
}

.csn-search-header-icon {
   position: absolute;
   left:15px;
   top:14px;
   z-index:1;
   width: 26px;
   height: 26px;
}

.csn-search-header-icon path {
   fill: #333;
}

.csn-search-header__input {
  font-family: "Source Sans Pro", system, -apple-system, "san francisco", roboto, "segoe ui", "helvetica neue", arial, sans-serif;
  background-color: #fff;
  border: none;
  border-radius: 8px;
  letter-spacing: 0.3px;
  color: #000;
  width:100%;
  font-size: 16px;
  padding: 1rem 55px;
  margin-right: 1em;
}
/*
.csn-search-header__input:is(:hover, :focus, :active){
   border: 2px solid #fff;
}
*/
.csn-search-header__input:is(:hover,:focus,:active) {
    border: none;
}
/*
.csn-search-header__input:focus-visible,
.csn-search-header__submit:focus-visible {
   outline: 2px solid #fff;
}
*/

.csn-search-header__input::placeholder {
   color: #333;
}

.csn-search-header__input:focus::placeholder {
   color: #c4bad1;
}
/*
.csn-search-header__submit {
	display: none;
   position: absolute;
   right: 18px;
   padding-inline: 1em;
   font-family: inherit;
   font-size: 16px;
   border-top-right-radius: 36px;
   border-bottom-right-radius: 36px;
   border: none;
   background-color: #3C1E5F;
   color: #fff;
   height: calc(100% - 4px);
   cursor: pointer;
   z-index: 10;
}*/
.csn-search-header__submit {
	display: block;
	position: absolute;
	right: 6px;
   top: 6px;
	padding-inline: 1em;
	font-family: "Source Sans Pro", system, -apple-system, "san francisco", roboto, "segoe ui", "helvetica neue", arial, sans-serif;
	font-size: 16px;
	border-radius: 6px;
	border: none;
	background-color: #3C1E5F;
	color: #fff;
	padding: 0.625rem;
	cursor: pointer;
	z-index: 10;
   transition: background-color .1s;
}

.csn-search-header__submit:hover {
   background-color: #30184C;
}

.csn-search-header__input:is(:hover, :focus, :active),
.csn-search-header .awesomplete:is(:hover, :focus, :active) + .csn-search-header__submit {
	display: block;
}

/*
	Mobil-läge
*/

.csn-search-modal-mobile {
   position: relative;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-end;
}

.csn-search-modal-mobile__input {
   border: 2px solid #D66F70;
   border-radius: 2px;
   width: 100%;
   background-color: transparent;
   padding: 1rem 3rem 1rem 1rem;
   font-family: inherit;
   color: #fff;
   font-size: 16px;
   -webkit-appearance: none;
}


.csn-search-modal-mobile__icon {
   position: absolute;
   right: 1rem;
}

.csn-search-modal-mobile__submit {
   position: absolute;
   right: 1rem;
   background-color: transparent;
   border: none;
   width: 20px;
   height: 20px;
   z-index: 100;
}