Indie.Schule

<!-- SVG – identische Pfade, nur in Gruppen organisiert -->
  <svg viewBox="0 0 171 171" width="171" height="171" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Lebendig schwimmender Fisch">
    
    <style>
      /* --- width: auf die passende Breite einstellen */
    svg { display:block; width:100%; height:auto; overflow:visible; }

    /* --- Bewegungslogik --- */
    .fish {
      transform-origin: 85.5px 85.5px;       /* Mittelpunkt der ViewBox (171/2) */
      animation:
        swimX 7s ease-in-out infinite,
        swimTilt 3.5s ease-in-out infinite,
        breathe 2.8s ease-in-out infinite;
      will-change: transform;
    }

    /* Schwanzbereich wackelt schneller/kleiner Ausschlag */
    #tail {
      transform-box: fill-box;
      transform-origin: 20px 35px;           /* grober Schwanzansatz (links) */
      animation: tailWag .95s ease-in-out infinite;
      will-change: transform;
    }

    /* Flossen wippen leicht asynchron */
    #fins .fin { transform-box: fill-box; transform-origin: center; }
    #fins .fin.fin--1 { animation: finFlap 1.9s ease-in-out infinite; }
    #fins .fin.fin--2 { animation: finFlap 1.9s ease-in-out infinite .45s; }

    /* Körper-„Atmung“ */
    #body {
      transform-box: fill-box;
      transform-origin: 96px 82px;           /* leicht kopfnäher wirkt natürlicher */
      animation: bodySqueeze 3.8s ease-in-out infinite;
      will-change: transform;
    }

    /* Auge blinzelt (Pupille skaliert vertikal) */
    .pupil {
      transform-box: fill-box;
      transform-origin: center;
      animation: blink 4s cubic-bezier(.2,.6,.2,1) infinite;
      will-change: transform, opacity;
    }

    /* ein wenig Glanz-/Schattenschaukel für Details */
    .details {
      transform-box: fill-box;
      transform-origin: center;
      animation: shimmer 3s ease-in-out infinite;
      will-change: transform, opacity;
    }

    /* --- Keyframes --- */
    @keyframes swimX {
      0%, 100% { transform: translateX(0); }
      50%      { transform: translateX(8px); }
    }
    @keyframes swimTilt {
      0%, 100% { transform: rotate(-1.2deg); }
      50%      { transform: rotate(1.2deg); }
    }
    @keyframes breathe {
      0%, 100% { transform: scale(1); }
      50%      { transform: scale(1.01); }
    }
    @keyframes bodySqueeze {
      0%, 100% { transform: scaleX(1) scaleY(1); }
      50%      { transform: scaleX(1.012) scaleY(0.992); }
    }
    @keyframes tailWag {
      0%, 100% { transform: rotate(9deg); }
      50%      { transform: rotate(-9deg); }
    }
    @keyframes finFlap {
      0%, 100% { transform: rotate(-6deg) translateY(0); }
      50%      { transform: rotate(6deg) translateY(-0.6px); }
    }
    @keyframes blink {
      0%, 94%, 100% { transform: scaleY(1); opacity: 1; }
      96%          { transform: scaleY(0.1); opacity: .9; }
      98%          { transform: scaleY(1); opacity: 1; }
    }
    @keyframes shimmer {
      0%, 100% { transform: translateY(0); opacity: 1; }
      50%      { transform: translateY(-0.5px); opacity: .985; }
    }

    /* Barrierearm: Nutzerpräferenz geringere Bewegung respektieren */
    @media (prefers-reduced-motion: reduce) {
      .fish, #tail, #fins .fin, #body, .pupil, .details { animation: none !important; }
    }
  </style>
    <g class="fish">

      <!-- Schwanz/Heck + linke Deko -->
      <g id="tail" class="details">
        <path d="M44.49 72.89C37.95 62.8 19.97 42.77 14.45 48.65C10.56 52.8 22.84 74.46 22.84 78.79C22.84 82.87 10.46 105.31 15.11 108.29C19.44 111.06 44.05 90.93 45.16 84.33C45.74 80.91 44.46 76.45 44.49 72.89Z" fill="#1D5A84"/>
        <path d="M15.71 55.32C21.71 60.03 27.71 64.73 33.71 69.44C34.59 70.13 35.58 70.86 36.7 70.79C36.95 70.78 37.23 70.71 37.38 70.5C37.68 70.08 37.26 69.53 36.88 69.19C30.37 63.48 23.79 57.81 16.52 53.1C16.1 52.83 15.59 52.56 15.14 52.77C14.71 52.98 14.58 53.57 14.74 54.02C14.89 54.47 15.18 54.9 15.71 55.32Z" fill="#85D0EB"/>
        <path d="M17.66 63.4C18.25 64.61 27.48 70.25 32.41 73.66C32.63 73.81 32.87 73.97 33.14 73.99C33.41 74.01 33.71 73.83 33.73 73.56C33.74 73.37 33.61 73.2 33.48 73.06C33.03 72.57 32.51 72.14 32 71.72C27.45 68.01 22.89 64.29 18.13 60.85C17.93 60.71 17.62 60.38 17.47 60.57C16.67 61.6 17.47 63.02 17.66 63.4Z" fill="#85D0EB"/>
        <path d="M23.54 76.47C26.54 77.08 32.21 78.18 32.62 77.77C32.8 77.59 32.55 77.25 32.36 77.08C32.17 76.91 31.92 76.81 31.68 76.71C29.08 75.72 26.36 75.07 23.59 74.77C23.23 74.73 22.79 74.73 22.58 75.03C22.41 75.27 22.47 75.61 22.64 75.85C22.81 76.09 23.03 76.37 23.54 76.47Z" fill="#85D0EB"/>
        <path d="M22.23 84.55C22.69 84.8 29.04 82.81 32.38 81.7C32.58 81.64 32.78 81.57 32.93 81.43C33.08 81.29 33.16 81.06 33.07 80.87C32.94 80.61 32.58 80.6 32.29 80.63C29.45 80.9 24.1 81.42 23.49 81.63C22.89 81.84 22.32 82.23 22.02 82.79C21.72 83.35 21.66 84.23 22.23 84.55Z" fill="#85D0EB"/>
        <path d="M22.73 91.93C26.16 90.04 29.58 88.15 33.01 86.26C33.26 86.12 33.55 85.91 33.5 85.62C33.44 85.28 32.97 85.23 32.64 85.3C31.9 85.46 31.22 85.8 30.55 86.14C27.5 87.68 24.45 89.22 21.4 90.76C20.94 90.99 20.4 91.36 20.46 91.88C20.51 92.28 20.94 92.54 21.35 92.55C21.75 92.55 22.09 92.29 22.73 91.93Z" fill="#85D0EB"/>
        <path d="M16.02 104.18C22.31 98.53 30.73 95.38 36.21 88.94C36.39 88.73 36.58 88.5 36.63 88.22C36.69 87.94 36.57 87.61 36.3 87.52C36.03 87.43 35.75 87.61 35.52 87.78C29.08 92.67 22.64 97.55 16.2 102.44C15.82 102.73 15.41 103.06 15.32 103.53C15.24 104.01 15.65 104.52 16.02 104.18Z" fill="#85D0EB"/>
      </g>

      <!-- Flossen (orange & weiße „weiche“ Partien) -->
      <g id="fins">
        <path class="fin fin--1" d="M108.08 52.53C105.74 55.78 104.91 59.81 105.56 63.77C106.21 67.73 108.5 71.38 111.76 73.71C107.74 75.09 104.86 79.25 104.97 83.5C105.08 87.75 108.18 91.75 112.26 92.92C109.8 94.48 108.11 97.19 107.78 100.08C107.45 102.97 108.42 105.79 110.48 107.85C107.08 108.48 100.35 108.53 100.13 108.43C99 107.93 98.52 107.03 98.01 105.91C96.83 103.32 95.96 100.46 96.39 97.65C96.82 94.84 98.85 92.12 101.65 91.63C97.5 90.23 94.32 86.3 93.81 81.95C93.3 77.6 95.49 73.04 99.21 70.73C96.95 69.56 95.65 67 95.42 64.47C95.19 61.93 95.45 59.44 96.35 57.06C96.92 55.55 98.56 53.93 99.33 53C99.54 52.75 105.84 52.52 108.14 52.52C108.14 52.59 107.49 53.31 108.08 52.53Z" fill="#EA7322"/>
        <path class="fin fin--1" d="M83.71 55.35C80.64 57.83 78.97 62.06 79.47 65.98C79.97 69.9 82.6 73.47 86.2 75.11C82.61 76.66 80.15 80.52 80.28 84.44C80.41 88.35 83.11 92.05 86.8 93.36C84.58 94.47 82.89 96.61 82.33 99.04C81.77 101.46 82.1 103.8 83.62 105.77C81.22 105.27 78.91 104.46 76.53 103.8C75.72 101.79 75.05 100.54 75.02 98.37C74.99 96.2 75.93 93.88 77.85 92.89C74.84 91.2 72.86 87.83 72.85 84.38C72.84 80.93 74.8 77.54 77.8 75.84C74.01 72.35 72.44 66.62 73.92 61.69C74.5 59.76 75.41 58 77.08 56.88C77.25 56.75 80.9 55.81 83.71 55.35Z" fill="white"/>
        <path class="fin fin--1" d="M62.34 61.24C59.68 64.02 58.45 68.39 58.97 72.2C59.49 76.01 61.82 79.53 65.12 81.5C61.87 82.67 60.27 86.55 60.59 89.99C60.91 93.43 62.68 96.52 64.43 99.49C61.38 98.37 58.67 97.02 55.46 95.6C54.92 92.93 54.38 91.28 54.5 88.56C54.62 85.84 55.46 83.06 57.36 81.1C54.17 77.94 52.66 73.16 53.45 68.74C53.81 66.71 54.82 65.12 56.11 63.52C56.22 63.39 59.43 62.26 62.34 61.24Z" fill="white"/>
      </g>

      <!-- Körper & Konturen -->
      <g id="body">
        <path d="M118.68 62.18C120.6 57.47 119.03 51.8 115.62 48.03C112.21 44.25 107.25 42.17 102.24 41.27C94.93 39.96 87.32 40.96 80.32 43.44C73.32 45.91 66.89 49.81 60.96 54.29C55.93 58.09 50.97 62.75 49.58 68.9C49.38 69.77 49.28 70.74 49.73 71.52C50.56 72.94 52.62 72.84 54.24 72.55C75.89 68.71 97.54 64.87 118.68 62.18Z" fill="#1D5A84"/>
        <path d="M100.04 103.66C91.96 108.8 88.1 118.51 92.16 119.79C103.62 123.4 113.58 114.9 123.45 103.7C115.96 103.41 107.7 103.43 100.04 103.66Z" fill="#1D5A84"/>
        <path d="M165.53 78.07C126.05 24.84 36.63 70.67 34.98 74.41C34.23 76.11 34.27 78.92 35.13 81.74C37.34 89.01 81.28 110.55 106.59 108.25C153.35 103.99 167.11 80.21 165.53 78.07Z" fill="#7DCBC8"/>
        <path d="M165.52 79.35C160.8 81.29 155.48 81.92 150.43 81.21C150.07 81.16 149.64 81.13 149.41 81.41C149.24 81.62 149.26 81.95 149.4 82.19C149.54 82.43 149.77 82.6 150 82.75C152.09 84.1 154.72 84.41 157.19 84.1C159.66 83.79 161.85 82.91 164.2 82.14C164.2 82.12 165.15 80.62 165.52 79.35Z" fill="#1D5A84"/>
        <path d="M128.62 102.76C124.4 95.85 122.14 87.82 121.73 79.73C121.32 71.64 122.72 63.51 125.43 55.88C123.1 57.23 121.6 59.64 120.46 62.08C115.48 72.7 115.94 85.71 121.66 95.95C123.21 98.73 125.23 101.41 128.62 102.76Z" fill="#1D5A84"/>
      </g>
      
      <!-- Kopfdeko/Strahlen -->
        <g class="details">
          <path d="M110 52.51C108.49 50.3 107.08 47.94 105.85 45.57C105.71 45.3 105.59 44.94 105.81 44.73C106.07 44.48 106.5 44.75 106.75 45.01C108.76 47.16 110.18 49.91 111.52 52.53C111.04 52.52 110.57 52.47 110 52.51Z" fill="#85D0EB"/>
          <path d="M103.62 52.69C101.97 50.41 100.32 48.14 98.66 45.86C98.48 45.61 98.29 45.31 98.39 45.02C98.5 44.69 98.95 44.58 99.28 44.72C99.6 44.85 99.83 45.15 100.04 45.43C101.78 47.8 103.57 50.23 105.3 52.59C104.71 52.62 104.43 52.62 103.62 52.69Z" fill="#85D0EB"/>
          <path d="M99.84 52.87C98.14 50.52 95.69 45.55 95.14 45.59C94.65 45.62 95.24 47.28 95.62 48.04C96.36 49.54 97.28 50.95 98.19 52.35C98.35 52.6 98.76 53.02 98.83 53.02C98.87 53.04 99.35 53 99.84 52.87Z" fill="#85D0EB"/>
          <path d="M88.84 42.57C88.9 43.18 93.01 50.96 93.55 51.05C94.53 51.22 93.87 49.15 93.42 48.37C92.35 46.5 91.27 44.63 90.2 42.77C89.99 42.4 89.57 41.85 89.1 42.11C88.89 42.21 88.82 42.43 88.84 42.57Z" fill="#85D0EB"/>
          <path d="M81.9 44.91C81.98 45.59 86.21 49.93 88.37 52.44C88.55 52.65 88.74 52.87 88.98 53.03C89.21 53.19 89.51 53.28 89.78 53.22C90.14 53.14 90.41 52.8 90.47 52.44C90.53 52.08 90.42 51.7 90.22 51.39C90.02 51.08 89.76 50.82 89.49 50.56C87.56 48.74 85.42 47.13 83.68 45.12C83.52 44.93 83.36 44.74 83.15 44.6C82.95 44.46 82.69 44.37 82.45 44.43C82.21 44.47 81.88 44.68 81.9 44.91Z" fill="#85D0EB"/>
          <path d="M76.06 48.32C77.51 49.71 78.96 51.1 80.41 52.49C80.92 52.98 81.44 53.47 81.96 53.96C82.28 54.26 82.63 54.57 83.06 54.65C83.49 54.73 84.01 54.48 84.06 54.04C84.09 53.73 83.89 53.46 83.69 53.23C82.71 52.09 81.57 51.1 80.43 50.13C79.23 49.1 78.03 48.07 76.82 47.04C76.66 46.9 76.48 46.76 76.27 46.76C75.96 46.76 75.72 47.08 75.71 47.39C75.7 47.69 75.77 48.04 76.06 48.32Z" fill="#85D0EB"/>
          <path d="M71.13 50.69C71.67 51.46 73.61 53.22 74.95 54.37C75.15 54.54 75.37 54.72 75.63 54.78C75.89 54.84 76.21 54.73 76.3 54.48C76.4 54.18 76.16 53.89 75.93 53.67C74.43 52.23 72.94 50.79 71.44 49.36C71.3 49.22 71.09 49.08 70.92 49.19C70.81 49.27 70.8 49.43 70.81 49.57C70.84 50.03 70.85 50.28 71.13 50.69Z" fill="#85D0EB"/>
          <path d="M66.05 53.67C66.05 54.12 66.42 54.48 66.76 54.76C67.53 55.4 68.36 55.96 69.23 56.45C69.42 56.56 69.63 56.67 69.85 56.67C70.07 56.67 70.31 56.54 70.36 56.32C70.41 56.06 70.18 55.83 69.97 55.67C69.12 54.99 68.26 54.32 67.41 53.64C67.2 53.48 66.98 53.31 66.72 53.27C66.46 53.23 66.04 53.4 66.05 53.67Z" fill="#85D0EB"/>
          <path d="M83.71 55.35C80.64 57.83 78.97 62.06 79.47 65.98C79.97 69.9 82.6 73.47 86.2 75.11C82.61 76.66 80.15 80.52 80.28 84.44C80.41 88.35 83.11 92.05 86.8 93.36C84.58 94.47 82.89 96.61 82.33 99.04C81.77 101.46 82.1 103.8 83.62 105.77C81.22 105.27 78.91 104.46 76.53 103.8C75.72 101.79 75.05 100.54 75.02 98.37C74.99 96.2 75.93 93.88 77.85 92.89C74.84 91.2 72.86 87.83 72.85 84.38C72.84 80.93 74.8 77.54 77.8 75.84C74.01 72.35 72.44 66.62 73.92 61.69C74.5 59.76 75.41 58 77.08 56.88C77.25 56.75 80.9 55.81 83.71 55.35Z" fill="white"/>
<path d="M62.34 61.24C59.68 64.02 58.45 68.39 58.97 72.2C59.49 76.01 61.82 79.53 65.12 81.5C61.87 82.67 60.27 86.55 60.59 89.99C60.91 93.43 62.68 96.52 64.43 99.49C61.38 98.37 58.67 97.02 55.46 95.6C54.92 92.93 54.38 91.28 54.5 88.56C54.62 85.84 55.46 83.06 57.36 81.1C54.17 77.94 52.66 73.16 53.45 68.74C53.81 66.71 54.82 65.12 56.11 63.52C56.22 63.39 59.43 62.26 62.34 61.24Z" fill="white"/>
          <path d="M108.08 52.53C105.74 55.78 104.91 59.81 105.56 63.77C106.21 67.73 108.5 71.38 111.76 73.71C107.74 75.09 104.86 79.25 104.97 83.5C105.08 87.75 108.18 91.75 112.26 92.92C109.8 94.48 108.11 97.19 107.78 100.08C107.45 102.97 108.42 105.79 110.48 107.85C107.08 108.48 100.35 108.53 100.13 108.43C99 107.93 98.52 107.03 98.01 105.91C96.83 103.32 95.96 100.46 96.39 97.65C96.82 94.84 98.85 92.12 101.65 91.63C97.5 90.23 94.32 86.3 93.81 81.95C93.3 77.6 95.49 73.04 99.21 70.73C96.95 69.56 95.65 67 95.42 64.47C95.19 61.93 95.45 59.44 96.35 57.06C96.92 55.55 98.56 53.93 99.33 53C99.54 52.75 105.84 52.52 108.14 52.52C108.14 52.59 107.49 53.31 108.08 52.53Z" fill="#EA7322"/>
          <path d="M104.32 115.39C106.7 113.66 109.03 111.87 111.31 110C111.5 109.85 111.69 109.69 111.79 109.47C111.89 109.25 111.89 108.96 111.71 108.8C111.45 108.56 111.03 108.73 110.72 108.92C107.54 110.85 104.7 113.28 101.87 115.69C101.75 115.8 101.61 115.92 101.6 116.09C101.59 116.43 102.08 116.51 102.41 116.43C103.18 116.26 103.79 115.78 104.32 115.39Z" fill="#85D0EB"/>
<path d="M97.48 116.31C100.07 114.25 102.59 112.1 105.03 109.86C105.27 109.64 105.54 109.31 105.39 109.02C105.29 108.83 105.04 108.75 104.83 108.79C104.62 108.83 104.43 108.95 104.25 109.07C101.12 111.23 98.25 113.74 95.38 116.25C95.1 116.5 94.8 116.93 95.05 117.2C95.22 117.38 95.52 117.34 95.76 117.26C96.46 117.04 97.07 116.63 97.48 116.31Z" fill="#85D0EB"/>
<path d="M99.6 109.19C99.4 108.32 97.01 109.84 95.98 110.71C94.36 112.08 92.88 113.61 91.57 115.28C91.41 115.48 91.25 115.75 91.36 115.98C91.47 116.19 91.77 116.23 91.99 116.13C92.2 116.02 99.73 109.74 99.6 109.19Z" fill="#85D0EB"/>
        </g>

      <!-- Auge -->
      <g id="eye">
        <path d="M139.82 80.73C144.1 80.73 147.57 77.1483 147.57 72.73C147.57 68.3117 144.1 64.73 139.82 64.73C135.54 64.73 132.07 68.3117 132.07 72.73C132.07 77.1483 135.54 80.73 139.82 80.73Z" fill="white"/>
        <path class="pupil" d="M143.01 77.25C144.772 77.25 146.2 75.4905 146.2 73.32C146.2 71.1495 144.772 69.39 143.01 69.39C141.248 69.39 139.82 71.1495 139.82 73.32C139.82 75.4905 141.248 77.25 143.01 77.25Z" fill="black"/>
      </g>

    </g>
  </svg>