/* Forms */
/*
 * General
 */
input,
select,
textarea {
  border: 1px solid #ebebeb;
  background-color: #f8f8f8;
  color: #919191;
  font: inherit;
  padding: .25rem;
}

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
  width: 100%;
}

input,
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

/*
 * label
 */
/*
  * Input
  */
input:disabled {
  background: #f6f8fa;
  color: #111;
}

/*
 * Select
 */
/*
 * Checkbox / Radio-Buttons
 */
input[type="checkbox"],
input[type="radio"] {
  display: none;
}

/* Checkbox */
input[type="checkbox"] + label::before {
  content: "";
  background-color: #f8f8f8;
  color: #919191;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Font Awesome 5 Pro';
  line-height: 1;
  width: 1rem;
  height: 1rem;
  border: 1px solid #ebebeb;
  padding: .25rem;
  margin-right: .5rem;
}

input[type="checkbox"]:checked + label::before {
  content: "\f00c";
  color: #0079c1;
}

/* Radio-Buttons */
input[type="radio"] + label::before {
  content: "";
  background-color: #f8f8f8;
  color: #919191;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Font Awesome 5 Pro';
  line-height: 1;
  font-size: .5em;
  width: 1rem;
  height: 1rem;
  border-radius: 1rem;
  border: 1px solid #ebebeb;
  padding: .25rem;
  margin-right: .5rem;
}

input[type="radio"]:checked + label::before {
  content: "\f111";
  color: #0079c1;
}

/*
 * Placeholder
 */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(145, 145, 145, 0.99);
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(145, 145, 145, 0.99);
  opacity: 1;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(145, 145, 145, 0.99);
}

:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(145, 145, 145, 0.99);
  opacity: 1;
}

/*
 * Textarea
 */
textarea {
  resize: vertical;
  overflow: auto;
  min-height: 10rem;
}

/*
 * Datepicker
 */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #0079c1;
  color: #fff;
  border-color: #0079c1;
}

/*
 * Magic
 *
 */

.magic {
  position: relative;
}

.magic input {
  background: #fff;
  border: .111rem solid #111;
  padding: 1rem;
}

.magic input:placeholder-shown + label {
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.magic input + label {
  position: absolute;
  top: -1.75rem;
  left: 1rem;
  opacity: 1;
  -webkit-transition: all .1s;
  transition: all .1s;
  background: #fff;
  border: .111rem solid;
  border-width: 0 .111rem 0 .111rem;
  padding: 0 .278rem;
  -webkit-transform: translateY(calc(50% + 5px));
  transform: translateY(calc(50% + 5px));
}

.magic input:focus {
  outline: 0;
  border-color: #0079c1;
}

.magic input:focus + label {
  border-color: #0079c1;
}

.magic [type="submit"] {
  padding: 1rem 3rem;
  border-width: 0.111rem;
}


/* Powermail */
.tx-powermail #powermail_field_thema {
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
  appearance: menulist;
  cursor: pointer;
}
.tx-powermail .powermail_fieldwrap {
  display: grid;
  margin-top: 1rem;
}
.tx-powermail .powermail_fieldwrap:first-child {
  margin-top: 0.7rem;
}
.tx-powermail .powermail_fieldwrap .powermail_label {
  /*grid-row-start: 2;*/
}
.tx-powermail .powermail_fieldwrap.powermail_fieldwrap_thema .powermail_label {
  /*grid-row-start: 1;*/
}

.tx-powermail .powermail_radio {
  display: inline-block;
  -moz-appearance: radio;
  -webkit-appearance: radio;
  appearance: radio;
}
/*.tx-powermail .powermail_fieldwrap_anrede .radio {*/
.tx-powermail .powermail_fieldwrap .radio {
  width: auto;
  display: inline-block;
  margin-right: 2rem;
}
/*.tx-powermail .powermail_fieldwrap_anrede .radio input {*/
.tx-powermail .powermail_fieldwrap .radio input {
  margin-right: 0.5rem;
}

.tx-powermail .powermail_checkbox {
  display: inline-block;
  -moz-appearance: checkbox;
  -webkit-appearance: checkbox;
  appearance: checkbox;
}
/*.tx-powermail .powermail_fieldwrap_anrede .checkbox {*/
.tx-powermail .powermail_fieldwrap .checkbox {
  width: auto;
  display: inline-block;
  margin-right: 2rem;
}


.tx-powermail .powermail_label,
/*.tx-powermail .powermail_fieldwrap_anrede .radio label {*/
.tx-powermail .powermail_fieldwrap .radio label {
  color: #8A8A8E;
  font-weight: 600;
}
.tx-powermail .powermail_fieldwrap_datenschutz .radio label {
  font-size: 0.9em;
  color: #8A8A8E;
  display: flex;
  align-items: center;
}
.tx-powermail .powermail_fieldwrap_datenschutz .radio label>span {
  margin-left: 0.5rem;
  line-height: 1;
}
.tx-powermail .datenschutz {
  font-weight: 600;
  color: #8A8A8E;
  text-decoration: none;
}
.tx-powermail .datenschutz:hover {
  text-decoration: underline;
}
.tx-powermail .powermail_submit {
  width: auto !important;
  background: #0A6CB4;
  border: 1px solid #0A6CB4;
  border-radius: 10px;
  color: #fff;
  font-weight: 600;
  padding: 0.3rem 0.5rem;
  cursor: pointer;
}
.tx-powermail .powermail_submit:hover {
  background: #fff;
  color: #0A6CB4;
}


/* Suchformular */
.tx-indexedsearch-searchbox {
  margin-bottom: 1rem;
  position: relative;
}
.tx-indexedsearch-searchbox fieldset>legend {
  display: none;
}
.tx-indexedsearch-searchbox fieldset {
  display: flex;
  align-items: end;
}
.tx-indexedsearch-searchbox fieldset .tx-indexedsearch-form {
  margin-right: 1rem;
}
.tx-indexedsearch-searchbox .tx-indexedsearch-search-submit {
  align-self: flex-end;
}
.tx-indexedsearch-searchbox #tx-indexedsearch-searchbox-button-submit {
  color: #fff;
  background-color: #0A6CB4;
  cursor: pointer;
  padding-left: 1rem;
  padding-right: 1rem;
  border-color: #0A6CB4;
}
.tx-indexedsearch-searchbox #tx-indexedsearch-searchbox-button-submit:hover {
  color: #0A6CB4;
  background-color: #fff;
}
.tx-indexedsearch-res .tx-indexedsearch-icon img {
  max-width: none;
  width: auto;
  height: auto;
}
.tx-indexedsearch-browsebox {
  margin-top: 1rem;
}
.tx-indexedsearch-res {
  margin-top: 1rem;
}
.tx-indexedsearch-res h3>span,
.tx-indexedsearch-res .tx-indexedsearch-info>dt,
.tx-indexedsearch-res .tx-indexedsearch-info>dd {
  display: inline-block;
}
.tx-indexedsearch-res .tx-indexedsearch-info {
  display: none;
}
.tx-indexedsearch-res .tx-indexedsearch-percent {
  float: right;
}

ul.tx-indexedsearch-browsebox li {
  display: inline-block;
  margin-right: 2rem;
}
ul.tx-indexedsearch-browsebox li:last-child {
  margin-right: 0;
}

/* Individuelles Serviceangebot */
.powermail_form_34 .powermail_checkbox {
	-moz-appearance: auto;
	-webkit-appearance: auto;
	appearance: auto;
    display: inline-block;
}
.powermail_form_34 .powermail_fieldwrap {
    display: block;
}
.tx-powermail .powermail_form_34 .powermail_fieldset_45 .powermail_label {
  color: #0A6CB4;
}
.tx-powermail .powermail_form_34 .powermail_fieldset_45 .powermail_fieldwrap_text1,
.tx-powermail .powermail_form_34 .powermail_fieldset_45 .powermail_fieldwrap_tipp {
  margin: 0;
}
.tx-powermail .powermail_form_34 .powermail_fieldset_46 legend {
  color: #0A6CB4;
  font-weight: bold;  
}
@media screen and (min-width: 31.25em) {
	.powermail_form_34 {
		display: flex;
		flex-wrap: wrap;
	}
	.powermail_form_34 .powermail_fieldset_45 {
		width: calc(50% - 1rem);
		margin-right: 1rem;
	}
	.powermail_form_34 .powermail_fieldset_46 {
		width: calc(50% - 1rem);
		margin-left: 1rem;
	}
	.powermail_form_34 .powermail_checkbox {
		display: inline-block;
		-moz-appearance: auto;
		-webkit-appearance: auto;
		appearance: auto;
	}
	.powermail_form_34 .powermail_fieldwrap {
		display: block;
	}
	.powermail_form_34 .powermail_fieldwrap_haltestelle {
		display: flex;
		justify-content: space-between;
		margin-left: 1rem;
	}
	.powermail_form_34 .powermail_fieldwrap_haltestelle .powermail_field {
		width: 75%;
	}
	.powermail_form_34 .powermail_fieldwrap_linie {
		display: flex;
		justify-content: space-between;
		margin-left: 1rem;
		width: 30%;
		float: left;
	}
	.powermail_form_34 .powermail_fieldwrap_linie .powermail_field {
		width: 75%;
	}
	.powermail_form_34 .powermail_fieldwrap_richtung {
		display: flex;
		justify-content: space-between;
		padding-left: 2rem;
		width: 67%;
	}
	.powermail_form_34 .powermail_fieldwrap_richtung .powermail_field {
		width: 75%;
	}
	.powermail_form_34 .powermail_fieldset_47 {
		margin-top: 2rem;
	}
	.powermail_form_34 .powermail_fieldwrap_datenschutz .radio label {
		display: block;
	}
}
		
/* Abo Fragen */
.powermail_form_42 .powermail_fieldwrap .checkbox>label {
  display: flex;
  column-gap: 0.5rem;
  align-items: flex-start;
}
.powermail_form_42 .powermail_fieldwrap .checkbox>label>.powermail_checkbox {
  margin-top: 4px;
}
.powermail_form_42 .powermail_select {
  height: 34px;
  -moz-appearance: auto;
  -webkit-appearance: auto;
  appearance: auto;
}

/* Socken Gewinnspiel */
.powermail_form.powermail_form_53 .powermail_fieldwrap .powermail_label {
	grid-row-start: 1;
}

/* JobTicket-Anfrage */
.powermail_form_55 {
  width: 100%;
}
@media screen and (min-width: 31.25em) {
  .powermail_form_55 {
    width: 60%;
  }
}
.powermail_form_55 h3 {
  color: #0A6CB4;
  font-weight: bold;
  font-size: 1.3rem;
}
.powermail_form_55 .powermail_fieldset.layout2 legend {
  color: #0A6CB4;
  font-weight: bold;
  font-size: 1.1rem;
  padding-top: 1rem;
}
.powermail_form_55 .powermail_fieldwrap_wiemoechtensievonunskontaktiertwerden .radio label {
  color: #8A8A8E;
  font-weight: 600;
}
.powermail_form_55 .powermail_fieldwrap_wiemoechtensievonunskontaktiertwerden .radio {
  width: auto;
  display: inline-block;
  margin-right: 2rem;
}

