/* ------------------------------------------------------------ */
/* Variables                                                    */
/* ------------------------------------------------------------ */
:root {
  --admin_highlight_orange: #f29400;
  --admin_highlight_yellow: #ffff00;

  --adminform_padding_horiz: 1.5vw;
  --adminform_padding_vert: 0.5rem;
  --adminform_gap_vert: 2rem;
}

/* -------------------------------------------------------------- */
/* Abwandlungen von styles_default.css                            */
/* -------------------------------------------------------------- */

div.admin_toolbar {
  background-color: var(--admin_highlight_yellow);
  padding: var(--adminform_padding_vert) var(--adminform_padding_horiz);
  margin-bottom: 10px;
}

.admin_toolbar input,
.admin_toolbar select {
  margin: 0.2em !important;
}

.admin_form {
  background-image: linear-gradient(
    to right,
    rgb(209, 209, 209),
    rgb(190, 190, 190)
  );
  border: 12px #c23c3e;
  border-style: none none solid none;
}

.admin_form *,
.admin_toolbar *,
.admin_popup *,
.loginform * {
  font-family: Arial, Helvetica, Univers, sans-serif;
}

.spacer_adjustable,
.spacer_adjustable_height {
  background-image: url("../images/admin/spacer_adjustable_back_de.png");
  background-repeat: no-repeat;
}

.admin_form h3 {
  padding: 0px;
  margin: 0px;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  background-color: #eed591;
}

form.admin {
  clear: both;
}

td.admin_form_col,
td.admin_form_col_left,
td.admin_form_col_right,
td.admin_form_col_alert,
td.admin_form_col_head,
td.admin_form_col_subhead,
td.admin_form_closebutton {
  vertical-align: middle;
  padding-left: 4px;
  padding-right: 2px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: rgb(0, 0, 0);
  text-decoration: none;
  background-color: #eed591;
  border: 2px #868585;
  border-style: none none solid none;
}

td.admin_form_col_midhead {
  background-color: #cccccc;
}

td.admin_form_col_left {
  min-width: 120px;
}

td.admin_form_col form,
td.admin_form_col select,
td.admin_form_col input {
}

td.admin_form_col input.admin_button_move {
  float: left;
}

td.admin_toolbar.error {
  padding: 0px;
  margin-bottom: 0px;
  height: 18px;
  vertical-align: middle;
  padding-left: 30px;
  font-size: 10pt;
  font-weight: bold;
  background-color: red;
  color: yellow;
}

td.admin_toolbar.info {
  height: 18px;
  vertical-align: middle;
  padding-left: 30px;
  font-size: 10pt;
  font-weight: bold;
  background-color: #eb7c08;
  color: #000;
}

td.admin_toolbar.info a:hover {
  color: #ff0;
}

.admin_form_form {
  margin: 10px;
}

.map_overlay_editlink {
  cursor: pointer;
}

table.news {
  border-collapse: collapse;
  background-color: white;
  font-size: 0.8em;
}

.news .admin_form_col {
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.admin_form_title,
.admin_form_head {
  height: 20px;
  padding-top: 2px;
  padding-left: 10px;
  background-color: #c23c3e;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

.news .admin_form_title {
  height: 40px;
  padding-top: 9px;
  padding-left: 4px;
}

.news .admin_form_head {
  padding-left: 4px;
}

.news .admin_form_col {
  vertical-align: top;
  font-size: 12px;
}

.news .admin_form_col_left {
  width: 160px;
}

.news_att_error {
  color: red;
}

th.news_list {
  color: #fff;
  padding-left: 5px;
  font-weight: normal;
  font-size: 11px;
  text-align: left;
  border: 1px #fff solid;
  background-color: #c23c3e;
}

td.news_list {
  border: 1px #c23c3e;
  border-style: none none solid none;
  border: 1px #ccc solid;
}

td.news_list div.not_published {
  margin: 2px;
  margin-left: 0px;
  width: 10px;
  height: 10px;
  background-color: red;
}

td.news_list div.published {
  margin: 2px;
  margin-left: 0px;
  width: 10px;
  height: 10px;
  background-color: green;
}

td.news_list.head {
  padding-left: 10px;
  padding-right: 10px;
  font-weight: bold;
}

td.news_list.small {
  padding-left: 5px;
  font-size: 11px;
  font-weight: normal;
}

td.news_list_spacer {
  padding: 0px;
  color: #000;
  font-size: 1px;
  font-weight: bold;
  border: 1px #c23c3e;
  border-style: none none solid none;
  border-top: 5px #fff solid;
  background-color: #fff;
}

td.news_list_subtitle {
  border: 0px;
  border-top: 10px #fff solid;
  padding-top: 20px;
  padding-left: 4px;
  background-color: #eed591;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

td.admin_form_buttons {
  background-color: #c23c3e;
  border: 1px #fff;
  border-style: solid none solid none;
}

td.admin_form_buttons .button {
  margin: 5px;
  width: 150px;
  text-align: center;
  background-color: #c23c3e;
  border: 1px solid #fff;
  color: #fff;
}

td.news_list_subtitle .button {
  margin: 0px;
  width: 150px;
  text-align: center;
  background-color: #c23c3e;
  border: 1px solid #fff;
  color: #fff;
}

td.admin_form_col .button {
  margin: 0px;
  width: 150px;
  text-align: center;
  background-color: #f7eac8;
  border: 1px solid #000;
  color: #000;
}

div.button a:link,
div.button a:visited,
div.button a:active {
  color: #fff;
  text-decoration: none;
}

div.button a:hover {
  color: #eb7c08;
  text-decoration: none;
}

td.admin_form_col div.button a:link,
td.admin_form_col div.button a:visited,
td.admin_form_col div.button a:active {
  color: #000;
  text-decoration: none;
}

td.admin_form_col div.button a:hover {
  color: #eb7c08;
  text-decoration: none;
}

div.admin_form_col_left_text {
  margin-top: 3px;
  font-size: 12px;
  font-weight: bold;
}

div.admin_form_col_left_text small {
  margin-top: 3px;
  font-size: 10px;
  font-weight: normal;
}

.news .admin_form_col_right {
  text-align: left;
}

.news textarea.full,
.news input.full {
  float: none;
  width: 510px;
}

td.admin_news_margin {
  padding-left: 10px;
  padding-right: 0px;
  border: 2px #868585;
  border-style: none none none solid;
}

table.admin_news_categories {
  border: 1px #868585;
  border-style: solid solid none solid;
}

tr.admin_news_categories {
  background-color: #ccc;
}

td.admin_news_categories {
  padding-left: 2px;
  border: 1px #868585;
  border-style: none none solid none;
}

div.admin_news_categories {
  height: 16px;
  width: 150px;
  overflow: hidden;
}

.admin_news_categories .indent_0 {
  font-weight: bold;
}

.admin_news_categories .indent_1 {
  padding-left: 5px;
}

.admin_news_categories .indent_2 {
  padding-left: 10px;
}

.admin_news_categories .indent_3 {
  padding-left: 15px;
}

.admin_news_categories .page_is_hidden {
  color: #c23c3e;
}

td.admin_news_categories input {
  margin: 0px;
  padding: 0px;
  float: left;
}

.admin_form_title img {
  margin: 4px;
  float: right;
  cursor: pointer;
}

.admin_form_help {
  width: 130px;
  padding-top: 10px;
  padding-right: 10px;
  text-align: right;
}

td.admin_form_help form {
  float: right;
}

.admin_help {
  width: 130px;
  clear: both;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  color: #c23c3e;
  font-size: 10px;
}

.admin_form_minilink {
  font-weight: normal;
  font-size: 9px;
}

td.admin_form_col_alert {
  font-weight: bold;
  color: #ff0;
  background-color: #f00;
}

td.admin_form_col_head {
  font-weight: bold;
  color: #fff;
  background-color: #a1221c;
}

td.admin_form_closebutton {
  padding: 0px;
  padding-right: 4px;
  text-align: right;
  background-color: #a1221c;
}

td.admin_form_col_subhead {
  font-weight: bold;
  color: #fff;
  background-color: #868585;
}

input.admin_button,
input.admin_button_wide {
  margin: 0px;
  margin-right: 0px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  /* padding-top: 0.2em;
  padding-bottom: 0.2em; */
  background-color: #efbf3b;
  color: rgb(0, 0, 0);
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 5px;
}

input.admin_button:hover,
input.admin_button_wide:hover {
  background-color: #ffcc3f;
}

input.admin_button_wide {
  min-width: 200px;
}

.admin_form input.admin_button_wide {
  width: 100%;
}

input.admin_button_wide.ok {
  background-color: #7bd460;
}

img.admin_button {
  cursor: pointer;
  max-width: none;
}

.call_edit_div {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

input.text {
  width: 350px;
  margin: 0px;
  padding: 0px;
  color: #000;
  border: none;
  background-color: #efbf3b;
  font-family: Arial, Helvetica, Univers, sans-serif;
}

textarea.text {
  width: 100%;
  margin: 0px;
  padding: 0px;
  color: #000;
  border: none;
  background-color: #eeeeee;
  font-family: Arial, Helvetica, Univers, sans-serif;
}

.edit {
  width: 100%;
  clear: both;
}

table.edit_h1,
table.edit_h2,
table.edit_h3 {
  clear: both;
  width: 100%;
  background-color: #efbf3b;
}

td.edit_h1,
td.edit_h2,
td.edit_h3 {
  width: 100%;
}

.edit_h1 input.text,
.edit_h2 input.text,
.edit_h3 input.text {
  width: 100%;
  margin: 0px;
  color: #000;
}

.edit_h1 input.text {
  height: 22px;
  padding-top: 3px;
  margin-bottom: 6px;
  font-weight: bold;
}

.edit_h2 input.text {
  height: 15px;
  padding-top: 0px;
  margin-bottom: 0px;
  font-weight: bold;
}

.edit_h3 input.text {
  padding-top: 1px;
}

table.edit_tr {
  clear: both;
  width: 100%;
  border: 1px #b03731;
  border-style: solid none none none;
  background-color: #efbf3b;
}

td.edit_tr {
  width: 100%;
  padding: 2px;
  color: #000;
  font-size: 12px;
}

td.edit_explain {
  width: 100%;
  padding: 5px;
  color: #c23c3e;
  font-size: 10px;
  background-color: #ccc;
}

td.edit_tr b {
  margin-left: 4px;
  color: #b1840a;
  font-size: 18px;
}

div.admin_form_row_error {
  vertical-align: middle;
  margin-right: 10px;
  padding: 4px;
  font-size: 8pt;
  color: #444;
  text-decoration: none;
  font-weight: bold;
  color: #ff0;
  background-color: #f00;
}

.admin_popup textarea,
.admin_form_col form,
.admin_form input.admin,
.admin_form select.admin,
.admin_popup input.admin,
.admin_popup select.admin,
.loginform input.admin,
#submit_login {
  min-width: 100%;
  width: 100%;
}

.admin_popup textarea,
select.admin {
  background-color: #fff;
  border: 1px solid #000;
}

div.admin_popup {
  border: 3px #c23c3e;
  border-style: solid solid solid solid;
  background-color: #a6a6a6;
  z-index: 99;
  max-width: 90vw;
}

.admin_popup_input {
  width: 400px;
}

td.admin_popup .text {
  background-color: #edd490;
}

td.admin_popup_title {
  height: 20px;
  padding-top: 2px;
  padding-left: 2px;
  background-color: #c23c3e;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}

td.admin_popup_title img {
  margin-top: 2px;
  float: right;
  cursor: pointer;
}

.admin_popup td.edit_tr {
  padding: 0px;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  border: 1px #c23c3e;
  border-style: solid none none none;
  background-color: #eed591;
}

.admin_popup td.edit_tr input {
  margin-left: 2px;
}

.admin_popup td.edit_tr .admin_button {
  margin: 0px;
}

.admin_popup_input {
  padding: 2px;
  background-color: #eeeeee;
  border-width: 1px;
  border-style: solid;
  border-top-color: #660000;
  border-left-color: #660000;
  border-right-color: #e77173;
  border-bottom-color: #e77173;
}

.admin_popup_input .text {
  background-color: #eeeeee;
}

.admin_popup table {
  width: 100%;
}

#news_preview {
  left: 120px;
  top: 5px;
  position: absolute;
  padding: 20px;
  background-color: #fff;
  width: 506px;
  text-align: left;
  border: 1px solid black;
}

table.news_preview {
  width: 506px;
}

.img_titled {
  cursor: pointer;
}

#main > hr {
  position: relative;
}

#main > hr::before {
  content: "edit hr";
  width: auto;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;

  font-size: 0.8em;
  padding: 0.2em;
  color: black;
  background-color: orange;
  border: 1px solid black;
  cursor: pointer;
}

.anchor_edit {
  width: 100%;
  clear: both;
  cursor: pointer;
  background-color: #eed591;
}

.edit_grip {
  width: 100%;
  padding: 0.2em;
  display: block;
  background-color: var(--admin_highlight_yellow);
  border: 2px solid var(--admin_highlight_orange);
  cursor: pointer;
  user-select: none;
}