body {
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
  color: black;
}
select {
  font-size: 12px;
  background-color: #b88740;
  color: #2c1d06;
}
input {
  font-size: 12px;
  background-color: #b88740;
  color: #2c1d06;
}
textarea {
  font-size: 12px;
  background-color: #b88740;
  color: #2c1d06;
}

.button-1 {
  border: 3px double #5d4c2f;
  border-top-color: #c9a584;
  border-left-color: #c9a584;
  padding: 1px 10px;
  background: #edd192;
  font-size: 12px;
  text-align: center;
  font-weight: bold;
  color: #000000;
}

.menu_left ul li a {
  color: #2d1506;
  font-weight: bolder;
  font-size: 20px;
  font-variant: small-caps;
  text-decoration: none;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3),
    -2px -2px 4px rgba(255, 255, 255, 0.5);
}

.menu_left ul li {
  font-family: "Times New Roman", Times, serif;
  color: #2d1506;
  font-weight: bolder;
  font-variant: small-caps;
  margin: 0;
  height: 23px;
  text-decoration: none;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3),
    -2px -2px 4px rgba(255, 255, 255, 0.5);
}

.menu_left ul li a:hover {
  color: #ebdacf;
  text-decoration: none;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3),
    -2px -2px 4px rgba(255, 255, 255, 0.5);
}

.menu_left {
  text-align: right;
  width: 100%;
  color: #2d1506;
}

.menu_left ul {
  text-align: right;
  list-style: none;
  padding: 0;
  padding-right: 40px;
}

.ressis_bar div {
  text-align: right;
  padding-right: 5px;
  color: goldenrod;
  font-size: 16px;
}

.site_footer a {
  color: #edd192;
  text-decoration: none;
}

.site_footer a:hover {
  text-decoration: underline;
}

.content_container {
  background-color: #d4bb9c;
  width: 100%;
  height: 100%;
  margin-left: 2px;
  padding-left: 3px;
  padding-right: 5px;
  padding-top: 15px;
}
/* *** Message Boxes ** */
.box_msg {
  border-width: 3px; /* Breite des Rahmens */
  border-style: solid; /* Stil des Rahmens (kann auch 'dashed', 'dotted', usw. sein) */
  border-color: #0b180b; /* Grüne Farbe des Rahmens */
  box-shadow: 0 0 5px 2px #0e350e; /* 3D-Effekt mit Box-Schatten (horizontal, vertikal, Unscharf, Ausdehnung) */
  margin-bottom: 8px;
  padding-left: 4px;
}
.box_error {
  border-width: 3px; /* Breite des Rahmens */
  border-style: solid; /* Stil des Rahmens (kann auch 'dashed', 'dotted', usw. sein) */
  border-color: #3d0505; /* Grüne Farbe des Rahmens */
  box-shadow: 0 0 5px 2px #a30f0f; /* 3D-Effekt mit Box-Schatten (horizontal, vertikal, Unscharf, Ausdehnung) */
  margin-bottom: 8px;
  padding-left: 4px;
}

/* *** Table 1 *** */
.tbl_1 {
  border-collapse: collapse;
  width: 100%;
  border: 0;
}
.tbl_headline_1 {
  height: 24px; /* You can adjust the height as needed */
  font-weight: bold;
  font-size: 14px;
  background: linear-gradient(to bottom, #fff4db, #9e764c);
  border: 2px solid;
}
.tbl_headline_1 a {
  text-decoration: none; /* Remove underline from the link */
  color: black; /* Change link color as needed */
}
.tbl_1 a {
  font-size: 12px;
  color: black;
  text-decoration: none;
}
.tbl_1 a:hover {
  text-decoration: underline;
}
/* *** Table 2 *** */
.tbl_2 {
  width: 100%;
  border-collapse: separate; /* Um cellspacing zu simulieren */
  border-spacing: 2px; /* Um cellspacing zu simulieren */
  border: 1px solid #000000; /* Um border zu simulieren */
}
.tbl_2 a {
  font-size: 12px;
  color: black;
  text-decoration: none;
}
.tbl_2 a:hover {
  text-decoration: underline;
}

/* CSS für die Zellen */
.tbl_2 td {
  padding: 1px; /* Um cellpadding zu simulieren */
  color: black;
  display: table-cell;
  vertical-align: inherit;
  border: 1px solid;
  margin: 13px;
}
.tbl_2 th {
  padding: 1px; /* Um cellpadding zu simulieren */
  color: black;
  display: table-cell;
  vertical-align: inherit;
  border: 1px solid;
  margin: 13px;
}
.tbl_headline_2 {
  height: 20px; /* You can adjust the height as needed */
  font-weight: bold;
  font-size: 14px;
  background: linear-gradient(to bottom, #fff4db, #9e764c);
  border: 2px solid;
}

/* CSS für die Map **/
.tbl_map {
  width: 80%;
  border-collapse: separate; /* Um cellspacing zu simulieren */
  border-spacing: 2px; /* Um cellspacing zu simulieren */
  padding: 4px;
  border: 2px solid goldenrod;
  border-radius: 14px;
}
.tbl_map_headline {
  height: 20px; /* You can adjust the height as needed */
  font-weight: bold;
  font-size: 14px;
  background: linear-gradient(to bottom, #fff4db, #9e764c);
  border: 2px solid;
}
.tbl_map a{
  color: #000000;
  text-decoration: none;
}
.tbl_map td {
  padding: 0;
  margin: 0;
  text-align: center;
  width: 80px;
  min-width: 80px;
  max-width: 80px;
  height: 20px;
  min-height: 80px;
  max-height: 80px;
  overflow: hidden;
  border: 1px dotted;
}
.tbl_map th {
  padding: 0;
  margin: 0;
  text-align: center;
  width: 80px;
  min-width: 80px;
  max-width: 80px;
  height: 20px;
  min-height: 80px;
  max-height: 80px;
  overflow: hidden;
  border: 1px dotted;
}
.map_legend {
  width: 80px;
  min-width: 80px;
  max-width: 80px;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
}

:root {
  --map-field-hintergrund-color-1: transparent;
  --map-field-hintergrund-color-3: rgba(180, 180, 180, 0.8);
  --map-field-hintergrund-color-2: rgba(130, 130, 130, 0.8);
  --map-field-hintergrund-color-5: rgba(142, 228, 130, 0.8);
  --map-field-hintergrund-color-4: rgba(25, 207, 40, 0.8);
  --map-field-hintergrund-color-7: rgba(243, 155, 155, 0.8);
  --map-field-hintergrund-color-6: rgba(204, 39, 39, 0.8);
  --map-field-hintergrund-color-8: rgba(91, 129, 185, 0.8);
  --map-field-hintergrund-color-9: rgba(255, 0, 0, 0.8);
  --map-field-hintergrund-color-10: rgba(167, 28, 148, 0.8);
}

/* Freie Inseln **/
.map_frei_frei {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-1) 0px,
    var(--map-field-hintergrund-color-1) 15px,
    var(--map-field-hintergrund-color-1) 30px,
    var(--map-field-hintergrund-color-1) 33px,
    var(--map-field-hintergrund-color-1) 34px
  ) !important;
}
.map_reserviert-1_frei {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-2) 0px,
    var(--map-field-hintergrund-color-2) 15px,
    var(--map-field-hintergrund-color-2) 30px,
    var(--map-field-hintergrund-color-2) 33px,
    var(--map-field-hintergrund-color-2) 34px
  ) !important;
}
.map_reserviert-2_frei {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-3) 0px,
    var(--map-field-hintergrund-color-3) 15px,
    var(--map-field-hintergrund-color-3) 30px,
    var(--map-field-hintergrund-color-3) 33px,
    var(--map-field-hintergrund-color-3) 34px
  ) !important;
}
.map_reserviert-frei-1_frei {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-4) 0px,
    var(--map-field-hintergrund-color-4) 15px,
    var(--map-field-hintergrund-color-4) 30px,
    var(--map-field-hintergrund-color-4) 33px,
    var(--map-field-hintergrund-color-4) 34px
  ) !important;
}
.map_reserviert-frei-2_frei {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-5) 0px,
    var(--map-field-hintergrund-color-5) 15px,
    var(--map-field-hintergrund-color-5) 30px,
    var(--map-field-hintergrund-color-5) 33px,
    var(--map-field-hintergrund-color-5) 34px
  ) !important;
}
.map_reserviert-angriff-1_frei {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-6) 0px,
    var(--map-field-hintergrund-color-6) 15px,
    var(--map-field-hintergrund-color-6) 30px,
    var(--map-field-hintergrund-color-6) 33px,
    var(--map-field-hintergrund-color-6) 34px
  ) !important;
}
.map_reserviert-angriff-2_frei {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-7) 0px,
    var(--map-field-hintergrund-color-7) 15px,
    var(--map-field-hintergrund-color-7) 30px,
    var(--map-field-hintergrund-color-7) 33px,
    var(--map-field-hintergrund-color-7) 34px
  ) !important;
}

/* Neutrale Inseln **/
.map_frei_neutral {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-1) 0px,
    var(--map-field-hintergrund-color-1) 11px,
    var(--map-field-hintergrund-color-8) 15px,
    var(--map-field-hintergrund-color-8) 25px,
    var(--map-field-hintergrund-color-1) 29px,
    var(--map-field-hintergrund-color-1) 34px
  ) !important;
}
.map_reserviert-1_neutral {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-2) 0px,
    var(--map-field-hintergrund-color-2) 11px,
    var(--map-field-hintergrund-color-8) 15px,
    var(--map-field-hintergrund-color-8) 25px,
    var(--map-field-hintergrund-color-2) 29px,
    var(--map-field-hintergrund-color-2) 34px
  ) !important;
}
.map_reserviert-2_neutral {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-3) 0px,
    var(--map-field-hintergrund-color-3) 11px,
    var(--map-field-hintergrund-color-8) 15px,
    var(--map-field-hintergrund-color-8) 25px,
    var(--map-field-hintergrund-color-3) 29px,
    var(--map-field-hintergrund-color-3) 34px
  ) !important;
}
.map_reserviert-frei-1_neutral {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-4) 0px,
    var(--map-field-hintergrund-color-4) 11px,
    var(--map-field-hintergrund-color-8) 15px,
    var(--map-field-hintergrund-color-8) 25px,
    var(--map-field-hintergrund-color-4) 29px,
    var(--map-field-hintergrund-color-4) 34px
  ) !important;
}
.map_reserviert-frei-2_neutral {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-5) 0px,
    var(--map-field-hintergrund-color-5) 11px,
    var(--map-field-hintergrund-color-8) 15px,
    var(--map-field-hintergrund-color-8) 25px,
    var(--map-field-hintergrund-color-5) 29px,
    var(--map-field-hintergrund-color-5) 34px
  ) !important;
}
.map_reserviert-angriff-1_neutral {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-6) 0px,
    var(--map-field-hintergrund-color-6) 11px,
    var(--map-field-hintergrund-color-8) 15px,
    var(--map-field-hintergrund-color-8) 25px,
    var(--map-field-hintergrund-color-6) 29px,
    var(--map-field-hintergrund-color-6) 34px
  ) !important;
}
.map_reserviert-angriff-2_neutral {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-7) 0px,
    var(--map-field-hintergrund-color-7) 11px,
    var(--map-field-hintergrund-color-8) 15px,
    var(--map-field-hintergrund-color-8) 25px,
    var(--map-field-hintergrund-color-7) 29px,
    var(--map-field-hintergrund-color-7) 34px
  ) !important;
}

/* Kriegs Inseln **/
.map_frei_krieg {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-1) 0px,
    var(--map-field-hintergrund-color-1) 11px,
    var(--map-field-hintergrund-color-9) 15px,
    var(--map-field-hintergrund-color-9) 25px,
    var(--map-field-hintergrund-color-1) 29px,
    var(--map-field-hintergrund-color-1) 34px
  ) !important;
}
.map_reserviert-1_krieg {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-2) 0px,
    var(--map-field-hintergrund-color-2) 11px,
    var(--map-field-hintergrund-color-9) 15px,
    var(--map-field-hintergrund-color-9) 25px,
    var(--map-field-hintergrund-color-2) 29px,
    var(--map-field-hintergrund-color-2) 34px
  ) !important;
}
.map_reserviert-2_krieg {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-3) 0px,
    var(--map-field-hintergrund-color-3) 11px,
    var(--map-field-hintergrund-color-9) 15px,
    var(--map-field-hintergrund-color-9) 25px,
    var(--map-field-hintergrund-color-3) 29px,
    var(--map-field-hintergrund-color-3) 34px
  ) !important;
}
.map_reserviert-frei-1_krieg {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-4) 0px,
    var(--map-field-hintergrund-color-4) 11px,
    var(--map-field-hintergrund-color-9) 15px,
    var(--map-field-hintergrund-color-9) 25px,
    var(--map-field-hintergrund-color-4) 29px,
    var(--map-field-hintergrund-color-4) 34px
  ) !important;
}
.map_reserviert-frei-2_krieg {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-5) 0px,
    var(--map-field-hintergrund-color-5) 11px,
    var(--map-field-hintergrund-color-9) 15px,
    var(--map-field-hintergrund-color-9) 25px,
    var(--map-field-hintergrund-color-5) 29px,
    var(--map-field-hintergrund-color-5) 34px
  ) !important;
}
.map_reserviert-angriff-1_krieg {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-6) 0px,
    var(--map-field-hintergrund-color-6) 11px,
    var(--map-field-hintergrund-color-9) 15px,
    var(--map-field-hintergrund-color-9) 25px,
    var(--map-field-hintergrund-color-6) 29px,
    var(--map-field-hintergrund-color-6) 34px
  ) !important;
}
.map_reserviert-angriff-2_krieg {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-7) 0px,
    var(--map-field-hintergrund-color-7) 11px,
    var(--map-field-hintergrund-color-9) 15px,
    var(--map-field-hintergrund-color-9) 25px,
    var(--map-field-hintergrund-color-7) 29px,
    var(--map-field-hintergrund-color-7) 34px
  ) !important;
}

/* Gesperrte Inseln **/
.map_frei_gesperrt {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-1) 0px,
    var(--map-field-hintergrund-color-1) 11px,
    var(--map-field-hintergrund-color-10) 15px,
    var(--map-field-hintergrund-color-10) 25px,
    var(--map-field-hintergrund-color-1) 29px,
    var(--map-field-hintergrund-color-1) 34px
  ) !important;
}
.map_reserviert-1_gesperrt {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-2) 0px,
    var(--map-field-hintergrund-color-2) 11px,
    var(--map-field-hintergrund-color-10) 15px,
    var(--map-field-hintergrund-color-10) 25px,
    var(--map-field-hintergrund-color-2) 29px,
    var(--map-field-hintergrund-color-2) 34px
  ) !important;
}
.map_reserviert-2_gesperrt {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-3) 0px,
    var(--map-field-hintergrund-color-3) 11px,
    var(--map-field-hintergrund-color-10) 15px,
    var(--map-field-hintergrund-color-10) 25px,
    var(--map-field-hintergrund-color-3) 29px,
    var(--map-field-hintergrund-color-3) 34px
  ) !important;
}
.map_reserviert-frei-1_gesperrt {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-4) 0px,
    var(--map-field-hintergrund-color-4) 11px,
    var(--map-field-hintergrund-color-10) 15px,
    var(--map-field-hintergrund-color-10) 25px,
    var(--map-field-hintergrund-color-4) 29px,
    var(--map-field-hintergrund-color-4) 34px
  ) !important;
}
.map_reserviert-frei-2_gesperrt {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-5) 0px,
    var(--map-field-hintergrund-color-5) 11px,
    var(--map-field-hintergrund-color-10) 15px,
    var(--map-field-hintergrund-color-10) 25px,
    var(--map-field-hintergrund-color-5) 29px,
    var(--map-field-hintergrund-color-5) 34px
  ) !important;
}
.map_reserviert-angriff-1_gesperrt {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-6) 0px,
    var(--map-field-hintergrund-color-6) 11px,
    var(--map-field-hintergrund-color-10) 15px,
    var(--map-field-hintergrund-color-10) 25px,
    var(--map-field-hintergrund-color-6) 29px,
    var(--map-field-hintergrund-color-6) 34px
  ) !important;
}
.map_reserviert-angriff-2_gesperrt {
  background: repeating-linear-gradient(
    -45deg,
    var(--map-field-hintergrund-color-7) 0px,
    var(--map-field-hintergrund-color-7) 11px,
    var(--map-field-hintergrund-color-10) 15px,
    var(--map-field-hintergrund-color-10) 25px,
    var(--map-field-hintergrund-color-7) 29px,
    var(--map-field-hintergrund-color-7) 34px
  ) !important;
}