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

::-webkit-scrollbar-thumb {
  background: #0098f8;
}

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

    /* Variablen */
    :root {
    --main-color: #29ebff !important;
    --main-bg-color: #EEF7FD !important;
    --main-border-color: #004499 !important;
}

p {color:#00c2ff;}

/* Haupthintergrund */ /* FARBSET_2 */
    body {
	  background-color:#001b33 !important;
    }

/* fieldset *//* Hintergrund der Eingabebereiche (Farbverlauf) */
fieldset {
    background-color: #FAFAFA !important;
    background: linear-gradient(#203e75, #040a2b) !important;
}

/* Eintrag-Liste Bereiche erste Farbe */
tr#tabellenkopf>th:nth-child(odd) {
    background-color: rgb(22 7 85 / 93%) !important;
}

/* Eintrag-Liste Bereiche erste Farbe Hover */
tr#tabellenkopf>th:nth-child(odd):hover {
    background-color: #322290 !important;
}

/* Eintrag-Liste Bereiche zweite Farbe */
tr#tabellenkopf>th:nth-child(even) {
    background-color: rgb(43 16 67) !important;
}

/* Eintrag-Liste Bereiche zweite Farbe Hover */
tr#tabellenkopf>th:nth-child(even):hover {
    background-color: #322290 !important;
}

/* Eintrag-Liste Haupthintergrund */
table#tabelle td {
    background-color: #000b33;
    color: #00f1ff;
}

/* Optionen öffnen *//* Zum Seitenanfang/Seitenende */
span.jsLink {
    color: #c485ff;
}

/* Optionen öffnen *//* Zum Seitenanfang/Seitenende Hover */
span.jsLink:hover {
    color: #27caff;
}

/* Optionen Hintergrund (Text = [bis]) */
div#Optionen {
    background-color: #180047 !important;
    color: #59c0ff;
}

/* Bezeichnungen Schriftfarbe */
label {
    color: #6fbbff;
}

/* Bezeichnungen Schriftfarbe Hover */
label:hover {
    color: #00fff5;
}

/* Bezeichnungen Hintergrund Hover */
table#tabelle td:hover {
      background-color: #001866 !important;
    }
	
/* Unterkategorie Titel */
span.OptionenUnterkategorie {
    color: #d6ff00;
}	
	
/* Anzeige für Maximale Einträge */ /* FARBSET_1 */
span#counter {
    background-color: #00205b !important;
}

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

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

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

/* Hintergrund zwischen den Bereichen */ /* FARBSET_2 */
table {
    background-color: #001b33;
}
	
/* Eingabefeld Hintergrund und Schrift Farben */ /* FARBSET_1 */
input[type="number"] {
    color: #00c2ff;
    background-color: #00205b;
}	
	
/* Eingabefeld Hintergrund Warnung für Wertüberschreitung */	
input[type="number"]:out-of-range {
    border: Solid 1px #ff0047;
    background-color: #830000;
}	

/* Eingabefeld Hintergrund OBEN */
input {
    background-color: #001947;
}

/* Eingabefeld Suchfeld */
input[type="search"] {
    color: #8aa2ff;
}

/* Eingabefeld Kategorie */ /* FARBSET_1 */
input[type="text"]#kategorie {
    background-color: #00205b;
}

/* Eingabefeld Titel */ /* FARBSET_1 */
input[type="text"]#titel {
    background-color: #00205b;
}

/* Eingabefeld Optionen */ /* FARBSET_1 */
input[readonly="readonly"] {
    background-color: #00205b !important;
    color: #3898ff;
}

/* Eintrag absenden NICHT ACTIV */ /* Eingabefeld für Beschreibung Hintergrund ohne SchriftEintrag */ /* Eingabefeld Schriftfarbe */
input[type="text"]:required, input[type="password"]:required, input[type="url"]:required, select:required, textarea:required {
    background-color: #00062f;
    color: #175d87;
}

/* Eintrag absenden ACTIV */ /* Dropdown Menü Header */ /* FARBSET_1 */
input[type="text"]:valid, input[type="password"]:valid, input[type="url"]:valid, select:valid, textarea:valid {
    background-color: #00205b !important;
    color: #00c2ff;
}

/* Auswahllisten Header Umrandung für Aktiv */
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 #006e00;
    }

/* Button  */
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    button[type="button"] {
    border: Solid 1px #003d29;
    background: #1ba996;
    background: -moz-linear-gradient(left, #1ba996 0%, #6dffce 23%, #6dffce 77%, #1ba996 100%);
    background: -webkit-linear-gradient(left, #1ba996 0%, #6dffce 23%, #6dffce 77%, #1ba996 100%);
    background: linear-gradient(to right, #1ba996 0%, #6dffce 23%, #6dffce 77%, #1ba996 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ba996', endColorstr='#1ba996',GradientType=1 );
	color:#010e00;font-weight:700;
    }

    input[type="button"]:hover,
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    button[type="button"]:hover {
    border: Solid 1px #003d29;
	background: #6dffce;
	background: -moz-linear-gradient(left, #6dffce 0%, #1ba996 23%, #1ba996 23%, #1ba996 77%, #1ba996 77%, #6dffce 100%); 
	background: -webkit-linear-gradient(left, #6dffce 0%,#1ba996 23%,#1ba996 23%,#1ba996 77%,#1ba996 77%,#6dffce 100%);
	background: linear-gradient(to right, #6dffce 0%,#1ba996 23%,#1ba996 23%,#1ba996 77%,#1ba996 77%,#6dffce 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dffce', endColorstr='#6dffce',GradientType=1 );
	font-weight:700;
    }

/* Editor Titel *//* Logo */
fieldset legend>span#logo {
    color: #43a7ff;
}

/* Bereiche Titel */
fieldset legend {
    color: #ffd600;
}

/* Platzhalter */
::placeholder {
  color: #415ba5;
  opacity: 1; /* Firefox */
}

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

/* Anzahl der angezeigten Einträge und zu Nummer springen */
    span.gefunden {
      font-size: 0.95rem;
      background-color: #0058b3 !important;
      border: Solid 1px var(--main-border-color);
      border-radius: 20px;
      cursor: Pointer;
      transition: background-color 0.3s;
    }

/* Anzahl der angezeigten Einträge und zu Nummer springen Hover */
    span.gefunden:hover {
      border: Solid 1px var(--main-color);
      background-color: #065a00 !important;
    }	

span#bildanzeige {
	
	width:300px;
}

element.style {
    vertical-align: top;
    width: 708px;
}

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

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

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

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

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

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

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

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

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

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

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

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