HTML-Prototype der OTH-Regensburg

<!-- START FACTBOX CONTENT SPECIALS-->
<div class="c-factbox-content-specials c-factbox-content-specials--startpage">
  <div class="c-factbox-content-specials__content">
    <div class="c-factbox-content-specials__column c-factbox-content-specials__column--10"><svg class="c-factbox-content-specials__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 82 80" xml:space="preserve"><style>.st1{fill:none;stroke:#000;stroke-width:2}</style><path d="m47.8 68 32-32h-1.4l-32 32zm6 0L82 39.8v-1.4L52.4 68zm6 0L82 45.8v-1.4L58.4 68zm-18 0 32-32h-1.4l-32 32zm24 0L82 51.8v-1.4L64.4 68zm12 0 4.2-4.2v-1.4L76.4 68zm-6 0L82 57.8v-1.4L70.4 68zm-36 0 32-32h-1.4l-32 32zM18 37.8l1.8-1.8h-1.4l-.4.4zm0 18L37.8 36h-1.4L18 54.4zm0-6L31.8 36h-1.4L18 48.4zm0-6 7.8-7.8h-1.4L18 42.4zM29.8 68l32-32h-1.4l-32 32zm-6 0 32-32h-1.4l-32 32zM18 61.8 43.8 36h-1.4L18 60.4zm0 6L49.8 36h-1.4L18 66.4z" fill="#94a3b8" class="u-hide@contrast-mode"/><path class="st1" d="m47.4 1.5-3 4.7c16.3 9.5 21.7 30.4 12.2 46.6S26.4 74.5 10.1 65c-.2-.1-.4-.2-.6-.4l-2.8 4.7"/><path d="M26 69.8v8.6m-13.6.1h27.2" fill="none" stroke="#000" stroke-width="2" stroke-linejoin="round"/><path class="st1" d="M33 10.6C22.1 7.9 10.8 12.7 5.1 22.3c-.5.8-.9 1.6-1.3 2.4l7.4 7.2-1.1 6.1 4.2 2.5 2.9 10.3 8.3-15.2-8.7-4.6-5.6.4-.6-4.6 7.2-4.9-.3-9.4"/><path class="st1" d="M1.9 30.4C-.8 44.2 8.1 57.7 22 60.4c13.8 2.7 27.3-6.2 30-20.1 2.1-10.6-2.7-21.4-11.9-26.9-.7-.4-1.5-.8-2.2-1.2L35 20.1l2.6 1.6 9.4-1-2.9 5.6-7.4.9c-6.1 5.1 1 7.6 1 7.6l2.9.1 2.5 10.6 2.6-3.8 6.1-8.9"/></svg>
<span class="c-factbox-content-specials__counter">11.000</span>
      <p class="c-factbox-content-specials__text">Studierende aus XX Ländern</p>
    </div>
    <div class="c-factbox-content-specials__column c-factbox-content-specials__column--11"><svg class="c-factbox-content-specials__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 81.1" xml:space="preserve"><path d="m41.8 48 20-20h-1.4l-20 20zm30 0 8.2-8.2v-1.4L70.4 48zM40 37.8l9.8-9.8h-1.4L40 36.4zm0 6L55.8 28h-1.4L40 42.4zm7.8 4.2 20-20h-1.4l-20 20zM40 31.8l3.8-3.8h-1.4L40 30.4zM77.8 48l2.2-2.2v-1.4L76.4 48zm-12 0L80 33.8v-1.4L64.4 48zm-12 0 20-20h-1.4l-20 20zm6 0 20-20h-1.4l-20 20z" class="u-hide@contrast-mode" fill="#94a3b8"/><g fill="none" stroke="#000" stroke-width="2" stroke-linecap="square"><path d="M20.5 13.165c0 3.5-2.9 6.4-6.4 6.4-3.5 0-6.4-2.9-6.4-6.4 0-3.5 2.9-6.4 6.4-6.4 3.5 0 6.4 2.8 6.4 6.4z" stroke-miterlimit="10"/><path d="m21.1 79.665.6-25.1c2.4-.8 5.2-2.8 4.9-5.3l-1.9-19.1c-.3-2.5-2.4-4.5-5-4.5H8.4c-2.6.1-4.7 2-5 4.5l-1.9 19.1c-.2 2.5 2.6 4.4 4.9 5.3l.6 25.1m68.2-63.5v38.9H30.3m-4.2-45.3h52.5v6.2H26.1"/></g></svg>
<span class="c-factbox-content-specials__counter">240</span>
      <p class="c-factbox-content-specials__text">Professor:innen und über 706 Mitarbeiter:innen</p>
    </div>
    <div class="c-factbox-content-specials__column c-factbox-content-specials__column--12"><svg class="c-factbox-content-specials__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80.2" xml:space="preserve"><style>.st1{fill:none;stroke:#000;stroke-width:2}</style><path d="M35.8 80.2 64 52v-1.4L34.4 80.2zm-12 0 32-32h-1.4l-32 32zm6 0 32-32h-1.4l-32 32zm12 0L64 58v-1.4L40.4 80.2zm-24 0 32-32h-1.4l-32 32zm42 0L64 76v-1.4l-5.6 5.6zm-6 0L64 70v-1.4L52.4 80.2zm-6 0L64 64v-1.4L46.4 80.2zM0 74l25.8-25.8h-1.4L0 72.6zm0-18 7.8-7.8H6.4L0 54.6zm0 6 13.8-13.8h-1.4L0 60.6zm11.8 18.2 32-32h-1.4l-32 32zM0 50l1.8-1.8H.4l-.4.4zm5.8 30.2 32-32h-1.4l-32 32zM0 68l19.8-19.8h-1.4L0 66.6zm0 12 31.8-31.8h-1.4L0 78.6z" fill="#94a3b8" class="u-hide@contrast-mode"/><path class="st1" d="m73.3 31.5 5.5-1.9v-5.2L40 13.2 1.2 24.3v5.2L40 42.2l27.5-9"/><path class="st1" d="M18.5 41.8v8.8c4.9 4.6 12.6 7.6 21 7.6s16.1-3 21-7.6V36"/><path class="st1" d="M67.8 52.4v-23l-25.9-7M72 56.8c0 2.3-1.9 4.2-4.2 4.2-2.3 0-4.2-1.9-4.2-4.2 0-2.3 1.9-4.2 4.2-4.2 2.4 0 4.2 1.9 4.2 4.2z"/><path class="st1" d="m66 60.7-2.3 9.4h8.4l-2.3-9.4"/></svg>
<span class="c-factbox-content-specials__counter">57</span>
      <p class="c-factbox-content-specials__text">Studiengänge: 28 Bachelor-, 20 Master-, vier berufsbegleitende Bachelor- und fünf weiterbildende Masterstudiengänge</p>
    </div>
    <div class="c-factbox-content-specials__column c-factbox-content-specials__column--13"><svg class="c-factbox-content-specials__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" xml:space="preserve"><style>.icon-faculty-st1{fill:none}.icon-faculty-st2,.icon-faculty-icon-faculty-icon-faculty-st3,.icon-faculty-st4{fill:none;stroke:#000;stroke-width:2}.icon-faculty-icon-faculty-icon-faculty-st3{stroke-linejoin:round}.icon-faculty-st4{stroke-miterlimit:10}</style><path d="m19.8 80 20-20h-1.4l-20 20zm-6 0 20-20h-1.4l-20 20zm12 0L40 65.8v-1.4L24.4 80zm6 0 8.2-8.2v-1.4L30.4 80zm6 0 2.2-2.2v-1.4L36.4 80zm-36 0 20-20h-1.4L.4 80zM0 69.8 9.8 60H8.4L0 68.4zm0-6L3.8 60H2.4L0 62.4zM7.8 80l20-20h-1.4l-20 20zM0 75.8 15.8 60h-1.4L0 74.4z" fill="#94a3b8" class="u-hide@contrast-mode"/><path class="icon-faculty-st1" d="M0 7.2h80V73H0z"/><path class="icon-faculty-st2" d="M22.5 71.305v-62.7h12.1v62.7"/><path class="icon-faculty-icon-faculty-icon-faculty-st3" d="M28.5 18.7V43"/><path class="icon-faculty-st1" d="M0 7.2h80V73H0z"/><path class="icon-faculty-st2" d="m52.6 24.705-.9-4.6 11.8-2.2 9.5 51.3-11.8 2.2-7.7-41.5-.9-5.2z"/><path class="icon-faculty-icon-faculty-icon-faculty-st3" d="m60.5 34.5 3.7 20.3M10 29.2h7.8M10 35.5h7.8m-7.8 6h7.8"/><path class="icon-faculty-st1" d="M0 7.2h80V73H0z"/><path class="icon-faculty-st2" d="M5.4 66.805v-46.6h12.4"/><path class="icon-faculty-st4" d="M0 71.605h80"/><path class="icon-faculty-st2" d="M39.2 35.605h13.5v35.7"/><path class="icon-faculty-st4" d="M40.7 42.8h5.9v12h-5.9v-12z"/></svg>
<span class="c-factbox-content-specials__counter">8</span>
      <p class="c-factbox-content-specials__text">Fakultäten</p>
    </div>
    <div class="c-factbox-content-specials__column c-factbox-content-specials__column--14"><svg class="c-factbox-content-specials__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80.2" xml:space="preserve"><style>.st2{stroke-miterlimit:10}.st2,.st3{fill:none;stroke:#000;stroke-width:2}</style><path d="m29.8 80.2 32-32h-1.4l-32 32zm6 0L64 52v-1.4L34.4 80.2zm6 0L64 58v-1.4L40.4 80.2zm-18 0 32-32h-1.4l-32 32zm36 0L64 76v-1.4l-5.6 5.6zM0 50l1.8-1.8H.4l-.4.4zm47.8 30.2L64 64v-1.4L46.4 80.2zm6 0L64 70v-1.4L52.4 80.2zm-36 0 32-32h-1.4l-32 32zM0 62l13.8-13.8h-1.4L0 60.6zm11.8 18.2 32-32h-1.4l-32 32zM0 68l19.8-19.8h-1.4L0 66.6zm0-12 7.8-7.8H6.4L0 54.6zm5.8 24.2 32-32h-1.4l-32 32zM0 80l31.8-31.8h-1.4L0 78.6zm0-6 25.8-25.8h-1.4L0 72.6z" fill="#94a3b8" class="u-hide@contrast-mode"/><g transform="translate(32.373 18.306)"><circle cx="7.6" cy="7.6" r="7.6" fill="none"/><circle class="st2" cx="7.6" cy="7.6" r="8.6"/></g><path class="st3" d="M45.8 65.9V50.5H34.2v15.4"/><path class="st2" d="m62.8 16.1-22.4-12-23.2 12m7 1.7v48.1M6.1 41.8v24.1"/><path class="st3" d="M23.9 36.5H1.5V28h22.4"/><path class="st2" d="M14.8 45.3v6.3m0 4.3v6.3M56 18.3v47.6"/><path class="st3" d="M56.1 36.5h22.4V28H56.1"/><path class="st2" d="M65.2 45.3v6.3m0 4.3v6.3m8.7-20.4v24.1"/></svg>
<span class="c-factbox-content-specials__counter">2</span>
      <p class="c-factbox-content-specials__text">Campus</p>
    </div>
    <div class="c-factbox-content-specials__column c-factbox-content-specials__column--15"><svg class="c-factbox-content-specials__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80" xml:space="preserve"><style>.st1,.st2{fill:none;stroke:#000;stroke-width:2}.st2{stroke-miterlimit:10}</style><path d="M35.8 58 64 29.8v-1.4L34.4 58zm-6 0 32-32h-1.4l-32 32zm-6 0 32-32h-1.4l-32 32zm36 0 4.2-4.2v-1.4L58.4 58zm-42 0 32-32h-1.4l-32 32zm36 0L64 47.8v-1.4L52.4 58zm-12 0L64 35.8v-1.4L40.4 58zm6 0L64 41.8v-1.4L46.4 58zm-42 0 32-32h-1.4l-32 32zM0 33.8 7.8 26H6.4L0 32.4zM11.8 58l32-32h-1.4l-32 32zM0 39.8 13.8 26h-1.4L0 38.4zm0-12L1.8 26H.4l-.4.4zm0 30L31.8 26h-1.4L0 56.4zm0-12L19.8 26h-1.4L0 44.4zm0 6L25.8 26h-1.4L0 50.4z" class="u-hide@contrast-mode" fill="#94a3b8"/><path class="st1" d="M36.882 35.3c-3.6 3.9-5.7 9-5.7 14.3 0 11.9 10 21.5 22.4 21.5 2.8 0 5.6-.5 8.2-1.5V58.8"/><path class="st1" d="M33.082 26.9c-15.1 11.4-18.1 32.9-6.7 48 1 1.3 2 2.5 3.1 3.6h38.3"/><path class="st2" d="m35.382 17.1 10.7-4.9 13.9 30.4-10.7 4.9-13.9-30.4z"/><path class="st1" d="m41.982 8.3-3-6.3-7 3.2 3 6.3"/><path d="m45.882 40.2 10.7-4.9m-12.7 23.2h24.8" fill="none" stroke="#000" stroke-width="2" stroke-linejoin="round"/><path class="st2" d="M50.582 58.7v12.1"/></svg>
<span class="c-factbox-content-specials__counter">XX</span>
      <p class="c-factbox-content-specials__text">Labore Lorem ipsum dolor sit amet, consectetuer adipiscing elit commodo ligula eget dolor.</p>
    </div>
  </div>
</div>
<!-- END FACTBOX CONTENT SPECIALS-->