@charset "UTF-8";
@import url(tabelle.css);
@import url(verhandlung.css);
.containerButtons {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 1em;
  min-height: 50px; }
  .containerButtons form {
    grid-column: 2; }
  .containerButtons button {
    background: inherit;
    width: 100%;
    height: 100%; }
  .containerButtons #back {
    background: #28760a; }
  .containerButtons #new {
    background: #f4a460; }
  .containerButtons #weiter {
    background: #6495ed; }
  .containerButtons #delet {
    background: orangered; }

#save {
  background: yellowgreen;
  min-height: 50px; }

#sidebar {
  list-style: none;
  position: fixed;
  top: 30%;
  right: 0%;
  background: lightsalmon;
  padding: 1em;
  z-index: 99999; }
  #sidebar li {
    border: 1px black solid;
    background: #9e9e9e;
    padding: 0.4em;
    margin-bottom: 10px; }

sidebar {
  display: grid;
  background: #f1d6b8; }
  sidebar button {
    width: 100%;
    padding: 1em; }
  sidebar #teamButton {
    background: #efc69b; }
  sidebar #workshopButton {
    background: #f1d6b8; }
  sidebar #verbesserung {
    background: #dac6b5; }
  sidebar #ausloggen {
    background: #da475b; }
  sidebar #benutzeranlegen {
    background: #da9396; }

sidebar .mainNav, #header .mainNav {
  display: grid; }
sidebar ul, #header ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 1em;
  list-style: none;
  margin-right: 2em; }

#header {
  display: grid;
  background: #b9d2b1; }
  #header nav button {
    padding: 1em; }
  #header nav button {
    width: 100%; }
  #header nav li:nth-of-type(1) button {
    background: #6495ed; }
  #header nav li:nth-of-type(2) button {
    background: yellowgreen; }
  #header nav li:nth-of-type(3) button {
    background: orangered; }
  #header nav li:nth-of-type(4) button {
    background: #28760a; }
  #header nav li:nth-of-type(5) button {
    background: #f4a460; }
  #header nav li:nth-of-type(6) button {
    background: #cd5c5c; }

#neuerAuftrag {
  justify-self: center; }
  #neuerAuftrag button {
    background: #f4a460;
    padding: 1em; }

#verhandlung_form {
  display: grid;
  grid-row-gap: 2em; }
  #verhandlung_form .containerButtons {
    grid-column: inherit; }
  #verhandlung_form #erinnerungs_mail, #verhandlung_form #erinnerungsmail_kontaktversuch, #verhandlung_form #abklärung_Angebot {
    bottom: 25px; }
  #verhandlung_form .angebotAngenommenLabel, #verhandlung_form .verhandlungOhneAbschluss {
    position: relative;
    top: 0.5em;
    left: 2em; }

.anfrage .container2Buttons {
  display: grid; }
.anfrage .zustaendigkeit {
  background-image: inherit; }

#abschnitt_workshop {
  grid-column: 1/4;
  display: grid;
  grid-row-gap: 1em; }
  #abschnitt_workshop #abschnitt_workshop_anzahl {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: end;
    grid-column: span 3; }

#auftrag_form {
  display: grid;
  grid-row-gap: 4em;
  margin-top: 2em; }

#anfrage_form {
  display: grid;
  grid-column-gap: 2em;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 3em;
  margin-top: 2em;
  align-items: end; }
  #anfrage_form h1 {
    grid-column: span 3; }
  #anfrage_form .container_workshops {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 2em;
    -ms-grid-column: span 4;
    grid-column: span 4; }
    #anfrage_form .container_workshops .anzahl {
      grid-row: 2; }
      #anfrage_form .container_workshops .anzahl .anzahl_workshop_Label {
        bottom: 33px !important;
        font-size: 0.8em; }
    #anfrage_form .container_workshops .container_workshop_select {
      display: grid;
      grid-template-columns: 0.5fr 1fr;
      grid-column-gap: 2em;
      height: 29px;
      width: 343px; }
      #anfrage_form .container_workshops .container_workshop_select select {
        min-width: 158px; }
    #anfrage_form .container_workshops #moreWorkshops {
      grid-column: 3;
      grid-row: 1; }
      #anfrage_form .container_workshops #moreWorkshops button {
        width: 35px; }
  #anfrage_form #anzahl {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: end; }
  #anfrage_form #more_Worksop_conatiner {
    display: grid;
    grid-column-gap: 2em;
    grid-template-columns: 1fr; }
    #anfrage_form #more_Worksop_conatiner #myContent {
      display: grid; }
      #anfrage_form #more_Worksop_conatiner #myContent .container_workshop_select {
        display: grid;
        grid-template-columns: 0.6fr 1fr; }
    #anfrage_form #more_Worksop_conatiner #moreWorkshops {
      grid-column: 1;
      grid-row: 1/3; }
    #anfrage_form #more_Worksop_conatiner .anzahl_workshop_Label {
      bottom: 33px !important;
      font-size: 0.8em; }
  #anfrage_form .ganzenKollegium:checked ~ .teilnehmer {
    display: none; }
  #anfrage_form .ganzenKollegium .ganzenKollegiumLabel {
    bottom: 22px;
    left: 44px; }
  #anfrage_form .datum {
    align-self: end;
    justify-self: center;
    grid-column: 2/4; }
    #anfrage_form .datum .datumLabel {
      bottom: 34px;
      font-size: 0.8em; }
    #anfrage_form .datum .abstandRechts {
      margin-right: 2em;
      min-width: 300px; }
    #anfrage_form .datum label {
      align-self: start; }
  #anfrage_form .mehrereDatums {
    height: 20px;
    max-width: 224px !important; }
  #anfrage_form .mehrereDatumsLabel {
    white-space: nowrap; }
  #anfrage_form .mdc-select {
    background-image: inherit !important; }
  #anfrage_form .mdc-select__label--float-above {
    bottom: 20px; }
  #anfrage_form .wegWer {
    align-items: end;
    grid-column: 1/4;
    grid-template-columns: 1fr 1fr 1fr;
    display: grid; }
  #anfrage_form .institution {
    grid-column: 1/4;
    display: grid;
    grid-column-gap: 1em;
    grid-template-columns: repeat(3, 1fr); }
  #anfrage_form label {
    align-self: end; }
  #anfrage_form .kontakt {
    grid-column: 1/4;
    display: grid;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-columns: repeat(3, 1fr); }
    #anfrage_form .kontakt .zustaendigkeit {
      align-self: end; }
  #anfrage_form .details {
    grid-column: 1/4;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 3em; }
    #anfrage_form .details .ganzenKollegium {
      align-self: end; }
      #anfrage_form .details .ganzenKollegium .ganzenKollegiumLabel {
        bottom: 21px;
        left: 44px; }
    #anfrage_form .details .workshops {
      align-self: end; }
    #anfrage_form .details .container {
      display: grid;
      grid-template-columns: 0.6fr 0.2fr; }
  #anfrage_form .notizen {
    grid-column: 1/4; }
    #anfrage_form .notizen textarea {
      width: 80vw; }
  #anfrage_form #send {
    background: yellowgreen;
    grid-column: 2;
    min-height: 48px;
    margin-bottom: 2em; }

#sendTop {
  background: yellowgreen;
  grid-column: 1/4;
  grid-column-start: 3;
  min-height: 48px; }

#einzel_Auftrag {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-row-gap: 3em;
  margin-top: 2em;
  justify-self: center; }
  #einzel_Auftrag .container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1.2fr 0.8fr; }
  #einzel_Auftrag .protokoll {
    grid-column: 1/5; }
  #einzel_Auftrag .containerButtons {
    grid-column: 4; }
    #einzel_Auftrag .containerButtons #verhandlung {
      white-space: nowrap;
      background: #6495ed; }
    #einzel_Auftrag .containerButtons #edit {
      background: yellowgreen; }
  #einzel_Auftrag .container-beschreibung {
    grid-column: 1/4;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0.2fr 0.8fr; }

#instutition, .kunden_Container, .kleinesForm, .institutionForm {
  display: grid;
  grid-template-columns: 1fr 1fr 0.5fr;
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  margin-bottom: 4em; }
  #instutition #mitarbeiter, .kunden_Container #mitarbeiter, .kleinesForm #mitarbeiter, .institutionForm #mitarbeiter {
    grid-column: 1/4;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2em; }
  #instutition .container_Workshops, .kunden_Container .container_Workshops, .kleinesForm .container_Workshops, .institutionForm .container_Workshops {
    grid-column: 1/4;
    grid-row: 3; }

.institutionForm #InstitutionsLeiter {
  grid-column: span 3;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 2em; }
  .institutionForm #InstitutionsLeiter h3 {
    grid-column: span 3; }

.kunden_Container {
  grid-column: 1/4; }
  .kunden_Container h2 {
    grid-column: 1/4; }

#institution_container {
  display: grid;
  grid-row-gap: 1em; }
  #institution_container .mdc-switch {
    display: grid;
    grid-row-gap: 0.5em;
    grid-template-columns: 0.2fr 1fr; }

.kleinesForm .containerButtons, .institutionForm .containerButtons {
  grid-template-columns: 1fr 1fr;
  grid-column: 2/4; }
.kleinesForm #kategorie_container, .institutionForm #kategorie_container {
  display: grid;
  justify-self: center;
  align-self: end;
  grid-row: span 2; }
.kleinesForm .mdc-switch, .institutionForm .mdc-switch {
  align-self: center; }

.kleinesForm .notiz {
  grid-row: 2;
  grid-column: 1;
  margin-top: 54px; }

.kundenForm .mainForm {
  grid-column: 1/4;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 2em; }
.kundenForm table {
  grid-column: 1/4; }
.kundenForm .containerSuche {
  grid-column: 1/4; }

#moeglicheReferneten {
  display: grid;
  grid-template-columns: 1fr 0.3fr;
  grid-row-gap: 1em;
  align-items: center; }

.containerFormularPlanung {
  display: grid;
  grid-row-gap: 5em; }
  .containerFormularPlanung .notizen {
    width: 100%; }
  .containerFormularPlanung #forum_name_container {
    grid-column: span 2;
    width: 50%; }
  .containerFormularPlanung .switchContainer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 1em; }
    .containerFormularPlanung .switchContainer .mdc-switch {
      grid-column: 2;
      margin-left: 1em; }
    .containerFormularPlanung .switchContainer .createVoting {
      grid-row: 5; }
    .containerFormularPlanung .switchContainer .switchContainerDatum {
      grid-column: span 2;
      width: 50%; }
  .containerFormularPlanung .wrapper {
    display: grid;
    grid-template-columns: 20% 11% 19% 30%;
    grid-column-gap: 1em;
    grid-row-gap: 2em;
    margin-top: 3em; }
    .containerFormularPlanung .wrapper .sectionDatum .mdc-text-field__input {
      min-width: inherit !important; }
    .containerFormularPlanung .wrapper .sectionDatum .datumLabel {
      bottom: 25px !important; }
    .containerFormularPlanung .wrapper .mdc-select .mdc-select__label {
      bottom: 14px; }
    .containerFormularPlanung .wrapper .notizen {
      margin: inherit; }
  .containerFormularPlanung .containerButtons {
    grid-column: inherit !important; }

.mdc-select {
  background-image: inherit !important; }

.beschreibung {
  grid-column: 1/4; }

.einzel_ansicht {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 1em;
  grid-row-gap: 3em;
  margin: 2em 0; }
  .einzel_ansicht .containerButtons {
    grid-column: 4; }
  .einzel_ansicht .container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1.5em 1fr; }
    .einzel_ansicht .container .titel {
      color: #6495ed;
      font-size: 0.9em; }
  .einzel_ansicht #erstellen_abstimmung_am {
    grid-column: span 2; }
  .einzel_ansicht #forum_erstellt, .einzel_ansicht #evaluation_erstellt, .einzel_ansicht #rechnung_verschickt, .einzel_ansicht #ttt_datum, .einzel_ansicht #siS_SuS_datum {
    grid-column: span 3; }
  .einzel_ansicht #protokoll, .einzel_ansicht #erinnerungsMail_am, .einzel_ansicht #beschreibung {
    grid-column: span 4; }
  .einzel_ansicht #protokoll .value {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 1em; }

#formulare {
  display: grid;
  grid-row-gap: 8em; }

#login_bereich {
  display: grid;
  justify-items: center;
  grid-row-gap: 2em; }

#passwortResetLabel {
  left: -139px;
  top: 20px;
  font-size: 14px; }

body {
  margin: auto 5%;
  display: grid; }

h1, h2, h3 {
  text-align: center; }

.mdc-text-field__input {
  min-width: 20em; }

input[readonly] {
  background-color: rgba(0, 0, 255, 0.46); }

input[readonly]::after {
  content: "hallo"; }

.hide {
  display: none !important; }

#content {
  display: grid; }
  #content #buttton_neuer_Auftrag {
    justify-self: center;
    margin: 3em 0; }
    #content #buttton_neuer_Auftrag button {
      background: yellowgreen;
      padding: 1em; }

#neue_anfrage_button {
  background: #b9d2b1; }

@media (max-width: 35em) {
  body {
    margin: 0; }

  #header {
    grid-template-columns: 1fr;
    width: 20em; }
    #header .space {
      display: none; }
    #header ul {
      grid-template-columns: 1fr !important;
      margin-left: -3em; }

  #einzel_ansicht {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 3em;
    margin-top: 2em; }
    #einzel_ansicht .containerButtons {
      grid-column: 1; }
    #einzel_ansicht .container {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: 0.2fr 0.8fr; }
      #einzel_ansicht .container .titel {
        color: #6495ed;
        font-size: 0.9em; } }
.container-gesamt {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr; }
  .container-gesamt .button1 {
    justify-self: center;
    align-self: center; }
    .container-gesamt .button1 a button {
      padding: 1em; }
  .container-gesamt form {
    justify-self: right;
    align-self: end; }

.container-verhandlung {
  display: grid; }
  .container-verhandlung .button1 {
    justify-self: center;
    align-self: center; }
    .container-verhandlung .button1 a button {
      padding: 1em; }
  .container-verhandlung form {
    justify-self: right;
    align-self: end; }

.sortierbar span {
  padding-right: 7px; }

table {
  text-align: center;
  width: 100%;
  overflow: scroll; }

.ui-helper-hidden-accessible {
  display: none; }

.ui-menu {
  top: -137px !important;
  left: 37px !important; }

#dt {
  text-indent: -500px;
  height: 25px;
  width: 200px; }

.checkbox {
  display: grid !important; }
  .checkbox label {
    bottom: 20px;
    left: 38px;
    position: absolute; }

.datumLabel {
  bottom: 44px !important; }

.abstand_dazwischen {
  display: grid;
  grid-row-gap: 2em; }

.fehlermeldung {
  margin: 1em 0;
  background: red;
  color: white;
  padding: 0.3em; }

/*# sourceMappingURL=style.css.map */