@font-face {
  font-family: 'HV Philosykos';
  src: url("https://inkandembers.de/images/ink-embers/fonts/HVPhilosykos-Regular.woff2") format('woff2'),
      url("https://inkandembers.de/images/ink-embers/fonts/HVPhilosykos-Regular.woff") format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HV Philosykos';
  src: url("https://inkandembers.de/images/ink-embers/fonts/HVPhilosykos-Bold.woff2") format('woff2'),
      url("https://inkandembers.de/images/ink-embers/fonts/HVPhilosykos-Bold.woff") format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'HV Philosykos';
  src: url("https://inkandembers.de/images/ink-embers/fonts/HVPhilosykos-Italic.woff2") format('woff2'),
      url("https://inkandembers.de/images/ink-embers/fonts/HVPhilosykos-Italic.woff") format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'HV Philosykos';
  src: url("https://inkandembers.de/images/ink-embers/fonts/HVPhilosykos-BoldItalic.woff2") format('woff2'),
      url("https://inkandembers.de/images/ink-embers/fonts/HVPhilosykos-BoldItalic.woff") format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

.inkadmin-container {
  margin: 0;
}

.inkadmin-inner {
  position: relative;
  width: 725px;
  margin: 25px auto;
  --title-font: "HV Philosykos";
  --accent1: #ac94d4;
  --dark: #1e1e1c;
  --text-color: rgba(255, 255, 255, 0.9);
  --subtext-color: rgba(255, 255, 255, 0.6);
 
}

.inkadmin-inside {
  position: relative;
  --mask: radial-gradient(25px at 25px 25px, #0000 98%, #000) -25px -25px;
  -webkit-mask: var(--mask);
  mask: var(--mask);
  background-size: cover;
  background-position: center;
  background-image: url(https://inkandembers.de/images/ink-embers/books.png);
  position: relative;
  padding: 60px;
  z-index: 0;

}

.inkadmin-inside::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7); 
  mix-blend-mode: luminosity; 
  filter: invert(1) contrast(115%) brightness(10%);
  z-index: -1;
}

.inkadmin-inside::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(https://inkandembers.de/images/ink-embers/books.png);
  background-size: cover;
  background-position: center;
 filter:invert(1) grayscale(37%) brightness(5%) contrast(99%)
  mix-blend-mode: screen;
  opacity: 0.6;
  z-index: -2;
}

.inkadmin-title {
  text-align: center;
  margin-bottom: 40px;
}

.inkadmin-titlebox {
  color: var(--text-color);
  font-family: var(--title-font), serif;
  font-size: 55px;
  filter: blur(0.2px);
  display: block;
  width: max-content;
  margin: auto;
}

.inkadmin-titlebox .ink-highlight {
  color: var(--accent1);
}

.inkadmin-titledate {
  display: block;
  font-family: 'Work Sans', sans-serif;
  font-size: 12px;
  text-transform: lowercase;
  font-weight: 500;
  letter-spacing: 5px;
  margin-top: 5px;
  color: var(--subtext-color);
}

.inkadmin-text {
  text-align: justify;
  font-family: 'Work Sans', sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 210%;
  color: var(--text-color);
  margin-top: 30px;
word-break: keep-all; /* Verhindert Worttrennungen */
    overflow-wrap: break-word; /* Bricht nur bei Notwendigkeit um */
}

.inkadmin-text i,
.inkadmin-text b,
.inkadmin-text u,
.inkadmin-text s {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--accent1);
}

/* Border Styles */
.inkadmin-border-left,
.inkadmin-border-right {
  position: absolute;
  top: 35px;
  height: calc(100% - 70px);
  width: 1px;
  background-color: rgba(172, 148, 212, 0.3);
}

.inkadmin-border-left {
  left: 0;
}

.inkadmin-border-right {
  right: 0;
}

.inkadmin-border-top,
.inkadmin-border-bottom {
  position: absolute;
  left: 36px;
  width: calc(100% - 71px);
  height: 1px;
  background-color: rgba(172, 148, 212, 0.3);
}

.inkadmin-border-top {
  top: 0;
}

.inkadmin-border-bottom {
  bottom: 0;
}

/* Corner Decorations */
.inkadmin-border-left::before,
.inkadmin-border-right::before,
.inkadmin-border-left::after,
.inkadmin-border-right::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  border: 1px solid rgba(172, 148, 212, 0.3);
}

.inkadmin-border-left::before,
.inkadmin-border-right::before {
  top: -25px;
  border-bottom: none;
}

.inkadmin-border-left::after,
.inkadmin-border-right::after {
  bottom: -25px;
  border-top: none;
}

.inkadmin-border-left::before,
.inkadmin-border-left::after {
  left: 0;
  border-right: none;
}

.inkadmin-border-right::before,
.inkadmin-border-right::after {
  right: 0;
  border-left: none;
}