html {
  scroll-behavior: smooth;
}

.BodyBefModul {
  width: 99%;
  overflow-y: auto;
  background: rgba(67, 198, 172, 0.3);
  background: -webkit-linear-gradient(to right, rgba(67, 198, 172, 0.3), rgba(25, 22, 84, 0.3));
  background: linear-gradient(to right, rgba(67, 198, 172, 0.3), rgba(25, 22, 84, 0.3));
}

.index-background {
  background: rgba(67, 198, 172, 0.05);
  background: -webkit-linear-gradient(to right, rgba(67, 198, 172, 0.05), rgba(25, 22, 84, 0.05));
  background: linear-gradient(to right, rgba(67, 198, 172, 0.05), rgba(25, 22, 84, 0.05));
}

.parallax-trennlinie {
  height:30px;
  background: #43c6ac;
  background: -webkit-linear-gradient(to right, #43c6ac, #191654);
  background: linear-gradient(to right, #43c6ac, #191654);
  font-size:36px;
}

article {
  -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none;
                  -webkit-touch-callout: none;
  overflow-y: auto; /*muss hier stehen, da sonst dd und dt nicht untereinander stehen*/

}

dt h2 {
  font-family: 'Calibri', sans-serif;
  font-size: 1.66rem; /*Überschrift der Überkategorien*/
}

.panel {
    background-color: rgba(224, 224, 224, 0.85);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel-noncollapse {
  background-color: rgba(224, 224, 224, 0.85);
  max-height: auto;
}

#btnZwischenablage{
  height: auto;
  word-wrap:break-word;
  white-space: initial;
  border-radius: 2px;
  background-color: rgba(224, 224, 224, 0.99);
  border-color: #292E49;
  font-size: 1.05rem;
}

#Befundzeile{
  position: fixed;
  bottom: 0;
  /*max-height: auto;*/
  z-index: 10;
  opacity: 0.93;
}

#FertigerBefund{
  position: relative;
  height: 12.8%;
  font-family: 'Calibri', sans-serif;
  font-size: 1.1rem;
  background:rgba(224, 224, 224, 0.99);
  color:black;
  padding:4px 4px 0 4px;
  border: 2px;
  border-color: #292E49;
  border-style: solid;
  overflow-y: auto;
  word-wrap:break-word;
  white-space: pre-wrap;
  float: left;
  border-radius: 2px;
  resize: none;
}

/*Cluster*/

.cluster-basal{
  background: rgba(179, 206, 229, 0.7); /*blauer Background für Cluster Basale psychische Funktionen*/
}

.cluster-vitalität{
  background: rgba(255, 204, 153, 0.7); /*orangener Background für Cluster Vitalität*/
}

.cluster-Kommunikation{
  background: rgba(175, 217, 174, 0.7); /*grüner Background für Cluster Kommunikation & Erscheinung*/
}

.cluster-PathologischeIKH{
  background: rgba(200, 162, 200, 0.7); /*lila Background für Cluster Kommunikation & Erscheinung*/
}

.cluster-Globalparameter{
  background: rgba(212, 212, 212, 0.7); /*lila Background für Cluster Kommunikation & Erscheinung*/
}

/*Maus über die Hauptkategorien bewegen*/
dt:hover {
  background: rgba(125, 213, 197, 0.8);
}

dt.cluster-basal:hover{
background: linear-gradient(90deg, rgba(113,128,140,0.9) 0%, rgba(179,206,229,0.9) 10%, rgba(191,219,244,0.9) 100%);
}

dt.cluster-Kommunikation:hover{
background: linear-gradient(90deg, rgba(116,143,115,0.9) 0%, rgba(175,217,174,0.9) 10%, rgba(189,235,188,0.9) 100%);
}

dt.cluster-vitalität:hover{
background: linear-gradient(90deg, rgba(143,114,86,0.9) 0%, rgba(255,204,153,0.9) 10%, rgba(254,213,173,0.9) 100%);
}

dt.cluster-PathologischeIKH:hover{
background: linear-gradient(90deg, rgba(138,112,138,0.9) 0%, rgba(200,162,200,0.9) 10%, rgba(226,182,226,0.9) 100%);
}

dt.cluster-Globalparameter:hover{
background: linear-gradient(90deg, rgba(140,140,140,0.9) 0%, rgba(212,212,212,0.9) 10%, rgba(245,245,245,0.9) 100%);
}

/*Hier die custom-Fonts von Icomoon*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?o0juyl');
  src:  url('fonts/icomoon.eot?o0juyl#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?o0juyl') format('truetype'),
    url('fonts/icomoon.woff?o0juyl') format('woff'),
    url('fonts/icomoon.svg?o0juyl#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-size: 140%;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*neu icomoon*/
.icon-ppb3-logo-background:before {content: "\e98d";}

.icon-ppb3-leitlexem-blank:before {content: "\e990";}
.icon-ppb3-leitlexem:before {content: "\e990";}
.icon-ppb3-leitlexemPREVIEW:before {content: "\e990";}
.icon-ppb3-plesionym-blank:before {content: "\e98c";}
.icon-ppb3-plesionym:before {content: "\e98c";}
.icon-ppb3-plesionymPREVIEW:before {content: "\e98c";}
.icon-ppb3-deskriptor:before {content: "\e98f";}
.icon-ppb3-deskriptorPREVIEW:before {content: "\e98f";}
.icon-ppb3-info:before {content: "\e98e";}
.icon-ppb3-infoPREVIEW:before {content: "\e98e";}
.icon-info:before {content: "\e98e";}
.icon-ppb3-logo:before {content: "\e98b";}
.icon-old-microphone:before {content: "\e900";}
.icon-video-camera:before {content: "\e901";}
.icon-abacus:before {  content: "\e902";}
.icon-anatomy:before {content: "\e903";}
.icon-aura:before {content: "\e904";}
.icon-awareness:before {content: "\e905";}
.icon-info:before {content: "\e906";}
.icon-stethoscope:before {content: "\e907";}
.icon-peach:before {content: "\e908";}
.icon-arrowed:before {content: "\e909";}
.icon-barn:before {content: "\e90a";}
.icon-bed1:before {content: "\e90b";}
.icon-beer-stein:before {content: "\e90c";}
.icon-kidneys:before {content: "\e90d";}
.icon-bell-shield:before {content: "\e90e";}
.icon-book-cover:before {content: "\e90f";}
.icon-bookmark:before {content: "\e910";}
.icon-bookshelf:before {content: "\e911";}
.icon-bowels:before {content: "\e912";}
.icon-brain:before {content: "\e913";}
.icon-broken-heart:before {content: "\e914";}
.icon-charm:before {content: "\e915";}
.icon-chart:before {content: "\e916";}
.icon-checklist:before {content: "\e917";}
.icon-cheerful:before {content: "\e918";}
.icon-coffin:before {content: "\e919";}
.icon-coma:before {content: "\e91a";}
.icon-corked-tube:before {content: "\e91b";}
.icon-dead-eye:before {content: "\e91c";}
.icon-deadly-strike:before {content: "\e91d";}
.icon-defibrilate:before {content: "\e91e";}
.icon-distraction:before {content: "\e91f";}
.icon-divergence:before {content: "\e920";}
.icon-dodging:before {content: "\e921";}
.icon-dozen:before {content: "\e922";}
.icon-drink-me:before {content: "\e923";}
.icon-dripping-tube:before {content: "\e924";}
.icon-duality:before {content: "\e925";}
.icon-duality-mask:before {content: "\e926";}
.icon-eating:before {content: "\e927";}
.icon-empty-hourglass:before {content: "\e928";}
.icon-eyestalk:before {content: "\e929";}
.icon-eye-target:before {content: "\e92a";}
.icon-family-house:before {content: "\e92b";}
.icon-fat:before {content: "\e92c";}
.icon-first-aid-kit:before {content: "\e92d";}
.icon-fizzing-flask:before {content: "\e92e";}
.icon-gibbet:before {content: "\e92f";}
.icon-guarded-tower:before {content: "\e930";}
.icon-hammer-drop:before {content: "\e931";}
.icon-hand:before {content: "\e932";}
.icon-headshot:before {content: "\e933";}
.icon-head-shot:before {content: "\e934";}
.icon-heart-beats:before {content: "\e935";}
.icon-heart-minus:before {content: "\e936";}
.icon-heart-organ:before {content: "\e937";}
.icon-heart-plus:before {content: "\e938";}
.icon-hooded-assassin:before {content: "\e939";}
.icon-hourglass:before {content: "\e93a";}
.icon-house:before {content: "\e93b";}
.icon-hypodermic-test:before {content: "\e93c";}
.icon-id-card:before {content: "\e93d";}
.icon-inner-self:before {content: "\e93e";}
.icon-internal-injury:before {content: "\e93f";}
.icon-knockout:before {content: "\e940";}
.icon-lightning-electron:before {content: "\e941";}
.icon-lightning-mask:before {content: "\e942";}
.icon-liver:before {content: "\e943";}
.icon-lungs:before {content: "\e944";}
.icon-military-ambulance:before {content: "\e945";}
.icon-nailed-head:before {content: "\e946";}
.icon-oppression:before {content: "\e947";}
.icon-paranoia:before {content: "\e948";}
.icon-pc:before {content: "\e949";}
.icon-pelvis-bone:before {content: "\e94a";}
.icon-pencil:before {content: "\e94b";}
.icon-person:before {content: "\e94c";}
.icon-pharoah:before {content: "\e94d";}
.icon-phone:before {content: "\e94e";}
.icon-pill:before {content: "\e94f";}
.icon-psychic-waves:before {content: "\e950";}
.icon-rear-aura:before {content: "\e951";}
.icon-relationship-bounds:before {content: "\e952";}
.icon-robber:before {content: "\e953";}
.icon-run:before {content: "\e954";}
.icon-scalpel:before {content: "\e955";}
.icon-screaming:before {content: "\e956";}
.icon-semi-closed-eye:before {content: "\e957";}
.icon-shadow-follower:before {content: "\e958";}
.icon-shrug:before {content: "\e959";}
.icon-silenced:before {content: "\e95a";}
.icon-sing:before {content: "\e95b";}
.icon-skeleton:before {content: "\e95c";}
.icon-soap-experiment:before {content: "\e95d";}
.icon-spinal-coil:before {content: "\e95e";}
.icon-spy:before {content: "\e95f";}
.icon-sticking-plaster:before {content: "\e960";}
.icon-stigmata:before {content: "\e961";}
.icon-stomach:before {content: "\e962";}
.icon-strong:before {content: "\e963";}
.icon-surprised:before {content: "\e964";}
.icon-suspicious:before {content: "\e965";}
.icon-syringe:before {content: "\e966";}
.icon-target-laser:before {content: "\e967";}
.icon-telepathy:before {content: "\e968";}
.icon-teleport:before {content: "\e969";}
.icon-tongue:before {content: "\e96a";}
.icon-two-shadows:before {content: "\e96b";}
.icon-ufo:before {content: "\e96c";}
.icon-uncertainty:before {content: "\e96d";}
.icon-watch:before {content: "\e96e";}
.icon-weight-lifting-down:before {content: "\e96f";}
.icon-wine-bottle:before {content: "\e970";}
.icon-worried-eyes:before {content: "\e971";}
.icon-wrapped-heart:before {content: "\e972";}
.icon-yin-yang:before {content: "\e973";}
.icon-lips:before {content: "\e974";}
.icon-spoon:before {content: "\e975";}
.icon-skeleton-inside:before {content: "\e976";}
.icon-water-splash:before {content: "\e977";}
.icon-vomiting:before {content: "\e978";}
.icon-turd:before {content: "\e979";}
.icon-wavy-itinerary:before {content: "\e97a";}
.icon-steelwing-emblem:before {content: "\e97b";}
.icon-concentric-crescents:before {content: "\e97c";}
.icon-rosa-shield:before {content: "\e97d";}
.icon-bed:before {content: "\e97e";}
.icon-moncler-jacket:before {content: "\e97f";}
.icon-foot-plaster:before {content: "\e980";}
.icon-shower:before {content: "\e981";}
.icon-pipes:before {content: "\e982";}
.icon-warp-pipe:before {content: "\e983";}
.icon-stairs:before {content: "\e984";}
.icon-human-ear:before {content: "\e985";}
.icon-knot:before {content: "\e986";}
.icon-lead-pipe:before {content: "\e987";}
.icon-dress:before {content: "\e988";}
.icon-water-drop:before {content: "\e989";}
.icon-shield:before {content: "\e98a";}

a.NoUnderlinePPB3{
    text-decoration: none;
    color: white;
    font-size: 122%;
}

a.NoUnderlinePPB3:hover{
  color: blue ;
  color: dodgerblue ;
}

.background-icon{
  font-size: 3000%;
  font-size: 28vw;
  color: rgba(0,57,115,0.5);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.35;
  overflow-y: visible;
  z-index: -5;
}

.befundkat-icon{
  font-size: 175%;
  color:rgba(250, 250, 250, 0.5);
}

.Quellenplatzhalter-Icon {
  font-size: 250%;
  color: black;
}

.Quellenplatzhalter-Icon:hover {
  color: red;
}

.link-hover-Effekt:hover {
  color: red;
}

/*Ende des Abschnitts Custom-Fonts von Icomoon*/

/*Checklistenbuttons*/
.btnCheckliste{
  min-height: 80px;
  height: auto;
  font-size: small;
  background-color: #82A9D0;
  border-radius: 2px;
  border-color: #292E49;
  font-weight: bold;
}

#ChecklisteButtonLeiste{display: flex; flex-direction: row;}
#ChecklisteNIHSSButton{background-color: rgba(57, 172, 90, 0.5);}
#ChecklisteKopfschmerzButton{background-color: rgba(243, 98, 115, 0.5);}
#ChecklisteSchwindelButton{background-color: rgba(247, 226, 147, 0.5);}
#ChecklisteKomaButton{background-color: rgba(240, 240, 240, 0.5);}
#LeererBefundButton{align-self: flex-end;}

/*alles was in den Menüs versteckt ist*/
.TabelleSichtbar{
  border-bottom: 1px dashed black;
}

.Zwischenbeschriftung {
  text-decoration: underline;
  font-style: italic;
  font-size: 1.01rem;
  margin-bottom: 5px;
}

.ZwischenbeschriftungDick {
  text-decoration: underline;
  font-style: italic;
  font-weight: bold;
  font-size: 1.08rem;
}

/* Hide the browser's default checkbox*/
.container input {
 position: absolute;
 opacity: 0;
}

/* Create a custom checkbox */
.checkmark {
 position: absolute;
 top: 0;
 left: 0;
 height: 28px;
 width: 25px;
 border: 3px 3px 3px 3px;
 background-color: #F4F5E7;
 border-color: darkgrey;
 border-style: solid;

}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
 background-color: #ccc;
}/* On mouse-over, add a grey background color */
.container2:hover input ~ .checkmark {
 background-color: #ccc;
}

/* When the checkbox is checked, add an organge background */
.container input:checked ~ .checkmark {
 background-color: darkorange;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
 content: "";
 position: absolute;
 display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
 display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
 left: 9px;
 top: 5px;
 width: 5px;
 height: 10px;
 border: solid #F4F5E7;
 border-width: 0 3px 3px 0;
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg);
}


.AuswahlplusText{
  display:flex;
}

.textfeldplus{
  width: 35px;
  height: 25px;
  margin-left: 5px;
  margin-right: 5px;
}

.textfeldplus-long{
  width: 100px;
  margin-left: 0px;
  margin-right: 0px;
}

.padding {
  padding-bottom: 2rem;
}

.parallax {
    /* Parallax Effekt */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

nav li {cursor: pointer;
}

  .button-mimic {
    background-color: #43c6ac;color: white;
  padding: 0.5em 0.8em;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 5px;
}

.button-mimic:hover {
  background-color: #3EB1A2;
  text-decoration: none;color: white;
}

.button-mimic:active {
  background-color: #3EB1A2;
}

.NBButton{
float: left;
background-color: rgba(224, 224, 224, 0.95);
border-radius: 2px;
border-color: #292E49;
margin-right: 4px;
min-height: 45px;
font-size: 0.95rem;
padding-left: 3px;
}

dt, dd {
  float:left;
  border-radius: 2px;
  word-wrap:break-word;
  white-space: initial;
  z-index: 2;
  border: 1px solid grey;
  min-width:300px;
}

dt {
  align-items: center;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  background: rgba(150, 180, 210, 0.8);
  color:black;
  text-transform:uppercase;
  border:1px solid black;cursor:pointer;
  transition:all 300ms;
  -webkit-transition:all 300ms; /*Farbtransition*/
}




dd {
  border-right: 1px solid black;
  border-left: 1px solid black;
  font-family: 'Calibri', sans-serif;color:black;
  font-size: 1rem;
}
/*Spaltenüberschriften*/
th h3{
    text-align: left;
    text-decoration: underline;
    font-weight: bolder;
    font-size: 1.25rem;
}

.icon-plesio {
  color: rgba(41, 46, 73, 0.6);
}

.icon-ppb3-deskriptor, .icon-ppb3-deskriptorPREVIEW, .icon-ppb3-leitlexem, .icon-ppb3-leitlexemPREVIEW, .icon-ppb3-plesionym, .icon-ppb3-plesionymPREVIEW, .icon-ppb3-info, .icon-ppb3-infoPREVIEW {
    padding-left: 5px;
    font-size: 120%;
    text-decoration: none;
}

.icon-ppb3-leitlexem,  .icon-info, .icon-ppb3-leitlexemPREVIEW {
    color: rgba(41, 46, 73, 0.75);
}

.icon-ppb3-deskriptor, .icon-ppb3-plesionym, .icon-ppb3-deskriptorPREVIEW, .icon-ppb3-plesionymPREVIEW {
    color: rgba(41, 46, 73, 0.5);
}

.icon-ppb3-info, .icon-ppb3-infoPREVIEW {
    color: rgba(41, 46, 73, 0.35);
}

.icon-ppb3-leitlexem:hover, .icon-ppb3-deskriptor:hover, .icon-ppb3-plesionym:hover, .icon-ppb3-info:hover, .icon-ppb3-leitlexemPREVIEW:hover, .icon-ppb3-deskriptorPREVIEW:hover, .icon-ppb3-plesionymPREVIEW:hover, .icon-ppb3-infoPREVIEW:hover {
    color: rgba(41, 46, 73, 0.9);
}

.carousel-inner img {width:100%; height:100% !important}

/*Checkbox-Customization*/
.container {
 display: block;
 position: relative;
 line-height: normal;
 font-size: 1rem;
 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/*Abschnitt für Links-Rechts-Items*/
input[type=checkbox].L-checkbox {display: none}
              input[type=checkbox].L-checkbox + label.L-checkbox-label {
  							padding-left:30px;
  							height:28px;
  							display:inline-block;
  							line-height:28px;
  							background-repeat:no-repeat;
  							background-position: 0 0;
  							font-size:1rem;
  							vertical-align:middle;
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  							cursor:pointer;}
  						input[type=checkbox].L-checkbox:checked + label.L-checkbox-label {background-position: 0 -28px;}
  						label.L-checkbox-label {background-image:url(L-checked-unchecked.png);}

input[type=checkbox].R-checkbox {display: none}
        input[type=checkbox].R-checkbox + label.R-checkbox-label {
          padding-left:30px;
          height:28px;
          display:inline-block;
          line-height:28px;
          background-repeat:no-repeat;
          background-position: 0 0;
          font-size:1rem;
          vertical-align:middle;
          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
          cursor:pointer;}
        input[type=checkbox].R-checkbox:checked + label.R-checkbox-label {background-position: 0 -28px;}
        label.R-checkbox-label {background-image:url(R-checked-unchecked.png);}

/*Schweregrade Psychiatrie Checkboxen*/
/*leicht reduziert*/
input[type=checkbox].lred-checkbox {display: none}
        input[type=checkbox].lred-checkbox + label.lred-checkbox-label {
          padding-left:30px;
          height:28px;
          display:inline-block;
          line-height:28px;
          background-repeat:no-repeat;
          background-position: 0 0;
          font-size:1rem;
          vertical-align:middle;
          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
          cursor:pointer;}
        input[type=checkbox].lred-checkbox:checked + label.lred-checkbox-label {background-position: 0 -28px;}
        label.lred-checkbox-label {background-image:url(reduziert-leicht.png);}

/*Mittelgradig reduziert*/
input[type=checkbox].mred-checkbox {display: none}
       input[type=checkbox].mred-checkbox + label.mred-checkbox-label {
          padding-left:30px;
          height:28px;
          display:inline-block;
          line-height:28px;
          background-repeat:no-repeat;
          background-position: 0 0;
          font-size:1rem;
          vertical-align:middle;
          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
          cursor:pointer;}
       input[type=checkbox].mred-checkbox:checked + label.mred-checkbox-label {background-position: 0 -28px;}
       label.mred-checkbox-label {background-image:url(reduziert-mittel.png);}

/*hochgradig reduziert*/
input[type=checkbox].hred-checkbox {display: none}
       input[type=checkbox].hred-checkbox + label.hred-checkbox-label {
          padding-left:30px;
          height:28px;
          display:inline-block;
          line-height:28px;
          background-repeat:no-repeat;
          background-position: 0 0;
          font-size:1rem;
          vertical-align:middle;
          font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
          cursor:pointer;}
       input[type=checkbox].hred-checkbox:checked + label.hred-checkbox-label {background-position: 0 -28px;}
       label.hred-checkbox-label {background-image:url(reduziert-hoch.png);}

/*unauffällig*/
input[type=checkbox].unauf-checkbox {display: none}
      input[type=checkbox].unauf-checkbox + label.unauf-checkbox-label {
         padding-left:30px;
         height:28px;
         display:inline-block;
         line-height:28px;
         background-repeat:no-repeat;
         background-position: 0 0;
         font-size:1rem;
         vertical-align:middle;
         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
         cursor:pointer;}
      input[type=checkbox].unauf-checkbox:checked + label.unauf-checkbox-label {background-position: 0 -28px;}
      label.unauf-checkbox-label {background-image:url(unauffaellig.png);}

/*wechselnd*/
input[type=checkbox].wechs-checkbox {display: none}
      input[type=checkbox].wechs-checkbox + label.wechs-checkbox-label {
         padding-left:30px;
         height:28px;
         display:inline-block;
         line-height:28px;
         background-repeat:no-repeat;
         background-position: 0 0;
         font-size:1rem;
         vertical-align:middle;
         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
         cursor:pointer;}
      input[type=checkbox].wechs-checkbox:checked + label.wechs-checkbox-label {background-position: 0 -28px;}
      label.wechs-checkbox-label {background-image:url(wechselnd.png);}

      /*leicht gesteigert*/
      input[type=checkbox].lgest-checkbox {display: none}
              input[type=checkbox].lgest-checkbox + label.lgest-checkbox-label {
                padding-left:30px;
                height:28px;
                display:inline-block;
                line-height:28px;
                background-repeat:no-repeat;
                background-position: 0 0;
                font-size:1rem;
                vertical-align:middle;
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
                cursor:pointer;}
              input[type=checkbox].lgest-checkbox:checked + label.lgest-checkbox-label {background-position: 0 -28px;}
              label.lgest-checkbox-label {background-image:url(gesteigert-leicht.png);}

      /*Mittelgradig gesteigert*/
      input[type=checkbox].mgest-checkbox {display: none}
             input[type=checkbox].mgest-checkbox + label.mgest-checkbox-label {
                padding-left:30px;
                height:28px;
                display:inline-block;
                line-height:28px;
                background-repeat:no-repeat;
                background-position: 0 0;
                font-size:1rem;
                vertical-align:middle;
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
                cursor:pointer;}
             input[type=checkbox].mgest-checkbox:checked + label.mgest-checkbox-label {background-position: 0 -28px;}
             label.mgest-checkbox-label {background-image:url(gesteigert-mittel.png);}

      /*hochgradig gesteigert*/
      input[type=checkbox].hgest-checkbox {display: none}
             input[type=checkbox].hgest-checkbox + label.hgest-checkbox-label {
                padding-left:30px;
                height:28px;
                display:inline-block;
                line-height:28px;
                background-repeat:no-repeat;
                background-position: 0 0;
                font-size:1rem;
                vertical-align:middle;
                font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
                cursor:pointer;}
             input[type=checkbox].hgest-checkbox:checked + label.hgest-checkbox-label {background-position: 0 -28px;}
             label.hgest-checkbox-label {background-image:url(gesteigert-hoch.png);}

        .containerLRBtn {
          width: auto;
          display: flex;
          flex-flow: row;
          flex-wrap: nowrap;
          justify-content: center;
        }

.tdLR {
  display: flex;
  flex-wrap: nowrap;
  align-items: left;
  vertical-align: middle;
  word-wrap:break-word;
   line-height: normal;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: 1rem;
}


.tdSchweregrad {
  display: flex;
  flex-wrap: nowrap;
  align-items: left;
  vertical-align: middle;
  word-wrap:break-word;
   line-height: normal;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: 1rem;
   margin-bottom: 8px; /*Abstand zum nächsten Item sonst zu gering*/
}

/*.collapsed{
  visibility: collapse; macht Probleme, da es mit Bootstrap-Anweisung kollidiert
}*/

/*Winzige Displays*/
@media (max-width: 576px) {
.invisible-smalldisplay {
  display: none;
}

  .pEinleitungstext {
    font-size: 1.015rem;
    line-height: 120%;
    padding-left: 0px;
  }

  h1 {
    font-size: 1.8rem;
  }

  dd {
    line-height:18px;
    word-spacing:1px;
    height: auto;
  }
  /*Spaltenüberschriften*/
  th h3{
      padding:12px;
      margin: 0;
  }
  .icon-info, .icon-ppb3-logo .icon-info2, .icon-old-microphone, .icon-video-camera, .icon-plesio {                 /*die (Info-)Icons*/
    font-size:25px;
    text-align: bottom;
    margin-left: 2px;
  }
  /*Checkbox-Customization*/
  .container {
   padding-left: 35px;
   margin-bottom: 16px;
  }

          .BtnBds {
          font-size: 12px;
          padding: 3px 8px 3px 8px;
          width: auto;
          height: 28px;
          margin: 0 12px 3px 8px;
          }

  .button-mimic{
  font-size: 100%;
  }

  .container {
    line-height: normal;
  }
}

/*Anzeige für kleine Displays*/
@media (min-width: 576px) {

  .pEinleitungstext {
    font-size: 1.025rem;
    line-height: 127%;
    padding-left: 0px;
  }

dd {
  line-height:18px;
  word-spacing:1px;
  height: auto;
}
/*Spaltenüberschriften*/
th h3{
    padding:12px;
    margin: 0;
}
.icon-info, .icon-ppb3-logo .icon-info2, .icon-old-microphone, .icon-plesio, .icon-video-camera {                 /*die (Info-)Icons*/
  font-size:25px;
  text-align: bottom;
  margin-left: 2px;
}
/*Checkbox-Customization*/
.container {
 padding-left: 35px;
 margin-bottom: 16px;
}

        .BtnBds {
        font-size: 12px;
        padding: 3px 8px 3px 8px;
        width: auto;
        height: 28px;
        margin: 0 12px 3px 8px;
        }

.button-mimic{
font-size: 100%;
}

.container {
  line-height: normal;
}

} /*Ende kleine Displays*/

/*Anzeige für große Displays*/
@media (min-width: 992px) {

  .pEinleitungstext {
    font-size: 1.031rem;
    line-height: 145%;
    padding-left: 0px;
  }


.button-mimic{
font-size: 100%;
}

dd {
  line-height:18px;
  word-spacing:1px;
  height: auto;
}
/*Spaltenüberschriften*/
th h3{
    padding:12px;
    margin: 0;
}
.icon-info, .icon-ppb3-logo .icon-info2, .icon-old-microphone, .icon-plesio, .icon-video-camera {                 /*die (Info-)Icons*/
  font-size:20px;
  text-align: bottom;
  margin-left: 2px;
}
/*Checkbox-Customization*/
.container {
 padding-left: 35px;
 margin-bottom: 12px;
}

        .BtnBds {
        font-size: 12px;
        padding: 0;
        width: auto;
        height: 28px;
        margin: 0 7px 0 3px;
        }


} /*Ende große Displays*/


/*BarthelIndex-Stil*/
.Barthel0 {background-color: rgba(220, 53, 69, 0.18);}
.Barthel5 {background-color: rgba(253, 126, 20, 0.2);}
.Barthel10 {background-color: rgba(40, 167, 69, 0.2);}
.Barthel15 {background-color: rgba(32, 201, 151, 0.2);}

.FRBarthel0 {background-color: rgba(32, 201, 151, 0.2); margin-bottom: 1px;}
.FRBarthel25 {background-color: rgba(220, 51, 51, 0.34); margin-bottom: 1px;}
.FRBarthel50 {background-color: rgba(220, 51, 51, 0.44); margin-bottom: 1px;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles hier; high-contrast ist eine Eigenschaft, die nur IE hat */
#Befundzeile{
  position: fixed;
  bottom: 0;
  right: 20px;
  left: 20px;
  margin: 5px 5px 5px 5px;
  max-height: auto;
  display: inline-block;
  white-space: nowrap;
  border: 1px;
  z-index: 15;
  opacity: 0.98;
  width:90%;
}

#btnZwischenablage{
  height: 5rem;
  word-wrap:break-all;
  white-space: initial;
  border-radius: 2px;
  background-color: rgba(224, 224, 224, 0.99);
  border-color: #292E49;
  font-size: 0.9rem;
  padding-left: 1px;
}

#FertigerBefund{
  height: 5rem;
  font-family: 'Calibri', sans-serif;
  font-size: 1.1rem;
  background:rgba(224, 224, 224, 0.99);color:black;
  padding:4px 4px 0 4px;
  border: 2px;
  border-color: #292E49;
  border-style: solid;
  overflow-y: auto;
  word-wrap:break-word;
  white-space: pre-wrap;
  border-radius: 2px;
  resize: none;
}
}

@media (max-width: 992px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #Befundzeile{
    max-width: 70vw;
  }

  #btnZwischenablage{
    width: 25vw;
  }
}

.EKGContainer {
  display: inline-flex;
  width: 16.5%;
}

.steady-login-navbar {
  display: none;
  text-align: right;
}

.btnRettungsstelleKonsil {
visibility: hidden;
}

.IEmessage {
  display: none;
}

.displaynone {
  display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .IEmessage {
     display: inline-flex;
     color: red;
     text-decoration: underline; /*Kommentar, den ich für den Fall von Kompatibilitätsproblemen mit IE einblenden kann*/
   }
}

.blink{
  animation: blink 3s linear infinite;
}
@keyframes blink{
33%{opacity: .33;}
66%{opacity: .66;}
100%{opacity: 1;}
}

 .UeberUeberkategorie:hover {
   color: blue;
   font-weight: bold;
 }

 .cookie-consent{
  position: fixed;
bottom: 8px;
left: 20px;
width: 300px;
padding-top: 7px;
height: auto;
color: #fff;
hyphens: auto;
line-height: 20px;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
background: #292929;
z-index: 120;
cursor: pointer;
border-radius: 3px;
}

.allow-button{
      height: 20px;
    width: 104px;
    color: #fff;
    font-size: 12px;
    line-height: 10px;
    border-radius: 3px;
    border: 1px solid blue;
    background-color: blue;
    margin: 5px;
}

.ZeilenumbruchCluster, .ZeilenumbruchKategorie {
  display: none;
}