h1, h2, h3, h4, h5, h6 {
  font-family: 'Cinzel Decorative';
}

h2 {
  font-size: 1.5rem;

}

* {
  font-weight: 100;
}

a {
  text-decoration: none;
  color: inherit;
}

a[role=button] {
  background-color: var(--bs-body-bg);
  color: var(--bs-primary-text-emphasis);
}

.link {
  border-bottom: 2px dotted var(--bs-primary);
}

.concert_detail a::before {
  content: url('data:image/svg+xml; utf8, <svg width="20px" height="20px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="%236B0000" d="M384 32c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96C0 60.7 28.7 32 64 32H384zM320 313.4V176c0-8.8-7.2-16-16-16H166.6c-12.5 0-22.6 10.1-22.6 22.6c0 6 2.4 11.8 6.6 16L184 232l-66.3 66.3C114 302 112 306.9 112 312s2 10 5.7 13.7l36.7 36.7c3.6 3.6 8.5 5.7 13.7 5.7s10-2 13.7-5.7L248 296l33.4 33.4c4.2 4.2 10 6.6 16 6.6c12.5 0 22.6-10.1 22.6-22.6z"/></svg>');
  position: relative;
  top: 3px;
  left: -3px;
  padding-left: 3px;
}

.h-50 {
  height: 50px;
}

.br-25 {
  border-radius: 25px;
}

.brr-0 {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.blr-0 {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.p-48 {
  padding: 48px;
}

.pb-24 {
  padding-bottom: 24px;
}

.py-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.py-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.px-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.px-72 {
  padding-left: 72px;
  padding-right: 72px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-100 {
  margin-top: 100px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-0 {
  margin-bottom: 0;
}

.form-error ul {
  list-style: none;
  padding-left: 0;
}

.captcha_image, #contact_captcha {
  display: inline-block;
}

.captcha_image {
  width: 40%;
}

#contact_captcha {
  width: 60%;

}


.top-bg-image {
  width: 100%; /* Stellt sicher, dass das DIV die volle Breite des Containers hat */
  min-height: 200px; /* Gesamthöhe des DIVs, z.B. 200px */
  position: relative; /* Damit das Pseudo-Element absolut positioniert werden kann */
  overflow: hidden; /* Versteckt den Inhalt, der außerhalb des DIVs liegt */
}

.top-bg-image::before {
  content: ""; /* Einfügen eines leeren Pseudo-Elements */
  position: absolute; /* Absolut innerhalb des DIV positionieren */
  top: 0; /* Am oberen Rand des DIVs positionieren */
  left: 0; /* Am linken Rand des DIVs positionieren */
  width: 100%; /* Stellt sicher, dass das Pseudo-Element die volle Breite des DIVs hat */
  height: 120px; /* Höhe des sichtbaren Bereichs */
  background-position: top center; /* Zentriert das Bild horizontal und positioniert es am oberen Rand */
  background-size: 100% auto; /* Skaliert das Bild auf volle Breite und behält das Seitenverhältnis bei */
  background-repeat: no-repeat; /* Verhindert das Wiederholen des Bildes */
}

.top-bg-image-content1::before {
  background-image: url('/img/top-bg-content1.png');
}

.top-bg-image-content2::before {
  background-image: url('/img/top-bg-content2.png');
}

.top-bg-image-content3::before {
  background-image: url('/img/top-bg-content3.png');
}

.top-bg-image-content4::before {
  background-image: url('/img/top-bg-content4.png');
}

.top-bg-image-content5::before {
  background-image: url('/img/top-bg-content5.png');
}

.top-bg-image-content6::before {
  background-image: url('/img/top-bg-content6.png');
}

.top-bg-image-content7::before {
  background-image: url('/img/top-bg-content7.png');
}

.top-bg-image-content8::before {
  background-image: url('/img/top-bg-content8.png');
}

.top-bg-image-content9::before {
  background-image: url('/img/top-bg-content9.png');
}

.top-bg-image-content10::before {
  background-image: url('/img/top-bg-content10.png');
}

.top-bg-image-content11::before {
  background-image: url('/img/top-bg-content11.png');
}

.top-bg-image-content12::before {
  background-image: url('/img/top-bg-content12.png');
}

.top-bg-image-content13::before {
  background-image: url('/img/top-bg-content13.png');
}

.top-bg-image-content14::before {
  background-image: url('/img/top-bg-content14.png');
}
