body {
       background: #000 url('/tour2026/tour2026_0013_bg.webp') center top no-repeat;
       background-size: cover;
   }

   .container {
       position: relative;
   }

   img.logo {
       position: absolute;
       width: 600px;
       top: -20px;
       left: 50%;
       margin-left: -300px;
   }

   .data {
       position: relative;
       margin-top: 200px;
   }

   img.bd {
       transition: transform 0.25s linear;
   }

   img.bd:hover {
       transform: scale(1.10);
       transition: transform 0.25s linear;
   }

   p {
       padding-top: 40px;
   }

	p.white {
		color: #fff; 
	}
   .b1 {
       margin-left: 10px;
   }

   .b2 {
       margin-left: 5px;
   }

   . b3 {
       margin-left: 20px;
   }

   .b4 {
       margin-left: 0px;
   }

   .b5 {
       margin-left: 10px;
   }

   .b6 {
       margin-left: 0px;
   }

   .b7 {
       margin-left: -10px;
   }

   .b8 {
       margin-left: 20px;
   }

   .b9 {
       margin-left: 10px;
   }

   .b10 {
       margin-left: 35px;
   }

   .b11 {
       margin-left: -10px;
   }

   /* CSS */
   .float-img {
       display: inline-block;
       /* zorgt dat transform goed werkt */
       max-width: 100%;
       transform-origin: center;
       animation: float 10s cubic-bezier(0.42, 0, 0.58, 1) infinite;
       will-change: transform;
       position: relative;
       margin-top: 50px;
   }

   /* Keyframes: subtiele verticaal zwevende beweging + lichte rotatie + schaal */
   @keyframes float {
       0% {
           transform: translateY(0px) rotate(0deg) scale(1);
       }

       25% {
           transform: translateY(-6px) rotate(-1.4deg) scale(1.05);
       }

       50% {
           transform: translateY(0px) rotate(0.15deg) translateX(-6px) scale(1);
       }

       75% {
           transform: translateY(6px) rotate(2.4deg) scale(.97);
       }

       100% {
           transform: translateY(0px) rotate(0deg) scale(1);
       }
   }

   /* Respecteer gebruikers die animaties willen beperken */
   @media (prefers-reduced-motion: reduce) {
       .float-img {
           animation: none;
           transition: transform 150ms ease;
           /* nog steeds een kleine hoverreactie mogelijk */
       }
   }

   .glitch-img {
       display: inline-block;
       position: relative;
       width: 320px;
       max-width: 100%;
       border-radius: 12px;
       filter: brightness(0.95) contrast(1.05);
       animation: glitch 4s infinite;
   }

   /* Glitch pseudo-layers (RGB shift) */
   .glitch-img::before,
   .glitch-img::after {
       content: "";
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       background: inherit;
       background-image: inherit;
       background-size: cover;
       border-radius: inherit;
       opacity: 0;
       mix-blend-mode: screen;
   }

   .glitch-img::before {
       animation: glitchBefore 4s infinite;
       filter: hue-rotate(15deg);
   }

   .glitch-img::after {
       animation: glitchAfter 4s infinite;
       filter: hue-rotate(-15deg);
   }

   /* Random kleine “glitches” */
   @keyframes glitch {

       0%,
       92%,
       100% {
           opacity: 1;
           transform: none;
           filter: brightness(0.95);
       }

       93% {
           opacity: 0.7;
           transform: translate(-2px, 1px);
       }

       94% {
           opacity: 1;
           transform: translate(2px, -1px);
           filter: brightness(1.2);
       }

       95% {
           opacity: 0.6;
           transform: translate(-1px, 2px);
       }

       96% {
           opacity: 1;
           transform: none;
       }
   }

   /* RGB shift lag */
   @keyframes glitchBefore {

       0%,
       95%,
       100% {
           opacity: 0;
           transform: none;
       }

       93% {
           opacity: 0.6;
           transform: translate(-3px, -1px);
       }

       94% {
           opacity: 0.2;
           transform: translate(1px, 1px);
       }
   }

   @keyframes glitchAfter {

       0%,
       95%,
       100% {
           opacity: 0;
           transform: none;
       }

       93% {
           opacity: 0.4;
           transform: translate(3px, 2px);
       }

       94% {
           opacity: 0.2;
           transform: translate(-1px, -2px);
       }
   }

   @media (max-width: 1200px) {
       img.band {
           margin-top: 100px;
           transform: scale(1.10);
           z-index: 1;
       }

       .float-img {
           margin-top: 50px;
       }
   }

   @media (max-width: 760px) {
       body {
           overflow: hidden;
       }

       img.logo {
           position: absolute;
           width: 85vw;
           top: 0px;
           left: 8%;
           margin-left: 0;
       }

       img.band {
           margin-top: 70px;
           transform: scale(1.10);
           z-index: 1;
       }

       .data {
           margin-top: -50px;
           z-index: 5;
       }

       .float-img {
           max-width: 80vw;
           margin-top: 30px;
       }
   }