.elementor-57912 .elementor-element.elementor-element-773ea55{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57912 .elementor-element.elementor-element-773ea55.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-57912 .elementor-element.elementor-element-3441c4e{margin:2em 0em calc(var(--kit-widget-spacing, 0px) + 3em) 0em;padding:0em 0em 0em 0em;border-radius:0px 0px 0px 0px;text-align:center;}.elementor-57912 .elementor-element.elementor-element-92871fe{margin:2em 0em calc(var(--kit-widget-spacing, 0px) + 3em) 0em;padding:0em 0em 0em 0em;border-radius:0px 0px 0px 0px;text-align:center;}.elementor-57912 .elementor-element.elementor-element-8f7765e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57912 .elementor-element.elementor-element-3995039{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-57912 .elementor-element.elementor-element-3995039 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-57912 .elementor-element.elementor-element-3995039:after{content:"0.66";}.elementor-57912 .elementor-element.elementor-element-3995039 .elementor-post__thumbnail__link{width:100%;}.elementor-57912 .elementor-element.elementor-element-3995039 .elementor-post__meta-data span + span:before{content:"•";}.elementor-57912 .elementor-element.elementor-element-3995039 .elementor-post__text{margin-top:20px;}.elementor-57912 .elementor-element.elementor-element-3995039 .elementor-post__title, .elementor-57912 .elementor-element.elementor-element-3995039 .elementor-post__title a{font-family:"Haboro Contrast Norm Regular", Sans-serif;font-size:32px;}.elementor-57912 .elementor-element.elementor-element-3995039 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-57912 .elementor-element.elementor-element-3995039 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-57912 .elementor-element.elementor-element-3995039 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-57912 .elementor-element.elementor-element-3995039 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-57912 .elementor-element.elementor-element-3995039 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-57912 .elementor-element.elementor-element-2d47e09{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-57912 .elementor-element.elementor-element-7acb630{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-57912 .elementor-element.elementor-element-9c143a9{--spacer-size:50px;}.elementor-57912 .elementor-element.elementor-element-826332c{--spacer-size:50px;}@media(max-width:767px){.elementor-57912 .elementor-element.elementor-element-3995039 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-57912 .elementor-element.elementor-element-3995039:after{content:"0.5";}.elementor-57912 .elementor-element.elementor-element-3995039 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-57912 .elementor-element.elementor-element-773ea55{--width:99.915%;}}/* Start custom CSS for global, class: .elementor-global-57880 *//* =========================
   PREMIUM SEARCH BAR LOOK
   ========================= */

/* Container */
.custom-search-container{
  width: 100%;
  margin: 10px auto;
  display: flex;
  justify-content: center;
}

/* Form */
.custom-search-container form{
  width: 100%;
  max-width: 900px;
  display: flex;
  align-items: center;

  background: rgba(255,255,255,0.92);
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 999px;
  overflow: hidden;

  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
  transition: box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

/* Focus innerhalb: deutlicher, aber nicht „laut“ */
.custom-search-container form:focus-within{
  border-color: rgba(0,0,0,0.22);
  background: rgba(255,255,255,0.98);
  box-shadow: 0 10px 26px rgba(0,0,0,0.12);
}

/* Dropdown Hülle */
.custom-dropdown{
  position: relative;
  display: flex;
  align-items: center;

  padding-left: 18px;
  background: rgba(0,0,0,0.03);
  border-right: 1px solid rgba(0,0,0,0.08);
}

/* Select */
.custom-dropdown select{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background: transparent;
  border: none;
  outline: none;

  padding: 14px 44px 14px 10px;
  width: 220px;

  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #222;
  cursor: pointer;
}

/* Dropdown Pfeil */
.custom-dropdown::after{
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;

  position: absolute;
  right: 16px;
  pointer-events: none;
  font-size: 16px;
  color: rgba(0,0,0,0.55);
}

/* Input */
#custom-search-input{
  flex: 1;
  border: none;
  outline: none;

  padding: 16px 18px;
  font-family: Montserrat, sans-serif;
  font-size: 18px !important;
  font-weight: 600;
  color: #111;

  text-align: center;
  letter-spacing: 0.02em;

  /* Du hattest beides drin; das ist widersprüchlich.
     Nimm EINEN Stil: Ich empfehle normaler Textfluss: */
  text-transform: none;
}

/* Placeholder */
#custom-search-input::placeholder{
  color: rgba(0,0,0,0.45);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: none;
}

/* Button */
.custom-search-container button{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: transparent;
  border: none;
  padding: 0 20px;
  height: 54px;

  cursor: pointer;
  color: rgba(0,0,0,0.55);
  transition: color .2s ease, background .2s ease;
}

.custom-search-container button:hover{
  color: rgba(0,0,0,0.85);
  background: rgba(0,0,0,0.04);
}

.custom-search-container button:active{
  background: rgba(0,0,0,0.07);
}

/* Icon etwas ruhiger */
.custom-search-container button i{
  font-size: 18px;
}

/* =========================
   MOBILE
   ========================= */
@media (max-width: 768px){
  .custom-search-container form{
    max-width: 100%;
  }

  .custom-dropdown select{
    width: 150px;
    font-size: 14px;
    padding: 14px 42px 14px 8px;
  }

  #custom-search-input,
  #custom-search-input::placeholder{
    font-size: 16px !important;
  }

  .custom-search-container button{
    height: 50px;
    padding: 0 16px;
  }
}

/* Optional: Auf sehr kleinen Screens Dropdown ausblenden,
   damit das Suchfeld nicht gequetscht wird */
@media (max-width: 520px){
  .custom-dropdown{ display:none; }
  #custom-search-input{ text-align:left; padding-left: 18px; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Haboro Contrast Norm Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://escapes.mrfoodandtravel.com/wp-content/uploads/2025/08/HaboroContrastNormRegular.woff2') format('woff2');
}
/* End Custom Fonts CSS */