/* Scrollbar Handle */
::-webkit-scrollbar {
  background: #4c0032;
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  background: #966dff;
}

::-webkit-scrollbar-thumb:hover {
  background: #f8a900;
}
/* Scrollbar Handle ENDE */

    body {
      margin-bottom: 450px;
      cursor: Default;
      user-select: yes;
	  background-color:#000 !important;
    }

	p {color:#fff;}
	
	element.style p {
    font-size: 14px;
    color: #0f0 !important;;
}

/* #Datei {background-color:#0f0;} */


    body,
    table,
    textarea,
    input,
    select,
    button {
      font-family: Verdana, Arial, Tahoma, Sans-Serif;
      font-size: 0.97rem;
	  background-color: #3b0932;
    }
	
	table {
	  background-color: #000;
    }
	
	body
    {
      font-family: Verdana, Arial, Tahoma, Sans-Serif;
      font-size: 0.97rem;color:#0f0;
    }

    /* Variablen */
    :root {
    --main-color: #fff700 !important;
    --main-bg-color: #EEF7FD !important;
    --main-border-color: #9a4c00 !important;
}

    /* Link */
    a:link,
    a:visited {
      color: var(--main-color);
      text-decoration: None;
    }

    a:hover {
      text-decoration: none !important;
	  color:#0f0 !important;
    }

    /* fieldset */
    fieldset {
    background-color: #FAFAFA !important;
    background: linear-gradient(#5b0033, #2a002f) !important;
    white-space: Nowrap !important;
    padding: 0 0.5rem 10px 0.5rem !important;
    margin: 5px 5px 0 5px !important;
    border: Solid 1px var(--main-border-color) !important;
    border-radius: 4px !important;
}

    fieldset legend {
    padding: 5px;
    color: #ffa700;
}

    /* Logo */
    fieldset legend>span#logo {
      font-size: 1.2rem;
	  color:#ffa519;
    }

    /* HR */
    hr {
      border: 0;
      border-top: Solid Thin var(--main-border-color);
    }

    /* IMG */
    img {
      max-width: 100%;
      height: Auto;
      object-fit: scale-down;
    }

    /* SQL anzeigen */
    pre {
      width: 85vw;
      overflow: Auto;
      text-overflow: Ellipsis;
      background-color: #000;
      padding: 5px 10px 5px 10px;
      scrollbar-width: thin;
      /* FF */
      cursor: Text;
    }

    mark.mark {
      font-weight: Bold;
      background-color: Transparent;
      color: #0078D7;
    }

    /* Info */
    details {
      margin-top: 5px;
    }

    details>summary {
      color: var(--main-color);
      cursor: Pointer;
      width: 350px;
    }

    details>summary:focus {
      /* Chromium */
      border: 0;
      outline: 0;
    }

    /* Änderung */
    meter {
      width: 20px;
      height: 20px;
      vertical-align: Baseline;
    }

    /* Tabelle */
    table {
      width: 100%;
      border-spacing: 1px;
    }

    td.tabellenText {
      font-family: Arial, Tahoma, Sans-Serif;
      font-size: 0.85rem;
    }

    td.bild {
      text-align: Center;
    }

    td.url {
      font-family: Tahoma, Arial, Sans-Serif;
      font-weight: Normal;
      font-size: 0.70rem;
      text-align: Center;
    }


    #tabelle td,
    #tabelle th {
      outline: Solid 1px var(--main-border-color);
    }

    table#tabelle {
      background-color: #FFFFFF;
      z-index: 1;
    }

    table#tabelle th,
    table#tabelle td {
      white-space: Nowrap;
      padding: 2px;
    }

    table#tabelle <?=isset($_POST["spaltenHervorheben"]) ? 'td' : 'tr';?>:nth-child(even) {
      background-color: rgba(130, 130, 130, 0.1);
    }

    table#tabelle <?=isset($_POST["spaltenHervorheben"]) ? 'td' : 'tr';?>:nth-child(odd) {
      background-color: rgba(255, 255, 255, 0.1);
    }

    tr#tabellenkopf {
      height: 30px;
    }

    tr#tabellenkopf>th:nth-child(even) {
      background-color: rgba(210, 233, 251, 0.93);
    }

	tr#tabellenkopf>th:nth-child(even) {
    background-color: rgb(92 1 129) !important;
	}

    tr#tabellenkopf>th:nth-child(odd) {
      background-color: rgb(52 0 91 / 93%) !important;
    }

    table#tabelle tr {
      transition: background-color 0.3s;
      &:hover {
      background-color: var(--main-bg-color);
      }
    }

    table#tabelle tr.zeileMarkieren {
      box-shadow: Inset 0px 0px 10px 100px #E5F1FB;
    }

    td {
      transition: background-color 0.3s;
    }

    table#tabelle td {
    background-color: #490040;
    color: #0f0;
}

    table#tabelle td:hover {
      background-color: #660000 !important;
    }

    table#tabelle th {
      font-weight: Normal;
      position: Sticky;
      top: 0;
      z-index: 1000;
    }

    /* Eingabefelder */
    input[type="search"] {
      border: Solid 1px var(--main-border-color);
	  font-weight: 700;
	  color:#ff8400;
    }

    input[type="text"]#kategorie {
      /* width: 300px; */
	  background-color: #3b0932;
	  font-weight: 700;
    }

    input[type="text"]#titel {
      /* width: 85%; */
	  background-color: #3b0932;
	  font-weight: 700;
    }

    input[type="text"]:required,
    input[type="password"]:required,
    input[type="url"]:required,
    select:required,
    textarea:required {
      background-color: #180027;
      border: Solid 1px var(--main-border-color);
	  color:#7a3f9f;
    }

    input[type="text"]:valid,
    input[type="password"]:valid,
    input[type="url"]:valid,
    select:valid,
    textarea:valid {
      background-color: #3b0932 !important;
      border: Solid 1px var(--main-border-color);
	  font-weight: 700;
	  color:#ff8f00;
    }

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="search"]:focus,
    input[type="url"]:focus,
    input[type="file"]:focus,
    input[type="number"]:focus,
    input[type="checkbox"]:focus,
    input[type="radio"]:focus,
    textarea:focus,
    select:focus {
      outline: Solid 1px #cc6500;
    }

    input[type="checkbox"],
    input[type="radio"],
    input[type="range"],
    progress {
      accent-color: var(--main-color);
    }

    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    button[type="button"] {
      border: Solid 1px #a727c7;
    background: -moz-linear-gradient(left, #7022bf 0%, #971aa5 35%, #971aa5 65%, #7022bf 100%);
background: -webkit-linear-gradient(left, #7022bf 0%,#971aa5 35%,#971aa5 65%,#7022bf 100%);
background: linear-gradient(to right, #7022bf 0%,#971aa5 35%,#971aa5 65%,#7022bf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7022bf', endColorstr='#7022bf',GradientType=1 );
	  color:#ff0;
      transition: background-color 0.3s;
    }

    input[type="button"]:hover,
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    button[type="button"]:hover {
      border: Solid 1px #ff7607;
	background: -moz-linear-gradient(left, #ea8100 0%, #ea3110 35%, #ea3110 65%, #ea8100 100%);
background: -webkit-linear-gradient(left, #ea8100 0%,#ea3110 35%,#ea3110 65%,#ea8100 100%);
background: linear-gradient(to right, #ea8100 0%,#ea3110 35%,#ea3110 65%,#ea8100 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea8100', endColorstr='#ea8100',GradientType=1 );
    }

    input[readonly="readonly"] {
      background-color: #3b0932 !important;
	  color:#ff8f00;
	  font-weight:700;
      border: Solid 1px var(--main-border-color);
      cursor: Default;
    }

    input[type="file"] {
      width: 310px;
      outline: Solid 1px var(--main-border-color);
    }

    input[type="url"] {
      min-width: 300px;
      width: 73%;
    }

    /* Textbereich */
    textarea {
      font-family: Verdana, Sans-Serif;
      font-size: 14px;
      width: 67.53%;
      min-width: 500px;
      height: 264px;
      min-height: 220px;
    }
	
	    textarea#nachricht {
      font-family: Verdana, Sans-Serif;
      font-size: 14px;
      width: 98%;
      min-width: 500px;
      height: 264px;
      min-height: 220px;color:#fff;
    }

input_html {
      width: 180px;
      border: Solid 1px var(--main-border-color);
	  color:#fff;
	  background-color: #a7005d;
    }


    input[type="radio"]:checked+label,
    input[type="checkbox"]:checked+label {
      color: var(--main-color);
    }

    input[type="checkbox"]:checked+label#bild_del {
      color: Red;
    }

    input[type="number"] {
      width: 80px;
      border: Solid 1px var(--main-border-color);
	  color:#fff;
	  background-color: #a7005d;
    }

    input[type="number"]:out-of-range {
      border: Solid 1px #0078D7;
      background-color: #FFCACA;
    }

    /* Auswahllisten */
    option:default {
      color: #0f0;background-color: #1f0708;
    }

    option:nth-child(even) {
      background-color: #1f0708;
    }

    option:nth-child(odd) {
      background-color: #1f0708;
    }

    :focus-visible {
      outline: Solid 1px var(--main-color);
    }

    /* Label */
    label.login {
      display: Inline-Block;
      width: 5rem;
    }

    label.mark {
      display: Inline-Block;
      width: 100%;
    }

    label {
      color: #ffc485;
    }

    label:hover {
      color: #fff700;
    }

    label.labellink {
      cursor: Pointer;
    }

    /* Accesskeys */
    ins {
      color: var(--main-color);
    }

    span.ok {
      color: #35B000;
    }

    span.ko {
      color: #FF0000;
    }

    span.st {
      color: #00B1FF;
    }

    div.status {}

    /* Anzahl der Zeilen, Wörter und Zeichen */
    span#zeichen {
      font-family: Roboto;
      font-size: 18px;
	  font-weight:700;
      color: #68fff2;
      display: Inline-Block;
      margin-left: 270px;
    }

    span#counter {
      background-color: #a7005d !important;
      padding: 1px 5px 1px 5px;
      border: Solid 1px var(--main-border-color);
    }

    span#bildstatus {
      white-space: pre-line;
      font-family: Tahoma, Arial, Sans-Serif;
      font-size: 0.90rem;
    }

    div#Optionen {
      background-color: #1c0b47 !important;
      padding: 5px;
      line-height: 30px;
      outline: Solid 1px var(--main-border-color);
	  color:#fff;
    }

    span.OptionenUnterkategorie {
      font-family: Tahoma, Arial, Sans-Serif;
      font-size: 1.1rem;
      letter-spacing: 1px;
      font-variant: Small-Caps;
	  color:#fff;
    }

    span#formate {
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 0.80rem;
    color: #fff904;
}

    /* Vorschau */
    .vorschauBox {
      outline: Dashed 1px var(--main-color);
      padding: 5px 0 5px 0;
      background-color: #FFFFFF;
      margin-bottom: 8px;
      min-width: 500px;
      min-height: 100px;
      overflow-x: Auto;
      resize: both;
    }

    /* Zum Seitenanfang/Seitenende */
    span.jsLink {
    cursor: Pointer;
    padding-left: 5px;
    padding-right: 5px;
    color: #ffa700;
}

    span.gefunden {
      font-size: 0.95rem;
      background-color: #a7005d !important;
      border: Solid 1px var(--main-border-color);
      border-radius: 20px;
      cursor: Pointer;
      transition: background-color 0.3s;
    }

    span.gefunden:hover {
      border: Solid 1px var(--main-color);
      background-color: #E5F1FB;
    }

    /* Thumbnail */
    img.thumbnail {
      width: 35%;
      background: linear-gradient(#FFFFFF, #EAEAEA);
      padding: 0.5rem;
      outline: Solid Thin Lightgrey;
      box-shadow: 1px 1px 10px #BEBEBE;
      display: Block;
      margin: 10px 0 5px 0;
      transition: all 1.5s;
      &:hover {
           transform: scale(2.0, 2.0);
      }
    }

    .resizer {
      position: absolute;
      top: 0;
      right: 0;
      width: 5px;
      cursor: col-resize;
      user-select: none;
    }
	
}

th.tk_titel {
    border-bottom: Solid 4px #ffd600 !important;
}

/* Neue Eigene CSS */

.mein_link_1 {margin-left:94%;
margin-bottom:-45px;padding-top:10px;
list-style: none;color:#00f;
}

.editor_logo {margin-left:82.14%;
margin-bottom:-175px;padding-top:38px;
list-style: none;color:#00f;
}

/* HTML Code Auto-Copy bei Klick */

        .bigtable {
                width: 100%;
        }
        
        .bigtable tr:first-child {
                background: #83bb26;
                color: white;
                position: sticky;
                top: 0;
                line-height: 3em;
        }
        .bigtable td {
                padding: 0 2rem; /* background: #111; */  /* Erste HG Farbe Balken */
				/* border: 1px solid #2E2E2E; */
        }
		
		.bigtable td:hover {
                padding: 0 2rem;
				background-color:#ff0;

				/* background: #111; */  /* Erste HG Farbe Balken */
				/* border: 1px solid #2E2E2E; */
        }
		
        .bigtable td:not(:nth-child(4)):not(:nth-child(2)):hover {
                cursor: pointer;
                background: #000;
        }
        .bigtable th {
                padding: 0px 10px;
                font-size: 20px;
                font-weight: bold;
				background: #000088; /* Hintergrund Header */
        }
        .bigtable tr:nth-child() {
                background: #ff0000; /* Zweite HG Farbe Balken WERTE 2 3 4 5  */
        }
		
        .bigtable tr td:not(:last-child){
                text-align: center;
				/* background: #330000; */ /* Code Hintergrund 1 bis 4 */
        }
		
        .bigtable tr th:not(:last-child) {
                text-align: center;
				/* background: #330000; */ /* Code Hintergrund Symbol Spalte und Header 1 bis 4 */
        }
		
        .bigtable tr:hover {
                background: #000; /* Blendet unnötige Tabelle aus durch gleiche HG-Farbe */
        }
		
        #copied-text {
                position: fixed;
                display: flex;
                top: 200vh;
                max-height: 0;
                overflow: hidden;
                background: rgba(0,0,0,.35);
                left: 0;
                right: 0;
                opacity: 0;
                animation: copiedtext 9s ease-out;
                z-index: -9999;
                justify-content: center;
                align-items: center;
                pointer-events: none;
        }
        #copied-text div {
                background: #007200; /* Hintergrund für Copy Info */
                text-align: center;
                padding: 0 0 20px;
                box-sizing: border-box;
                font-size: 18px;
                width: 100%;
        }
        #copied-text div span {
                display: block;
                padding: .5em;
                color: #000;
                background: #ffff00;/* Header Hintergrund für Copy Info */
                width: 100%;
                box-sizing: border-box;
                margin-bottom: 20px;
                font-size: 16px;
				font-weight:700;
        }
        @keyframes copiedtext {
                0%, 50% {
                        top: 0;
                        bottom: 0;
                        max-height: none;
                        padding: 30px calc(45% - 300px);
                        opacity: 1;
                        z-index: 9999;font-size:10px;
                }
                100% {
                        top: 0;
                        bottom: 0;
                        max-height: none;
                        padding: 30px calc(10% - 100px);
                        opacity: 0;
                        z-index: 9999;
                }
        }

setTextarea {color:#fff;}

.pre1 {
    width: 6vw;
    background-color: #000;
    padding: 5px 0px 5px 10px;
    scrollbar-width: thin;
    cursor: Text;
	margin-left:0px;
	width:1038px;
	margin-right:-370px;
}

#html_notiz {width:1038px;min-width:1038px;max-width:1038px;height:200px;}

#html_color {width:790px;min-width:790px;max-width:790px;height:130px;min-height:130px;max-height:180px;}

#html_color_bold {width:790px;min-width:790px;max-width:790px;height:130px;min-height:130px;max-height:180px;}


#html_line {width:790px;min-width:790px;max-width:790px;height:230px;min-height:230px;max-height:280px;}

::placeholder {
  color: #775492;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #775492;
}

.kategorie_editor {
color:#ff98da;margin-left:5px;margin-right:17px;margin-top:2px;float:left;
}

.titel_editor {
color:#ff98da;margin-left:6px;margin-right:56px;margin-top:2px;float:left;
}

.rezept_editor {
color:#ff98da;margin-left:3px;margin-right:40px;margin-top:2px;float:left;
}	

.personen_editor {
color:#ff98da;margin-left:5px;margin-right:20px;margin-top:2px;float:left;
}

.arbeitszeit_editor {
color:#ff98da;margin-left:5px;margin-right:8px;margin-top:2px;float:left;
}	

.genre_editor {
color:#ff98da;margin-left:5px;margin-right:32px;margin-top:2px;float:left;
}	

.fsk_editor {
color:#ff98da;margin-left:5px;margin-right:49px;margin-top:2px;float:left;
}	

.actors_editor {
color:#ff98da;margin-left:5px;margin-right:28px;margin-top:2px;float:left;
}	

.released_editor {
color:#ff98da;margin-left:5px;margin-right:47px;margin-top:2px;float:left;
}	

.comments_editor {
color:#ff98da;margin-left:5px;margin-right:60px;margin-top:2px;float:left;
}	

.tags_editor {
color:#ff98da;margin-left:5px;margin-right:59px;margin-top:2px;float:left;
}	

.beschreibung_editor {
color:#ff98da;margin-left:5px;margin-right:5px;margin-top:2px;margin-bottom:60px;float:right;float:left;
}