.htgc-ziel-suche-wrap {
max-width: 640px;
margin: 0 auto 1.5em auto;
font-family: inherit;
}
.htgc-ziel-suche-form {
display: flex;
flex-wrap: wrap;
gap: 0.5em;
align-items: stretch;
}
.htgc-ziel-suche-eingabe {
flex: 1 1 240px;
min-width: 0;
padding: 0.6em 0.9em;
font-size: 1em;
border: 1.5px solid #a3a3a3;
border-radius: 4px;
box-sizing: border-box;
background: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); height: 54px !important;
min-height: 54px !important;
max-height: 54px !important;
line-height: normal !important;
-webkit-appearance: none;
appearance: none;
}
.htgc-ziel-suche-eingabe:focus {
border-color: #FFCC00;
outline: 2px solid #FFCC00;
outline-offset: 1px;
} .htgc-ziel-suche-personen {
flex: 0 0 128px;
min-width: 0;
padding: 0.6em 0.8em;
font-size: 1em;
border: 1.5px solid #a3a3a3;
border-radius: 4px;
box-sizing: border-box;
background: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); height: 54px !important;
min-height: 54px !important;
max-height: 54px !important;
line-height: normal !important;
-webkit-appearance: none;
appearance: textfield;
} .htgc-ziel-suche-personen::-webkit-inner-spin-button,
.htgc-ziel-suche-personen::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.htgc-ziel-suche-personen:focus {
border-color: #FFCC00;
outline: 2px solid #FFCC00;
outline-offset: 1px;
} .htgc-ziel-suche-knopf {
flex: 0 0 auto;
padding: 0 22px;
font-size: 1em;
font-weight: 600;
color: #1a1a1a;
background: #FFCC00;
border: none;
border-radius: 5px;
cursor: pointer; height: 54px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.htgc-ziel-suche-knopf:hover,
.htgc-ziel-suche-knopf:focus {
background: #e6b800;
color: #1a1a1a;
}
.htgc-ziel-suche-fehler {
margin: 0 0 0.6em;
padding: 0.6em 0.9em;
font-size: 0.95em;
color: #7a5b00;
background: #fff8e5;
border: 1px solid #e6c66b;
border-radius: 4px;
}
.htgc-ziel-suche-redakteur-hinweis {
margin: 0 0 0.6em;
padding: 0.6em 0.9em;
font-size: 0.85em;
color: #7a1f1f;
background: #fdecec;
border: 1px dashed #d98c8c;
border-radius: 4px;
}
.htgc-ziel-suche-label {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.5em;
margin-top: 0.6em;
font-size: 0.85em;
color: #555;
}
.htgc-ziel-suche-label-logo {
height: 22px;
width: auto;
vertical-align: middle;
}
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
} @media (max-width: 480px) {
.htgc-ziel-suche-form {
flex-direction: column;
}
.htgc-ziel-suche-personen {
flex: 1 1 auto;
width: 100%;
}
.htgc-ziel-suche-knopf {
width: 100%;
}
}