@charset "UTF-8";
@font-face {
  font-family: Lato-Light;
  src: url("../fonts/Lato-Light.ttf");
}
@font-face {
  font-family: Lato-Bold;
  src: url("../fonts/Lato-Bold.ttf");
}
@font-face {
  font-family: Lato-Reg;
  src: url("../fonts/Lato-Regular.ttf");
}

@font-face {
  font-family: Lato-Black;
  src: url("../fonts/Lato-Black.ttf");
}
html,
.konsentas body {
  font-feature-settings: "kern", "liga", "clig", "calt";
  -webkit-font-feature-settings: "kern", "liga", "clig", "calt";
  font: 16px/1.5 "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif !important;
  font-kerning: normal;
  background: white !important;
  -webkit-font-kerning: normal;
  font-variant-ligatures: common-ligatures contextual;
  -webkit-font-variant-ligatures: common-ligatures contextual;
  height: 100% !important;
  --today-mark-background-color: rgba(188, 255, 182, 0.68) !important;
}
.konsentas{
  padding-bottom: 0 !important;
}
.konsentas p,
h4,
h3 {
  font-weight: 100 !important;
}

.konsentas a:hover {
  text-decoration: none !important;
}

#page {
  min-height: 100% !important;
}



.header-background-img {
  position: relative;
  top: 0;
  margin-top: 50px;
  left: 0;
  width: 100%;
  height: 32rem;
  z-index: 20;
  /* Bild im Hintergrund */
  background:
    /*  !* Verlauf Effekt *!*/
    /*  linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.269) 70%, rgba(255, 255, 255, 1) 100%),*/
          url('../img/header.jpeg') no-repeat center center;
  background-size: cover;
  /* Bild anpassen */
}
.process-wrapper:has(
  .col-sm-3:has(
    .modern_checkbox:has(
      .col-sm.label[style="display: none"]
    )
  )
) #process-options{
  order: 1 !important;
}

#header {
  width: 100%;
  margin: auto;
  margin-top: 100px;
  display: flex;
  position: relative;
  justify-content: space-between;
  height: 150px !important;
}

.header-container {
  width: 100%;
  /*border-bottom: 5px solid #487bc4;*/
}



#header #logo {
  width: 13rem;
}


/* Leistungen Label */
.col-md h2 {
  color: #000000 !important;
}

#services-count {
  height: 85%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff !important;
  font-size: 16px;
  border-radius: 0!important;
  border: solid 0 gray !important;
  font-family: Lato-Bold;
}

#navbar-wrapper .row {

  height: 100%;
  display: flex;
  align-items: center;
}

.logo {
  width: 160%;
}

#header #heading {
  display: flex;
  align-items: center;
  justify-content: start;
  background-color: #fff !important;
  width: 40% !important;
  border-radius: 0;
}

#heading h1 {
  margin: 0 !important;
  color: #000000;
  font-weight: bold;
  font-size: 34px;
  font-family: Lato-Black;
}

/*
 Anfällig für fehler Änderung im Code benötigt hinzufügen von eindeutiger Klasse oder ID für den Searchbar container
 */



.formpage_wrapper_step h3 {
  padding-top: 2rem;

}


.formpage_wrapper_step {
  background-color: transparent;
  margin: auto;
  max-width: 100%;
}

.ota_is_done .formpage_wrapper_step {
  background-color: #ffffff;
  padding: 3rem;
}

.formpage_wrapper_step .fc-view-harness {
  background-color: transparent;
  /*height: 700px !important;*/
}
.konsentas .minical .card #cal-list{
  max-height: 100% !important;
  height: 575px !important;
}
.konsentas .col-md-6 {
  width: 48% !important;
}
.konsentas .minical
.konsentas .minical .fc-listDay-view .fc-scroller{
  max-height: 500px !important;
}

.formpage_wrapper_step .table {
  background-color: white;
}

.format-end-table td{
  padding-right: 15px !important;
}
#sort-buttons,
#filter-by-categories,
#search-field {
  display: none !important;
}

.event-terminplace-info span {
  color: #FFED00 !important;
}

.event-terminplace-info small {
  color: #FFED00 !important;
}

.selected-event-terminplace span {
  color: #FFF !important;
}

.konsentas .dropdown-toggle::after {
  color: #FFF !important;
}

.dropdown-menu[aria-labelledby="event-terminplace-dropdown"] {
  background-color: #05467A !important;
}

.dropdown-menu[aria-labelledby="event-terminplace-dropdown"] li {
  background-color: #05467A !important;
}

.datepicker-days{
  background-color: white !important;
}
.datepicker table tr td.active.day{
  background-color: #7aba7b !important;
}
#add-participant-label {
  color: #FFFFFF !important;
}
.datepicker table tr td span.active.active{
  background-color: #7aba7b !important;
}
.datepicker-months{
  background-color: white !important;
}
.datepicker-years{
  background-color: white !important;
}
.datepicker-decades{
  background-color: white !important;

}
.datepicker-centuries{
  background-color: white !important;
}
.fc-list-event td{
  vertical-align: middle !important;
}
.konsentas #copy-event-link {
  color: #FFF;
}

#add-participant {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}


input {
  background: #E1EBF1 !important;
  padding: 18px 10px !important;
  font-size: 1.2em !important;
  height: 2.5em !important;
  font-size: 1.2em !important;
  /* font-weight: bold !important; */
  border-radius: 0px !important;
  border-width: 0 0 0 0 !important;
  padding-bottom: 0;
  /*box-shadow: 0 1px 0 0 #7aba7b !important;*/
  /*transition: border-color 0.3s ease, box-shadow 0.3s ease;*/
}

input:focus {
  /*box-shadow: 0 3px 0 0 #7aba7b !important;*/
  /*outline-color: #5aba7b !important;*/
  /*outline-width: 1px;*/
  outline: none !important;
}
.konsentas .dropdown-toggle:focus{
  outline: 3px solid transparent !important;
}
/* Kategorie Suchfeld */
#filterContainer>div:nth-child(2) {
  display: none;
}

#filterContainer>div:nth-child(3) {
  width: calc((14rem + (100% - 22rem)) / 12 * 8) !important;
}

select[name="filterCategory"] {
  position: relative;
}

select[name="filterCategory"]::before {
  position: absolute;
}

.radio,
checkbox {
  position: relative;
}

.radio label .symbol:before {
  box-sizing: border-box;
  border: 3px solid #26262c;
  border-radius: 50%;
  content: "";
  display: block;
  height: 1.88rem;
  transition: all 0.3s ease;
  width: 1.88rem;
}

.checkbox label .symbol:before {
  box-sizing: border-box;
  background-color: #fff !important;
  content: "";
  display: block;
  height: 1.81rem;
  transition: all 0.3s ease;
  width: 6.81rem;
  margin-right: 0.5rem;
  border-radius: 0 !important;
  box-shadow: 0 0 3px #00000029;
}


#icons {
  display: none;
}

.radio input,
.checkbox input {
  content: "";
  height: 1px;
  opacity: 0;
  left: 0.94rem;
  position: absolute;
  top: 0.94rem;
  transform: translate(-50%, -50%);
  width: 1px;
  z-index: -1;
}

.radio label,
.checkbox label {
  padding-left: 0px !important;
  display: flex;
  margin-bottom: calc(0.4rem - 0.2em);
  margin-top: calc(0.2em - 0.4rem);
}

.radio label .symbol,
.checkbox label .symbol {
  display: flex;
}

.radio label .symbol span,
.checkbox label .symbol span {
  margin-left: 10px;
  line-height: 2em;
}

.toggleCheckbox label {
  height: 2em;
}

.toggleCheckbox label:hover {
  border-color: #feeb18 !important;
}

#moreSearchfilter {
  margin: 15px;
}

/*anfang header grid*/
#navbar-wrapper{
  height: max-content !important;
}
#navbar-content{
  padding-left: 10px !important;
}
.konsentas .col-md-8{
  width: 100% !important;
  padding: 0 !important;
}
#filterSection{
  grid-row: 2;
  grid-column: 1;
  height: 10px;
}
#navbar-content #total-duration{
  height: 85%;
}
#navbar-wrapper.container {
  background-color: #048500 !important;
  height: 70px;
  align-items: center !important;
  justify-content: space-around !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
  margin-bottom: 10mm;
}
#navbar-wrapper .row {
  padding: 20px
}

.row:has(div#navbar-content){
  grid-column: 2;
  grid-row: 1;
}

#navbar-wrapper>div:nth-child(2) {
  justify-content: start;
  grid-row: 1;
  grid-column: 3;
}

/*ende header grid*/
#navbar-content.col-md-8 {
  min-width: 400px;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 100%;
  background-color: #fff;
}


.radio label.checked .symbol:after {
  position: absolute;
  transform: scale(1);
  border-radius: 50%;
  background: black;
  content: " ";
  display: block;
  box-sizing: border-box;
  background-color: currentcolor;
  border: 2px solid white;
  font-size: inherit;
  height: calc(1.88rem - 6px);
  left: 3px;
  top: 0;
  width: calc(1.88rem - 6px);
}
.showdown{
  max-width: 1200px;
  margin: auto;
}
.konsentas .modern_checkbox.radioInput label{
  border-radius: 20px !important;
}
.process-title {
  font-weight: bold !important;
  color: #737583 !important;
  padding: 0 !important;
}

.service-name {
  font-size: 1.4em !important;
  font-family: Lato-Light !important;
}
.konsentas a:focus{
  color: #737583 !important;
  outline: solid 2px #048500 !important;
}
/* Hides the duration label */
/*#navbar-wrapper .label-default {*/
/*  display: none !important;*/
/*}*/

.checkbox label.checked .symbol:after {
  /* content: ' ';
    background-image: url("../img/check.svg");
    position: absolute;
    background: black;
    content: " ";
    display: block;
    box-sizing: border-box;
    border: 6px solid white;
    font-size: inherit;
    height: .94rem;
    height: calc(1.88rem - 7px);
    left: 3px;
    top: 0px;
    width: calc(1.88rem - 7px); */
  content: "";
  position: absolute;
  display: block;
  width: 9px;
  /* Breite des Hakens */
  height: 20px;
  /* Höhe des Hakens */
  margin-left: 0.65rem;
  margin-top: 0.1rem;
  border: solid #048500 ;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);

}

.dropdown-menu {
  background-color: #fff !important;
  border-radius: 0 !important;
}

.dropdown-menu li {
  background-color: #fff;
  min-height: 40px;
  border: none !important;
  border-radius: 0!important;

}



.dropdown-menu a {
  text-decoration: none !important;
  min-height: 40px;
  align-items: center;

}

.label {
  background-color: transparent;
}

#icons {
  font-weight: bold;
}
.col-sm-12 .text-center {
  background-color: #048500;
  padding: 5px;
  margin-top: 0 !important;
  color:#fff ;
  font-weight: bold;

}
.mainCalendar{
  max-width: 1200px !important;
  margin: auto;
}
.row:has(div.col-sm-12){
  padding-left: 0 !important;
  padding-right: 0;
}

.row .col-sm-12{
  padding: 1rem !important;
}
.konsentas .label-default {
  background-color: #048500 !important;
  font-size: 15px !important;
  border-radius: 0 !important;
  width: 100px !important;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.dropdown-menu .label-default {
  background-color: #fff !important;
  color: #0C6A31 !important;
}

.option-name {
  color: black;
  font-size: 17px;

}

.option-name span {
  text-decoration: none !important;
  font-weight: normal;
}
.konsentas .dropdown-menu{
  padding: 0 !important;
}
.konsentas .dropdown-menu>li>a:hover {
  background-color:  #efefef !important;
  border-radius: 0!important;
}

#formpage {
  padding: 0 2rem;
}

/* hide the direct link button */
#directLinkButton {
  display: none;
}

#formpage label {
  font-style: italic;
}


#id_30749976_2461 div {
  text-align: start !important;
}

#id_30749976_2461 div span {
  color: #737583;
}

/* .konsentas #formpage .component {
  min-height: 0 !important;
}

.konsentas #formpage .compcontainer {
  min-height: 0 !important;
} */



.info-container {
  padding: 0 2rem 2rem 2rem;
  background-color: #EFEFEF;
  margin: 1rem 0 !important;
}

.info {
  display: flex;
  align-items: center;
  background-color: #FFFFFF; /* Helle Hintergrundfarbe */
  padding: 15px;
}

.info .icon {
  font-size: 24px; /* Größe des Icons */
  margin-right: 10px;
  color: #a1a1a1; /* Graue Icon-Farbe */
}

.info span {
  font-size: 16px; /* Schriftgröße für Text */
  color: #6b6b6b; /* Graue Textfarbe */
}

.info span:not(:first-child) {
  margin-left: 15px; /* Abstand zwischen den Textblöcken */
}

.info span:before {
  content: "|"; /* Trenner */
  margin-right: 5px;
  color: #d3d3d3;
}

.info span:first-child:before {
  content: ""; /* Entfernt den Trenner vor dem ersten Element */
}

.dinA4_live {
  background-color: #F5F5F5;
  max-width: 1200px !important;
  margin: 2rem auto;
  color: #000000 !important;
}
.fileuploader{
  border-radius: 0 !important;
}
.fileuploader-input-inner div{
  color: #048500 !important;
}
.formpage_wrapper_step > #formpage.dinA4_live{
  background-color: transparent;
  display: none;
}
.toggleCheckbox symbol {
  height: 2em;
}

.toggleCheckbox .symbol:before {
  display: none !important;
}

.toggleCheckbox label span {
  position: absolute;
  left: 1.5em;
  line-height: 2em;
}

select {
  background: #E1EBF1 !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  border-radius: 0 !important;
  padding-right: calc(1.25rem + 0.94em) !important;
  padding-bottom: 0px !important;
  float: left;
  display: block !important;
  width: 100% !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer;
  height: calc(2.4rem + 10px) !important;
  border: 0 solid !important;
  font-size: inherit !important;
  box-shadow: 0 1px 0 0 #a29679 !important;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.konsentas select.form-control {
  margin-bottom: 1rem;
  font-size: 1.2rem !important;
  background-color: #dddddd !important;
  color: #000;

}

.form-control.in::placeholder{
  color: transparent !important;
}

select.no-bg {
  background-color: white !important;
}

[data-type="select"] .form-group:after {
  content: "" !important;
  background: url("../img/dropdown.svg") 100% 100% no-repeat;
  transform: translateY(-50%) scale(2.25);
  background-size: 20px 20px;
  display: block;
  box-sizing: border-box;
  position: absolute;
  right: 20px;
  bottom: 10px;
  width: 20px;
  height: 20px;
}



.input-group .input-group-text {
  order: 2;
  display: block !important;
}

.input-group-text {
  background-color: transparent !important;
  border-radius: 0 !important;
  position: absolute;
  right: 0px;
  bottom: 1px;
  border: none !important;
  z-index: 999;
}

.input-group-text i {
  color: #000000 !important;
  scale: 1.2;
}

textarea.form-control {
  background-color: #fff !important;
  border: 0 !important;
  min-height: 140px !important;
  box-shadow:  0 0 3px #00000029 !important;
}

.konsentas .row {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 0 !important;

}

select .form-control::after{
  content: ">";
  position: absolute;
  top: 45%;
  left: 90%;
  z-index: 100;

}

.input-group-addon {
  background: #feeb18 !important;
  border-radius: 0px !important;
}

.input-group-addon .fa {
  width: 50px !important;
  font-size: 1.2em;
}

#ota_content {
  margin-top: 0px;
  border: 0px;
}

.input-group {
  /*width: 430px !important;*/
  width: 100% !important;
}

.col-md-6 .input-group{
  width: 100% !important;
}

.form-control {
  width: 100% !important;
  height: 42px !important;
  background-color: #fff !important;
  border-radius: 0 !important;
  color: #000000 !important;
  font-family: Lato-Reg !important;
  box-sizing: border-box !important;
  border: none !important;
}
input.form-control{
  box-shadow: 0 0 3px #00000029 !important;
}

.form-control:focus{
  box-shadow: 0 0 1px #00000029 !important;
}

:root .form-control::placeholder {
  color: #000000 !important;
  font-family: Lato-Light;
}


.konsentas .mb-3.label-floating:has(.control-label.select-label:not([style]))::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0d7";
  display: block;
  position: absolute;
  color: black;
  right: 25px;
  top: 42px;
  font-size: 14px;
  font-weight: 900;
}

.konsentas .mb-3.label-floating:has(.control-label.select-label[style*="display: none"])::before {
  font-family: "Font Awesome 5 Pro";
  content: "\f0d7";
  display: block;
  position: absolute;
  color: black;
  right: 25px;
  top: 14px;
  font-size: 14px;
  font-weight: 900;
}


#formpage_header,
#formpage_wrapper,
#formpage_save {
  border: 0 !important;
  max-width: 280mm !important;
  margin-bottom: 10rem !important;
}

#navbar-wrapper {
  margin: 0 !important;
  margin-bottom: 5rem !important;
  background-color: transparent !important;
  max-width: 100% !important;

}

#navbar-wrapper>div:nth-child(2)>div.col-md-2 {
  display: none !important;
}

#filterSection>div:nth-child(1)>div.col-md-2 {
  display: none !important;
}

#filterContainer>div.col-md-2 {
  display: none !important;
}

/* Suchergebnis Highlight und Hintergrund Farbe */
.text-info {
  background-color: #d0d0d0 !important;
  border-radius: 3px;

}

.col-md h4 .text-muted span h2 {
  font-weight: bold !important;
}

.text-info b {
  color: #048500 !important;
  font-family: Lato-Bold !important;
}

/*  */
.logo-container {
  width: 60% !important;
  background-color: #fff !important;
  padding: 1rem 1rem;
  backdrop-filter: blur(10px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.konsentas #formpage_wrapper {
  padding: 0 !important;
  background-color: transparent !important;

}
#ota_content #formpage_wrapper{
  margin-top: 0 !important;
  max-width: 100% !important;
}

input[type="search"]::placeholder {

}
#ota_content .konsentas .minical .fc-scroller.fc-scroller-liquid {
  max-height: 380px !important;
}
/*background-color: #3C6099 !important;/*
}

/* Placeholder Farbe für das searchfeld*/
/* Für moderne Webbrowser */
/*
input[type="search"]::placeholder {
  color: #fff !important; !* Neue Farbe des Placeholders *!
  opacity: 1;
}

!* Für ältere Webbrowser (Internet Explorer) *!
input[type="search"]::-webkit-input-placeholder {
  color: #fff !important; !* Neue Farbe des Placeholders für Webkit-basierte Browser *!
}

input[type="search"]:-moz-placeholder {
  color: #fff !important; !* Neue Farbe des Placeholders für Firefox 18- *!
}

input[type="search"]::-moz-placeholder {
  color: #fff !important; !* Neue Farbe des Placeholders für Firefox 19+ *!
}

input[type="search"]:-ms-input-placeholder {
  color: #fff !important; !* Neue Farbe des Placeholders für Internet Explorer 10+ *!
}*/



#services-count {

  color: #000000;
  border-radius: 10px;
  padding: 4px 18px;

}

.card {
  border: none !important;
}

.department-card {
  margin: 0 !important;
  border-radius: 0 !important;
  padding: 10px !important;
  position: relative;
}

.department-card::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 95%;
  border-bottom: 2px solid #426CAB;
  transform: translateX(-50%);
}

.department-card:first-child {
  padding-top: 20px !important;
}

.department-card:not(:has(~ .department-card))::after {
  border: none !important;
}

.konsentas #formpage_save {

  border-radius: 0 !important;
}

.konsentas .card {
  background-color: #fff;
  border: 0px solid !important;
  margin: auto !important;
  max-width: 1000px;
}
.konsentas .mainCalendar > .card {
  background-color: #048500;
  margin: 0 0 30px 0 !important;
  max-width: 100% !important;
  border-radius: 0 !important;
}
.card-header {
  background-color: #DEE2E6 !important;
  height: 85px;
  display: flex;
  align-items: center !important;
  font-size: x-large;
  font-family: Lato-Bold;
  z-index: 10;
  padding: 0 10mm !important;
}
.fc .fc-daygrid-day.fc-day-today div.fc-daygrid-day-frame{
  background-color: var(--today-mark-background-color) !important;
}
.fc .fc-daygrid-day.fc-day-today{
  background-color: rgba(238, 193, 58, 0.3) !important;
}
.fc-day-past div.fc-daygrid-day-frame{
  background-color: rgba(255, 255, 255, 0.75) !important;
}
#filterSection {
  visibility: hidden;
}
.card-header b {
  margin: 0 !important;
  color: #048500 !important;
}

.konsentas #formpage_save {
  background-color: transparent !important;
}
.formpage_wrapper_step > .text-muted {
    max-width: 1000px !important;
    margin: auto !important;
    font-size: x-large !important;
}
.card-title {
  color: #05467A !important;
  font-size: 22px !important;
  text-decoration: none !important;
  font-weight: bold !important;
}

.card-title a {
  text-decoration: none !important;
}

.card {
  box-shadow: none !important;
}

.card-body {
  padding: 0 !important;
  background-color: #E5EBF0;
}


.konsentas .accordion-item.process-accordion {
  border-radius: 0 !important;
  margin-bottom: 0 !important;
  background-color: #fff !important;
  border-width: 0 0 1px 0 !important;
  border-bottom: none !important;

}
.konsentas .accordion-header.container{
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
}


.konsentas .accordion-item.process-accordion .accordion-collapse .accordion-body {
  border: solid lightGray;
  border-width:  0 1px 0 1px;
  margin: 0 0 !important;
}
@media only screen and (max-width: 48rem) {
  #navbar-content #total-duration{
    border-width: 2px 2px 2px 2px !important;
  }
}
#navbar-content #total-duration{
  order: 3;

  display: flex
;
  align-items: center;
  background: #fff !important;
  color: #0C6A31;
  border: 2px solid #0C6A31;
  border-width: 2px 2px 2px 0;
  font-family: Lato-Bold;
}

.konsentas .accordion-button {
  background-color: #F7F7F7 !important;

}

.fc-scrollgrid-sync-table td, tr{
  padding: 0px !important;
}

.fc-scrollgrid-sync-table td{
  border-radius: 0 !important;
}
.konsentas .fc-col-header-cell.fc-day{
  height: 80px !important;
  width: 80% !important;
}
.konsentas .fc-col-header-cell.fc-day >div.fc-scrollgrid-sync-inner{
  background-color: #DEE2E6 !important;
  margin: auto !important;
  height: 80px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.konsentas .fc-col-header-cell.fc-day >div.fc-scrollgrid-sync-inner a{
  color:#048500 ;
  font-family: Lato-Reg !important;
  font-size: x-large !important;
}

.konsentas .process-wrapper .accordion-button:focus{
  outline: 2px solid #048500 !important;

}
.fc-col-header {
  padding: 10px 0 !important;
}
.konsentas .accordion-button:not(.collapsed) {
  background-color: #F7F7F7 !important;
}

.konsentas .accordion-button:not(.collapsed) i{
  color:#164C7B !important ;
}

.konsentas .accordion-body {
  background-color: #fff !important;
  color: #000000 !important;

}
.konsentas .accordion-body p{
  font-family: Lato-Light;
}

.konsentas .accordion-body h1 {
  font-size: 28px !important;
}

.konsentas .accordion-body a {
  color: #048500 !important;
}

.modern_checkbox {
  margin-bottom: 12px;
  justify-content: center !important;
}

.konsentas .accordion-body .table {
  color: #FFFFFF !important;
}

div:has(> div.modern_checkbox) {
  display: flex;
}

.konsentas .modern_checkbox.modern_checkbox label {
  background-color: #FFF !important;
  border: none !important;
  width: 35px !important;
  height: 35px !important;
  max-width: 35px;
  border-radius: 0 !important;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.38);

}

.konsentas .modern_checkbox input:checked+label:after {

  width: 35px !important;
  height: 35px !important;
  top: 0px;
  left: 0px;
  background: #048500 !important;
  color: #fff !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 !important;
  border: 0 solid white !important;

}
.konsentas div>div.col-sm-3>div>label.col-sm:focus{
  outline: 7px solid rgba(11, 132, 0, 0.53) !important;
}
.konsentas .accordion-item:first-of-type {
  border-radius: 0 !important;
}

.konsentas .accordion-button {
  font-size: 18px !important;

}

.konsentas .modern_checkbox {
  margin: 0 !important;
  border-radius: 20px !important;
}



.konsentas .modern_checkbox label {
  margin-left: 20px !important;
}

.process-wrapper {
  display: flex !important;
  justify-content: start !important;
  align-items: center !important;
  border: solid 1px #CED4DA;
  background-color: #F7F7F7;
  margin: 0 !important;
}

.dropdown-value{
  font-weight: 100 !important;
}
.btn.btn-secondary.dropdown-toggle {
  background-color: #048500 !important;
  border-radius: 0 !important;
  border: 0 solid gray !important;
  color: #fff !important;
  font-family: Lato-Bold;
  font-style: normal !important;
  box-shadow: 0 3px 6px #00000029;
}
.fc-listWeek-button.btn.btn-primary{
  color: gray;
}
.dropdown-toggle > span  > em {
  font-style: normal !important;
}
span.col-md.text-muted::before{
  content: 'Ihre ' !important;
  font-family: Lato-Light !important;
  color: black;
}
span.col-md.text-muted::after{
  content: ': ' !important;
  font-family: Lato-Light !important;
  color: black;
}
spab.col-md.text-muted h2{
  color: black !important;
}
.btn.btn-secondary.dropdown-toggle.value-selected {
  background-color: #048500 !important;
  border-radius: 0!important;
  border: 0 solid gray !important;
  color: #fff !important;
}

.konsentas .dropdown .btn-secondary::after {
  color: black !important;
}

.konsentas .dropdown .btn-secondary:hover {
  background-color: rgb(239, 239, 239) !important;
  color: #048500 !important;
}

.fc-header-toolbar button,
.konsentas .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),
.konsentas .btn-group>.btn:last-child:not(:first-child) {
  border-radius: 0 !important;
  height: 40px !important;
  background-color: transparent !important;
  color: #000000 !important;
}

.fc-today-button.btn.btn-primary {
  background-color: transparent !important;
}
.fc-list-day.fc-day.fc-day-mon.fc-day-future{
  height: 80px !important;
  border: none !important;
}

.fc-list-day.fc-day.fc-day-mon.fc-day-future:nth-child(1)::after{
  display: none !important;
}
.fc-list-day-cushion.fc-theme-bootstrap5-shaded{
  background-color: #DEE2E6 !important;
  height: 80px !important;
  display: flex;
  align-items: center;
  width: 100% !important;
}
.fc-list-day-cushion.fc-theme-bootstrap5-shaded a{
  color: #048500 !important;
  font-size: x-large !important;
  font-family: Lato-Bold;
}
.fc-list-day-cushion.fc-theme-bootstrap5-shaded a:nth-of-type(2){
  margin-left: auto;
}
.btn-group .fc-listWeek-button.btn.btn-primary.active{
  background-color: #000000 !important;
  border-radius: 0 !important;
  color: white !important;
}
:root .btn-group .fc-listDay-button.btn.btn-primary.active{
  background-color: #000000 !important;
  border-radius:0 !important;
  color: white !important;
}
.btn-group .fc-dayGridMonth-button.btn.btn-primary.active{
  background-color: #000000 !important;
  border-radius: 0 !important;
  color: white !important;
}
.fc .fc-toolbar {
  height: 65px !important;
  background-color: #048500;
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  margin-bottom: 0 !important;
}
.konsentas .mainCalendar .minical .fc-scroller{
  max-height: 507px !important;
}
.mainCalendar > .minical .fc-toolbar {
  background-color: #fff !important;
}

.fc-header-toolbar {
}

.card > div.card-body{
  background-color: #048500 !important;
}
.mainCalendar .card .card-body{
  background-color: transparent !important;
}
div.row:has(div.col-md-6){
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-evenly !important;
  padding: 5px !important;

}
.col-md-6 .input-group{
  background-color: #fff !important;
  border-radius: 0 !important;
  height: 40px;
  width: 100%;
}

.col-md-6:has(div.input-group){
  display: flex;
  justify-content: center;
  padding: 0 !important;
}
.col-md-6:has(div.input-group) .input-group {
  position: relative;
}
.col-md-6:has(div.input-group) .input-group input{
  color: #164C7B ;
}

.col-md-6:has(div.input-group) .input-group span {
  position: absolute;
  width: max-content;
  top: 2px;
  color: #000000;
  background-color: transparent !important;
}

.fc-header-toolbar h2 {
  font-weight: bold !important;
}
.fc-toolbar-chunk .btn-group .btn {
  background-color: transparent !important;
}

.fc-list-day-text {
  font-size: 25px !important;
}
.fc-toolbar-chunk .btn{
  background-color: white !important;
}
.fc-toolbar-chunk:nth-child(1){
  width: 300px;
  display: flex;
  align-items: center;
  height: 40px;
  background-color: #fff !important;
  border-radius: 0;
  padding: 0 60px;
}

.fc-toolbar-chunk:nth-child(1) .btn-group button{
  color: #164C7B !important;
}
.fc-toolbar-chunk:nth-child(1) .btn-group button:nth-of-type(2){
  position: relative !important;
  left: 110px;
}

.fc-today-button.btn.btn-primary{
  position: relative;
  right: 30px;
  color: #000000 !important;
}
.fc-toolbar-chunk:nth-child(2) {
  width: max-content;
  text-align: center;
  background-color: #fff !important;
  color: #000000;
  height: 40px;
  display: flex;
  border-radius: 0;
  align-items: center !important;
  justify-content: center;
  font-family: Lato-Light !important;
  font-size: small !important;
  flex-grow: 1;
}

.fc-toolbar-chunk:nth-child(3){
  width: 350px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  height: 40px;
  background-color: #fff !important;
  border-radius: 0;
}
.fc-toolbar-chunk:nth-child(3) .btn-group button{
  height: 100% !important;
  flex-grow: 1;
  color: #000000 !important;
}
.fc-toolbar-chunk:nth-child(3) .btn-group{
  width: 100%;
  display: flex;
  align-items: center;
}
.fc-header-toolbar.fc-toolbar.fc-toolbar-ltr{
  padding: 5px 10px !important;
}
.fc-daygrid-day-number{
  font-size: 23px !important;
  color: #6e6e6e !important;
  font-weight: bold !important;

}
#calendar-time-from,
#calendar-time-to {
  background-color: transparent !important;
  text-align: center !important;
  box-shadow: none !important;
  order: 2;
}

.fc-daygrid-day-frame{
  margin: 0 !important;
}
/* .card-body .input-group .input-group-text {
  position: relative;
  top: 25px !important;
  height: 20px !important;
  z-index: 3;
} */

.fc-list-event-dot.fc-list-event-dot {
  border-color: #00E824 !important;
}
.booking-info-container h1{
  font-family: Lato-Bold !important;
  color: transparent !important;
}
.booking-info-container h1::before {
  content: "Erfolg - ";
  display: inline-block;
  color: #fff;
  font-family: Lato-Black;
}
.formpage_wrapper_step:has(div.mainCalendar){
  max-width: 100% !important;
}
.formpage_wrapper_step:has(div.mainCalendar):has(div > .table) {
  max-width: 900px !important;
}
/*}*/
/*.formpage_wrapper_step:has(div > .dinA4_live) {*/
/*  background-color: #048500 !important;*/
/*}*/

div:has(> .booking-info-container) > div:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.booking-info-container h1::after {
  content: " Terminoption geladen";
  display: inline-block;
  margin-left: -75px;
  color: #fff;
  font-family: Lato-Reg !important;
}
.booking-info-container{
  background-color: #048500 !important;
  max-width: 100%;
  margin: auto;
  padding: 50px !important;
}

.booking-info-inner{
  border-radius: 0!important;
  background-color:  #fff !important;
}
select.form-control{
  width: 100% !important;
}
.booking-info-inner span{
  color: #000000 !important;
  font-family: Lato-Reg !important;
}
.booking-info-inner i{
  color: #000000 !important;
}
.modern_summary{
  border-radius: 5px!important;
  background-color: #e9f3fb !important;
  height: max-content;
  box-sizing: border-box;
  padding: 20px;
}

.modern_summary{
  color: #164C7B !important;
  font-family: Lato-Light;
}

.modern_summary h3{
  font-family: Lato-Bold !important;
  padding: 0 !important;
}
div:has(#vielendankterminbuchungerfolgreich) p{
  font-family: Lato-Light;
  color: #164C7B;
}
#vielendankterminbuchungerfolgreich{
  font-family: Lato-Bold;
  color: #164C7B;
}
tbody>.fc,
.fc *,
.fc :after,
.fc :before {
  border-color: transparent !important;

}
.footnote{
  font-size: small;
  color: #000000 !important;
  font-family: Lato-Light;
}
.fc-list-day-cushion a {
  color: #8f8f8f !important;
  font-size: 20px !important;
}

.customTermin .fc-time::before,
.customTermin .fc-list-item-time::before,
.fc-list-event-time::before {
  font: normal normal normal 18px / 1 FontAwesome !important;
  margin-right: 10px !important;
  color: #000000;
  font-size: larger;
}
.fc-list-event-time {
  color: #000000;
  font-size: larger;
  font-family: Lato-Light;
}
.fc-theme-bootstrap5 .fc-list,
.fc-theme-bootstrap5 .fc-scrollgrid,
.fc-theme-bootstrap5 td,
.fc-theme-bootstrap5 th {

  border-width: 0px !important;
}







.fc-list-table tr {
  position: relative;

}

#cal-list {
  padding: 0 !important;
}

#cal-month {
  padding: 0 !important;
}

.fc-list-table tr::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  /* Breite der verkürzten Border, hier 80% der Zeilenbreite */
  border-bottom: 1px solid #CED4DA !important;
  /* Die eigentliche verkürzte Border */
  transform: translateX(-50%);
  /* Zentriert das Pseudo-Element */
}

.fc-daygrid-day-frame {
  background-color: #F7F7F7 !important;
  border: solid transparent 1px;
  outline: solid 1px #CED4DB;
  border-radius: 0 !important;
}
.konsentas .minical .fc-daygrid-day-frame {
  min-height: 100% !important;
}


.fc-daygrid-day-top a{
  font-family: Lato-Reg !important;
  color: #000000 !important;
  font-size: larger !important;
}
/* Termin auswahl Bildschirm */

/* .fc-view-harness {
  background-color: white !important;
} */



/********************************************************************************
Erfolg Bildschirm
*********************************************************************************/

.reminder_container {
  padding: 2rem;
  margin-bottom: 8rem;
  background: #efefef;
}

.reminder_MainHeadline {
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  font-size: 30px !important;

}

.reminder_success {
  display: grid;
  grid-template-rows: 1fr;
  padding: 20px 12px;
  margin: 1rem 0;
  background-color: white;


}

.reminder_success p {
  font-weight: 500 !important;
}

.reminder_MainHeadline {
  color: #737682 !important;
  font-weight: bold !important;
}

.reminder_success h3 {
  margin: 0 0 30px 0 !important;
  font-size: 20px !important;
  font-weight: bold !important;
  color: #737583 !important;
  padding: 0 !important
}

.reminder_container h4 {
  font-weight: 800;

}
.minical .col-md-6 .card .card-body .fc-header-toolbar .fc-toolbar-chunk:nth-child(3){
  background-color: transparent !important;
  box-shadow: none !important;
}
.minical .col-md-6 .card .card-body .fc-header-toolbar .fc-toolbar-chunk:nth-child(3) button{
  background-color: #048500 !important;
  color: white !important;
}
.minical .col-md-6 .card .card-body .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) button{
  background-color: #048500 !important;
  color: white !important;
}

.minical .col-md-6 .card .card-body .fc-header-toolbar .fc-toolbar-chunk:nth-child(1){
  background-color: transparent !important;
  box-shadow: none !important;
  width: 250px !important;
  justify-content: center !important;
}
.minical .col-md-6 .card .card-body .fc-header-toolbar .fc-toolbar-chunk:nth-child(2){
  width: 250px !important;
}
.reminder_container p {
  margin-bottom: 0 !important;
  color: #737583 !important;

}
.mb-3.label-floating{
  display: flex !important;
  flex-direction: column;
}
.reminder_bottom_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.reminder_print {
  padding: 0.5rem 1.5rem;
  color: #FFF !important;
  border: none;
  cursor: pointer;
  font-size: 16px;
  background-color: #78b144;
}

.location_reminder h3 {
  font-size: 1em !important;
  color: #737583;
}

.service_reminder h3 {
  font-size: 1em !important;
  color: #737583;


}

::-webkit-scrollbar {
  background-color: white;
}

::-webkit-scrollbar-track {
  background-color: white;
  width: 14px;
}

::-webkit-scrollbar-thumb {
  background-color: gray;
  /* Farbe des Scrollbalken-Thumb */
  border: 1px solid #FFFFFF;
  border-radius: 0 !important;
  /* Abrundungsradius des Thumb */
  background-clip: content-box;
}

.fc-list-table .fc-event {
  background-color: #F5F5F5;
  height: 70px !important;

}

.fc-daygrid-bg-harness .fc-event {
  background-color: #89cc4c !important ;
  height: 85% !important;
  width: 87%;
  border-radius: 0;
}

.fc .fc-bg-event, .fc .fc-highlight, .fc .fc-non-business{
  top: 4px !important;
  left: 5px !important;
}

.fc-daygrid-bg-harness .fc-event::after{
  content: "";
  width: 40px;
  height: 40px;
  background-color: black;
}
.fc .fc-list-event:hover td {
  background-color: rgba(252, 252, 252, 0.49);
  cursor: pointer;
}
.success_termin_data_table{
  margin-bottom: 30px !important;
}
.success_termin_data_table td{
  width: 300px !important;
}
.footer_image_section {
  background-color: black;
  height: 160px;
  width: 100%;
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  position: relative;
  margin-top: -270px;
  /*margin-bottom: -130px;*/

}
.footer-adress-heading{
  text-align: left;
  margin-bottom: 1rem !important;
}
#footer {
  clear: both;
  padding: 60px 15px;
  color: white;
  background-color: #2B2B2B;
  backdrop-filter: blur(20px);
  position: relative;
}

.footer_menu {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, auto);
}

.item_4 {
  grid-row: span 2;
}

.oe_time h4 {
  margin-bottom: 12px;
}

.oe_time p {
  line-height: 1;
  color: #00457b;
  margin: 8px;
  margin-left: 0;
}

.footer_menu h3 {
  font-size: 18px !important;
  color: #00457b !important;
  font-weight: 700 !important;
}

.footer_service {
  color: #00457b;
}

/* Links für den Footer */

.footer_headings {
  text-decoration: none;
  border-bottom: 2px solid transparent;
}

.footer_headings:hover {
  border-bottom-color: #feeb18;
}

.footer_service_link {
  border-bottom: 2px solid transparent;
  text-decoration: none;
}

.footer_service_link:hover {
  border-bottom-color: #feeb18;
}

.service_links {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
}
.service_links li:first-of-type{
  font-family: Lato-Bold;
}

.service_links a {
  line-height: 1.625;
  padding-top: 0.13em;
  padding-bottom: 0.13em;
}

.service_links a {
  text-decoration: none;
  color: #00457b !important;
}

.service_links p {
  line-height: 1.875;
  margin: 0;
  padding: 0;
  color: #00457b !important;
}

/* Footer List Item */
.footer-list-item {
  color: #164C7B;
  font-family: Lato-Reg;
}

/* Wappen Image */
.Wappen_Img {
  height: 5rem;
  position: relative;
  top: 22px;
}

.wappen_image_container {
  display: flex;
  width: 13rem;
  align-items: start;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  grid-column-start: 1;
  grid-column-end: 2;
}

.wappen_image_container img{
  width: 100%;
}

.footer_item_container {
  grid-column-start: 5;
  grid-column-end: 2;
  text-align: end;
  display: flex;
  align-items: center;
  justify-content: center;
}



.adress{
  width: max-content;
  padding-left: 20px;
  height: max-content;
  color: #fff;
  text-align: right;
}
.adress p{
  margin: 0 !important;
  font-size: 0.9rem;
}
.adress h4 {
  margin: 0;
  font-family: Lato-Bold;
}

.ort-2{
  display: flex;
  align-items: center;
  justify-content: end;
  grid-column-start: 5;
  grid-column-end: 6;
  width: 300px !important;
  flex-direction: row;
  box-sizing: border-box;
  position: relative;
  gap: 0;
}

.kontakte {
  margin-bottom: 30px;
}

#footer_content {
  color: #00457b !important;
  width: calc(94rem - 2 * 4.63rem - 1.07rem);
  margin: auto;
}

#footer_content a {
  color: #00457b;
}

#footer_rechtliches,
#footer_rechtliches a {
  color: #fff !important;
  font-size: 1rem;
  /* margin-left: 20px; */
}

.rechtliches_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
}

#footer_content .St_Button:hover {
  border-color: #feeb18;
}
#formpage_save{
  z-index: 999 !important;
}
.footer_buttons {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  justify-content: center;
  margin-top: 3.25rem;
}

.SPi-link {
  height: 1em;
  fill: #fff;
  margin-left: -0.15em;
  margin-right: 0.75em;
  position: static;
  transform: scale(2.5);
}
.formpage_wrapper_step:has(.mainCalendar) {
  min-height: 700px !important;
}
.SPI-link-footer {
  height: 1em;
  fill: #00457b;
  margin-left: -0.15em;

  margin-top: 0.3em;
  position: static;
  transform: scale(2.5);
}

.St_Button {
  padding: 0.7em 0.95em;
  /* padding-right: 60px; */
  background: none;
  border: 3px solid white;
  font-size: 1.13rem;
  line-height: 1.6111111111;
  font-style: normal;
  text-decoration: none;
  display: flex;
  min-height: 2.13rem;
  min-width: 3.13rem;
  align-items: center;
}

.St_Button_Text {
  align-self: center;
  display: inline-flex;
  flex-wrap: wrap;
  margin-bottom: 0.05em;
  color: #fff;
}

.social_headline {
  margin-top: 0;
  margin-bottom: 8px;
  color: #fff !important;
  font-family: Lato-Reg !important;
}

.bottom-right-rechtliches h4{
  font-family: Lato-Light !important;
}

.bottom-right-rechtliches span{
  font-family: Lato-Bold;
  color: #fff !important;
}
.bottom-right-rechtliches span a{
  font-family: Lato-Bold;
}
.social_list {
  display: flex;
  gap: 0.5rem;
}

.footer_social {
  margin-bottom: 2rem;
}

.accessibility {
  grid-area: accessibility;
}

.social_container {
  display: flex;
  justify-content: space-between;
}

.soical_media_icon {
  display: block;
  height: 1.75rem;
  width: 1.75rem;
  transform: scale(1.65);
  fill: #aeaeae;
  transition: color 0.3s ease-in-out;
}

.soical_media_icon:hover {
  fill: #00457b !important;
}

#ota_content {
  padding-bottom: 250px;
}

.konsentas .btn-primary {
  background-color: #048500 !important;
  border-color: transparent !important;
  color: #fff !important;
  font-size: 1.13rem !important;
  line-height: 1.6111111111 !important;
  font-style: normal;
  border-radius: 0 !important;
  font-family: Lato-Bold;
}

.konsentas .btn-secondary {
  color: #000000 !important;
  font-size: 1.13rem !important;
  line-height: 1.6111111111 !important;
  font-style: normal;
  border: none !important;
  background-color: #CED4DB !important;
  font-family: Lato-Bold;
  border-radius: 0 !important;
}

.konsentas.btn-primary:hover {
  background-color: #feeb18 !important;
  border-color: #feeb18 !important;
  color: #26262c !important;
}
#formpage_save a.btn-secondary{
  background-color: #efefef !important;
  border: solid gray 1px !important;
}

.formpage_wrapper_step:has(div > .endbaustein-text){
  background: #fff;
}
.summary-grid{
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}
.grid-row{
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  column-gap: 10px;
  row-gap: 10px;
}
/**************************************************************
*Responsiv Design (Media Querys)                              *
**************************************************************/

/* small mobile Phones*/
@media only screen and (min-width: 17em) and (max-width: 25em) {
  body {
    margin: 0 auto;
    overflow-x: hidden !important;

  }
  #process-options {
    order: 2;
  }
  .konsentas .col-sm-3 {
    order: 0;
  }
  #navbar-wrapper {
    padding-left: 0 !important;
  }
  .konsentas .col-md-6 {
    width: 100% !important;
  }
  .checkbox label .symbol:before{
    width: 5.81rem;
  }
  #vielendankterminbuchungerfolgreich {
    font-size: 22px !important;
  }
  .booking-info-container h1::before {
    content: "Erfolg - ";
    display: inline-block;
    color: #0C6A31;
    font-family: Lato-Black;
    font-size: large;
  }
  .booking-info-container h1::after {
    content: " Terminoption geladen";
    display: inline-block;
    margin-left: -75px;
    color: #0C6A31;
    font-family: Lato-Reg !important;
    font-size: large;
  }
  .footer_menu {
    /*padding-left: 20px;*/
    grid-template-columns: repeat(4, 1fr);
    column-gap: 0;
    grid-template-rows: 1fr 1fr 1fr;
    overflow-x: hidden;
    row-gap: 20px;
    height: max-content !important;
  }
  .ort-1{
    grid-row: 2;
    grid-column: 1;
  }
  .ort-2{
    grid-row: 3;
    grid-column: 1;

  }

  .wappen_image_container {
    grid-row-start: 1;
    justify-content: center;
  }

  .wappen_image_container h1{
    font-size: 30px !important;
  }
  .wappen_image_container h4{
    font-size: 13px !important;
  }
  .footer_item_container {
    grid-row-start: 1;
    grid-column-start: 1;
    text-align: center;
  }

  .col-md-4.logo-container {
    border-radius: 0 0 0 0;
  }

  .rechtliches_row .col-md-4 h4 {
    font-size: 1rem;
    display: flex !important;
    align-items: center !important;
    flex-direction: column !important;
  }

  .rechtliches_row .col-md-4 h4 span {
    font-size: 1rem;
  }

  .Wappen_Img {
    height: 5rem;
    position: relative;
    top: 0;

  }

  #header {
    max-width: 100vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  #logo::after {
    font-size: medium !important;
  }

  #header #heading {
    width: 80% !important;
    height: 6rem;
    text-align: left !important;
    border-radius: 0 !important;
  }

  #header #heading h1 {
    font-size: larger !important;
  }

  .process-wrapper h4 a {
    width: 100% !important;
  }

  .footer_item_container {
    grid-column-start: 1;
    grid-column-end: 2;
    text-align: center;
    grid-row-start: 3;
  }

  .form-control {
    width: 100% !important;
  }

  #navbar-content.col-md-8 {
    min-width: 130px;
    height: 100%;
  }
  accordion{
    overflow-x: hidden;
  }
  .navbar-left .input-group {
    width: 120px !important;

  }


  .logo-container {
    width: 80% !important;

  }
  .radio label .symbol,
  .checkbox label .symbol {
    display: flex;
    flex-direction: column;
  }

  .checkbox label .symbol:before {
    left: 9.9375rem;
    margin-bottom: 0.5rem;
  }

  .fc .fc-toolbar {
    display: flex;
    flex-direction: column;
  }

  .fc-toolbar-chunk {
    flex: 1;
  }

  .konsentas .fc-today-button.fc-today-button {
    margin: 0 !important;
    height: 100% !important;
  }

  .fc .fc-toolbar-title {
    padding: 0 0;
  }

  .fc-toolbar-chunk:nth-child(3) .btn-group {
    flex-direction: row;
    display: flex;
  }

  .konsentas .fc-listWeek-button.fc-listWeek-button {
    border-radius: 0 !important;
    margin: 0 !important;
  }

  .konsentas .fc-dayGridMonth-button.fc-dayGridMonth-button {
    margin: 0 !important;
  }

  .card-body .input-group:nth-child(1) {
    margin-bottom: 8px;
  }

  .konsentas .table tr > th {
    vertical-align: inherit !important;
  }

  .konsentas .table tr > td {
    padding: 12px 8px !important;
  }

  .reminder_success {
    display: flex;
    flex-direction: row;
    gap: 1rem;
  }

  #footer {
    margin-top: 0 !important;
  }


  #footer_content {
    display: flex;
    flex-direction: column;
    max-width: 50vw;
    justify-content: center;
    align-items: center;
  }

  .wappen_image_container {
    width: max-content;
  }
  .wappen_image_container img{
    width: 200px;
    position: relative;
    left: 80px;
  }
  .Wappen_Img {
    height: 5rem;
    position: relative;
    top: 20px;
  }

  .ort-2{
    justify-content: center !important;
    grid-column: 5;
  }
  .adress{
    width: max-content;
  }
  .footer_image_section {
    margin-top: -200px;
  }

  .item_4 {
    order: 99;
  }

  #footer_rechtliches {
    margin: 0;
    text-align: left;
    margin: 0 auto;
  }

  .rechtliches_row {
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    margin-top: 2rem;

  }

  .rechtliches_row .col-md-4 {
    width: 100vw !important;
  }

  .rechtliches_row .col-md-4 h4 {
    font-size: 1rem;
    display: flex !important;
    align-items: center !important;
    flex-direction: column !important;
  }

  .rechtliches_row .col-md-4 h4 span {
    font-size: 1rem;
  }

  #footer_rechtliches > div:nth-child(2) > div.col-md-4 {
    margin-top: 0.5em;
    text-align: left !important;
    font-size: 0.8em;
  }

  .St_Button {
    padding: 10px;
    width: 65vw;
  }

  .col-sm-12 .text-center {
    width: 100vw;
  }

  .konsentas #mainCalendar .card {
    width: 100vw;
  }

  .booking-info-inner span {

  }
  .formpage_wrapper_step:has(div.mainCalendar):has(div.minical){
    height: 1600px !important;
  }
  .booking-info-inner {
    flex-direction: column;
    padding: 20px 20px !important;
    height: max-content !important;
  }

  .booking-info-inner span::before {
    display: none;
  }
  .process-wrapper{
    flex-direction: row !important;
    flex-wrap: wrap;
  }
  .process-wrapper{
    justify-content: center !important;
  }
  .formpage_wrapper_step .fc-view-harness {
    height: 500px !important;
  }

  .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr {
    height: 200px !important;
  }

  div.row:has(div.col-md-6) {
    height: 120px;
  }

  .fc-toolbar-chunk:nth-child(2) {
    width: 300px;
    height: max-content;
    border-radius: 0;
  }

  .fc-toolbar-chunk:nth-child(1) {
    width: 300px;
  }

  .fc-today-button.btn.btn-primary {
    right: 20px;
  }

  .fc-toolbar-chunk:nth-child(1) .btn-group button:nth-of-type(2) {
    left: 110px;
  }

  .fc-toolbar-chunk:nth-child(3) {
    width: 300px;
    height: 20px;
  }

  .btn-group .fc-listWeek-button.btn.btn-primary.active{
    background-color: #000000 !important;
    border-radius: 0 !important;
    color: white !important;
  }
  :root .btn-group .fc-listDay-button.btn.btn-primary.active{
    background-color: #000000 !important;
    border-radius: 0 !important;
    color: white !important;
  }
  .btn-group .fc-dayGridMonth-button.btn.btn-primary.active{
    background-color: #000000 !important;
    border-radius: 0 !important;
    color: white !important;
  }
  #navbar-wrapper.container{
    flex-wrap: wrap;
    height: max-content !important;
    max-width: 100% !important;

  }
  .navbar-left .input-group{
    width: 210px !important;
  }
  .btn-group .fc-listWeek-button.btn.btn-primary {
    background-color: transparent !important;
    border-radius: 25px !important;
    height: 55px !important;
  }

  :root .btn-group .fc-listDay-button.btn.btn-primary {
    background-color: transparent !important;
    border-radius: 25px !important;
    height: 55px !important;
  }

  .btn-group .fc-dayGridMonth-button.btn.btn-primary {

    border-radius: 25px !important;
    height: 55px !important;
  }

  .fc-header-toolbar button, .konsentas .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .konsentas .btn-group > .btn:last-child:not(:first-child) {
    height: 55px !important;
  }

  #logo {
    width: 5rem !important;
    bottom: 0px !important;
  }

  .logo-container {
    height: 70px !important;
  }

  .footnote {
    word-break: break-word !important;
  }

  #logo::after {
    font-size: large;
    top: 50px !important;
    left: 100px;
    width: max-content !important;
  }

  .col-md-6:has(div.input-group) {
    width: 300px;
  }

  div.row:has(div.col-md-6) {
    justify-content: center !important;
    margin: 0 !important;
  }

  .minical .col-md-6 .card .card-body .fc-header-toolbar {
    flex-direction: row !important;
  }

  .minical .col-md-6 .card .card-body .fc-header-toolbar .fc-toolbar-chunk:nth-child(2) .fc-toolbar-title {
    font-size: medium !important;
  }

  .minical .col-md-6 .card .card-body .fc-header-toolbar .fc-toolbar-chunk:nth-child(1) {
    padding: 0 !important;
    justify-content: center !important;
  }

  .formpage_wrapper_step:has(.mainCalendar) {
    min-height: 845px !important;
  }
  .social_headline{
    font-size: small !important;
  }
  #navbar-content .h4 h2{
    font-size: 16px !important;
  }
  /*anfang header grid*/
  #navbar-wrapper{
    height: max-content !important;

  }
  .konsentas .col-md-8{
    width: 100% !important;
  }
  #filterSection{
    grid-row: 2;
    grid-column: 1;
    height: 10px;
  }
  #navbar-content #total-duration{
    height: 85%;
  }
  #navbar-wrapper.container {
    background-color: #fff !important;
    height: 70px;
    align-items: center !important;
    justify-content: space-around !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    padding-right: 0 !important;
    margin-bottom: 0 !important;
  }
  #navbar-content span h2 {
    font-size: 16px;
    display: inline !important;
  }

  #navbar-content span{
    grid-column: 1;
    grid-row: 1;
  }
  #navbar-content.col-md-8{
    min-width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    column-gap: 0 !important;
  }
  #navbar-wrapper .row {
    padding: 10px
  }
  .navbar-left .input-group{
    width: 100% !important;
  }
  .row:has(div#navbar-content){
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row: 1;
    justify-content: start !important;
  }
  .konsentas .process-title .accordion-button{
    width: 100% !important;
  }
  #navbar-wrapper>div:nth-child(2) {
    justify-content: start;
    grid-row: 2;
    grid-column-start: 1;
    grid-column-end: 3;
  }
  #navbar-content #total-duration{
    grid-row: 2 !important;
    grid-column: 1 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  #navbar-content #services-count{
    grid-row: 2;
    grid-column: 1;
    margin-left: 0 !important;
    padding: 5px !important;
  }
  /*ende header grid*/
}
/*Mobile Phones*/
@media only screen and (min-width: 25em) and (max-width: 37em) {
  body {
    margin: 0 auto;
    overflow-x: hidden !important ;
  }
  #logo::after{
    font-size: larger !important;

  }
  .minical .col-md-6 .card .card-body .fc-header-toolbar{
    flex-direction: row !important;
  }
  #header {
    max-width: 100vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .checkbox label .symbol:before{
    width: 4.81rem;
  }
  .form-control{
    width: 100% !important;
  }
  #navbar-content.col-md-8 {
    min-width: 100px;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 100%;
  }
  .navbar-left .input-group{
    width: 200px !important;
  }
  .formpage_wrapper_step:has(div.mainCalendar):has(div.minical){
    height: 1400px !important;
  }

  .footnote{
    word-wrap: break-word !important;
  }
  #header #heading {
    width: 80% !important;
    height: 6rem;
    text-align: left !important;
    border-radius: 0 !important;
  }

  .logo-container {
    width: 80% !important;
  }

  #navbar-wrapper {
    margin: 0 auto 5rem !important;
    /*padding: 0 1rem !important;*/
  }

  #formpage_wrapper {
    background-color: transparent !important;
  }


  .process-wrapper {
    text-align: center;
  }

  .accordion-header {
    max-width: 100% !important;
  }
  .footer_menu {
    grid-template-columns: repeat(1, 1fr) !important;
    column-gap: 0;
    grid-template-rows: 1fr 1fr 1fr;
    overflow-x: hidden;
    row-gap: 20px;
  }
  .ort-1{
    grid-row: 2;
    grid-column: 1;
  }
  .ort-2{
    grid-row: 3;
    grid-column:1;
    width: 100% !important;
  }
  #vielendankterminbuchungerfolgreich {
    font-size: 24px !important;
  }
  .wappen_image_container {
    display: flex;
    align-items: center;
    justify-content: start;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
  }
  .wappen_image_container h1{
    font-size: 30px !important;
  }
  .wappen_image_container h4{
    font-size: 13px !important;
  }
  .department-card::after {
    width: 89%;
  }
  .header-background-img{
    width: 100vw;
      height: 16rem;
  }
  .radio label .symbol,
  .checkbox label .symbol {
    display: flex;
    flex-direction: column;
  }

  .checkbox label .symbol:before {
    left: 9.9375rem;
    margin-bottom: 0.5rem;
  }

  .fc .fc-toolbar {
    display: flex;
    flex-direction: column;
    height: max-content !important;
  }
  .konsentas .col-md-6 {
    width: 100% !important;
  }
  .fc-toolbar-chunk {
    flex: 1;
  }
  #process-options {
    order: 2;
  }
  .konsentas .col-sm-3 {
    order: 0;
  }
  .konsentas .fc-today-button.fc-today-button {
    margin: 0 !important;
  }

  .fc .fc-toolbar-title {
    padding: 20px 0;
  }

  .fc-toolbar-chunk:nth-child(3) .btn-group {
    display: flex;
    flex-direction: row;

  }
  #navbar-wrapper.container{
    flex-wrap: wrap;
    height: max-content !important;
    max-width: 100% !important;

  }
  .navbar-left .input-group{
    width: 260px !important;
  }
  .konsentas .fc-listWeek-button.fc-listWeek-button {
    border-radius: 0 !important;
    margin: 0 !important;
  }

  .konsentas .fc-dayGridMonth-button.fc-dayGridMonth-button {
    margin: 0 !important;
  }

  .checkbox label .symbol:before {
    margin-bottom: 0.5rem;
  }

  button[title="Diese Woche"] {
    margin-left: 0 !important;

  }

  .fc-toolbar-chunk button {
    background-color: #5d942b !important;
  }

  /*#footer {
    height: 100%;
  }*/

  .reminder_success {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .reminder_bottom_container {
    margin-top: 1rem;
  }

  .reminder_print {
    margin-top: 0.5rem !important;
  }

  #footer_content {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    margin: 0 auto;
  }

  .wappen_image_container{
    grid-row-start: 1;
    justify-content: center;
  }
  .footer_item_container{
    grid-row-start:1;
    grid-column-start: 1;
    text-align: center;
  }

  .col-md-4.logo-container{
    border-radius: 0 0 0 0;
  }
  .rechtliches_row .col-md-4 h4{
    font-size: 1rem;
    display: flex !important;
    align-items: center !important;
    flex-direction: column !important;
  }
  .rechtliches_row .col-md-4 h4 span{
    font-size: 1rem;
  }
  .Wappen_Img {
    height: 5rem;
    position: relative;
    top: 40px;

  }
  .item_4 {
    grid-row: 4;
    grid-column: span 2;
    margin: 0 auto;
  }

  .rechtliches_row {
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    margin-top: 2rem;
  }

  #footer_rechtliches {
    margin: 0;
    text-align: left;
  }

  #footer_rechtliches>div:nth-child(2)>div.col-md-4 {
    margin-top: 0.5em;
    text-align: left !important;
    font-size: 0.8em;
  }
  .booking-info-inner{
    flex-direction: column;
    padding: 20px 20px !important;
    height: max-content !important;
  }
  .booking-info-inner span::before{
    display: none;
  }


  #logo{
    width: 6rem !important;
  }
  .logo-container{
    height: 80px !important;
  }
  #logo::after {
    font-size: medium !important;
    top: 50px !important;
    left: 100px !important;
    width: max-content !important;
  }
  .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr{
    height: 200px !important;
  }
  div.row:has(div.col-md-6){
    height: 120px;
  }
  .fc-toolbar-chunk:nth-child(2){
    width: 400px;
    height: max-content;
    border-radius: 5px;
  }
  .fc-toolbar-chunk:nth-child(1){
    width: 400px;
  }
  .fc-today-button.btn.btn-primary{
    right: -20px;
  }
  .fc-toolbar-chunk:nth-child(1) .btn-group button:nth-of-type(2){
    left: 195px;
  }
  .fc-toolbar-chunk:nth-child(3){
    width: 400px;
    height: 20px;
  }

  .process-wrapper{
    flex-direction: row !important;
    flex-wrap: wrap;
  }
  .btn-group .fc-listWeek-button.btn.btn-primary.active{
    background-color: #000000 !important;
    border-radius: 0 !important;
    color: white !important;
  }
  :root .btn-group .fc-listDay-button.btn.btn-primary.active{
    background-color: #000000 !important;
    border-radius: 0 !important;
    color: white !important;
  }
  .btn-group .fc-dayGridMonth-button.btn.btn-primary.active{
    background-color: #000000 !important;
    border-radius: 0!important;
    color: white !important;
  }
  .btn-group .fc-listWeek-button.btn.btn-primary{
    background-color: transparent !important;
    border-radius: 0 !important;
    height: 55px !important;
  }
  :root .btn-group .fc-listDay-button.btn.btn-primary{
    background-color: transparent !important;
    border-radius: 25px !important;
    height: 55px !important;
  }
  .btn-group .fc-dayGridMonth-button.btn.btn-primary{

    border-radius: 25px !important;
    height: 55px !important;
  }
  .fc-header-toolbar button, .konsentas .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle), .konsentas .btn-group>.btn:last-child:not(:first-child){
    height: 55px !important;
  }
  .col-md-6:has(div.input-group){
    width: 400px;
  }
  div.row:has(div.col-md-6){
    justify-content: center !important;
    margin: 0 !important;
  }
  .minical .col-md-6 .card .card-body .fc-header-toolbar .fc-toolbar-chunk:nth-child(1){
    padding: 0 !important;
  }

  #ota_content #formpage_wrapper{
    min-height: 730px !important;
  }
  /*anfang header grid*/
  #navbar-wrapper{
    height: max-content !important;
  }
  .konsentas .col-md-8{
    width: 100% !important;
  }
  #filterSection{
    grid-row: 2;
    grid-column: 1;
    height: 10px;
  }
  #navbar-content #total-duration{
    height: 85%;
  }
  #navbar-wrapper.container {
    background-color: #048500 !important;
    height: 70px;
    align-items: center !important;
    justify-content: space-around !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 10px
  }
  #navbar-content span h2 {
    font-size: 16px;

  }
  #navbar-content.col-md-8{
    min-width: 300px !important;
  }
  #navbar-wrapper .row {
    padding: 20px
  }
  .navbar-left .input-group{
    width: 100% !important;
  }
  .row:has(div#navbar-content){
    grid-column: 1 / 3;
    grid-row: 1;
    justify-content: start !important;
  }

  #navbar-wrapper>div:nth-child(2) {
    justify-content: start;
    grid-row: 2;
    grid-column-start: 1;
    grid-column-end: 3;
  }

  /*ende header grid*/
}

@media only screen and (min-width: 37em) and (max-width: 48em) {
  body {
    margin: 0 auto;
  }
  .col-md-6 .input-group{
    width: 100% !important;
  }

  .footer_menu{
    column-gap: 0 !important;
  }
  #header {
    max-width: 100vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .formpage_wrapper_step:has(.mainCalendar) {
    min-height: 1400px !important;
  }
  #header #heading {
    width: 60% !important;
    height: 6rem;
    text-align: left !important;
    border-radius: 0 !important;
  }
  .booking-info-inner span{
    font-size: 14px !important;
  }
  .form-control{
    width: 100% !important;
  }
  .process-wrapper h4 a {
    width: 100% !important;
  }
  #navbar-content.col-md-8 {
    min-width: 100px;
    display: flex !important;
    align-items: center !important;
    justify-content: start !important;
    height: 100%;
  }
  .navbar-left .input-group{
    width: 200px !important;
  }


  #navbar-wrapper {
    margin: 0 auto 5rem !important;
    padding-right: 2.5rem !important;
  }

  .col-md-4.logo-container{
    border-radius: 0 0 0 0 !important;
  }
  button[title="Diese Woche"] {
    margin-left: 0 !important;
  }

  .process-wrapper {
    text-align: center;
  }

  .accordion-header {
    max-width: 100% !important;
  }

  .radio label .symbol,
  .checkbox label .symbol {
    display: flex;
    flex-direction: column;
  }

  .checkbox label .symbol:before {
    margin-bottom: 0.5rem;
  }
  .konsentas .col-md-6 {
    width: 100% !important;
  }
  #footer{
    width: 100vw;
  }

  #footer_content {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    margin: 0 auto;
  }


  .footer_menu {
    padding-left: 20px;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 0;
    grid-template-rows: 1fr 1fr;
    overflow-x: hidden;
  }
  .ort-1{
    grid-row: 2;
    grid-column: 1;
  }
  .ort-2{
    grid-row: 2;
    grid-column: 5;

  }

  .footer_image_section{
    margin-top: -200px;
  }
  #footer_rechtliches {
    margin: 0;
    text-align: left;
  }
  .rechtliches_row {
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    margin-top: 2rem;

  }
  #navbar-wrapper.container{
    flex-wrap: wrap;
    max-width: 100% !important;
    justify-content: space-between !important;
  }

  .navbar-left .input-group{
    width: 260px !important;
  }
  .rechtliches_row .col-md-4{
    width: 100vw !important;
  }

  .rechtliches_row .col-md-4 h4{
    font-size: 1rem;
    display: flex !important;
    align-items: center !important;
    flex-direction: column !important;
  }
  .rechtliches_row .col-md-4 h4 span{
    font-size: 1rem;
  }
  #footer_rechtliches>div:nth-child(2)>div.col-md-4 {
    margin-top: 0.5em;
    text-align: left !important;
    font-size: 0.8em;
  }

  .footer_links {
    text-align: left !important;
  }
  #logo{
    width: 6rem !important;
    bottom: 0px !important;
  }
  .logo-container{
    height: 100px !important;
  }
  #logo::after{
    font-size: medium;
    top: 50px !important;
    left: 100px ;
  }
  .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr{
    height: 100px !important;
  }
  div.row:has(div.col-md-6){
    height: 120px;
  }
  .fc-toolbar-chunk:nth-child(2){
    height: max-content;

  }
  .fc-toolbar-chunk:nth-child(1){

  }
  .fc-today-button.btn.btn-primary{
    right: 20px;
  }
  .fc-toolbar-chunk:nth-child(1) .btn-group button:nth-of-type(2){
    left: 110px;
  }
  .fc-toolbar-chunk:nth-child(3){
    height: 40px;
  }
  .btn-group .fc-listWeek-button.btn.btn-primary.active{
    background-color: #000000 !important;
    border-radius: 0 !important;
    color: white !important;
  }
  :root .btn-group .fc-listDay-button.btn.btn-primary.active{
    background-color: #000000 !important;
    border-radius: 0 !important;
    color: white !important;
  }
  .btn-group .fc-dayGridMonth-button.btn.btn-primary.active{
    background-color: #000000 !important;
    border-radius: 0 !important;
    color: white !important;
  }
  .btn-group .fc-listWeek-button.btn.btn-primary{
    background-color: transparent !important;
    border-radius: 25px !important;
    height: 40px !important;
  }
  :root .btn-group .fc-listDay-button.btn.btn-primary{
    background-color: transparent !important;
    border-radius: 25px !important;
    height: 40px !important;
  }
  .btn-group .fc-dayGridMonth-button.btn.btn-primary{

    border-radius: 25px !important;
    height: 40px !important;
  }
  .fc-header-toolbar button, .konsentas .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle), .konsentas .btn-group>.btn:last-child:not(:first-child){
    height: 40px !important;
  }
  /*anfang header grid*/
  #navbar-wrapper{
    height: max-content !important;
  }
  .konsentas .col-md-8{
    width: 100% !important;
  }
  #filterSection{
    grid-row: 2;
    grid-column: 1;
    height: 10px;
  }
  #navbar-content #total-duration{
    height: 85%;
  }
  #navbar-wrapper.container {
    background-color: #048500 !important;
    height: 70px;
    align-items: center !important;
    justify-content: space-around !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 10px
  }
  #navbar-content span h2 {
    font-size: 16px;
  }
  #navbar-content.col-md-8{
    min-width: 440px !important;
  }
  #navbar-wrapper .row {
    padding: 20px
  }
  .navbar-left .input-group{
    width: 100% !important;
  }
  .row:has(div#navbar-content){
    grid-column: 1/3;
    grid-row: 1;
    justify-content: start !important;
  }

  #navbar-wrapper>div:nth-child(2) {
    justify-content: start;
    grid-row: 2;
    grid-column-start: 1;
    grid-column-end: 3;
  }

  /*ende header grid*/
}

@media only screen and (min-width: 48em) and (max-width: 75em) {
  body {
    margin: 0 auto;
  }
  .col-md-6 .input-group{
    width: 300px !important;
  }
  .col-md-4.logo-container{
    border-radius: 0 0 0 0 !important;
  }
  #header {
    max-width: 100vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .header-background-img {
    width: 100%;
  }
  .header-container {
    margin-bottom: 0rem;
  }

  #header #heading {
    width: 60% !important;
    height: 6rem;
    text-align: left !important;
    border-radius: 0 !important;
  }
  .form-control{
    width: 100% !important;
  }
  #navbar-content.col-md-8 {
    min-width: 400px;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 100%;
  }
  .navbar-left .input-group{
    width: 300px !important;
  }
  /*#services-count{*/
  /*  display: none !important;*/
  /*}*/
  #navbar-wrapper {
    margin: 0 auto 5rem !important;
    max-width: 100% !important;
  }

  .radio label .symbol,
  .checkbox label .symbol {
    display: flex;
    flex-direction: column;
  }

  .checkbox label .symbol:before {
    margin-bottom: 0.5rem;
  }

  /*#footer {
    height: 100%;
  }*/

  #footer_content {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    margin: 0 auto;
  }


  .footer_menu {
    grid-template-columns: repeat(4, 1fr);
    column-gap: 0;
    grid-template-rows: 1fr;
  }
  .ort-1{
    grid-row: 2;
    grid-column: 1;
  }
  .ort-2{
    grid-row: 1 ;
    grid-column: 5;
  }
  .footer_menu h3 {
    font-size: 16px;
    line-height: 1.5;
  }

  #footer_rechtliches {
    margin: 0;
    text-align: left;
  }
  #navbar-wrapper.container{
    flex-wrap: wrap;
  }
  .navbar-left .input-group{
    width: 260px !important;
  }
  #footer_rechtliches>div:nth-child(2)>div.col-md-4 {
    margin-top: 0.5em;
    text-align: left !important;
    font-size: 0.8em;
  }

  .footer_links {
    text-align: left !important;
  }
  #logo{
    width: 5rem !important;
    bottom: 0px !important;
  }
  .logo-container{
    height: 70px !important;
  }
  #logo::after{
    font-size: large;
    top: 50px !important;
    left: 100px;
  }
  .row .col-sm-12{
    margin: auto;
    width: 60% !important;
  }
  #ota_content #formpage_wrapper{
    min-height: 1200px !important;
  }
  /*anfang header grid*/
  #navbar-wrapper{
    height: max-content !important;
  }
  .konsentas .col-md-8{
    width: 100% !important;
  }
  #filterSection{
    grid-row: 2;
    grid-column: 1;
    height: 10px;
  }
  #navbar-content #total-duration{
    height: 85%;
  }
  #navbar-wrapper.container {
    background-color: #048500 !important;
    height: 70px;
    align-items: center !important;
    justify-content: space-around !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 10px
  }
  #navbar-content span h2 {
    font-size: 16px;
  }
  #navbar-content.col-md-8{
    min-width: 440px !important;
  }
  #navbar-wrapper .row {
    padding: 20px
  }
  .navbar-left .input-group{
    width: 100% !important;
  }
  .row:has(div#navbar-content){
    grid-column: 1;
    grid-row: 1;
  }

  #navbar-wrapper>div:nth-child(2) {
    justify-content: start;
    grid-row: 1;
    grid-column: 2;
  }

  /*ende header grid*/
}

@media only screen and (min-width: 65em) and (max-width: 87em) {
  body {
    margin: 0 auto;
  }

  /*#header {
    max-width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }*/

  .header-container {
    margin-bottom: 0;
  }

  /*.logo-container{
    width: 90% !important;
  }
.
  #header #heading {
    width: 90% !important;
    height: 6re   text-align: left !important;
  }*/

}
#navbar-wrapper {
  margin: 0 auto 10mm !important;
}

.radio label .symbol,
.checkbox label .symbol {
  display: flex;
  flex-direction: row;
}

.checkbox label .symbol:before {
  margin-bottom: 0.5rem;
}

/*#footer {
  height: 100%;
}*/

#footer_content {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  margin: 0 auto;
}

.footer_menu {
  grid-template-columns: repeat(5, 1fr);
  column-gap: 0;
}

.footer_menu h3 {
  font-size: 16px;
  line-height: 1.5;
}

#footer_rechtliches {
  margin: 0;
  text-align: left;
}

#footer_rechtliches>div:nth-child(2)>div.col-md-4 {
  margin-top: 0.5em;
  text-align: left !important;
  font-size: 0.8em;
}

.footer_links {
  text-align: left !important;
}


#navbar-content span h2{
  font-family: Lato-Light;
}

.fc-daygrid-event-harness a{
  color: #000000 !important;
  font-family: Lato-Light !important;
  font-size: small !important;
}

.fc-daygrid-event-dot{
  border-color: #00E824 !important;
  border-width: 5px !important;
  border-radius: 50px !important;
}
.fc-event-title{
  font-family: Lato-Reg !important;
}

.fc-daygrid-more-link.fc-more-link{
  font-family: Lato-Reg !important;
  color: #000000 !important;
}

.fc-list-event-title a{
  color: #000000 !important;
  font-family: Lato-Reg !important;
}
.fc-toolbar-title{
  font-size: medium !important;
  font-family: Lato-Reg !important;
}

.col-md-6 .input-group .input-group-text:has(i) .fa-clock-o{
  display: none !important;
}
.col-md-6 .input-group .input-group-text:has(i){
  position: relative;
  left: 40px;
}
.endbaustein-text{
  word-wrap: break-word;
  color: #000000;
  max-width: 1200px;
  margin: auto;
}