@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjARc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu52xP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ABc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBhc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBBc9.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgWxP.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5vAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtvAw.ttf) format('truetype');
}
body {
  font-family: 'Roboto', sans-serif;
}
.topheader {
  background-color: #e7d994;
  display: block;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.menubalken {
  min-height: 56px;
  background-color: #005d55;
}
.menubalken .nav-item a.nav-link {
  color: #e7d994;
}
.menubalken .navbar-toggler {
  background-color: transparent;
  border: none !important;
}
.menubalken .navbar-toggler:focus,
.menubalken .navbar-toggler:active {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.messenAllWrapper .card {
  width: 32%;
}
.menubalken .navbar-toggler {
  background-color: transparent;
  border: none !important;
}
.menubalken .navbar-toggler:focus,
.menubalken .navbar-toggler:active {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.menubalken .dropdown-menu {
  background-color: #005d55;
  border: none;
  padding-left: 20px;
}
.menubalken .dropdown-menu .nav-item a.nav-link {
  color: #e7d994;
}
.navbar-collapse {
  padding-top: 10px;
}
.internTimetableWrapperMain {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50px;
}
.internTimetableWrapper {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-left: 15px solid lightgray;
}
.anotherDay {
  margin-bottom: 30px;
  padding: 15px;
}
.oneTimeslot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.oneTimeslot.notused {
  border: 1px dashed black;
  background-image: repeating-linear-gradient(45deg, #ccc, #ccc 30px, #dbdbdb 30px, #dbdbdb 60px);
  opacity: 0.3;
}
.oneTimeslot .slotinfowrapper {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 1px solid gray;
  padding-left: 10px;
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}
.oneTimeslot .slotinfowrapper .btn-sm {
  padding: 1px 5px;
}
.otherkalender .slottime {
  width: 160px;
  text-align: right;
}
.otherkalender .ausmachentotime {
  font-size: 0.8rem;
  color: gray;
}
.otherkalender .ausmachentotime:before {
  content: "-";
}
.meetingpointheader {
  top: 0;
  position: sticky;
  font-weight: bold;
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
  background-color: white;
  z-index: 1;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid gray;
}
.dayheader {
  font-weight: bold;
  font-size: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 10px;
}
.slottime {
  /*  border-right:1px solid lightgray;*/
}
.possibleGastgeberWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.personSelection {
  border-top: 1px solid lightgray;
  border-left: 1px solid lightgray;
  padding: 10px 15px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  opacity: 0.7;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.person img {
  border: 2px solid lightgray;
}
.person:hover {
  opacity: 1;
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
.person.blocked {
  opacity: 0.2;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  cursor: default;
}
.person.selected {
  opacity: 1;
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}
.person.selected img {
  border: 2px solid black;
}
.person img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.person .gastgebername {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.9rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.teilnehmerpreselectionwrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
.teilnehmerpreselectionwrapper .personeninfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 70px;
}
.teilnehmerpreselectionwrapper .personeninfo img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid gray;
}
.teilnehmerpreselectionwrapper .personenwrapper {
  min-width: 50%;
  border-top: 20px solid lightgray;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-left: 20px solid lightgray;
  padding: 20px;
}
.teilnehmerpreselectionwrapper .meetingpointwrapper {
  padding-left: 10px;
  gap: 10px;
  border-top: 1px solid gray;
  border-left: 1px solid gray;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.teilnehmerpreselectionwrapper .onemeetingpointspacer {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.teilnehmerpreselectionwrapper .onemeetingpoint {
  border: 1px solid lightgrey;
  padding: 2px 8px;
  cursor: pointer;
  border-radius: 3px;
  font-size: 0.9rem;
}
.teilnehmerpreselectionwrapper .onemeetingpoint.selected {
  background-color: green;
  color: white;
}
.teilnehmerpreselectionwrapper .onemeetingpoint.blocked {
  background-color: darkgray;
  cursor: default;
}
.userimage {
  border-radius: 50%;
  border: 1px solid gray;
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
}
.userimage.userlarge {
  width: 64px;
  height: 64px;
}
.meinetermine .timeslotinfo {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-left: 1px solid lightgray;
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  padding: 15px;
}
.meinetermine .onetermindetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-top: 10px;
}
.meinetermine .terminstatusText {
  font-weight: bold;
  font-size: 1.1rem;
}
.terminausmachendetailwrapper {
  display: none;
}
.infomarker {
  color: blue;
  cursor: pointer;
}
/*.ortselection{
    display:flex;
    gap:15px;
    margin-top:15px;
    margin-bottom:15px;
}*/
.bearbeitenactionmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
#terminbearbeitenmodal .modal-dialog {
  max-width: 50vw;
}
#terminbearbeitenmodal .form-select {
  margin-top: 10px;
  margin-bottom: 10px;
}
#terminbearbeitenmodal textarea {
  margin-top: 10px;
  margin-bottom: 10px;
}
#terminbearbeitenmodal .messagefield {
  margin-top: 20px;
}
#terminbearbeitenmodal .ortselection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.loginindicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.icongreen {
  color: green;
}
.sucheuserMainwrapper {
  margin-top: 20px;
  padding-top: 30px;
  border-top: 10px solid lightgray;
  max-height: 100vh;
}
.sucheuserwrapper {
  margin-bottom: 15px;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid gray;
  padding-bottom: 15px;
}
.sucheuserwrapper .sucheuseritem {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: calc(100%/7);
}
.sucheuserwrapper .firmaandlogo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.sucheuserwrapper .firmaandlogo img {
  display: none;
}
.sucheuserwrapper img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sucheuserwrapper .firmenlogo img {
  width: auto;
  height: 40px;
  border-radius: 0%;
  -o-object-fit: cover;
     object-fit: cover;
}
.filtermainwrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 15px;
}
.filtermainwrapper label {
  font-weight: bold;
}
.filterwrapper .filteroption {
  cursor: pointer;
  margin-bottom: 5px;
  padding: 2px 5px;
}
.filterwrapper .selected {
  background-color: green;
  color: white;
}
.filter-branche-overview,
.filter-angebotslander-overview {
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid #ced4da;
  cursor: pointer;
}
.filter-branche-overview:after,
.filter-angebotslander-overview:after {
  content: "\f0d7";
  font-family: "Font Awesome 6 Pro";
  color: black;
  font-weight: bold;
  margin-left: 5px;
}
.filter-branche-detail,
.filter-angebotslander-detail {
  display: none;
}
.kalendarwrapper {
  font-size: 3px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.onesteptext {
  font-size: 1rem;
}
.slot {
  font-size: 0.9rem;
}
.slotgruppe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid lightgray;
  border-radius: 5px;
  padding: 2px 15px;
  width: 100%;
  background-color: white;
  margin-left: 10px;
  background-color: #f4f4f4;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.slotgruppe:has(.notfree) {
  border: 1px solid rgba(0, 0, 0, 0.07);
  background-color: #fafafa;
}
.onestep {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  border-right: 1px solid lightgray;
  color: gray;
  padding-right: 15px;
}
.onestepright {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}
.TerminArea {
  width: 100%;
  position: relative;
}
.otherPersonenWrapper {
  display: none;
  position: absolute;
  background-color: white;
  z-index: 1;
  padding: 15px;
  border: 1px solid black;
  cursor: pointer;
}
.personeninfozusatzwrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.oneSlotWrapper {
  font-size: 0.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.TerminArea-Anfragender .slotinfoDetails {
  display: none;
  background-color: white;
  z-index: 1;
  right: 40px;
  position: absolute;
}
.TerminArea-Anfragender .oneSlotWrapper.detailwrapper {
  padding: 10px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.TerminArea-Angefragter .slotinfo {
  display: none;
}
.personeninfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.datumsangabe {
  font-size: 1.3rem;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
}
.personeninfoname {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.meindaywrapper {
  margin-bottom: 50px;
}
.status-Bestaetigt:before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  color: green;
  font-weight: bold;
}
.status-Anfgefragt {
  border: 1px dashed gray;
}
.status-Anfgefragt:before {
  content: "\f0e0";
  font-family: "Font Awesome 6 Pro";
  color: green;
  font-weight: bold;
}
.status-Warteliste {
  border: 1px dashed gray;
}
.status-Warteliste:before {
  content: "\f252";
  font-family: "Font Awesome 6 Pro";
  color: green;
  font-weight: bold;
}
.reason-Habeangefragt:before {
  content: "\f061";
  font-family: "Font Awesome 6 Pro";
  color: blue;
  font-weight: bold;
}
.reason-Wurdeangefragt:before {
  content: "\f060";
  font-family: "Font Awesome 6 Pro";
  color: blue;
  font-weight: bold;
}
.blockedtype-Terminbestaetigt:before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  color: green;
  font-weight: bold;
}
.blockedtype-Terminangefragt:before {
  content: "\f0e0";
  font-family: "Font Awesome 6 Pro";
  color: green;
  font-weight: bold;
}
.blockedtype-Terminwarteliste:before {
  content: "\f017";
  font-family: "Font Awesome 6 Pro";
  color: green;
  font-weight: bold;
}
.dwprint:before {
  content: "\f02f";
  font-family: "Font Awesome 6 Pro";
  margin-right: 5px;
}
.dwausmachen:before {
  content: "\f2b5";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  margin-right: 5px;
}
.dwkalender:before {
  content: "\f133";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  margin-right: 5px;
}
.dwemail:before {
  content: "\f0e0";
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  margin-right: 5px;
}
.addterminbutton {
  margin-top: 40px;
}
.slotinfo {
  font-size: 0.9rem;
  border: 1px solid gray;
  background-color: gray;
  border-radius: 50%;
  color: white;
  width: 1.5rem;
  height: 1.5rem;
  max-width: 1.5rem;
  min-width: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.btn-anfragen {
  padding: 1px 3px;
}
div#pop-up {
  display: none;
  position: absolute;
  width: 280px;
  padding: 10px;
  background: #eeeeee;
  color: #000000;
  border: 1px solid #1a1a1a;
  font-size: 90%;
}
.meineslotgroupwrapper {
  font-size: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 15px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border-top: 1px solid gray;
}
.meineslotgroupwrapper:last-child {
  border-bottom: 1px solid gray;
}
.meineslotgrouptime {
  font-size: 0.9rem;
  border-right: 1px solid gray;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.meineslotswrapper {
  font-size: 0.9rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 15px;
}
.meinesolotoneitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-bottom: 5px;
  padding: 3px 7px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.toggleotherteams {
  cursor: pointer;
}
.messeinfopublic {
  padding: 20px;
  padding-right: 100px;
}
.meinemessagesmessageheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.meinemessagesmessageheader .messagebasedata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
.meinemessagesmessageheader .messagesubject {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.meinemessagesmessageheader .messagesubject .subjecttext {
  font-weight: bold;
}
.messagebody {
  display: none;
}
.messageuserimage {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.bodytext {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #eeeeee;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 15px;
}
.messagewrapper {
  padding-bottom: 20px;
  margin-top: 20px;
  border-bottom: 1px solid gray;
}
.sideblock {
  border: 1px solid #dddddd;
  margin-bottom: 20px;
  padding: 15px;
}
.sideblock .sideblockheadline {
  margin-bottom: 10px;
  font-size: 1.4rem;
}
.publicuserimage {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.promolink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.specialtime {
  display: inline-block;
  font-weight: bold;
}
.meineeasybuchungen .form-check {
  margin-top: 20px;
}
.shuttle:before {
  content: "\f207";
  font-family: "Font Awesome 6 Pro";
  font-weight: bold;
  margin-right: 5px;
}
.fahrprogramm:before {
  content: "\f622";
  font-family: "Font Awesome 6 Pro";
  font-weight: bold;
  margin-right: 5px;
}
.tour:before {
  content: "\f06e";
  font-family: "Font Awesome 6 Pro";
  font-weight: bold;
  margin-right: 5px;
}
.ausgebucht {
  color: gray;
}
.specialbuttonsavewrapper {
  position: sticky;
  bottom: 0;
  background-color: white;
  padding: 10px;
}
.event:before {
  content: "\f073";
  font-family: "Font Awesome 6 Pro";
  font-weight: bold;
  margin-right: 5px;
}
.mailbox:before {
  content: "\f813";
  font-family: "Font Awesome 6 Pro";
  font-weight: normal;
  margin-right: 5px;
}
.alertnoort:before {
  content: "\f06a";
  font-family: "Font Awesome 6 Pro";
  font-weight: normal;
  color: red;
  margin-right: 5px;
}
.specialveranstaltungen {
  margin-top: 40px;
  font-size: 1.2rem;
  margin-bottom: 15px;
}
.printitem {
  margin-right: 20px;
}
.specialitem {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.languageselector {
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.navbar-toggler-icon:before {
  content: "\f0c9";
  font-family: "Font Awesome 6 Pro";
  font-weight: normal;
  margin-right: 5px;
  color: white;
  font-size: 2rem;
}
.transactionsrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.btn-primary {
  background-color: #005d55;
  border-color: #005d55;
}
.btn-primary:hover {
  background-color: white;
  border-color: #005d55;
  color: #005d55;
}
.btn-outline-primary {
  background-color: white;
  border-color: #005d55;
  color: #005d55;
}
.btn-outline-primary:hover,
.btn-outline-primary:active {
  color: #fff;
  background-color: #005d55;
  border-color: #005d55;
}
.visibleonlyatmobile {
  display: none;
}
.hiddenonlyatmobile {
  display: block;
}
.tranlationwrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  margin-bottom: 10px;
  padding: 5px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.tranlationwrapper textarea {
  height: 100%;
}
.tranlationwrapper.needstranslation-True {
  background-color: orange;
}
.tranlationwrapper .texttotranslate {
  width: 30%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.tranlationwrapper .inputfield {
  width: 70%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.emailsaver {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.myimagesettingwrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
img.myimagesettingview {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid gray;
  border-radius: 50%;
  cursor: pointer;
}
.imageactionwrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.myimagefilewrapper {
  display: none;
}
.templatesetwrapper {
  margin-bottom: 20px;
}
.dwtemplateactionwrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
@media only screen and (max-width: 900px) {
  .sucheuserwrapper .sucheuseritem {
    width: 100%;
  }
  .messenAllWrapper .card {
    width: 100%;
  }
  #terminbearbeitenmodal .modal-dialog {
    max-width: 100vw;
  }
  .meinesolotoneitem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .meinemessagesmessageheader .messagebasedata {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .meinemessagesmessageheader .messagebasedata > div {
    width: 100%;
  }
  .meinemessagesmessageheader .messagesubject {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .meinemessagesmessageheader .messagesubject > div {
    width: 100%;
  }
  .sucheuserwrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sucheuserwrapper img {
    width: 100px;
    height: 100px;
  }
  .filtermainwrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .filtermainwrapper > div {
    width: 100%;
  }
  .teilnehmerpreselectionwrapper .personenwrapper {
    min-width: 150%;
  }
  .visibleonlyatmobile {
    display: block;
  }
  .hiddenonlyatmobile {
    display: none;
  }
}
@media only screen and (max-width: 1200px) {
  .messenAllWrapper .card {
    width: 100%;
  }
  .meinkalender {
    display: none;
  }
}