/*@media screen { 
  
  /* start of screen rules. */ 
  
  /* Generic pane rules */
 /* body { margin: 0 }
  .row, .col { overflow: hidden; position: absolute; }
  .row { left: 0; right: 0; }
  .col { top: 0; bottom: 0; }
  .scroll-x { overflow-x: auto; }
  .scroll-y { overflow-y: auto; }

  .header.row { height: 193px; top: 0; }
  .body.row { top: 192px; bottom: 31px; left:44px;}
  .footer.row { height: 31px; bottom: 0;left:44px;right:30px; }
  */
  /* end of screen rules. */ 
/*}*/

.kjf_box {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	flex-flow: column;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
/*   height: 100%; */
  border: 3px dotted grey;
  height:100%
}

.kjf_box .kjf_row {
/*   border-top: 1px dotted grey; */
}

.kjf_box .kjf_row.header {
  flex: 1 1 auto;
  /* The above is shorthand for:
  flex-grow: 0,
  flex-shrink: 1,
  flex-basis: auto
  */
}

.kjf_box .kjf_row.content {
  flex: 1 1 auto;
}

.kjf_box .kjf_row.footer {
  flex: 0 1 31px;
  position:absolute;
  bottom:0;
  width:98%;
}

@font-face {
    font-family: 'Before Breakfast';
    src: url('fonts/before-breakfast.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
  
@font-face {
    font-family: 'Melon Camp';
    src: url('fonts/Melon-Camp.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
  
@font-face {
    font-family: 'Corporates Demi';
    src: url('fonts/corporates-demi-opentype.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
  
@font-face {
    font-family: 'Corporates Light';
    src: url('fonts/corporates-light-opentype.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

se-submenu se-list-layer {
  width: 23em;
}

.drag_row {
  z-index: 9999;
  position: absolute;
  height: 3em;
  width: 15em;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
  border: 1px solid #007bff;
  cursor: grabbing !important;
  pointer-events: none;
  
  
  
  
  /*
  z-index: 9999;
  position: absolute;
  height: 3em;
  width: 15em;
  background-color: rgba(255, 255, 255, 0.9); /* Leicht transparent * /
  box-shadow: 5px 5px 15px rgba(0,0,0,0.2);     /* Schlagschatten * /
  border: 1px solid #007bff;                  /* Akzentfarbe * /
  cursor: grabbing !important;                /* "Gezupft"-Cursor * /
  pointer-events: none;                       /* Verhindert Flackern bei Maus-Interaktion * /
  border: 1px solid #ccc;*/
}
.drag_row table {
  width: 100%;
  height: 100%;        /* Tabelle füllt die gesamten 3em aus */
  border-collapse: collapse;
  /*width: 100%;
  display: table; /* Erzwingt Tabellen-Layout * /*/
}

.drag_row td {
  text-align: center;
  vertical-align: middle !important; /* Jetzt funktioniert middle, da die Tabelle eine Höhe hat */
  height: 100%;        /* Zelle füllt die Tabelle aus */
  padding: 0;          /* Verhindert Verschiebungen durch Standard-Paddings */
/*    align-items: center;     /* Vertikal * / */
  
  /*text-align: center;    /* Horizontal zentrieren */
  
  /* Vertikale Zentrierung erzwingen: */
/*   display: flex; */
/*   align-items: center;     /* Vertikal * / */
/*    justify-content: center; /* Horizontal * /  */
/*   height: 2em;            /* Gib der Zeile eine feste Höhe * /* / */
}

.selected_field {
  width: 10em:
  
  background-color: #ECB;
}

.sun-editor .se-list-layer .se-selector-color {
  max-width: 360px !important; 
}

/* Erzwingt die Verfügbarkeit der Schriften für den Editor-Bereich */
/*
.sun-editor .sun-editor-editable, 
.sun-editor-editable * {
    font-family: 'Corporates-Light', Arial, sans-serif !important;
}
*/
/* Spezifische Zuweisung für die Dropdown-Vorschau im Editor */

/*
.sun-editor .se-list-layer button {
    font-family: 'Corporates-Light', Arial, sans-serif;
}
*/
/*
.sun-editor-editable {
    font-family: 'Arial', sans-serif, 'Corporates-Demi', 'Corporates-Light', 'Courier New'; /* Fallback */
}
*/

@font-face {
    font-family: 'menufont'; /*a name to be used later*/
    /*  src: url('/custom/logo/font.ttf') format('truetype'); */ /*URL to font*/
	color: #000000;
}

html, body {
    color: black;
    font: 16px "Clear Sans",sans-serif;
    height: 100%;
/*     overflow: hidden; */
    width: 100%;
/* 	margin-left: 15px; */
}

.content_bereich {
        vertical-align:top;
        position:initial;
/*         top: 10vh; */
        bottom:3.2vh;
/*         overflow:auto; */
        height: calc(100vh - 7em);
        width: 100vw;
        /*margin-left: 4.2em;*/ /*weil die Side-Bar schon das Margin erledigt*/
/*         overflow-y: auto; */
/*         overflow-x: auto; */
}

.content_bereich.voll {
/*      height: calc(100vh - 6.1em);  */
        height: calc(100vh - 11vh);
/*         overflow-x: hidden; */
}

.content_bottom {
/*      width: calc(100vw - 3em); */
        width: calc(100vw - 3vw);
/*      bottom:30px; */
/*      bottom:3.1em; */
        bottom:3.1vh;
        display:inline;
        position:fixed;
        background:white;

}

a.navi_inaktiv {
    color: #000000 ; /*#3B41C4 */
    text-decoration: none;
	font-family:'menufont';
}

a.navi_menue {
    color: #000000 ; /*#3B41C4 */
    text-decoration: none;
	font-size:.9rem;
	font-family:'menufont';
}

a.navi_aktiv {
    color: #000000 ; /*#3B41C4 */
    text-decoration: none;
/* 	font-size:1.2rem; */
	font-family:'menufont';
	font-weight:bolder;
}

a.navi_admin {
    color: #ff5500 ; /*#3B41C4 */
    text-decoration: none;
	font-family:'menufont';
}

/*Standardmäßig nutzen Tabellen table-layout: auto. Dabei berechnet der Browser die Breite jeder Spalte basierend auf dem Inhalt aller Zellen. Bei jedem append muss er also alle vorhandenen Zeilen erneut prüfen.
 Lösung: Zwinge den Browser in den "Fixed"-Modus. Hier wird die Breite nur einmal anhand des Headers berechnet und danach nie wieder angefasst.*
  */

/*#PersonenTabelle {
/ *     contain: paint layout; * /
  contain: content;  / * wird ev. vom Firefox ignoriert * /
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed !important;
  
}*/

/*#content_bereich {
contain: size layout paint !important; / * Sagt Firefox: Dieser Bereich ist völlig unabhängig vom Rest der Seite * /
overflow-anchor: none !important;      / * Verhindert, dass Firefox beim Nachladen versucht, die Scroll-Position "intelligent" anzupassen, was Rechenzeit kostet * /
}*/

/*
 Du kannst dem Browser explizit sagen: "Was in diesem Body passiert, verändert nichts am restlichen Layout der Seite". Das verhindert, dass Firefox die gesamte Benutzeroberfläche (Header, Menüs etc.) neu zeichnet, wenn unten Zeilen dazukommen.
 */

#PersonenBody {
contain: layout paint;
}

/* Den Zeilen beibringen, das Rendering zu überspringen */
#PersonenTabelle tbody tr {
/*     content-visibility: auto; */
    /* Schätze hier die ungefähre Höhe einer Zeile (z.B. 40px) */
/*     contain-intrinsic-size: 1px 40px;  */
}


td  a {
	border: 0px;
	/* <--->text-decoration:underline; */
	font-style:italic;
/* 	font-size:larger; */
/* 	font-weight:bolder; */
}

input:focus.waren {border:2px solid #3B41C4;border-radius:5px;}

input[type=text].waren {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    border-color: -moz-use-text-color -moz-use-text-color #696969;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-shadow: none !important;
    display: inline-block;
    font-size: inherit !important;
/*     height: 2.3em; */
/*     margin: 0 0 5px; */
    outline: 1px none #afafaf;
    padding: 0;
/*     text-indent: 5px; */
	line-height: normal;
}

/* .tr:hover {
  / * color: rgba(0, 0, 0, 0.95); * /
  background-color: beige !important;
}*/

[id^="load_data_message_"] {
  display: block;      /* Damit der Observer es erkennt */
  min-height: 10px;    /* Mindesthöhe für die Sichtbarkeit */
  width: 100%;
  clear: both;
  text-align: center;
  padding: 10px 0;
  /* Optional: Ein dezenter Hintergrund oder Text für den User */
  color: #888;
  font-size: 0.9em;
}

.ui.ui.selectable.table > tbody > tr:hover, .ui.table tbody tr:hover {
  background: rgba(255, 234, 0, 0.42) !important;
  color: rgba(0, 0, 0, 0.95);
}

/* .ui.ui.table > tbody > tr:hover, .ui.table tbody tr td:hover {
  background: rgba(255, 167, 0, 0.42);
  color: rgba(0, 0, 0, 0.95);
}
*/