/*
Flexbox: https://developer.mozilla.org/de/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox#der_flex_container
Y-Ausrichtung: align-items: flex-start, stretch,  lex-start,  flex-end, center
X-Ausrichtung: justify-content:flex-start,flex-end,center,space-around,space-between,space-evenly
flex-direction: row,row-reverse,column,column-reverse

-----------------------------------------------------------------------
Zeilenumbruch Normal: white-space: normal;
Zeilenumbruch Normal: overflow-wrap: normal;
-----------------------------------------------------------------------
Bildauschnitt zoomen:
    height: 300px;
    width: 100% !important;
    object-fit: cover;
    object-position: top center;
*/


.fl_ausgabe { /* die Ausgabefelder auf der Zielseite */
	padding: 0px;
	margin: 0px;
  border: 1px solid transparent;
}

.fl_form {  /* das Form hängt sonnst einen breiten Rahmen dran */
	padding: 0px;
	margin: 0px;
  border: 1px solid transparent;
}


.fl_main {  /* Container für den kompletten Inhalt */
	display: flex;
	justify-content: center;
  align-items: center;
  font-family: Source Sans Pro;
  margin-top: 0.4em;
}

.fl_obj_main {  /* Container um ein Objekt in der Suchausgabe */
	display: flex;
	justify-content: center;
  align-items: center;
  font-family: Source Sans Pro;
}


.fl_boxen {  /* Container für alle Boxen Suchseite */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  width: 1200px;
  border: 1px solid #ccc;
  padding: 0.4em;
  background: #fafafa;
  border-radius: 5px;
}


.fl_box_button{  /* Box für Sendetaste auf der Startseite */
  display: flex;
  align-items: center;
  justify-content: center;
	margin: 2px;
	padding: 0px;
  border: 1px solid #2097c8;
	flex: 1;
	background: #fff;
  height: 26px;
}

.fl_button {          /* Sendetaste "Unterkunft finden!" */
  background: #2097c8;
  color: #fff;
  font-weight: 800;
  border: 1px solid #2097c8;
  width: 100%;
  height: 100%;
  display:flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s; /* Geschwindigkeit des Farbwechsels */
}

.fl_button:hover {        /* Farbwechsel der Sentedatste beim mouseover  */
	background-color: #1280a8;
}


.fl_box{  /* Die eigentliche Felxbox für den Select, Label oder Tasten */
  display: flex;
  align-items: center;
  justify-content: center;
	margin: 2px;
	flex: 1;
	background: #fff;
  height: 26px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
}



.fl_box_nw{  /* Datumfelter immer nebeneinander: nowrap */
  float: none;
  white-space: nowrap;
  border: 1px solid #ccc;
  margin: 2px;
  padding-left: 5px;
  padding-right: 5px;
  background: #fff;
  border-radius: 5px;
  height: 26px;
}



.fl_box_nw_s{  /* Datumfelter immer nebeneinander: nowrap  Startseite ohne Rahmen */
  float: none;
  white-space: nowrap;
  margin: 2px;
  background: #fff;
}




.fl_box_cb{  /* Elemente einer Checkbox immer nebeneinander: nowrap */
  display: flex;
  align-items: center;
  justify-content: center;
  float: none;
  white-space: nowrap;
	background: #fff;
  border: 1px solid #ccc;
  padding: 0.2em;
  margin: 2px;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
}



.fl_select {
	padding: 0.2em;
  background: #fff;
  color: #666;
  border: 1px solid #fff;
  transition: border-color 0.3s; /* Geschwindigkeit des Farbwechsels */
  width = 100%;
  font-family: Source Sans Pro;
   border-radius: 5px;
}

.fl_select:hover {
   border: 1px solid #2097c8; /*  beim Select mouseover   */
}


.fl_seltxt {  /* Text: "Anreise" und "für" beim Datum */
  padding: 0.2em;
  position: relative;
  color: #aaa;
  float: left;
  border: 1px solid transparent;
  font-size: 0.8em;
  font-family: Source Sans Pro;

}

.fl_txt_box {  /* Textbox ohne Rahmen */
  padding: 0.2em;
  position: relative;
  color: #aaa;
  float: left;
}


.fl_flt_gn,.fl_flt_rt {  /* Textbox ohne Rahmen für Filterausgabe */
  padding: 0.2em;
  position: relative;
  float: left;
  font-size: 0.8em;
}

.fl_flt_gn {  /* Textbox ohne Rahmen für Filterausgabe */
  color: #0a0;
}


.fl_flt_rt {  /* Textbox ohne Rahmen für Filterausgabe */
  color: #b00;
}


.fl_flt_box {  /* Textbox Filter für Filterausgabe */
  display: flex;
  align-items: center;
  justify-content: center;
  float: none;
  white-space: nowrap;
  border: 1px solid #ccc;
  color: #666;
  margin: 2px;
  font-size: 0.8em;
  padding: 0.2em;
  background-color: #fee;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
}



.fl_ctxt {  /* Text: "Label der Checkboxen auf der Zielseite */
  color: #666;
  font-size: 0.8em;
}


.fl_delflt { /* Taste zum entfernen eines Filters auf der Zielseite */
  background-color: #c66;
  color: #fff;
  border: 1px solid transparent;
  font-size: 0.7em;
  font-weight: 800;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
}


/* ---------------- Objektfeld in der Suchausgabe --------------------------------- */


.fl_obj_box {  /* Container um ein Objekt in der Suchausgabe */
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  width: 1200px;
  border: 1px solid #ccc;
  padding: 0.4em;
  margin-top: 0.4em;
  height: 100%;
  border-radius: 5px;
  background: #fafafa;
}

.fl_boxen_s {  /* Container für alle Boxen Startseite (ohne Rand) */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  width: 1200px;
  padding: 0.4em;
}



.fl_bild {  /* Bilder in der Suchausgabe */
  width: 100%;
  min-width: 300px;
  border-radius: 10px;
}


.fl_obj_name { /* Objektname in der Suchausgabe */
	float: none;
	font-family: Source Sans Pro;
	color: #1280a8;
	width: 100%;
	font-size: 1.4em;
	padding-bottom: 0.2em;
}

.fl_obj_strasse {
	background: url(https://www.fewo-line.de/img/sa_ort.png) no-repeat;
	background-size: 11px;
	background-position: 0 2;
  padding-left: 1em;
	float: none;
	font-family: Source Sans Pro;
	color: #666;
  width: 100%;
  font-size: 0.8em;
  padding-bottom: 1.2em;
}

.fl_obj_titel {
  display: table-cell;
	word-wrap: normal;
	white-space: normal;
	font-family: Source Sans Pro;
	color: #1280a8;
  width: 100%;
  font-size: 0.95em;
  padding-bottom: 0.4em;
}

.fl_obj_qm_typ {
	background: url(https://www.fewo-line.de/img/sa_haus.png) no-repeat;
	background-size: 14px;
	background-position: 0 2;
  padding-left: 1.3em;
	float: none;
	font-family: Source Sans Pro;
	color: #666;
  width: 100%;
  font-size: 0.95em;
  padding-bottom: 0.1em;
}


.fl_obj_pers {
	background: url(https://www.fewo-line.de/img/sa_person.png) no-repeat;
	background-size: 14px;
	background-position: 0 3;
  padding-left: 1.3em;
	float: none;
	font-family: Source Sans Pro;
	color: #666;
  width: 100%;
  font-size: 0.95em;
  padding-bottom: 0.1em;
}


.fl_obj_slz {
	background: url(https://www.fewo-line.de/img/sa_bett.png) no-repeat;
	background-size: 14px;
	background-position: 1 3;
  padding-left: 1.3em;
	float: none;
	font-family: Source Sans Pro;
	color: #666;
  width: 100%;
  font-size: 0.95em;
  padding-bottom: 0.1em;
}

.fl_obj_preis {
	background: url(https://www.fewo-line.de/img/sa_geld.png) no-repeat;
	background-size: 14px;
	background-position: 1 3;
  padding-left: 1.3em;
	float: none;
	font-family: Source Sans Pro;
	color: #666;
  width: 100%;
  font-size: 0.95em;
  padding-bottom: 0.4em;
}


.fl_obj_egs {
	float: none;
	font-family: Source Sans Pro;
	color: #1280a8;
  width: 100%;
  font-size: 0.85em;
  padding-bottom: 0.05em;
}



.fl_box_sa_nw{  /* Box innerhalb eines Objektes in der Suchausgabe nebeneinander: nowrap */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex:1;
  float: none;
  white-space: nowrap;
  border: 1px solid transparent;
  margin: 2px;
  padding: 0.2em;
  height: 100%;
  min-width: 300px;
}


.fl_box_sa_nwb{  /* Box innerhalb eines Objektes in der Suchausgabe nebeneinander: nowrap */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex:0.5;
  float: none;
  white-space: nowrap;
  border: 1px solid transparent;
  margin: 2px;
  padding: 0.2em;
  height: 100%;
  min-width: 200px;

}


.fl_box_sa_txt{  /* Box um den Text in der Suchausgabe um aus dem felx raus zu kommen und den Zeilenvorschub zu ermöglichen */
  float: none;
  white-space: nowrap;
  border: 1px solid transparent;
  margin: 2px;
  height: 100%;
}

.fl_obj_btn {
	border-radius: 10px;
	margin-top: 0.9em;
  background: #2097c8;
  color: #fff;
  font-weight: 800;
  border: 1px solid #fff;
  width:  100%;
  height: 40px;
  display:flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s; /* Geschwindigkeit des Farbwechsels */
  font-family: Source Sans Pro;
}

.fl_obj_btn:hover {        /* Farbwechsel der Sentedatste beim mouseover  */
	background-color: #1280a8;
}

 /*  Anpassungen für den Datepicker  */
::-webkit-datetime-edit { padding-right:0px; padding-left:0px;  padding-top:2px; padding-bottom:2px;}
::-webkit-datetime-edit-fields-wrapper { background: transparent;}
::-webkit-datetime-edit-text        { color: #666; }
::-webkit-datetime-edit-month-field { color: #666; }
::-webkit-datetime-edit-day-field   { color: #666; }
::-webkit-datetime-edit-year-field  { color: #666; }
::-webkit-inner-spin-button         { color: #666; }
::-webkit-calendar-picker-indicator { color: #666; }
.datum-datetime-edit {
  border: 1px solid transparent;
  font-family: Source Sans Pro;
}
.lab1-datetime-edit {
  font-size:0.7em; color: #808080;
  font-family: Source Sans Pro;
}