/* --------------------------------------------------
  VADUZSOUNDZ 2027 :: Farblayout
  Wird nach vaduzsoundz_004.css geladen und überschreibt
  Farben/Layout (inkl. Inline-Styles aus den CMS-Inhalten).

  Pink     #ea4d95  (CMYK 0/80/0/0)
  Türkis   #00afa5  (CMYK 75/0/40/0)
  Violett  #61466e  (CMYK 60/70/18/29, Überschneidung)
-------------------------------------------------- */

@font-face {
	font-family: "Maltiner Display";
	src: url("../fonts/MaltinerDisplay.otf") format("opentype");
	font-display: swap;
}

/* --------------------------------------------------
  xx. Variablen
-------------------------------------------------- */
:root {
	--vs-pink: #ea4d95;
	--vs-tuerkis: #00afa5;
	--vs-violett: #61466e;

	--display-font: "Maltiner Display", Georgia, serif;

	--primary-color: var(--vs-pink);
	--secondary-color: var(--vs-violett);
	--tertiary-color: #ffffff;
	--quaternary-color: var(--vs-tuerkis);
}

/* Inline-Variablen aus den Inhalten (Konzerte, Bands, Rückblick, Infos) */
main {
	--informationen-color-1: var(--vs-violett);
	--informationen-color-2: var(--vs-pink);
}

main .konzerte {
	--konzert-color-1: var(--vs-tuerkis);
	--konzert-color-2: var(--vs-pink);
}

main .bands {
	--bands-color-1: var(--vs-tuerkis);
}

main .rueckblick-galerien {
	--rueckblick-color-1: var(--vs-tuerkis);
}

/* --------------------------------------------------
  xx. Hintergründe / Farben
  bg-color-02 = Türkis, bg-dark = Violett
-------------------------------------------------- */
.bg-color-01 {
	background-color: #ffffff;
}

.bg-color-02 {
	background-color: var(--vs-tuerkis);
}

.bg-color-03 {
	background-color: var(--vs-pink);
}

.bg-dark {
	background-color: var(--vs-violett) !important;
	color: #ffffff;
}

.color-01 {
	color: #ffffff;
}

.color-02 {
	color: var(--vs-violett);
}

.color-03 {
	color: var(--vs-pink);
}

/* Auf Türkis: Akzente in Violett statt Pink (Kontrast) */
main .bg-color-02 {
	color: #ffffff;
}

main .bg-color-02 .color-03,
main .bg-color-02 h3 {
	color: var(--vs-violett);
}

main .bg-color-02 .small-border.bg-color {
	background: var(--vs-violett) !important;
}

main .bg-color-02 a:not(.btn) {
	color: #ffffff;
}

main .bg-color-02 a:not(.btn):hover {
	color: var(--vs-violett);
}

main .bg-dark a:hover {
	color: var(--vs-pink);
}

/* --------------------------------------------------
  xx. Global
-------------------------------------------------- */

/* Navbar liegt transparent über dem Header */
body {
	margin-top: 0;
}

.btn-secondary {
	--bs-btn-bg: var(--vs-pink);
	--bs-btn-border-color: var(--vs-pink);
	--bs-btn-hover-bg: var(--vs-tuerkis);
	--bs-btn-hover-border-color: var(--vs-tuerkis);
	--bs-btn-active-bg: var(--vs-pink);
	--bs-btn-active-border-color: var(--vs-pink);
}

main .bg-color-02 .btn-secondary {
	--bs-btn-hover-bg: var(--vs-violett);
	--bs-btn-hover-border-color: var(--vs-violett);
}

main .modal {
	--bs-modal-bg: var(--vs-violett);
}

main .modal .btn-secondary {
	--bs-btn-bg: var(--vs-tuerkis);
	--bs-btn-border-color: var(--vs-tuerkis);
	--bs-btn-hover-bg: var(--vs-pink);
	--bs-btn-hover-border-color: var(--vs-pink);
}

/* --------------------------------------------------
  xx. Programm / Konzerte
-------------------------------------------------- */
main .konzerte .konzert .datum,
main .konzerte .konzert .ticket-bestellung {
	color: #ffffff;
}

main .konzerte .konzert:hover {
	border-color: var(--vs-pink);
}

main .konzerte .konzert:hover .datum,
main .konzerte .konzert:hover .ticket-bestellung,
main .konzerte .konzert:hover .details .band-ticket a {
	background-color: var(--vs-pink);
}

main .konzerte .konzert:hover .details .band-name,
main .konzerte .konzert:hover .details .ankuendigung-termin {
	color: #ffffff;
}

/* --------------------------------------------------
  xx. Bands / Rückblick
-------------------------------------------------- */
main .bands .band:hover {
	border-color: var(--vs-pink);
}

main .bands .band:hover .name {
	background-color: var(--vs-pink);
}

main .rueckblick-galerien .galerie:hover .titel,
main .rueckblick-galerien .galerie-video:hover .video-placeholder {
	background-color: var(--vs-pink);
}

main .rueckblick-galerien .galerie-video .video-placeholder {
	background-color: rgba(0, 0, 0, .2);
}

/* --------------------------------------------------
  xx. Über uns :: Tabs (Türkis-Hintergrund)
-------------------------------------------------- */
main .bg-color-02 .nav-tabs .nav-link:hover,
main .bg-color-02 .nav-tabs .nav-link.active {
	color: var(--vs-violett);
	border-bottom-color: var(--vs-violett);
}

/* --------------------------------------------------
  xx. Countdown (Türkis-Hintergrund)
-------------------------------------------------- */
.bg-color-02 .countdown-section {
	color: var(--vs-violett);
}

/* Countdown auf Violett: Ziffern weiss, Beschriftung pink */
.bg-dark .countdown-amount {
	color: #ffffff;
}

.bg-dark .countdown-section {
	color: var(--vs-pink);
}

/* --------------------------------------------------
  xx. Footer (Violett)
-------------------------------------------------- */
footer .table a:hover,
.quick-links ul li a:hover {
	color: var(--vs-tuerkis);
}

.social-icons ul li a {
	background-color: var(--vs-tuerkis);
}

.social-icons ul li a:hover {
	background-color: var(--vs-pink);
}

footer .table-dark {
	--bs-table-bg: transparent;
}