/* Place your custom styles here */

.page-title {
    text-align: center;
}

.title-centered .page-title {
    text-align: center;
}

.button {
  display: inline-block;
  padding: 5px 15px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #fff;
  outline: #8a8a8a;
  background-color: #8a8a8a;
  border: ppx;
  border-radius: 150px;
  box-shadow: 4px 4px #363636;
}

.button:hover {color: black; background-color: #63e368}

.button:active {
  color: #63e368;
  background-color: #b11116;
  box-shadow: 1px 1px black;
  transform: translateY(2px);
}

.header{
	font-size: 45px;
	font-weight: bold;
	font-family: Arial, ,Verdana, Helvetica, sans-serif;
}

.pdf-embed{
	transform: translateX(-50%);
	border: 2px solid black;
	position: relative;
	min-width: 394px;
	height: 1175px;
	width: 820px;
	left: 50%;
	top: 50%;
}

.img_center img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img_right img {
  display: block;
  margin-left: auto;
  margin-right: 0;
}

.float-left {
  float: left;
  margin: 0 15px 15px 0; /* Rechts- und unten Abstand */
  max-width: 40%; /* Bildgröße begrenzen */
}

.float-right {
  float: right;
  margin: 0 0 15px 15px; /* Links- und unten Abstand */
  max-width: 40%;
}

blockquote {
  margin-left: 2em;        /* Einrückung nach links */
  padding-left: 1em;       /* Innenabstand links */
  border-left: 3px solid #ccc; /* Optional: dezente Linie */
  color: #555;             /* Optional: etwas hellere Schrift */
  font-style: normal;      /* Kein kursiv, falls Theme kursiv macht */
}

table {
    border-collapse: collapse;
    width: 100%;
    margin: 1em 0;
    font-family: Arial, sans-serif;
}

table th, table td {
    border: 1px solid #ccc;
    padding: 8px 12px;
    text-align: left;
}

table th {
    background-color: #f0f0f0;
}

table tr:nth-child(even) {
    background-color: #fafafa;
}

table td code {
    font-family: inherit;
    font-size: inherit;
    background: none;
    padding: 0;
}

/* Aktive Seite farblich hervorheben */
.sidebar-nav .active-page > a,
.sidebar-nav .mm-active > a {
    background-color: #8d836a !important; /* hintergrund */
    color: #dfe6f3 !important;               /*  Text */
	font-weight: bold;
}

.sidebar-nav a.mm-active.active-page {
    text-align: center !important;
    display: block !important;
}

/* Falls dein Desktop-Mode in settings.css.html.twig Toggle ausblendet, wieder sichtbar machen */
@media (min-width: 1200px) {
  #fixed-hamburger .toggle-button { visibility: visible !important; }
}

/* Fester Button oben links, immer über Menü und Panel */
#fixed-hamburger {
  position: fixed !important;
  top: 15px;
  left: 15px;
  z-index: 10001 !important; /* über Off-Canvas und Panel */
  pointer-events: auto;
}

/* Button selbst fixieren (zusätzliche Absicherung) */
#fixed-hamburger .hamburger {
  position: fixed !important;
  top: 15px;
  left: 15px;
  margin: 0 !important;
  z-index: 10001 !important;
}

/* Linienfarbe (anpassbar) */
#fixed-hamburger .hamburger-inner,
#fixed-hamburger .hamburger-inner::before,
#fixed-hamburger .hamburger-inner::after {
  background-color: #ae0f0a !important;
}

 /* Panel nicht dauerhaft nach rechts schieben */
  #panel {
    margin-left: 0 !important;
  }

/* user/themes/vela/css/custom.css */
body.fullwidth a[href^="/admin/pages"] {
  display: none !important;
}