/* vietnamese */
@font-face {
  font-family: 'Barriecito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Barriecito Regular'), local('Barriecito-Regular'), url(fonts/WWXXlj-CbBOSLY2QTuY_Gd0oYibNwMR2ng.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Barriecito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Barriecito Regular'), local('Barriecito-Regular'), url(fonts/WWXXlj-CbBOSLY2QTuY_GdwoYibNwMR2ng.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barriecito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Barriecito Regular'), local('Barriecito-Regular'), url(fonts/WWXXlj-CbBOSLY2QTuY_GdIoYibNwMQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



@keyframes example {
  from {
    border: 2px solid red;
  }
  to {
    border: 2px solid yellow;
  }

}


.produkte_edit {
  border: 2px solid red;
}


.produkte_edit_labelInputPreferences {
  display: flex;
  justify-content: space-between;
  width: 600px;
}
.produkte_edit_labelInputPreferences label{
  width: 200px;
  text-align: right;
  display: block;
  float: left;
  clear: left;
  margin-right: 3px;
  cursor: pointer
}




.effekt1 {
  border: 2px solid red;
  animation-name: example;
  animation-duration: 2s;
  animation-iteration-count:infinite;
}

.print_buttons {
  border: 2px solid gray;
  border-radius: 6px;
  padding: 1px;
  width: 220px;
}

.editwv_table {

}


table.editwv_table {
  hyphenate-limit-chars: auto 5;
  hyphenate-limit-lines: 2;
  width: 100%;
  text-align: left;
  padding: 0;
  margin: 0;
}

table.editwv_table tbody tr:nth-child(2n+2) {
xbackground: #f4f4f4;
}

table.editwv_table td {
  padding: 0;
  margin: 0;
  vertical-align: top;
}

table.editwv_table th {
font-style: normal;
font-weight: normal;
text-align: center;
padding: 0;
margin: 0;
color: black;
background: #5F8671 url("images/overlay.png");
xbackground: #699029 url("images/overlay.png");
}

table.editwv_table thead {
background: #444;
padding: 0;
margin: 0;
color: #fff;
}

table.editwv_table tfoot {
background: #eee;
}





.wv_anlegen_labelInputPreferences {
    display: flex;
    justify-content: space-between;
    width: 100%;
    xxxmargin: .5rem;
}
.wv_anlegen_labelInputPreferences label{
    width: 300px;
    text-align: right;
    display: block;
    float: left;
    clear: left;
    margin-right: 3px;
    cursor: pointer
}


.einstellungen_labelInputPreferences {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.einstellungen_labelInputPreferences label{
    width: 300px;
    text-align: right;
    display: block;
    float: left;
    clear: left;
    margin-right: 3px;
    cursor: pointer
}
.einstellungen_links {
text-align: left;
background-color:lightblue;
width: 100%;
}



.offene_dokumentationen_countings_bottom_row {

background: lightgray !important;
font-weight: bold;
text-align: right;

}




.hinweis_doku_letzte_erfolge_doku {
border:inset 1px red;
background-color:#C4DC94;
padding: 0px !important;
margin: 0;
}


.auflistungDerDokumentationen {
  margin: 0;
  padding: 0px;
  border: none;
  border-collapse: collapse;
  border-top-width: inset 1px;
  border-right-width: inset 1px;
  border-bottom-width: inset 1px;
  border-left-width: inset 1px;
}

.auflistungDerDokumentationen td {
  vertical-align: top;
  padding: 1px 4px;
  line-height: 1.1;
}

.auflistungDerDokumentationen .hinweis_doku_letzte_erfolge_doku {
  line-height: 1.05;
  padding: 0 !important;
}

.auflistungDerDokumentationen button,
.auflistungDerDokumentationen input[type="button"],
.auflistungDerDokumentationen input[type="submit"],
.auflistungDerDokumentationen input[type="reset"] {
  padding: 0.1em 0.6em;
  line-height: 1.05;
  min-height: 0;
  margin: 0;
}

.wkx-as-open-table {
  width: 100%;
  table-layout: fixed;
}

.wkx-as-open-table .asduutm_bez {
  width: 24%;
}

.wkx-as-open-table .asduutm_plz {
  width: 18%;
}

.wkx-as-open-table .asduutm_art {
  width: 6%;
}

.wkx-as-open-table .asduutm_notiz {
  width: 24%;
}

.wkx-as-open-table .tdWidthOfverantwortlicher_techniker {
  width: 10%;
}

.wkx-as-open-table .tdWidthOfDokumentationenTable {
  width: 18%;
}

.wkx-as-open-docs-table {
  width: 100%;
  table-layout: fixed;
}





.as_plan {
  float: left;
  text-align: center;
  xwidth: 80px;
  xborder-color: green;
  xborder-width: 2px;
  xborder-style: dashed;
}

.geplante_wartung_hinzufuegen_mit_monaten {
  width: 500px;
  text-align: left;
  background-color: lightgray;
  color: #000 !important;
  cursor: pointer;
}









.lageplan_shortcuts {
  margin-left: 2px;
}





.ein_lageplan_umrandet {
  border: 2px solid gray;
  border-radius: 6px;
  padding: 6px;
  width: 660px;
  padding-left: 1px;
  padding-right: 1px;
  padding-top: 1px;
  padding-bottom: 1px;
}


.tooltip {
  position: relative;
}

.tooltip span[role=tooltip] {
  display: none;
}

.tooltip:hover span[role=tooltip] {
  display: block;
  position: absolute;
  bottom: 2em;
  left: -6em;
  width: 15em;
  padding: 0.5em;
  z-index: 100;
  color: #000;
  background-color: #ffebe6;
  border: solid 1px #c32e04;
  border-radius: 0.2em;
}

.frage_den_sachbearbeiter {
  background-color:#ff0000;
}



.auftraggeber_small {
  xdisplay:inline;
  font-size: 50%;
}

.besondere_vorgehensweise_beim_kunden_durch_das_buero_small {
  display:inline;
  xfont-size: 50%;
}

.besondere_vorgehensweise_beim_kunden_durch_das_buero_small {
  display:inline;
  xfont-size: 50%;
}