Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.
Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.
Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.
Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.
Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.
Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.
Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.
Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.
Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.
Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac
Markup
<div class="ce-textpic [modifier class] ce-intext">
<div class="ce-gallery" data-gallery-columns="3">
<img src="https://picsum.photos/900/600" width="900" height="600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa."/>
<img src="https://picsum.photos/900/600" width="900" height="600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa."/>
<img src="https://picsum.photos/900/600" width="900" height="600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa."/>
<img src="https://picsum.photos/900/600" width="900" height="600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa."/>
<img src="https://picsum.photos/900/600" width="900" height="600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa."/>
<img src="https://picsum.photos/900/600" width="900" height="600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa."/>
</div>
<div class="ce-bodytext">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
<p>Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.</p>
<p>Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.</p>
<p>Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac</p>
</div>
</div>
Source:
assets/sass/06-components/_components.textimage.scss, line 11
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.
Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.
Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.
Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.
Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.
Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.
Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.
Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.
Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.
Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac
Markup
<div class="ce-textpic [modifier class] ce-intext ce-nowrap">
<div class="ce-gallery" data-gallery-columns="3">
<img src="https://picsum.photos/900/600" width="900" height="600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa."/>
<img src="https://picsum.photos/900/600" width="900" height="600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa."/>
<img src="https://picsum.photos/900/600" width="900" height="600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa."/>
<img src="https://picsum.photos/900/600" width="900" height="600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa."/>
<img src="https://picsum.photos/900/600" width="900" height="600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa."/>
<img src="https://picsum.photos/900/600" width="900" height="600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa."/>
</div>
<div class="ce-bodytext">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
<p>Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.</p>
<p>Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.</p>
<p>Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac</p>
</div>
</div>
Source:
assets/sass/06-components/_components.textimage.scss, line 35
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.
Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.
Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.
Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac
Markup
<div class="ce-textpic ce-center ce-below">
<div class="ce-bodytext">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
<p>Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.</p>
<p>Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.</p>
<p>Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac</p>
</div>
<div class="ce-gallery" data-gallery-columns="1">
<img src="https://picsum.photos/900/600" width="900" height="600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa."/>
<img src="https://picsum.photos/900/600" width="900" height="600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa."/>
</div>
</div>
Source:
assets/sass/06-components/_components.textimage.scss, line 76
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.
Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.
Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.
Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac
Markup
<div class="ce-textpic ce-center ce-above">
<div class="ce-gallery" data-gallery-columns="1">
<img src="https://picsum.photos/900/600" width="900" height="600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa."/>
<img src="https://picsum.photos/900/600" width="900" height="600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa."/>
</div>
<div class="ce-bodytext">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
<p>Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.</p>
<p>Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.</p>
<p>Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac</p>
</div>
</div>
Source:
assets/sass/06-components/_components.textimage.scss, line 59
Markup: templates/output/06-components/main-navigation.html
<!-- START VUE MAIN NAVIGATION-->
<div id="navigation">
<!-- START SKELETON LOADER-->
<header class="c-main-navigation-sticky">
<div class="c-main-navigation-sticky__container c-main-navigation-sticky__container--regular" aria-hidden="false" tabindex="0"><a class="c-main-navigation-sticky__logo-wrapper" href="/" title="Zur Startseite navigieren">
<div class="c-main-navigation-sticky__logo-signet-wrapper">
<svg class="c-main-navigation-sticky__logo-signet" aria-hidden="false" viewbox="0 0 160 80">
<use xlink:href="Images/svg/sprite.symbol.svg#logo-oth-regensburg-signet"></use>
</svg><span class="c-main-navigation-sticky__logo-signet-border"></span>
</div>
<div class="c-main-navigation-sticky__logo-text-wrapper">
<svg class="c-main-navigation-sticky__logo-text" aria-hidden="false" viewbox="0 0 280 80">
<use xlink:href="Images/svg/sprite.symbol.svg#logo-oth-regensburg-text"></use>
</svg>
<p class="c-main-navigation-sticky__logo-text-dynamic" aria-hidden="false"></p>
</div></a>
<div class="c-main-navigation-sticky__menu-wrapper">
<div class="c-main-navigation-sticky__actions">
<button class="c-main-navigation-sticky__action c-main-navigation-sticky__action--breadcrumb" title="Open menu navigation"><span class="c-main-navigation-sticky__action-label">Menu</span>
<svg class="c-main-navigation-sticky__action-icon" viewbox="0 0 24 24">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-burger"></use>
</svg>
</button>
<button class="c-main-navigation-sticky__action c-main-navigation-sticky__action--search" title="Open search">
<!-- v-if-->
<svg class="c-main-navigation-sticky__action-icon" viewbox="0 0 36 36">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-search"></use>
</svg>
</button>
</div>
</div>
</div>
</header>
<!-- END SKELETON LOADER-->
</div>
<!-- END VUE MAIN NAVIGATION-->
Source:
assets/sass/06-components/main-navigation/_components.main-navigation.scss, line 5
Markup: templates/output/06-components/pagefooter/pagefooter.html
<footer class="c-pagefooter">
<div class="c-pagefooter__content-wrap o-container">
<div class="c-pagefooter__content">
<div class="c-pagefooter__content-inner o-grid o-grid-1-1@tablet o-grid-1-1-1@desktop">
<!-- START PAGEFOOTER CONTACT-->
<div class="c-pagefooter__column c-pagefooter__contact">
<div class="c-pagefooter__line-text">Kontakt</div>
<p class="c-pagefooter__contact-claim">Ostbayerische Technische Hochschule Regensburg</p>
<div class="c-pagefooter__address-wrap o-grid o-grid-1-1@tablet">
<address>
<ul class="o-list-bare c-pagefooter__address">
<li class="c-pagefooter__address-item">
<svg viewBox="0 0 38.021 38.021">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-white"></use>
</svg><a class="c-pagefooter__link" href="tel:+49094194302">+49 (0)941 / 943 - 02</a>
</li>
<li class="c-pagefooter__address-item">
<svg viewBox="0 0 38.021 38.021">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-white"></use>
</svg><a class="c-pagefooter__link" href="mailto:poststelle@oth-regensburg.de">poststelle@oth-regensburg.de</a>
</li>
<li class="c-pagefooter__address-item">
<svg viewBox="0 0 38.774 38">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
</svg>Seybothstraße 2<br/>93053 Regensburg
</li>
<li class="c-pagefooter__address-item">
<svg viewBox="0 0 36.717 36.96">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-write"></use>
</svg><a class="c-pagefooter__link" href="#">Kontaktformular</a>
</li>
</ul>
</address>
<ul class="o-list-bare c-pagefooter__list c-pagefooter__contact-list">
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Personenverzeichnis</a></li>
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Standorte und Lagepläne</a></li>
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Anreise</a></li>
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Öffnungszeiten</a></li>
</ul>
</div>
</div>
<!-- END PAGEFOOTER CONTACT-->
<!-- START PAGEFOOTER SERVICE-->
<div class="c-pagefooter__column c-pagefooter__service">
<div class="c-pagefooter__line-text">Service</div>
<ul class="o-list-bare c-pagefooter__list c-pagefooter__service-list">
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Jobs und Karriere</a></li>
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Presse</a></li>
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">News</a></li>
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Veranstaltungen</a></li>
</ul>
</div>
<!-- END PAGEFOOTER SERVICE-->
<!-- START PAGEFOOTER QUICKLINKS-->
<div class="c-pagefooter__column c-pagefooter__quicklinks">
<div class="c-pagefooter__line-text">Quicklinks</div>
<ul class="o-list-bare c-pagefooter__list c-pagefooter__quicklinks-list">
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Fakultäten</a></li>
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Einrichtungen</a></li>
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Ansprechpartner Studium</a></li>
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Ansprechpartner Wirtschaft</a></li>
<li class="c-pagefooter__list-item"><a class="c-pagefooter__link" href="#">Ansprechpartner Forschung</a></li>
</ul>
</div>
<!-- END PAGEFOOTER QUICKLINKS-->
</div>
</div>
</div>
<div class="c-pagefooter-bottom">
<div class="o-container">
<div class="o-flex-line">
<!-- START PAGEFOOTER SOCIALMEDIA LINKS-->
<ul class="c-pagefooter-socialmedia-list c-pagefooter__list o-list-bare o-flex-line">
<li class="c-pagefooter-socialmedia-list__item"><a class="c-pagefooter-socialmedia-list__link" href="#" target="_blank" title="OTH Regensburg Facebook">
<div class="c-socialmedia-icon"><svg viewBox="0 0 36 36">
<path class="shape" fill="none" d="M1 1h34v34H1z"/>
<path class="icon" fill="currentcolor" d="M22.787 8.397a10.947 10.947 0 0 0-2.975-.4c-3.059 0-4.391 1.416-4.391 4.278v1.926h-2.209v2.751h2.21V28h3.456V16.952h3.314l.2-2.748h-3.514v-1.728c0-1.048.2-1.643 1.558-1.643a10.141 10.141 0 0 1 1.983.227z"/>
</svg>
</div></a></li>
<li class="c-pagefooter-socialmedia-list__item"><a class="c-pagefooter-socialmedia-list__link" href="#" target="_blank" title="OTH Regensburg Instagram">
<div class="c-socialmedia-icon"><svg viewBox="0 0 36 36">
<path class="shape" fill="none" d="M1 1h34v34H1z"/>
<path class="icon icon--instagram" fill="currentcolor" d="M 13.5,7 C 9.9162419,7 7,9.9162419 7,13.5 v 9 c 0,3.583758 2.9162419,6.5 6.5,6.5 h 9 c 3.583758,0 6.5,-2.916242 6.5,-6.5 v -9 C 29,9.9162419 26.083758,7 22.5,7 Z m 0,1 h 9 c 3.043242,0 5.5,2.456758 5.5,5.5 v 9 c 0,3.043242 -2.456758,5.5 -5.5,5.5 h -9 C 10.456758,28 8,25.543242 8,22.5 v -9 C 8,10.456758 10.456758,8 13.5,8 Z M 24,11 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 z m -6,1.5 c -3.031644,0 -5.5,2.468356 -5.5,5.5 0,3.031644 2.468356,5.5 5.5,5.5 3.031644,0 5.5,-2.468356 5.5,-5.5 0,-3.031644 -2.468356,-5.5 -5.5,-5.5 z m 0,1 c 2.491203,0 4.5,2.008797 4.5,4.5 0,2.491203 -2.008797,4.5 -4.5,4.5 -2.491203,0 -4.5,-2.008797 -4.5,-4.5 0,-2.491203 2.008797,-4.5 4.5,-4.5 z"/>
</svg>
</div></a></li>
<li class="c-pagefooter-socialmedia-list__item"><a class="c-pagefooter-socialmedia-list__link" href="#" target="_blank" title="OTH Regensburg YouTube">
<div class="c-socialmedia-icon"><svg viewBox="0 0 36 36">
<path class="shape" fill="none" d="M1 1h34v34H1z"/>
<path class="icon icon--youtube" fill="currentcolor" d="M18 10s-6.254 0-7.814.418a2.503 2.503 0 0 0-1.768 1.768C8 13.746 8 18 8 18s0 4.254.418 5.814c.23.861.908 1.538 1.768 1.768C11.746 26 18 26 18 26s6.254 0 7.814-.418a2.505 2.505 0 0 0 1.768-1.768C28 22.254 28 18 28 18s0-4.254-.418-5.814a2.505 2.505 0 0 0-1.768-1.768C24.254 10 18 10 18 10Zm0 2c2.882 0 6.49.134 7.297.35a.508.508 0 0 1 .353.353c.241.898.35 3.639.35 5.297s-.109 4.398-.35 5.297a.508.508 0 0 1-.353.353c-.805.216-4.415.35-7.297.35-2.881 0-6.49-.134-7.297-.35a.508.508 0 0 1-.353-.353C10.109 22.399 10 19.658 10 18s.109-4.399.35-5.299a.505.505 0 0 1 .353-.351c.805-.216 4.415-.35 7.297-.35Zm-2 2.535v6.93L22 18Z"/>
</svg>
</div></a></li>
<li class="c-pagefooter-socialmedia-list__item"><a class="c-pagefooter-socialmedia-list__link" href="#" target="_blank" title="OTH Regensburg Twitter">
<div class="c-socialmedia-icon"><svg viewBox="0 0 36 36">
<path class="shape" fill="none" d="M1 1h34v34H1z"/>
<path class="icon" fill="currentcolor" d="M26.965 12.742a7.5 7.5 0 0 1-2.119.581 3.718 3.718 0 0 0 1.622-2.042 7.622 7.622 0 0 1-2.345.888 3.689 3.689 0 0 0-6.383 2.519 3.776 3.776 0 0 0 .1.843 10.451 10.451 0 0 1-7.61-3.845 3.616 3.616 0 0 0-.5 1.856 3.69 3.69 0 0 0 1.641 3.072 3.678 3.678 0 0 1-1.671-.462v.046a3.692 3.692 0 0 0 2.959 3.62 3.724 3.724 0 0 1-1.659.064 3.7 3.7 0 0 0 3.453 2.563 7.4 7.4 0 0 1-4.576 1.578 7.832 7.832 0 0 1-.877-.05 10.5 10.5 0 0 0 5.668 1.658 10.423 10.423 0 0 0 10.498-10.49c0-.157 0-.315-.011-.472A7.452 7.452 0 0 0 27 12.757l-.035-.015z"/>
</svg>
</div></a></li>
<li class="c-pagefooter-socialmedia-list__item"><a class="c-pagefooter-socialmedia-list__link" href="#" target="_blank" title="OTH Regensburg LinkedIn">
<div class="c-socialmedia-icon"><svg viewBox="0 0 36 36">
<path class="shape" fill="none" d="M1 1h34v34H1z"/>
<path class="icon" fill="currentcolor" d="M14.018 28.419h-2.99v-9.627h2.99zm-1.497-10.94a1.74 1.74 0 1 1 1.732-1.748 1.746 1.746 0 0 1-1.732 1.748zm12.685 10.94h-2.983v-4.686c0-1.117-.023-2.549-1.554-2.549-1.554 0-1.792 1.213-1.792 2.469v4.766H15.89v-9.627h2.868v1.313h.042a3.141 3.141 0 0 1 2.829-1.555c3.026 0 3.582 1.992 3.582 4.58v5.289z"/>
</svg>
</div></a></li>
</ul>
<!-- END PAGEFOOTER SOCIALMEDIA LINKS-->
<!-- START PAGEFOOTER IMPORTANT LINKS-->
<ul class="c-pagefooter-important-links-list c-pagefooter__list o-list-bare o-flex-line">
<li class="c-pagefooter__list-item c-pagefooter-important-links__item"><a class="c-pagefooter__link" href="#">Impressum</a></li>
<li class="c-pagefooter__list-item c-pagefooter-important-links__item"><a class="c-pagefooter__link" href="#">Datenschutz</a></li>
<li class="c-pagefooter__list-item c-pagefooter-important-links__item"><a class="c-pagefooter__link" href="#">Barrierefreiheit</a></li>
<li class="c-pagefooter__list-item c-pagefooter-important-links__item"><a class="c-pagefooter__link" href="#">Leichte Sprache</a></li>
<li class="c-pagefooter__list-item c-pagefooter-important-links__item"><a class="c-pagefooter__link" href="#">Weiterer Footermenüpunkt</a></li>
</ul>
<!-- END PAGEFOOTER IMPORTANT LINKS-->
</div>
</div>
</div>
<!-- START PAGEFOOTER PARTNER LOGOS-->
<div class="c-pagefooter-partner">
<div class="c-pagefooter-partner__content-wrap">
<div class="o-container">
<div class="o-flex-line c-pagefooter-partner__content"><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-1.png" alt="Partnerlogo 1" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-2.png" alt="Partnerlogo 2" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-3.png" alt="Partnerlogo 3" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-4.png" alt="Partnerlogo 4" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-5.png" alt="Partnerlogo 5" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-6.png" alt="Partnerlogo 6" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-7.png" alt="Partnerlogo 7" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-8.png" alt="Partnerlogo 8" height="80" width="160"/></a>
</div>
</div>
</div>
</div>
<!-- END PAGEFOOTER PARTNER LOGOS-->
</footer>
Source:
assets/sass/06-components/_components.pagefooter.scss, line 7
Markup: templates/output/06-components/pagefooter/socialmedia-links.html
<ul class="c-pagefooter-socialmedia-list c-pagefooter__list o-list-bare o-flex-line">
<li class="c-pagefooter-socialmedia-list__item"><a class="c-pagefooter-socialmedia-list__link" href="#" target="_blank" title="OTH Regensburg Facebook">
<div class="c-socialmedia-icon"><svg viewBox="0 0 36 36">
<path class="shape" fill="none" d="M1 1h34v34H1z"/>
<path class="icon" fill="currentcolor" d="M22.787 8.397a10.947 10.947 0 0 0-2.975-.4c-3.059 0-4.391 1.416-4.391 4.278v1.926h-2.209v2.751h2.21V28h3.456V16.952h3.314l.2-2.748h-3.514v-1.728c0-1.048.2-1.643 1.558-1.643a10.141 10.141 0 0 1 1.983.227z"/>
</svg>
</div></a></li>
<li class="c-pagefooter-socialmedia-list__item"><a class="c-pagefooter-socialmedia-list__link" href="#" target="_blank" title="OTH Regensburg Instagram">
<div class="c-socialmedia-icon"><svg viewBox="0 0 36 36">
<path class="shape" fill="none" d="M1 1h34v34H1z"/>
<path class="icon icon--instagram" fill="currentcolor" d="M 13.5,7 C 9.9162419,7 7,9.9162419 7,13.5 v 9 c 0,3.583758 2.9162419,6.5 6.5,6.5 h 9 c 3.583758,0 6.5,-2.916242 6.5,-6.5 v -9 C 29,9.9162419 26.083758,7 22.5,7 Z m 0,1 h 9 c 3.043242,0 5.5,2.456758 5.5,5.5 v 9 c 0,3.043242 -2.456758,5.5 -5.5,5.5 h -9 C 10.456758,28 8,25.543242 8,22.5 v -9 C 8,10.456758 10.456758,8 13.5,8 Z M 24,11 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 z m -6,1.5 c -3.031644,0 -5.5,2.468356 -5.5,5.5 0,3.031644 2.468356,5.5 5.5,5.5 3.031644,0 5.5,-2.468356 5.5,-5.5 0,-3.031644 -2.468356,-5.5 -5.5,-5.5 z m 0,1 c 2.491203,0 4.5,2.008797 4.5,4.5 0,2.491203 -2.008797,4.5 -4.5,4.5 -2.491203,0 -4.5,-2.008797 -4.5,-4.5 0,-2.491203 2.008797,-4.5 4.5,-4.5 z"/>
</svg>
</div></a></li>
<li class="c-pagefooter-socialmedia-list__item"><a class="c-pagefooter-socialmedia-list__link" href="#" target="_blank" title="OTH Regensburg YouTube">
<div class="c-socialmedia-icon"><svg viewBox="0 0 36 36">
<path class="shape" fill="none" d="M1 1h34v34H1z"/>
<path class="icon icon--youtube" fill="currentcolor" d="M18 10s-6.254 0-7.814.418a2.503 2.503 0 0 0-1.768 1.768C8 13.746 8 18 8 18s0 4.254.418 5.814c.23.861.908 1.538 1.768 1.768C11.746 26 18 26 18 26s6.254 0 7.814-.418a2.505 2.505 0 0 0 1.768-1.768C28 22.254 28 18 28 18s0-4.254-.418-5.814a2.505 2.505 0 0 0-1.768-1.768C24.254 10 18 10 18 10Zm0 2c2.882 0 6.49.134 7.297.35a.508.508 0 0 1 .353.353c.241.898.35 3.639.35 5.297s-.109 4.398-.35 5.297a.508.508 0 0 1-.353.353c-.805.216-4.415.35-7.297.35-2.881 0-6.49-.134-7.297-.35a.508.508 0 0 1-.353-.353C10.109 22.399 10 19.658 10 18s.109-4.399.35-5.299a.505.505 0 0 1 .353-.351c.805-.216 4.415-.35 7.297-.35Zm-2 2.535v6.93L22 18Z"/>
</svg>
</div></a></li>
<li class="c-pagefooter-socialmedia-list__item"><a class="c-pagefooter-socialmedia-list__link" href="#" target="_blank" title="OTH Regensburg Twitter">
<div class="c-socialmedia-icon"><svg viewBox="0 0 36 36">
<path class="shape" fill="none" d="M1 1h34v34H1z"/>
<path class="icon" fill="currentcolor" d="M26.965 12.742a7.5 7.5 0 0 1-2.119.581 3.718 3.718 0 0 0 1.622-2.042 7.622 7.622 0 0 1-2.345.888 3.689 3.689 0 0 0-6.383 2.519 3.776 3.776 0 0 0 .1.843 10.451 10.451 0 0 1-7.61-3.845 3.616 3.616 0 0 0-.5 1.856 3.69 3.69 0 0 0 1.641 3.072 3.678 3.678 0 0 1-1.671-.462v.046a3.692 3.692 0 0 0 2.959 3.62 3.724 3.724 0 0 1-1.659.064 3.7 3.7 0 0 0 3.453 2.563 7.4 7.4 0 0 1-4.576 1.578 7.832 7.832 0 0 1-.877-.05 10.5 10.5 0 0 0 5.668 1.658 10.423 10.423 0 0 0 10.498-10.49c0-.157 0-.315-.011-.472A7.452 7.452 0 0 0 27 12.757l-.035-.015z"/>
</svg>
</div></a></li>
<li class="c-pagefooter-socialmedia-list__item"><a class="c-pagefooter-socialmedia-list__link" href="#" target="_blank" title="OTH Regensburg LinkedIn">
<div class="c-socialmedia-icon"><svg viewBox="0 0 36 36">
<path class="shape" fill="none" d="M1 1h34v34H1z"/>
<path class="icon" fill="currentcolor" d="M14.018 28.419h-2.99v-9.627h2.99zm-1.497-10.94a1.74 1.74 0 1 1 1.732-1.748 1.746 1.746 0 0 1-1.732 1.748zm12.685 10.94h-2.983v-4.686c0-1.117-.023-2.549-1.554-2.549-1.554 0-1.792 1.213-1.792 2.469v4.766H15.89v-9.627h2.868v1.313h.042a3.141 3.141 0 0 1 2.829-1.555c3.026 0 3.582 1.992 3.582 4.58v5.289z"/>
</svg>
</div></a></li>
</ul>
Source:
assets/sass/06-components/_components.pagefooter.scss, line 272
Markup: templates/output/06-components/pagefooter/important-links.html
<ul class="c-pagefooter-important-links-list c-pagefooter__list o-list-bare o-flex-line">
<li class="c-pagefooter__list-item c-pagefooter-important-links__item"><a class="c-pagefooter__link" href="#">Impressum</a></li>
<li class="c-pagefooter__list-item c-pagefooter-important-links__item"><a class="c-pagefooter__link" href="#">Datenschutz</a></li>
<li class="c-pagefooter__list-item c-pagefooter-important-links__item"><a class="c-pagefooter__link" href="#">Barrierefreiheit</a></li>
<li class="c-pagefooter__list-item c-pagefooter-important-links__item"><a class="c-pagefooter__link" href="#">Leichte Sprache</a></li>
<li class="c-pagefooter__list-item c-pagefooter-important-links__item"><a class="c-pagefooter__link" href="#">Weiterer Footermenüpunkt</a></li>
</ul>
Source:
assets/sass/06-components/_components.pagefooter.scss, line 304
Markup: templates/output/06-components/pagefooter/pagefooter-partner.html
<div class="c-pagefooter-partner">
<div class="c-pagefooter-partner__content-wrap">
<div class="o-container">
<div class="o-flex-line c-pagefooter-partner__content"><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-1.png" alt="Partnerlogo 1" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-2.png" alt="Partnerlogo 2" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-3.png" alt="Partnerlogo 3" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-4.png" alt="Partnerlogo 4" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-5.png" alt="Partnerlogo 5" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-6.png" alt="Partnerlogo 6" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-7.png" alt="Partnerlogo 7" height="80" width="160"/></a><a class="c-pagefooter-partner__link" href="#" target="_blank"><img class="c-pagefooter-partner__logo" src="Images/partnerlogos/partnerlogo-8.png" alt="Partnerlogo 8" height="80" width="160"/></a>
</div>
</div>
</div>
</div>
Source:
assets/sass/06-components/_components.pagefooter.scss, line 329
Markup: templates/output/06-components/intro/intro-startpage.html
<a class="c-intro-startpage o-grid o-grid-1-2@tablet" href="#" title="Details anzeigen">
<!-- START INTRO STARTPAGE IMAGE-->
<div class="c-intro-startpage__image o-outbreak-fullwidth--mobile-only">
<picture>
<source srcset="https://picsum.photos/id/1040/1490/745" media="(min-width:1200px)"/>
<source srcset="https://picsum.photos/id/1040/1200/600" media="(min-width:960px)"/>
<source srcset="https://picsum.photos/id/1040/960/540" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1040/640/360" media="(min-width:320px)"/>
<source srcset="https://picsum.photos/id/1040/320/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1040/1200x600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1490" height="745"/>
</picture>
</div>
<!-- END INTRO STARTPAGE IMAGE-->
<!-- START INTRO STARTPAGE TEXT-->
<div class="c-intro-startpage__text-wrap">
<h1 class="c-intro-startpage__headline">Fakultät Maschinenbau</h1>
<div class="c-intro-startpage__description">
<p>Unsere Fakultät gehört zu den größten Fakultäten der OTH Regensburg und bildet jährlich hunderte hoch qualifizierte Ingenieurinnen und Ingenieure aus. Unser Studienangebot umfasst vier Bachelor- und drei Masterstudiengänge, die neben dem allgemeinen Maschinenbau eine Fokussierung in den Bereichen Produktions-, Automatisierungs- und Medizintechnik bieten. Zudem ist die Fakultät an den Studiengängen Bauklimatik, Industriedesign, Logistik, Mechatronik sowie Regenerative Energietechnik und Energieeffizienz beteiligt.</p>
</div><span class="btn btn--secondary" title="This is a default title text">Studiengang finden</span>
</div>
<!-- END INTRO STARTPAGE TEXT--></a>
Source:
assets/sass/06-components/_components.intro.scss, line 7
Markup: templates/output/06-components/intro/intro-subpage.html
<!-- START INTRO SUBPAGE--><a class="c-intro-subpage" href="#">
<div class="c-intro-subpage__content o-grid o-grid-1-1@desktop">
<!-- START INTRO SUBPAGE TEXT WRAP-->
<div class="c-intro-subpage__text-wrap">
<div class="c-intro-subpage__text-inner">
<p class="c-intro-subpage__topline">Topline (optional)</p>
<h1 class="c-intro-subpage__headline">Headline H1 Cum sociis natoque penatibus</h1>
<div class="c-intro-subpage__description">
<p>Anlesetext In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
</div><span class="c-intro-subpage__divider"></span>
<p class="c-intro-subpage__additional-info">Angewandt und praxisnah. Bachelor und Master studieren.</p><span class="btn btn--icon-left">
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
</svg><span class="btn__text">Button text</span></span>
</div>
</div>
<!-- END INTRO SUBPAGE TEXT WRAP-->
<!-- START INTRO SUBPAGE IMAGE-->
<div class="c-intro-subpage__image">
<picture class="picture__mobile">
<source srcset="https://picsum.photos/id/1002/640/640" media="(min-width:320px)"/>
<source srcset="https://picsum.photos/id/1002/320/320" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1002/640x640" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="640" height="640"/>
</picture>
<picture class="picture__desktop">
<source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:960px)"/>
<source srcset="https://picsum.photos/id/1002/960/480" media="(min-width:768px)"/><img class="image__default" src="https://picsum.photos/id/1002/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
</picture>
</div>
<!-- END INTRO SUBPAGE IMAGE-->
</div></a>
<!-- END INTRO SUBPAGE-->
Source:
assets/sass/06-components/_components.intro.scss, line 102
Markup: templates/output/06-components/intro/intro-subpage.html
<!-- START INTRO SUBPAGE--><a class="c-intro-subpage" href="#">
<div class="c-intro-subpage__content o-grid o-grid-1-1@desktop">
<!-- START INTRO SUBPAGE TEXT WRAP-->
<div class="c-intro-subpage__text-wrap">
<div class="c-intro-subpage__text-inner">
<p class="c-intro-subpage__topline">Topline (optional)</p>
<h1 class="c-intro-subpage__headline">Headline H1 Cum sociis natoque penatibus</h1>
<div class="c-intro-subpage__description">
<p>Anlesetext In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
</div><span class="c-intro-subpage__divider"></span>
<p class="c-intro-subpage__additional-info">Angewandt und praxisnah. Bachelor und Master studieren.</p><span class="btn btn--icon-left">
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
</svg><span class="btn__text">Button text</span></span>
</div>
</div>
<!-- END INTRO SUBPAGE TEXT WRAP-->
<!-- START INTRO SUBPAGE IMAGE-->
<div class="c-intro-subpage__image">
<picture class="picture__mobile">
<source srcset="https://picsum.photos/id/1002/640/640" media="(min-width:320px)"/>
<source srcset="https://picsum.photos/id/1002/320/320" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1002/640x640" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="640" height="640"/>
</picture>
<picture class="picture__desktop">
<source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:960px)"/>
<source srcset="https://picsum.photos/id/1002/960/480" media="(min-width:768px)"/><img class="image__default" src="https://picsum.photos/id/1002/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
</picture>
</div>
<!-- END INTRO SUBPAGE IMAGE-->
</div></a>
<!-- END INTRO SUBPAGE-->
Source:
assets/sass/06-components/_components.intro.scss, line 110
Topline (optional)
Doktoranden der OTH Regensburg mit Beitrag auf Fachkonferenz
20.04.2022 Philipp Marx und Reiner Trautmannsberger vom Computational Mechanics and Materials Lab der OTH Regensburg präsentierten ihre Forschungsergebnisse auf der Technology for Future and Ageing Pipelines Conference in Gent.
Markup: templates/output/06-components/intro/intro-newsdetail.html
<!-- START INTRO SUBPAGE NEWSDETAIL-->
<div class="c-intro-subpage c-intro-subpage--newsdetail">
<div class="c-intro-subpage__content o-grid o-grid-2-1@desktop">
<!-- START INTRO SUBPAGE NEWSDETAIL TEXT WRAP-->
<div class="c-intro-subpage__text-wrap">
<div class="c-intro-subpage__text-inner">
<p class="c-intro-subpage__topline">Topline (optional)</p>
<h1 class="c-intro-subpage__headline">Doktoranden der OTH Regensburg mit Beitrag auf Fachkonferenz</h1>
<div class="c-intro-subpage__description">
<p><span class="c-intro-subpage__news-date">20.04.2022</span> Philipp Marx und Reiner Trautmannsberger vom Computational Mechanics and Materials Lab der OTH Regensburg präsentierten ihre Forschungsergebnisse auf der Technology for Future and Ageing Pipelines Conference in Gent.</p>
</div><span class="c-intro-subpage__divider"></span>
<div class="c-intro-subpage__detailpage-footer"><span class="btn btn--icon-left"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><g fill="none"><path d="M0 0h36v36H0z"/><path stroke="currentColor" stroke-width="2" stroke-miterlimit="10" d="M24.456275 8.774228C22.666858 9.74681 18.512488 9.81185 13.21015 8.2638S2.582763 2.993688 3.091913 1.25603c.250044-.856747 5.483164-.109003 8.537959.738179"/><path stroke="currentColor" stroke-width="2" d="M22.517777 9.363282a2.517 2.517 0 0 0 4.74659-1.639334 2.574 2.574 0 0 0-3.081319-1.779 2.1 2.1 0 0 0-1.248194.895936"/><path stroke="currentColor" stroke-width="2" d="M12.675878 8.356859 3.844884 23.638852l17.253177 9.969158 12.110346-20.961664-2.337562-8.182868L24.216923.618736l-8.25995 2.061092-1.214252 2.108517"/><path stroke-miterlimit="10" stroke="currentColor" stroke-width="2" d="m10.473715 21.529819 9.088224 5.251319M14.592216 14.39119l9.088483 5.252284m-11.251534-1.502481 6.769024 3.91125"/></g></svg>
<span class="btn__text">Lehre und Didaktik, OTH Regensburg (optional)</span></span><span class="btn btn--icon-left"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36.457 36" role="img" focusable="false">
<path fill="none" d="M0 0h36v36H0z" transform="translate(.043)"/>
<path fill="none" d="M-15047.611 3202.439V3209h-25.432v-34h25.432v3.206" transform="translate(15074.043 -3174)" stroke="currentColor" stroke-width="2"/>
<path fill="none" d="M-12022.556-5584.7v-4.3l-7.444 3.721 7.444 3.723h18.61V-5589h-16.4" transform="rotate(-45.97 611.048 -16970.827)" stroke="currentColor" stroke-width="2"/>
<path fill="none" d="M-11974-5589c3.728 0 3.722.032 3.722 3.721s0 3.723-3.722 3.723" transform="rotate(-45.97 626.02 -16935.53)" stroke="currentColor" stroke-width="2"/>
<path fill="none" transform="translate(6.543 7.5)" stroke="currentColor" stroke-width="2" d="M0 0h13"/>
<path fill="none" transform="translate(6.543 12.5)" stroke="currentColor" stroke-width="2" d="M0 0h9"/>
<path fill="none" transform="translate(6.543 17.5)" stroke="currentColor" stroke-width="2" d="M0 0h5"/>
</svg>
<span class="btn__text">Von: Reiner Trautmannsberger, Philipp Marx (optional)</span></span>
</div>
</div>
</div>
<!-- END INTRO SUBPAGE NEWSDETAIL TEXT WRAP-->
<!-- START INTRO SUBPAGE ALL NEWS BUTTON DESKTOP-->
<div class="c-intro-subpage__newsdetail-buttonall u-hide--mobile-only"><a class="btn btn--secondary" href="#"><span class="btn__text">Alle News</span></a></div>
<!-- END INTRO SUBPAGE ALL NEWS BUTTON DESKTOP-->
</div>
<!-- START INTRO SUBPAGE ALL NEWS BUTTON MOBILE-->
<div class="c-intro-subpage__newsdetail-buttonall u-show--mobile-only"><a class="btn btn--secondary" href="#"><span class="btn__text">Alle News</span></a></div>
<!-- END INTRO SUBPAGE ALL NEWS BUTTON MOBILE-->
</div>
<!-- END INTRO SUBPAGE NEWSDETAIL-->
Source:
assets/sass/06-components/_components.intro.scss, line 120
Markup: templates/output/06-components/teaserbox/teaserbox.html
<a class="c-teaserbox__link" href="#">
<div class="c-teaserbox">
<div class="c-teaserbox__content-wrap">
<div class="c-teaserbox__text-wrap">
<h3 class="c-teaserbox__title">Unser Ziel: 100% Präsenzvorlesungen</h3>
<div class="c-teaserbox__text">
<p>Warum OTH? Regional und doch urban. Top Professoren & Spaß am Studium mehr</p>
</div>
</div>
<div class="c-teaserbox__button"><span class="btn btn--icon-left">
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
</svg><span class="btn__text">Mehr erfahren</span></span></div>
</div>
</div>
</a>
Source:
assets/sass/06-components/teaserbox/_components.teaserbox.scss, line 7
Markup: templates/output/06-components/teaserbox/teaserbox-news.html
<a class="c-teaserbox__link" href="#">
<div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
<div class="c-teaserbox__image-wrap">
<picture class="c-teaserbox__image">
<source srcset="https://picsum.photos/id/1044/640/320" media="(min-width:640px)"/>
<source srcset="https://picsum.photos/id/1044/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1044/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
</picture>
</div>
<div class="c-teaserbox__content-wrap">
<div class="c-teaserbox__text-wrap">
<h3 class="c-teaserbox__title">News Headline Donec pede justo, fringilla vel, aliquet nec</h3>
<div class="c-teaserbox__text">
<p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</span></p>
</div>
<p class="c-teaserbox__keywords">
<svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
</svg><span>Lehre und Didaktik, OTH Regensburg</span>
</p>
</div>
<div>
<div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
</div>
</div>
</div>
</div></a>
Source:
assets/sass/06-components/teaserbox/_components.teaserbox.scss, line 17
Markup: templates/output/06-components/teaserbox/textimage/regular.html
<a class="c-teaserbox__link" href="#">
<div class="c-teaserbox c-teaserbox--text-image o-grid o-grid--nogutter">
<div class="c-teaserbox__image-wrap">
<picture class="c-teaserbox__image">
<source srcset="https://picsum.photos/id/1002/700/350" media="(min-width:1400px)"/>
<source srcset="https://picsum.photos/id/1002/600/300" media="(min-width:1200px)"/>
<source srcset="https://picsum.photos/id/1002/500/250" media="(min-width:960px)"/>
<source srcset="https://picsum.photos/id/1002/400/200" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1002/600/300" media="(min-width:640px)"/>
<source srcset="https://picsum.photos/id/1002/400/200" media="(min-width:320px)"/><img class="image__default" src="https://picsum.photos/id/1002/1000/500" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
</picture>
</div>
<div class="c-teaserbox__content-wrap">
<div class="c-teaserbox__text-wrap">
<h3 class="c-teaserbox__title">Cum sociis natoque penatibus et magnis dis parturient</h3>
<div class="c-teaserbox__text">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
</div>
</div><span class="c-teaserbox__button btn btn--icon-left">
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
</svg><span class="btn__text">Mehr erfahren</span></span>
</div>
</div></a>
Source:
assets/sass/06-components/teaserbox/_components.teaserbox.scss, line 38
Markup: templates/output/06-components/teaserbox/textimage/row.html
<a class="c-teaserbox__link" href="#">
<div class="c-teaserbox c-teaserbox--text-image o-grid o-grid--nogutter c-teaserbox--text-image-row">
<div class="c-teaserbox__image-wrap">
<picture class="c-teaserbox__image">
<source srcset="https://picsum.photos/id/1002/800/400" media="(min-width:1400px)"/>
<source srcset="https://picsum.photos/id/1002/900/450" media="(min-width:960px)"/>
<source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1002/1400/700" media="(min-width:576px)"/>
<source srcset="https://picsum.photos/id/1002/450/225" media="(min-width:320px)"/><img class="image__default" src="https://picsum.photos/id/1002/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
</picture>
</div>
<div class="c-teaserbox__content-wrap">
<div class="c-teaserbox__text-wrap">
<h3 class="c-teaserbox__title">Cum sociis natoque penatibus et magnis dis parturient</h3>
<div class="c-teaserbox__text">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
</div>
</div><span class="c-teaserbox__button btn btn--icon-left">
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
</svg><span class="btn__text">Mehr erfahren</span></span>
</div>
</div></a>
Source:
assets/sass/06-components/teaserbox/_components.teaserbox.scss, line 48
Markup: templates/output/06-components/teaserbox/textimage/row-reverse.html
<a class="c-teaserbox__link" href="#">
<div class="c-teaserbox c-teaserbox--text-image o-grid o-grid--nogutter c-teaserbox--text-image-row-reverse">
<div class="c-teaserbox__image-wrap">
<picture class="c-teaserbox__image">
<source srcset="https://picsum.photos/id/1002/800/400" media="(min-width:1400px)"/>
<source srcset="https://picsum.photos/id/1002/900/450" media="(min-width:960px)"/>
<source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1002/1400/700" media="(min-width:576px)"/>
<source srcset="https://picsum.photos/id/1002/450/225" media="(min-width:320px)"/><img class="image__default" src="https://picsum.photos/id/1002/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
</picture>
</div>
<div class="c-teaserbox__content-wrap">
<div class="c-teaserbox__text-wrap">
<h3 class="c-teaserbox__title">Cum sociis natoque penatibus et magnis dis parturient</h3>
<div class="c-teaserbox__text">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
</div>
</div><span class="c-teaserbox__button btn btn--icon-left">
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
</svg><span class="btn__text">Mehr erfahren</span></span>
</div>
</div></a>
Source:
assets/sass/06-components/teaserbox/_components.teaserbox.scss, line 58
Markup: templates/output/06-components/teaserbox/teaserbox-event.html
<a class="c-teaserbox__link" href="#" title="Details zur Veranstaltung "Virtueller Infoabend zum berufsbegleitenden Bachelor Soziale Arbeit" anzeigen">
<div class="c-teaserbox c-teaserbox--event">
<div class="c-teaserbox__content-wrap">
<div class="c-teaserbox__event-date"><span class="c-teaserbox__event-day">31</span><span class="c-teaserbox__event-month">Jan</span>
</div>
<div class="c-teaserbox__event-details">
<h3 class="c-teaserbox__title">Virtueller Infoabend zum berufsbegleitenden Bachelor Soziale Arbeit</h3>
<div class="c-teaserbox__button"><span class="btn btn--icon-left">
<svg viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
</svg><span class="btn__text">Veranstaltungsort</span></span></div>
</div>
</div>
</div></a>
Source:
assets/sass/06-components/teaserbox/_components.teaserbox.scss, line 68
Markup: templates/output/06-components/teaserbox/teaserbox-raw.html
<a class="c-teaserbox-raw" href="#">
<h3 class="c-teaserbox-raw__title">Studiengangbotschafter</h3>
<p class="c-teaserbox-raw__description">Aktuell Studierende beantworten Fragen zum Studienalltag an der OTH</p>
<svg class="c-teaserbox-raw__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg></a>
Source:
assets/sass/06-components/teaserbox/_components.teaserbox.scss, line 80
Markup: templates/output/06-components/teaserbox/teaserbox-study-course.html
<a class="c-teaserbox-studycourse theme1" href="#">
<picture class="c-teaserbox-studycourse__image">
<source srcset="https://picsum.photos/id/11/464/232" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/11/360/180" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/11/464/232" alt="image alt" title="image title" width="464" height="232"/>
</picture>
<div class="c-teaserbox-studycourse__content">
<p class="c-teaserbox-studycourse__description" role="doc-subtitle">Master of Arts (M. A.)</p>
<h2 class="c-teaserbox-studycourse__headline">Electrical and Microsystems Engineering studieren</h2>
<ul class="c-teaserbox-studycourse__facts o-list-bare">
<li class="c-teaserbox-studycourse__fact">3 Semester</li>
<li class="c-teaserbox-studycourse__fact">Vollzeit, Dual</li>
<li class="c-teaserbox-studycourse__fact">Wintersemester</li>
</ul><span class="c-teaserbox-studycourse__fake-link">Zum Studiengang
<svg class="c-teaserbox-studycourse__icon-arrow" role="img" focusable="false" aria-hidden="true" viewbox="0 0 36 36.111">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg></span>
</div></a>
Source:
assets/sass/06-components/teaserbox/_components.teaserbox.scss, line 90
Markup: templates/output/06-components/teaserbox-slider/teaserbox-slider.html
<div class="c-teaserbox-slider">
<div class="c-teaserbox-slider__header o-flex-line o-flex-line--between o-flex-line--items-center">
<h2 class="c-teaserbox-slider__headline">Aktuelle Themen</h2>
<div class="c-slider-controls o-flex-line">
<button class="btn btn--arrow btn--arrow-left c-slider-controls__button c-slider-controls__button--prev" title="Previous slide">
<svg viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-left"></use>
</svg>
</button>
<button class="btn btn--arrow btn--arrow-right c-slider-controls__button c-slider-controls__button--next" title="Next slide">
<svg viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-right"></use>
</svg>
</button>
</div>
</div>
<div class="c-teaserbox-slider__slides-container">
<div class="c-teaserbox-slider__slides">
<div class="c-teaserbox-slider__slide">
<a class="c-teaserbox__link" href="#">
<div class="c-teaserbox">
<div class="c-teaserbox__content-wrap">
<div class="c-teaserbox__text-wrap">
<h3 class="c-teaserbox__title">Unser Ziel: 100% Präsenzvorlesungen</h3>
<div class="c-teaserbox__text">
<p>Warum OTH? Regional und doch urban. Top Professoren und Spaß am Studium.</p>
</div>
</div>
<div class="c-teaserbox__button"><span class="btn btn--icon-left">
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
</svg><span class="btn__text">Mehr erfahren</span></span></div>
</div>
</div>
</a>
</div>
<div class="c-teaserbox-slider__slide">
<a class="c-teaserbox__link" href="#">
<div class="c-teaserbox">
<div class="c-teaserbox__content-wrap">
<div class="c-teaserbox__text-wrap">
<h3 class="c-teaserbox__title">Bayerns Top-Geeks</h3>
<div class="c-teaserbox__text">
<p>Unsere Fakultät Informatik und Mathematik belegt im CHE Ranking 2022 erneut Platz 1 in Bayern.</p>
</div>
</div>
<div class="c-teaserbox__button"><span class="btn btn--icon-left">
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
</svg><span class="btn__text">Mehr erfahren</span></span></div>
</div>
</div>
</a>
</div>
<div class="c-teaserbox-slider__slide">
<a class="c-teaserbox__link" href="#">
<div class="c-teaserbox">
<div class="c-teaserbox__content-wrap">
<div class="c-teaserbox__text-wrap">
<h3 class="c-teaserbox__title">Dies ist ein Typoblindtext. An ihm kann man sehen</h3>
<div class="c-teaserbox__text">
<p>Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man</p>
</div>
</div>
<div class="c-teaserbox__button"><span class="btn btn--icon-left">
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
</svg><span class="btn__text">Mehr erfahren</span></span></div>
</div>
</div>
</a>
</div>
<div class="c-teaserbox-slider__slide">
<a class="c-teaserbox__link" href="#">
<div class="c-teaserbox">
<div class="c-teaserbox__content-wrap">
<div class="c-teaserbox__text-wrap">
<h3 class="c-teaserbox__title">Überall dieselbe alte Leier. Das Layout</h3>
<div class="c-teaserbox__text">
<p>Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im.</p>
</div>
</div>
<div class="c-teaserbox__button"><span class="btn btn--icon-left">
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
</svg><span class="btn__text">Mehr erfahren</span></span></div>
</div>
</div>
</a>
</div>
<div class="c-teaserbox-slider__slide">
<a class="c-teaserbox__link" href="#">
<div class="c-teaserbox">
<div class="c-teaserbox__content-wrap">
<div class="c-teaserbox__text-wrap">
<h3 class="c-teaserbox__title">Li Europan lingues es membres del sam familie. Lor separat existentie es un</h3>
<div class="c-teaserbox__text">
<p>aäb cde fgh ijk lmn oöp qrsß tuü vwx yz AÄBC DEF GHI JKL MNO ÖPQ RST</p>
</div>
</div>
<div class="c-teaserbox__button"><span class="btn btn--icon-left">
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-idea"></use>
</svg><span class="btn__text">Mehr erfahren</span></span></div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
Source:
assets/sass/06-components/teaserbox/_components.teaserbox-slider.scss, line 7
Markup: templates/output/06-components/teaserbox-slider/teaserbox-slider-event.html
<div class="c-teaserbox-slider c-teaserbox-slider--event">
<div class="c-teaserbox-slider__header o-flex-line o-flex-line--between o-flex-line--items-end">
<h2 class="c-teaserbox-slider__headline">Veranstaltungen</h2>
<div class="c-slider-controls o-flex-line">
<button class="btn btn--arrow btn--arrow-left c-slider-controls__button c-slider-controls__button--prev" title="Previous slide">
<svg viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-left"></use>
</svg>
</button>
<button class="btn btn--arrow btn--arrow-right c-slider-controls__button c-slider-controls__button--next" title="Next slide">
<svg viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-right"></use>
</svg>
</button>
</div>
</div>
<div class="c-teaserbox-slider__slides-container">
<div class="c-teaserbox-slider__slides">
<div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#" title="Details zur Veranstaltung "Unser Ziel: 100% Präsenzvorlesungen" anzeigen">
<div class="c-teaserbox c-teaserbox--event">
<div class="c-teaserbox__content-wrap">
<div class="c-teaserbox__event-date"><span class="c-teaserbox__event-day">10</span><span class="c-teaserbox__event-month">Jan</span>
</div>
<div class="c-teaserbox__event-details">
<h3 class="c-teaserbox__title">Unser Ziel: 100% Präsenzvorlesungen</h3>
<div class="c-teaserbox__button"><span class="btn btn--icon-left">
<svg viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
</svg><span class="btn__text">Veranstaltungsort</span></span></div>
</div>
</div>
</div></a>
</div>
<div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#" title="Details zur Veranstaltung "Bayerns Top-Geeks" anzeigen">
<div class="c-teaserbox c-teaserbox--event">
<div class="c-teaserbox__content-wrap">
<div class="c-teaserbox__event-date"><span class="c-teaserbox__event-day">11</span><span class="c-teaserbox__event-month">Jan</span>
</div>
<div class="c-teaserbox__event-details">
<h3 class="c-teaserbox__title">Bayerns Top-Geeks</h3>
<div class="c-teaserbox__button"><span class="btn btn--icon-left">
<svg viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
</svg><span class="btn__text">Veranstaltungsort</span></span></div>
</div>
</div>
</div></a>
</div>
<div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#" title="Details zur Veranstaltung "Dies ist ein Typoblindtext" anzeigen">
<div class="c-teaserbox c-teaserbox--event">
<div class="c-teaserbox__content-wrap">
<div class="c-teaserbox__event-date"><span class="c-teaserbox__event-day">12</span><span class="c-teaserbox__event-month">Jan</span>
</div>
<div class="c-teaserbox__event-details">
<h3 class="c-teaserbox__title">Dies ist ein Typoblindtext</h3>
<div class="c-teaserbox__button"><span class="btn btn--icon-left">
<svg viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
</svg><span class="btn__text">Veranstaltungsort</span></span></div>
</div>
</div>
</div></a>
</div>
<div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#" title="Details zur Veranstaltung "Überall dieselbe alte Leier. Das Layout" anzeigen">
<div class="c-teaserbox c-teaserbox--event">
<div class="c-teaserbox__content-wrap">
<div class="c-teaserbox__event-date"><span class="c-teaserbox__event-day">13</span><span class="c-teaserbox__event-month">Jan</span>
</div>
<div class="c-teaserbox__event-details">
<h3 class="c-teaserbox__title">Überall dieselbe alte Leier. Das Layout</h3>
<div class="c-teaserbox__button"><span class="btn btn--icon-left">
<svg viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
</svg><span class="btn__text">Veranstaltungsort</span></span></div>
</div>
</div>
</div></a>
</div>
<div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#" title="Details zur Veranstaltung "Li Europan lingues es membres del sam familie" anzeigen">
<div class="c-teaserbox c-teaserbox--event">
<div class="c-teaserbox__content-wrap">
<div class="c-teaserbox__event-date"><span class="c-teaserbox__event-day">14</span><span class="c-teaserbox__event-month">Jan</span>
</div>
<div class="c-teaserbox__event-details">
<h3 class="c-teaserbox__title">Li Europan lingues es membres del sam familie</h3>
<div class="c-teaserbox__button"><span class="btn btn--icon-left">
<svg viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
</svg><span class="btn__text">Veranstaltungsort</span></span></div>
</div>
</div>
</div></a>
</div>
</div>
</div>
</div>
Source:
assets/sass/06-components/teaserbox/_components.teaserbox-slider.scss, line 15
Markup: templates/output/06-components/teaserbox-slider/teaserbox-slider-news.html
<div class="c-teaserbox-slider c-teaserbox-slider--news">
<div class="o-grid o-grid-1-1@desktop">
<h2 class="c-teaserbox-slider__headline">News</h2>
<div class="o-flex-line o-flex-line--items-end o-flex-line--end">
<div class="c-slider-controls o-flex-line">
<button class="btn btn--arrow btn--arrow-left c-slider-controls__button c-slider-controls__button--prev" title="Previous slide">
<svg viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-left"></use>
</svg>
</button>
<button class="btn btn--arrow btn--arrow-right c-slider-controls__button c-slider-controls__button--next" title="Next slide">
<svg viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-right"></use>
</svg>
</button>
</div>
</div>
</div>
<div class="c-teaserbox-slider__slides-container">
<div class="c-teaserbox-slider__slides">
<div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
<div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
<div class="c-teaserbox__image-wrap">
<picture class="c-teaserbox__image">
<source srcset="https://picsum.photos/id/1070/640/320" media="(min-width:640px)"/>
<source srcset="https://picsum.photos/id/1070/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1070/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
</picture>
</div>
<div class="c-teaserbox__content-wrap">
<div class="c-teaserbox__text-wrap">
<h3 class="c-teaserbox__title">News Headline Donec pede justo, fringilla vel, aliquet nec</h3>
<div class="c-teaserbox__text">
<p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</span></p>
</div>
<p class="c-teaserbox__keywords">
<svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
</svg><span>Lehre und Didaktik, OTH Regensburg</span>
</p>
</div>
<div>
<div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
</div>
</div>
</div>
</div></a>
</div>
<div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
<div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
<div class="c-teaserbox__image-wrap">
<picture class="c-teaserbox__image">
<source srcset="https://picsum.photos/id/1071/640/320" media="(min-width:640px)"/>
<source srcset="https://picsum.photos/id/1071/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1071/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
</picture>
</div>
<div class="c-teaserbox__content-wrap">
<div class="c-teaserbox__text-wrap">
<h3 class="c-teaserbox__title">Zwei flinke Boxer jagen die quirlige Eva</h3>
<div class="c-teaserbox__text">
<p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>Zwei flinke Boxer jagen die quirlige Eva und ihren Mops durch Sylt. Franz jagt im komplett verwahrlosten Taxi quer durch Bayern.</span></p>
</div>
<p class="c-teaserbox__keywords">
<svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
</svg><span>Lehre und Didaktik, OTH Regensburg</span>
</p>
</div>
<div>
<div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
</div>
</div>
</div>
</div></a>
</div>
<div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
<div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
<div class="c-teaserbox__image-wrap">
<picture class="c-teaserbox__image">
<source srcset="https://picsum.photos/id/1072/640/320" media="(min-width:640px)"/>
<source srcset="https://picsum.photos/id/1072/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1072/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
</picture>
</div>
<div class="c-teaserbox__content-wrap">
<div class="c-teaserbox__text-wrap">
<h3 class="c-teaserbox__title">Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich</h3>
<div class="c-teaserbox__text">
<p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>Zwölf Boxkämpfer jagen Viktor quer über den großen Sylter Deich. Vogel Quax zwickt Johnys Pferd Bim.</span></p>
</div>
<p class="c-teaserbox__keywords">
<svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
</svg><span>Lehre und Didaktik, OTH Regensburg</span>
</p>
</div>
<div>
<div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
</div>
</div>
</div>
</div></a>
</div>
<div class="c-teaserbox-slider__slide"><a class="c-teaserbox__link" href="#">
<div class="c-teaserbox c-teaserbox--news o-grid o-grid-1-1 o-grid--nogutter">
<div class="c-teaserbox__image-wrap">
<picture class="c-teaserbox__image">
<source srcset="https://picsum.photos/id/1073/640/320" media="(min-width:640px)"/>
<source srcset="https://picsum.photos/id/1073/320/160" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1073/640/320" alt="Lorem ipsum dolor sit amet." width="640" height="320"/>
</picture>
</div>
<div class="c-teaserbox__content-wrap">
<div class="c-teaserbox__text-wrap">
<h3 class="c-teaserbox__title">News Headline Donec pede justo</h3>
<div class="c-teaserbox__text">
<p class="u-line-clamp-3"><strong class="u-text-gull-gray u-mr-tiny">12.03.2022</strong><span>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.</span></p>
</div>
<p class="c-teaserbox__keywords">
<svg class="u-mr-tiny" viewBox="0 0 36 36" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-tag"></use>
</svg><span>Lehre und Didaktik, OTH Regensburg</span>
</p>
</div>
<div>
<div class="c-teaserbox__button btn btn--readmore"><span class="btn__text">weiterlesen</span>
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
</div>
</div>
</div>
</div></a>
</div>
</div>
</div>
</div>
Source:
assets/sass/06-components/teaserbox/_components.teaserbox-slider.scss, line 23
Markup: templates/output/06-components/banner/banner.html
<!--START BANNER IMAGE
--><a class="c-banner c-banner__container o-grid o-grid-1-1@tablet [modifier class]" href="#" title="Details anzeigen">
<div class="c-banner__image-wrap o-outbreak-fullwidth--mobile-only">
<picture class="picture__mobile">
<source srcset="https://picsum.photos/id/1002/640/640" media="(min-width:320px)"/>
<source srcset="https://picsum.photos/id/1002/320/320" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1002/640x640" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="640" height="640"/>
</picture>
<picture class="picture__desktop">
<source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:960px)"/>
<source srcset="https://picsum.photos/id/1002/960/480" media="(min-width:768px)"/><img class="image__default" src="https://picsum.photos/id/1002/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
</picture>
</div>
<div class="c-banner__text-wrap">
<h2 class="c-banner__headline">Unser Ziel: 100% Präsenzvorlesungen</h2>
<p class="c-banner__text">Alle Informationen zum Start des Wintersemesters 22/23</p><span class="btn btn--secondary">Wie läuft das?</span>
</div></a>
<!--END BANNER IMAGE
-->
Source:
assets/sass/06-components/_components.banner.scss, line 9
Markup: templates/output/06-components/banner/banner-image-textbox.html
<!-- START BANNER IMAGE TEXTBOX--><a class="c-banner-imagetextbox [modifier class]" href="#">
<!-- START BANNER IMAGE-->
<div class="c-banner-imagetextbox__image-wrap">
<picture class="picture__mobile">
<source srcset="https://picsum.photos/id/1002/640/640" media="(min-width:320px)"/>
<source srcset="https://picsum.photos/id/1002/320/320" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1002/640x640" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="640" height="640"/>
</picture>
<picture class="picture__desktop">
<source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:960px)"/>
<source srcset="https://picsum.photos/id/1002/960/480" media="(min-width:768px)"/><img class="image__default" src="https://picsum.photos/id/1002/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
</picture>
</div>
<!-- END BANNER IMAGE-->
<!-- START BANNER TEXT BLOCK-->
<div class="c-banner-imagetextbox__container o-container o-flex-line">
<div class="c-banner-imagetextbox__text-wrap">
<h2 class="c-banner-imagetextbox__headline">Die OTH auf einen Blick</h2>
<div class="c-banner-imagetextbox__text">
<p>Kurzprofil Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
</div><span class="btn btn--secondary"><span class="btn__text">Button Text</span></span>
</div>
</div>
<!-- END BANNER TEXT BLOCK--></a>
<!-- END BANNER IMAGE TEXTBOX-->
Source:
assets/sass/06-components/_components.banner.scss, line 153
»Der perfekte Hochschul-Ort? Das ist für mich in jedem Fall Regensburg: Diese Stadt erobert vom ersten Moment an die Herzen jeden Alters. Man hat sowohl die Hochschul-relevanten Orte als auch jede Menge Spaß immer in Radweichweite. Und die Studierenden gestalten die Stadtgesellschaft außergewöhnlich lebendig, davon profitiert man auch als Professorin. «
Markup: templates/output/06-components/quote/quote.html
<div class="c-quote o-grid o-grid-1-1@desktop">
<!-- START QUOTE IMAGE-->
<div class="c-quote__image-wrap">
<picture class="picture__mobile">
<source srcset="https://picsum.photos/id/1002/640/640" media="(min-width:320px)"/>
<source srcset="https://picsum.photos/id/1002/320/320" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1002/640x640" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="640" height="640"/>
</picture>
<picture class="picture__desktop">
<source srcset="https://picsum.photos/id/1002/1200/600" media="(min-width:960px)"/>
<source srcset="https://picsum.photos/id/1002/960/480" media="(min-width:768px)"/><img class="image__default" src="https://picsum.photos/id/1002/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
</picture>
</div>
<!-- END QUOTE IMAGE-->
<!-- START QUOTE TEXT BLOCK-->
<div class="c-quote__text-container o-container o-flex-line">
<div class="c-quote__shadow">
<div class="c-quote__text-wrap">
<p class="c-quote__text">»Der perfekte Hochschul-Ort? Das ist für mich in jedem Fall Regensburg: Diese Stadt erobert vom ersten Moment an die Herzen jeden Alters. Man hat sowohl die Hochschul-relevanten Orte als auch jede Menge Spaß immer in Radweichweite. Und die Studierenden gestalten die Stadtgesellschaft außergewöhnlich lebendig, davon profitiert man auch als Professorin. «</p>
<p class="c-quote__author">Prof. Dr. Sandra Hamella<br/>Vize-Präsidentin a.D.</p>
</div>
</div>
</div>
<!-- END QUOTE TEXT BLOCK-->
</div>
Source:
assets/sass/06-components/quote/_components.quote.scss, line 7
Accusamus, accusantium, aperiam asperiores consequuntur doloremque earum eveniet facilis fugiat ipsa ipsam, modi velit!
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen.
Cumque ducimus fugiat in, optio sunt velit voluptates.
Markup: templates/output/06-components/quote-slider/quote-slider.html
<div class="c-quote-slider">
<div class="c-quote-slider__slides-container">
<div class="c-slider-controls o-flex-line">
<button class="btn btn--arrow btn--arrow-left c-slider-controls__button c-slider-controls__button--prev" title="Previous slide">
<svg viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-left"></use>
</svg>
</button>
<button class="btn btn--arrow btn--arrow-right c-slider-controls__button c-slider-controls__button--next" title="Next slide">
<svg viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-right"></use>
</svg>
</button>
</div>
<div class="c-quote-slider__slides">
<div class="c-quote-slider__slide">
<div class="c-quote o-grid o-grid-1-1@desktop">
<!-- START QUOTE IMAGE-->
<div class="c-quote__image-wrap">
<link rel="preload" as="image" href="https://picsum.photos/1200/600"/>
<picture class="picture__mobile">
<source srcset="https://unsplash.com/photos/OQMZwNd3ThU/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjE5MjU0&force=true&w=1920/640/640" media="(min-width:320px)"/>
<source srcset="https://unsplash.com/photos/OQMZwNd3ThU/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjE5MjU0&force=true&w=1920/320/320" media="(min-width:0)"/><img class="image__default" src="https://unsplash.com/photos/OQMZwNd3ThU/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjE5MjU0&force=true&w=1920/640x640" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="640" height="640"/>
</picture>
<picture class="picture__desktop">
<source srcset="https://unsplash.com/photos/OQMZwNd3ThU/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjE5MjU0&force=true&w=1920/1200/600" media="(min-width:960px)"/>
<source srcset="https://unsplash.com/photos/OQMZwNd3ThU/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjE5MjU0&force=true&w=1920/960/480" media="(min-width:768px)"/><img class="image__default" src="https://unsplash.com/photos/OQMZwNd3ThU/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjE5MjU0&force=true&w=1920/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
</picture>
</div>
<!-- END QUOTE IMAGE-->
<!-- START QUOTE TEXT BLOCK-->
<div class="c-quote__text-container o-container o-flex-line">
<div class="c-quote__shadow">
<div class="c-quote__text-wrap">
<p class="c-quote__text">Accusamus, accusantium, aperiam asperiores consequuntur doloremque earum eveniet facilis fugiat ipsa ipsam, modi velit!</p>
<p class="c-quote__author">Max Mustermann<br/>Einkauf</p>
</div>
</div>
</div>
<!-- END QUOTE TEXT BLOCK-->
</div>
</div>
<div class="c-quote-slider__slide">
<div class="c-quote o-grid o-grid-1-1@desktop">
<!-- START QUOTE IMAGE-->
<div class="c-quote__image-wrap">
<picture class="picture__mobile">
<source srcset="https://unsplash.com/photos/14CswSK3rL8/download?force=true&w=1920/640/640" media="(min-width:320px)"/>
<source srcset="https://unsplash.com/photos/14CswSK3rL8/download?force=true&w=1920/320/320" media="(min-width:0)"/><img class="image__default" src="https://unsplash.com/photos/14CswSK3rL8/download?force=true&w=1920/640x640" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="640" height="640"/>
</picture>
<picture class="picture__desktop">
<source srcset="https://unsplash.com/photos/14CswSK3rL8/download?force=true&w=1920/1200/600" media="(min-width:960px)"/>
<source srcset="https://unsplash.com/photos/14CswSK3rL8/download?force=true&w=1920/960/480" media="(min-width:768px)"/><img class="image__default" src="https://unsplash.com/photos/14CswSK3rL8/download?force=true&w=1920/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
</picture>
</div>
<!-- END QUOTE IMAGE-->
<!-- START QUOTE TEXT BLOCK-->
<div class="c-quote__text-container o-container o-flex-line">
<div class="c-quote__shadow">
<div class="c-quote__text-wrap">
<p class="c-quote__text">Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen.</p>
<p class="c-quote__author">Maxine Mustermann<br/>Entwicklung</p>
</div>
</div>
</div>
<!-- END QUOTE TEXT BLOCK-->
</div>
</div>
<div class="c-quote-slider__slide">
<div class="c-quote o-grid o-grid-1-1@desktop">
<!-- START QUOTE IMAGE-->
<div class="c-quote__image-wrap">
<picture class="picture__mobile">
<source srcset="https://unsplash.com/photos/84nJeywULhQ/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjIxNTIx&force=true&w=1920/640/640" media="(min-width:320px)"/>
<source srcset="https://unsplash.com/photos/84nJeywULhQ/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjIxNTIx&force=true&w=1920/320/320" media="(min-width:0)"/><img class="image__default" src="https://unsplash.com/photos/84nJeywULhQ/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjIxNTIx&force=true&w=1920/640x640" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="640" height="640"/>
</picture>
<picture class="picture__desktop">
<source srcset="https://unsplash.com/photos/84nJeywULhQ/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjIxNTIx&force=true&w=1920/1200/600" media="(min-width:960px)"/>
<source srcset="https://unsplash.com/photos/84nJeywULhQ/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjIxNTIx&force=true&w=1920/960/480" media="(min-width:768px)"/><img class="image__default" src="https://unsplash.com/photos/84nJeywULhQ/download?ixid=MnwxMjA3fDB8MXxhbGx8fHx8fHx8fHwxNjU1MjIxNTIx&force=true&w=1920/1200/600" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="1200" height="600"/>
</picture>
</div>
<!-- END QUOTE IMAGE-->
<!-- START QUOTE TEXT BLOCK-->
<div class="c-quote__text-container o-container o-flex-line">
<div class="c-quote__shadow">
<div class="c-quote__text-wrap">
<p class="c-quote__text">Cumque ducimus fugiat in, optio sunt velit voluptates.</p>
<p class="c-quote__author">Maxine Mustermann-Musterfrau<br/>Geschäftsführung</p>
</div>
</div>
</div>
<!-- END QUOTE TEXT BLOCK-->
</div>
</div>
</div>
</div>
</div>
Source:
assets/sass/06-components/quote/_components.quote-slider.scss, line 1
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte.
Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange, dann setzte es seinen Weg fort. Unterwegs traf es eine Copy. Die Copy warnte das Blindtextchen, da, wo sie herkäme wäre sie
Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange, dann setzte es seinen Weg fort. Unterwegs traf es eine Copy. Die Copy warnte das Blindtextchen, da, wo sie herkäme wäre sie
Markup: templates/output/06-components/lightbox.html
<h1>Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte.</h1>
<p>Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange, dann setzte es seinen Weg fort. Unterwegs traf es eine Copy. Die Copy warnte das Blindtextchen, da, wo sie herkäme wäre sie</p><a class="c-lightbox" id="lightbox-0" href="https://picsum.photos/id/1018/1200/800" title="Bild vergrößern" data-group="default-gallery"><img src="https://picsum.photos/id/1018/450/300" width="450" height="300" title="© Picsum - Ein kleines Bächlein namens Duden fließt durch ihren Ort" loading="lazy"/></a><a class="c-lightbox" id="lightbox-1" href="https://picsum.photos/id/1006/1200/800" title="Bild vergrößern" data-group="default-gallery"><img src="https://picsum.photos/id/1006/450/300" width="450" height="300" title="© Picsum - Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans" loading="lazy"/></a><a class="c-lightbox" id="lightbox-2" href="https://unsplash.com/photos/hoAFrPJlbT0/download?ixid=MnwxMjA3fDB8MXx0b3BpY3x8NnNNVmpUTFNrZVF8fHx8fDJ8fDE2NTgyMzQzNTU&force=true&w=1920/1200/800" title="Bild vergrößern" data-group="default-gallery"><img src="https://unsplash.com/photos/hoAFrPJlbT0/download?ixid=MnwxMjA3fDB8MXx0b3BpY3x8NnNNVmpUTFNrZVF8fHx8fDJ8fDE2NTgyMzQzNTU&force=true&w=1920/450/300" width="450" height="300" title="© Picsum - Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion" loading="lazy"/></a><a class="c-lightbox" id="lightbox-3" href="https://unsplash.com/photos/EkCrlbTfZG4/download?ixid=MnwxMjA3fDB8MXx0b3BpY3x8NnNNVmpUTFNrZVF8fHx8fDJ8fDE2NTgyMzQ0MTU&force=true&w=1920/1200/800" title="Bild vergrößern" data-group="default-gallery"><img src="https://unsplash.com/photos/EkCrlbTfZG4/download?ixid=MnwxMjA3fDB8MXx0b3BpY3x8NnNNVmpUTFNrZVF8fHx8fDJ8fDE2NTgyMzQ0MTU&force=true&w=1920/450/300" width="450" height="300" title="© Picsum - Ein kleines Bächlein namens Duden fließt durch ihren Ort" loading="lazy"/></a>
<p>Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. Nicht einmal von der allmächtigen Interpunktion werden die Blindtexte beherrscht – ein geradezu unorthographisches Leben. Eines Tages aber beschloß eine kleine Zeile Blindtext, ihr Name war Lorem Ipsum, hinaus zu gehen in die weite Grammatik. Der große Oxmox riet ihr davon ab, da es dort wimmele von bösen Kommata, wilden Fragezeichen und hinterhältigen Semikoli, doch das Blindtextchen ließ sich nicht beirren. Es packte seine sieben Versalien, schob sich sein Initial in den Gürtel und machte sich auf den Weg. Als es die ersten Hügel des Kursivgebirges erklommen hatte, warf es einen letzten Blick zurück auf die Skyline seiner Heimatstadt Buchstabhausen, die Headline von Alphabetdorf und die Subline seiner eigenen Straße, der Zeilengasse. Wehmütig lief ihm eine rhetorische Frage über die Wange, dann setzte es seinen Weg fort. Unterwegs traf es eine Copy. Die Copy warnte das Blindtextchen, da, wo sie herkäme wäre sie</p>
Source:
assets/sass/06-components/_components.lightbox.scss, line 1
11.000
Studierende aus XX Ländern
240
Professor:innen und über 706 Mitarbeiter:innen
57
Studiengänge: 28 Bachelor-, 20 Master-, vier berufsbegleitende Bachelor- und fünf weiterbildende Masterstudiengänge
8
Fakultäten
2
Campus
XX
Labore Lorem ipsum dolor sit amet, consectetuer adipiscing elit commodo ligula eget dolor.
Markup: templates/output/06-components/factbox-content-specials/factbox-startpage.html
<!-- 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-->
Source:
assets/sass/06-components/_components.factbox-content-specials.scss, line 7
240
Professor:innen und über 706 Mitarbeiter:innen
57
Studiengänge: 28 Bachelor-, 20 Master-, vier berufsbegleitende Bachelor- und fünf weiterbildende Masterstudiengänge
11.000
Studierende aus XX Ländern
XX
Labore Lorem ipsum dolor sit amet, consectetuer adipiscing elit commodo ligula eget dolor.
Markup: templates/output/06-components/factbox-content-specials/factbox-subpage.html
<!-- START FACTBOX CONTENT SPECIALS-->
<div class="c-factbox-content-specials">
<div class="c-factbox-content-specials__content o-grid o-grid-1-1@tablet o-grid-1-1-1-1@desktop">
<div class="c-factbox-content-specials__column c-factbox-content-specials__column--1"><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--2"><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--3"><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--4"><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>
Source:
assets/sass/06-components/_components.factbox-content-specials.scss, line 15
Markup: templates/output/06-components/accordion.html
<!-- START ACCORDION-ITEM-->
<ul class="c-accordion o-list-bare" data-role="accordionlist">
<!-- START ACCORDION-ITEM-->
<li class="c-accordion__item">
<h3 class="c-accordion__title">
<button class="c-accordion__trigger" id="accordion-1" aria-controls="section-accordion-1" aria-expanded="false" type="button"><span class="c-accordion__trigger-title">Lorem ipsum dolor sit amet - 1<span class="c-accordion__trigger-introtext">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</span></span>
<svg class="c-accordion__icon c-accordion__icon--plus" viewBox="0 0 38 38">
<path fill="none" d="M19 1v18m0 0v18m0-18h18m-18 0H1" stroke="currentColor" stroke-width="2"></path>
</svg>
<svg class="c-accordion__icon c-accordion__icon--minus" viewBox="0 0 20 20">
<path fill="none" d="M19 19h18m-18 0H1" stroke="currentColor" stroke-width="2"></path>
</svg>
</button>
</h3>
<div class="c-accordion__content" id="section-accordion-1" aria-labelledby="accordion-1" aria-label="Content for Lorem ipsum dolor sit amet - 1" role="region">
<div class="c-accordion__innercontent">
<p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p>
<p>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es. Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p>
<ul>
<li>This is a list item in an unordered list</li>
<li>An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.</li>
<li>Lists can be nested inside of each other
<ul>
<li>This is a nested list item</li>
<li>This is another nested list item in an unordered list</li>
</ul>
</li>
<li>This is the last list item</li>
</ul><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo</a>
</div>
</div>
</li>
<!-- END ACCORDION-ITEM-->
<!-- START ACCORDION-ITEM-->
<li class="c-accordion__item">
<h3 class="c-accordion__title">
<button class="c-accordion__trigger" id="accordion-2" aria-controls="section-accordion-2" aria-expanded="false" type="button"><span class="c-accordion__trigger-title">Lorem ipsum dolor sit amet - 2<span class="c-accordion__trigger-introtext">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</span></span>
<svg class="c-accordion__icon c-accordion__icon--plus" viewBox="0 0 38 38">
<path fill="none" d="M19 1v18m0 0v18m0-18h18m-18 0H1" stroke="currentColor" stroke-width="2"></path>
</svg>
<svg class="c-accordion__icon c-accordion__icon--minus" viewBox="0 0 20 20">
<path fill="none" d="M19 19h18m-18 0H1" stroke="currentColor" stroke-width="2"></path>
</svg>
</button>
</h3>
<div class="c-accordion__content" id="section-accordion-2" aria-labelledby="accordion-2" aria-label="Content for Lorem ipsum dolor sit amet - 2" role="region">
<div class="c-accordion__innercontent">
<p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p>
<p>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es. Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p>
<ul>
<li>This is a list item in an unordered list</li>
<li>An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.</li>
<li>Lists can be nested inside of each other
<ul>
<li>This is a nested list item</li>
<li>This is another nested list item in an unordered list</li>
</ul>
</li>
<li>This is the last list item</li>
</ul><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo</a>
</div>
</div>
</li>
<!-- END ACCORDION-ITEM-->
<!-- START ACCORDION-ITEM-->
<li class="c-accordion__item">
<h3 class="c-accordion__title">
<button class="c-accordion__trigger" id="accordion-3" aria-controls="section-accordion-3" aria-expanded="false" type="button"><span class="c-accordion__trigger-title">Lorem ipsum dolor sit amet - 3<span class="c-accordion__trigger-introtext">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</span></span>
<svg class="c-accordion__icon c-accordion__icon--plus" viewBox="0 0 38 38">
<path fill="none" d="M19 1v18m0 0v18m0-18h18m-18 0H1" stroke="currentColor" stroke-width="2"></path>
</svg>
<svg class="c-accordion__icon c-accordion__icon--minus" viewBox="0 0 20 20">
<path fill="none" d="M19 19h18m-18 0H1" stroke="currentColor" stroke-width="2"></path>
</svg>
</button>
</h3>
<div class="c-accordion__content" id="section-accordion-3" aria-labelledby="accordion-3" aria-label="Content for Lorem ipsum dolor sit amet - 3" role="region">
<div class="c-accordion__innercontent">
<p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p>
<p>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es. Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p>
<ul>
<li>This is a list item in an unordered list</li>
<li>An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.</li>
<li>Lists can be nested inside of each other
<ul>
<li>This is a nested list item</li>
<li>This is another nested list item in an unordered list</li>
</ul>
</li>
<li>This is the last list item</li>
</ul><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo</a>
</div>
</div>
</li>
<!-- END ACCORDION-ITEM-->
<!-- START ACCORDION-ITEM-->
<li class="c-accordion__item">
<h3 class="c-accordion__title">
<button class="c-accordion__trigger" id="accordion-4" aria-controls="section-accordion-4" aria-expanded="false" type="button"><span class="c-accordion__trigger-title">Lorem ipsum dolor sit amet - 4<span class="c-accordion__trigger-introtext">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</span></span>
<svg class="c-accordion__icon c-accordion__icon--plus" viewBox="0 0 38 38">
<path fill="none" d="M19 1v18m0 0v18m0-18h18m-18 0H1" stroke="currentColor" stroke-width="2"></path>
</svg>
<svg class="c-accordion__icon c-accordion__icon--minus" viewBox="0 0 20 20">
<path fill="none" d="M19 19h18m-18 0H1" stroke="currentColor" stroke-width="2"></path>
</svg>
</button>
</h3>
<div class="c-accordion__content" id="section-accordion-4" aria-labelledby="accordion-4" aria-label="Content for Lorem ipsum dolor sit amet - 4" role="region">
<div class="c-accordion__innercontent">
<p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p>
<p>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es. Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p>
<ul>
<li>This is a list item in an unordered list</li>
<li>An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.</li>
<li>Lists can be nested inside of each other
<ul>
<li>This is a nested list item</li>
<li>This is another nested list item in an unordered list</li>
</ul>
</li>
<li>This is the last list item</li>
</ul><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo</a>
</div>
</div>
</li>
<!-- END ACCORDION-ITEM-->
<!-- START ACCORDION-ITEM-->
<li class="c-accordion__item">
<h3 class="c-accordion__title">
<button class="c-accordion__trigger" id="accordion-5" aria-controls="section-accordion-5" aria-expanded="false" type="button"><span class="c-accordion__trigger-title">Lorem ipsum dolor sit amet - 5<span class="c-accordion__trigger-introtext">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</span></span>
<svg class="c-accordion__icon c-accordion__icon--plus" viewBox="0 0 38 38">
<path fill="none" d="M19 1v18m0 0v18m0-18h18m-18 0H1" stroke="currentColor" stroke-width="2"></path>
</svg>
<svg class="c-accordion__icon c-accordion__icon--minus" viewBox="0 0 20 20">
<path fill="none" d="M19 19h18m-18 0H1" stroke="currentColor" stroke-width="2"></path>
</svg>
</button>
</h3>
<div class="c-accordion__content" id="section-accordion-5" aria-labelledby="accordion-5" aria-label="Content for Lorem ipsum dolor sit amet - 5" role="region">
<div class="c-accordion__innercontent">
<p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p>
<p>Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es. Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p>
<ul>
<li>This is a list item in an unordered list</li>
<li>An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.</li>
<li>Lists can be nested inside of each other
<ul>
<li>This is a nested list item</li>
<li>This is another nested list item in an unordered list</li>
</ul>
</li>
<li>This is the last list item</li>
</ul><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo</a>
</div>
</div>
</li>
<!-- END ACCORDION-ITEM-->
</ul>
<!-- END ACCORDION-ITEM-->
Source:
assets/sass/06-components/_components.accordion.scss, line 1
Markup: templates/output/06-components/gallery.html
<div class="c-gallery o-grid o-grid-1-1 o-grid-1-1-1@tablet o-grid-1-1-1-1@desktop o-grid-1-1-1-1-1@desktop-wide"><a class="c-lightbox" id="lightbox-1" href="https://picsum.photos/id/1003/1200/800" title="Bild vergrößern" data-group="gallery">
<picture>
<source srcset="https://picsum.photos/id/1003/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1003/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/1003/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1003/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a class="c-lightbox" id="lightbox-2" href="https://picsum.photos/id/1004/1200/800" title="Bild vergrößern" data-group="gallery">
<picture>
<source srcset="https://picsum.photos/id/1004/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1004/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/1004/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1004/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a class="c-lightbox" id="lightbox-3" href="https://picsum.photos/id/1005/1200/800" title="Bild vergrößern" data-group="gallery">
<picture>
<source srcset="https://picsum.photos/id/1005/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1005/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/1005/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1005/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a class="c-lightbox" id="lightbox-4" href="https://picsum.photos/id/1006/1200/800" title="Bild vergrößern" data-group="gallery">
<picture>
<source srcset="https://picsum.photos/id/1006/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1006/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/1006/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1006/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a class="c-lightbox" id="lightbox-5" href="https://picsum.photos/id/1011/1200/800" title="Bild vergrößern" data-group="gallery">
<picture>
<source srcset="https://picsum.photos/id/1011/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1011/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/1011/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1011/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a class="c-lightbox" id="lightbox-6" href="https://picsum.photos/id/1012/1200/800" title="Bild vergrößern" data-group="gallery">
<picture>
<source srcset="https://picsum.photos/id/1012/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1012/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/1012/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1012/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a class="c-lightbox" id="lightbox-7" href="https://picsum.photos/id/1015/1200/800" title="Bild vergrößern" data-group="gallery">
<picture>
<source srcset="https://picsum.photos/id/1015/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1015/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/1015/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1015/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a class="c-lightbox" id="lightbox-8" href="https://picsum.photos/id/1018/1200/800" title="Bild vergrößern" data-group="gallery">
<picture>
<source srcset="https://picsum.photos/id/1018/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1018/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/1018/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1018/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a>
</div>
Source:
assets/sass/06-components/_components.gallery.scss, line 1
Markup: templates/output/06-components/search/search-auto-suggest.html
<!-- START SEARCH AUTO SUGGEST-->
<div class="c-search-auto-suggest">
<!-- START SKELETON LOADER-->
<div class="c-search-auto-suggest__input u-floating-label u-floating-label--search">
<label class="u-visually-hidden" for="auto-suggest-preview">Suchbegriff eingeben und Autovervollständigung erhalten</label>
<input class="forminput" id="auto-suggest-preview" type="search" placeholder="Suche" aria-haspopup="true"/>
</div>
<!-- END SKELETON LOADER-->
</div>
<!-- END SEARCH AUTO SUGGEST-->
Source:
assets/sass/06-components/search/_components.search-auto-suggest.scss, line 1
Markup: templates/output/06-components/search/search-result-list.html
<!-- START SEARCH RESULT LIST-->
<ul class="c-search-result-list o-list-bare">
<!-- START SEARCH RESULT LIST ITEM-->
<li class="c-search-result-list__item"><a class="c-search-result-list__link" href="#"><strong class="c-search-result-list__title">Studienförderung</strong>
<p class="c-search-result-list__description">Der <span class="u-underline">Bewerbungszeitr</span>aum ist Juli bis August. Das Formular dazu finden Sie hier [...] Der <span class="u-underline">Bewerbungszeitr</span>aum ist Juli bis August.</p></a></li>
<!-- END SEARCH RESULT LIST ITEM-->
<!-- START SEARCH RESULT LIST ITEM-->
<li class="c-search-result-list__item"><a class="c-search-result-list__link" href="#"><strong class="c-search-result-list__title">Schwarzes Brett</strong>
<p class="c-search-result-list__description">3/28/2022 - Mentoring "Professional Steps" - Jetzt bewerben <span class="u-underline">Bewerbungszeitr</span>aum: 22. März – 15. April 2022!</p></a></li>
<!-- END SEARCH RESULT LIST ITEM-->
<!-- START SEARCH RESULT LIST ITEM-->
<li class="c-search-result-list__item"><a class="c-search-result-list__link" href="#"><strong class="c-search-result-list__title">Bewerbungsfrist der Hochschule Regensburg läuft bis 15. Juni</strong>
<p class="c-search-result-list__description">3/28/2022 - Mentoring "Professional Steps" - Jetzt bewerben <span class="u-underline">Bewerbungszeitr</span>aum: 22. März – 15. April 2022!</p></a></li>
<!-- END SEARCH RESULT LIST ITEM-->
<!-- START SEARCH RESULT LIST ITEM-->
<li class="c-search-result-list__item"><a class="c-search-result-list__link" href="#"><strong class="c-search-result-list__title">Studienförderung</strong>
<p class="c-search-result-list__description">Der <span class="u-underline">Bewerbungszeitr</span>aum ist Juli bis August. Das Formular dazu finden Sie hier [...] Der <span class="u-underline">Bewerbungszeitr</span>aum ist Juli bis August.</p></a></li>
<!-- END SEARCH RESULT LIST ITEM-->
<!-- START SEARCH RESULT LIST ITEM-->
<li class="c-search-result-list__item"><a class="c-search-result-list__link" href="#"><strong class="c-search-result-list__title">Schwarzes Brett</strong>
<p class="c-search-result-list__description">3/28/2022 - Mentoring "Professional Steps" - Jetzt bewerben <span class="u-underline">Bewerbungszeitr</span>aum: 22. März – 15. April 2022!</p></a></li>
<!-- END SEARCH RESULT LIST ITEM-->
<!-- START SEARCH RESULT LIST ITEM-->
<li class="c-search-result-list__item"><a class="c-search-result-list__link" href="#"><strong class="c-search-result-list__title">Bewerbungsfrist der Hochschule Regensburg läuft bis 15. Juni</strong>
<p class="c-search-result-list__description">3/28/2022 - Mentoring "Professional Steps" - Jetzt bewerben <span class="u-underline">Bewerbungszeitr</span>aum: 22. März – 15. April 2022!</p></a></li>
<!-- END SEARCH RESULT LIST ITEM-->
<!-- START SEARCH RESULT LIST ITEM-->
<li class="c-search-result-list__item"><a class="c-search-result-list__link" href="#"><strong class="c-search-result-list__title">Studienförderung</strong>
<p class="c-search-result-list__description">Der <span class="u-underline">Bewerbungszeitr</span>aum ist Juli bis August. Das Formular dazu finden Sie hier [...] Der <span class="u-underline">Bewerbungszeitr</span>aum ist Juli bis August.</p></a></li>
<!-- END SEARCH RESULT LIST ITEM-->
<!-- START SEARCH RESULT LIST ITEM-->
<li class="c-search-result-list__item"><a class="c-search-result-list__link" href="#"><strong class="c-search-result-list__title">Schwarzes Brett</strong>
<p class="c-search-result-list__description">3/28/2022 - Mentoring "Professional Steps" - Jetzt bewerben <span class="u-underline">Bewerbungszeitr</span>aum: 22. März – 15. April 2022!</p></a></li>
<!-- END SEARCH RESULT LIST ITEM-->
</ul>
<!-- END SEARCH RESULT LIST-->
Source:
assets/sass/06-components/search/_components.search-result-list.scss, line 1
Filter
alle Filter löschen
Markup: templates/output/06-components/search/search-filter.html
<div class="c-search-filter">
<div class="c-search-filter__heading-wrapper">
<h2 class="c-search-filter__heading">Filter</h2><a class="c-search-filter__heading-link o-flex-line o-flex-line--items-center" href="#">
<svg class="c-search-filter-icon" viewBox="0 0 36 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-no-filter"></use>
</svg><span>alle Filter löschen</span></a>
</div>
<ul class="c-search-filter__sections o-list-bare">
<li class="c-search-filter__section">
<div class="c-search-filter__section-heading-wrapper o-flex-line o-flex-line--items-center o-flex-line--between">
<h3 class="c-search-filter__section-heading">Bereiche durchsuchen</h3><a class="o-flex-line o-flex-line--items-center" href="#" title="Bereichsfilter deaktivieren">
<svg class="c-search-filter-icon" viewBox="0 0 36 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-no-filter"></use>
</svg></a>
</div>
<ul class="c-search-filter__section-content o-list-bare">
<li>
<input type="checkbox" id="solr-facet-1" name="filter-faculty" data-activate-facet="#activated" data-reset-all-facets="#deactivated"/>
<label for="solr-facet-1"><span>Fakultäten und Einrichtungen</span></label>
</li>
<li>
<input type="checkbox" id="solr-facet-2" name="filter-person" checked="checked" data-activate-facet="#activated" data-reset-all-facets="#deactivated"/>
<label for="solr-facet-2"><span>Personen</span></label>
</li>
<li>
<input type="checkbox" id="solr-facet-3" name="filter-news" data-activate-facet="#activated" data-reset-all-facets="#deactivated"/>
<label for="solr-facet-3"><span>News</span></label>
</li>
<li>
<input type="checkbox" id="solr-facet-4" name="filter-event" data-activate-facet="#activated" data-reset-all-facets="#deactivated"/>
<label for="solr-facet-4"><span>Veranstaltungen</span></label>
</li>
<li>
<input type="checkbox" id="solr-facet-5" name="filter-study-program" data-activate-facet="#activated" data-reset-all-facets="#deactivated"/>
<label for="solr-facet-5"><span>Studiengänge</span></label>
</li>
</ul>
</li>
</ul>
</div>
Source:
assets/sass/06-components/search/_components.search-filter.scss, line 1
Markup: templates/output/06-components/breadcrumb.html
<!-- START BREADCRUMB-->
<ul class="c-breadcrumb o-list-bare">
<!-- START HIDDEN ACCESSIBILITY BREADCRUMB ITEM-->
<li class="c-breadcrumb__item u-visually-hidden">Sie befinden sich auf der Seite **Seitentitel einfügen**</li>
<!-- END HIDDEN ACCESSIBILITY BREADCRUMB ITEM-->
<!-- START BREADCRUMB ITEM-->
<li class="c-breadcrumb__item"><a class="c-breadcrumb__link" href="#" title="Zur Startseite navigieren">
<svg class="c-breadcrumb__icon-home" viewBox="0 0 24 24.704" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-home"></use>
</svg>
<svg class="c-breadcrumb__icon-chevron" viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-right"></use>
</svg></a>
</li>
<li class="c-breadcrumb__item"><a class="c-breadcrumb__link" href="#"><span class="c-breadcrumb__text">Studiengänge</span>
<svg class="c-breadcrumb__icon-chevron" viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-right"></use>
</svg></a>
</li>
<li class="c-breadcrumb__item"><span class="c-breadcrumb__text">Maschinenbau</span>
</li>
<!-- END BREADCRUMB ITEM-->
</ul>
<!-- END BREADCRUMB-->
Source:
assets/sass/06-components/_components.breadcrumb.scss, line 1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Markup: templates/output/06-components/modal.html
<button data-modal-trigger="#modal-test">Modal öffnen</button>
<div class="c-modal" id="modal-test">
<button class="c-modal__action-close" title="Modal schließen" data-modal-close="">
<svg class="c-search-filter-icon" viewBox="0 0 26 26" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
</svg>
</button>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
Source:
assets/sass/06-components/_components.modal.scss, line 1
Markup: templates/output/06-components/social-media-icons/facebook.html
<div class="c-socialmedia-icon"><svg viewBox="0 0 36 36">
<path class="shape" fill="none" d="M1 1h34v34H1z"/>
<path class="icon" fill="currentcolor" d="M22.787 8.397a10.947 10.947 0 0 0-2.975-.4c-3.059 0-4.391 1.416-4.391 4.278v1.926h-2.209v2.751h2.21V28h3.456V16.952h3.314l.2-2.748h-3.514v-1.728c0-1.048.2-1.643 1.558-1.643a10.141 10.141 0 0 1 1.983.227z"/>
</svg>
</div>
Source:
assets/sass/06-components/_components.socialmedia-icons.scss, line 7
Markup: templates/output/06-components/social-media-icons/instagram.html
<div class="c-socialmedia-icon"><svg viewBox="0 0 36 36">
<path class="shape" fill="none" d="M1 1h34v34H1z"/>
<path class="icon icon--instagram" fill="currentcolor" d="M 13.5,7 C 9.9162419,7 7,9.9162419 7,13.5 v 9 c 0,3.583758 2.9162419,6.5 6.5,6.5 h 9 c 3.583758,0 6.5,-2.916242 6.5,-6.5 v -9 C 29,9.9162419 26.083758,7 22.5,7 Z m 0,1 h 9 c 3.043242,0 5.5,2.456758 5.5,5.5 v 9 c 0,3.043242 -2.456758,5.5 -5.5,5.5 h -9 C 10.456758,28 8,25.543242 8,22.5 v -9 C 8,10.456758 10.456758,8 13.5,8 Z M 24,11 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 z m -6,1.5 c -3.031644,0 -5.5,2.468356 -5.5,5.5 0,3.031644 2.468356,5.5 5.5,5.5 3.031644,0 5.5,-2.468356 5.5,-5.5 0,-3.031644 -2.468356,-5.5 -5.5,-5.5 z m 0,1 c 2.491203,0 4.5,2.008797 4.5,4.5 0,2.491203 -2.008797,4.5 -4.5,4.5 -2.491203,0 -4.5,-2.008797 -4.5,-4.5 0,-2.491203 2.008797,-4.5 4.5,-4.5 z"/>
</svg>
</div>
Source:
assets/sass/06-components/_components.socialmedia-icons.scss, line 15
Markup: templates/output/06-components/social-media-icons/linkedin.html
<div class="c-socialmedia-icon"><svg viewBox="0 0 36 36">
<path class="shape" fill="none" d="M1 1h34v34H1z"/>
<path class="icon" fill="currentcolor" d="M14.018 28.419h-2.99v-9.627h2.99zm-1.497-10.94a1.74 1.74 0 1 1 1.732-1.748 1.746 1.746 0 0 1-1.732 1.748zm12.685 10.94h-2.983v-4.686c0-1.117-.023-2.549-1.554-2.549-1.554 0-1.792 1.213-1.792 2.469v4.766H15.89v-9.627h2.868v1.313h.042a3.141 3.141 0 0 1 2.829-1.555c3.026 0 3.582 1.992 3.582 4.58v5.289z"/>
</svg>
</div>
Source:
assets/sass/06-components/_components.socialmedia-icons.scss, line 23
Markup: templates/output/06-components/social-media-icons/twitter.html
<div class="c-socialmedia-icon"><svg viewBox="0 0 36 36">
<path class="shape" fill="none" d="M1 1h34v34H1z"/>
<path class="icon" fill="currentcolor" d="M26.965 12.742a7.5 7.5 0 0 1-2.119.581 3.718 3.718 0 0 0 1.622-2.042 7.622 7.622 0 0 1-2.345.888 3.689 3.689 0 0 0-6.383 2.519 3.776 3.776 0 0 0 .1.843 10.451 10.451 0 0 1-7.61-3.845 3.616 3.616 0 0 0-.5 1.856 3.69 3.69 0 0 0 1.641 3.072 3.678 3.678 0 0 1-1.671-.462v.046a3.692 3.692 0 0 0 2.959 3.62 3.724 3.724 0 0 1-1.659.064 3.7 3.7 0 0 0 3.453 2.563 7.4 7.4 0 0 1-4.576 1.578 7.832 7.832 0 0 1-.877-.05 10.5 10.5 0 0 0 5.668 1.658 10.423 10.423 0 0 0 10.498-10.49c0-.157 0-.315-.011-.472A7.452 7.452 0 0 0 27 12.757l-.035-.015z"/>
</svg>
</div>
Source:
assets/sass/06-components/_components.socialmedia-icons.scss, line 31
templates/output/06-components/social-media-icons/xing.html NOT FOUND!
Markup: templates/output/06-components/social-media-icons/xing.html
templates/output/06-components/social-media-icons/xing.html NOT FOUND!
Source:
assets/sass/06-components/_components.socialmedia-icons.scss, line 39
Markup: templates/output/06-components/social-media-icons/youtube.html
<div class="c-socialmedia-icon"><svg viewBox="0 0 36 36">
<path class="shape" fill="none" d="M1 1h34v34H1z"/>
<path class="icon icon--youtube" fill="currentcolor" d="M18 10s-6.254 0-7.814.418a2.503 2.503 0 0 0-1.768 1.768C8 13.746 8 18 8 18s0 4.254.418 5.814c.23.861.908 1.538 1.768 1.768C11.746 26 18 26 18 26s6.254 0 7.814-.418a2.505 2.505 0 0 0 1.768-1.768C28 22.254 28 18 28 18s0-4.254-.418-5.814a2.505 2.505 0 0 0-1.768-1.768C24.254 10 18 10 18 10Zm0 2c2.882 0 6.49.134 7.297.35a.508.508 0 0 1 .353.353c.241.898.35 3.639.35 5.297s-.109 4.398-.35 5.297a.508.508 0 0 1-.353.353c-.805.216-4.415.35-7.297.35-2.881 0-6.49-.134-7.297-.35a.508.508 0 0 1-.353-.353C10.109 22.399 10 19.658 10 18s.109-4.399.35-5.299a.505.505 0 0 1 .353-.351c.805-.216 4.415-.35 7.297-.35Zm-2 2.535v6.93L22 18Z"/>
</svg>
</div>
Source:
assets/sass/06-components/_components.socialmedia-icons.scss, line 47
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
Markup: templates/output/06-components/infobox.html
<!-- START INFOBOX-->
<div class="c-infobox">
<div class="c-infobox__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56"><g fill="none" fill-rule="evenodd"><g transform="translate(24.001 13.673)"><path stroke="#000" stroke-width="2" d="M9.089 26.781H.18"/><circle cx="4.635" cy="1.6" r="1.6"/><circle stroke="#000" stroke-width="2" cx="4.635" cy="1.6" r="1"/><path stroke="#000" stroke-width="2" d="M0 8.727h4.8V26.81"/></g><path d="M.599 28.001c0-15.1326021 12.2673979-27.4 27.4-27.4 14.9812761 0 27.1543655 12.0232766 27.3963292 26.9468909L55.399 28.001v15.183h-2V28.001c0-14.0280326-11.3719674-25.4-25.4-25.4-14.0280326 0-25.4 11.3719674-25.4 25.4 0 13.8877523 11.1456652 25.17229505 24.9799646 25.39659713L27.999 53.401h26.986v2H27.999c-15.1326021 0-27.4-12.2673979-27.4-27.4Z" fill="#000" fill-rule="nonzero"/></g></svg>
</div>
<div class="c-infobox__content">
<h3 class="c-infobox__heading">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h3>
<div class="c-infobox__description">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.</p>
</div>
</div>
</div>
<!-- END INFOBOX-->
Source:
assets/sass/06-components/_components.infobox.scss, line 1
Markup: templates/output/06-components/contactbox/contactbox-grid.html
<div class="o-grid o-grid-1-1-1@tablet">
<div class="c-contactbox">
<div class="c-contactbox__content">
<div class="c-contactbox__information">
<h3 class="c-contactbox__title">Vorname Nachname</h3>
<div class="c-contactbox__description">
<p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
</div>
<ul class="c-contactbox__list o-list-bare">
<li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
<svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
</svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9710</span></a>
</li>
<li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:studienberatung@oth-regensburg.de">
<svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
</svg><span class="c-contactbox__list-text">studienberatung@oth-regensburg.de</span></a>
</li>
</ul>
</div><span class="c-contactbox__cta">Alle Infos zur Person
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg></span>
</div><a class="c-contactbox__link" href="#container" title="Alle Informationen zu "Vorname Nachname""></a>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Hans-Peter",
"familyName": "Rabl",
"honorificPrefix": "Prof. Dr.-Ing.",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "http://photourl",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div>
<div class="c-contactbox">
<picture class="c-contactbox__image">
<!-- START RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
<source srcset="https://picsum.photos/id/1040/906/453" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1040/768/384" media="(min-width:0)"/><img src="https://picsum.photos/id/1040/906/453" width="906" height="453" alt="#" loading="lazy"/>
<!-- END RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
</picture>
<div class="c-contactbox__content">
<div class="c-contactbox__information">
<h3 class="c-contactbox__title">Prof. Dr.-Ing. Hans-Peter Rabl</h3>
<div class="c-contactbox__description">
<p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
</div>
<ul class="c-contactbox__list o-list-bare">
<li class="c-contactbox__list-item">
<svg class="c-contactbox__icon" viewBox="0 0 36 36">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-university"></use>
</svg><span class="c-contactbox__list-text">Fakultät Maschinenbau</span>
</li>
<li class="c-contactbox__list-item">
<svg class="c-contactbox__icon" viewBox="0 0 38.774 38">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
</svg><span class="c-contactbox__list-text">Galgenbergstraße 30, Raum D111</span>
</li>
<li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:studienberatung@oth-regensburg.de">
<svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
</svg><span class="c-contactbox__list-text">studienberatung@oth-regensburg.de</span></a>
</li>
<li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="www.vorname-nachname.de">
<svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-world"></use>
</svg><span class="c-contactbox__list-text">www.vorname-nachname.de</span></a>
</li>
<li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
<svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
</svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9710</span></a>
</li>
<li class="c-contactbox__list-item">
<svg class="c-contactbox__icon" viewBox="0 0 36 36">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-time"></use>
</svg><span class="c-contactbox__list-text">Mo bis Fr 08:30 - 12:00 Uhr<br>Di und Do 13:00 - 15:00 Uhr</span>
</li>
</ul>
</div><span class="c-contactbox__cta">Alle Infos zur Person
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg></span>
</div><a class="c-contactbox__link" href="#container" title="Alle Informationen zu "Prof. Dr.-Ing. Hans-Peter Rabl""></a>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Hans-Peter",
"familyName": "Rabl",
"honorificPrefix": "Prof. Dr.-Ing.",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "http://photourl",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div>
<div class="c-contactbox c-contactbox--square-image">
<picture class="c-contactbox__image">
<!-- START RENDER SQUARE CONTACT BOX IMAGE IN SIDEBAR WITH SMALLER IMAGE DIMENSION-->
<!-- START RENDER SQUARE CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
<source srcset="https://picsum.photos/id/1040/904/904" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1040/768/768" media="(min-width:0)"/><img src="https://picsum.photos/id/1040/904/904" width="904" height="904" alt="#" loading="lazy"/>
<!-- END RENDER SQUARE CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
</picture>
<div class="c-contactbox__content">
<div class="c-contactbox__information">
<h3 class="c-contactbox__title">Prof. Dr.-Ing. Hans-Peter Rabl</h3>
<div class="c-contactbox__description">
<p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
</div>
<ul class="c-contactbox__list o-list-bare">
<li class="c-contactbox__list-item">
<svg class="c-contactbox__icon" viewBox="0 0 36 36">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-university"></use>
</svg><span class="c-contactbox__list-text">Fakultät Maschinenbau</span>
</li>
<li class="c-contactbox__list-item">
<svg class="c-contactbox__icon" viewBox="0 0 38.774 38">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
</svg><span class="c-contactbox__list-text">Galgenbergstraße 30, Raum D111</span>
</li>
<li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:studienberatung@oth-regensburg.de">
<svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
</svg><span class="c-contactbox__list-text">studienberatung@oth-regensburg.de</span></a>
</li>
<li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="www.vorname-nachname.de">
<svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-world"></use>
</svg><span class="c-contactbox__list-text">www.vorname-nachname.de</span></a>
</li>
<li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
<svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
</svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9710</span></a>
</li>
<li class="c-contactbox__list-item">
<svg class="c-contactbox__icon" viewBox="0 0 36 36">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-time"></use>
</svg><span class="c-contactbox__list-text">Mo bis Fr 08:30 - 12:00 Uhr<br>Di und Do 13:00 - 15:00 Uhr</span>
</li>
</ul>
</div><span class="c-contactbox__cta">Alle Infos zur Person
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg></span>
</div><a class="c-contactbox__link" href="#container" title="Alle Informationen zu "Prof. Dr.-Ing. Hans-Peter Rabl""></a>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Hans-Peter",
"familyName": "Rabl",
"honorificPrefix": "Prof. Dr.-Ing.",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "http://photourl",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div>
</div>
Source:
assets/sass/06-components/_components.contactbox.scss, line 1
Markup: templates/output/06-components/contactbox/contactbox-regular.html
<div class="c-contactbox">
<div class="c-contactbox__content">
<div class="c-contactbox__information">
<h3 class="c-contactbox__title">Vorname Nachname</h3>
<div class="c-contactbox__description">
<p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
</div>
<ul class="c-contactbox__list o-list-bare">
<li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
<svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
</svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9710</span></a>
</li>
<li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:studienberatung@oth-regensburg.de">
<svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
</svg><span class="c-contactbox__list-text">studienberatung@oth-regensburg.de</span></a>
</li>
</ul>
</div><span class="c-contactbox__cta">Alle Infos zur Person
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg></span>
</div><a class="c-contactbox__link" href="#container" title="Alle Informationen zu "Vorname Nachname""></a>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Hans-Peter",
"familyName": "Rabl",
"honorificPrefix": "Prof. Dr.-Ing.",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "http://photourl",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div>
Source:
assets/sass/06-components/_components.contactbox.scss, line 11
Markup: templates/output/06-components/contactbox/contactbox-image-2-1.html
<div class="c-contactbox">
<picture class="c-contactbox__image">
<!-- START RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
<source srcset="https://picsum.photos/id/1040/906/453" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1040/768/384" media="(min-width:0)"/><img src="https://picsum.photos/id/1040/906/453" width="906" height="453" alt="#" loading="lazy"/>
<!-- END RENDER CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
</picture>
<div class="c-contactbox__content">
<div class="c-contactbox__information">
<h3 class="c-contactbox__title">Prof. Dr.-Ing. Hans-Peter Rabl</h3>
<div class="c-contactbox__description">
<p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
</div>
<ul class="c-contactbox__list o-list-bare">
<li class="c-contactbox__list-item">
<svg class="c-contactbox__icon" viewBox="0 0 36 36">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-university"></use>
</svg><span class="c-contactbox__list-text">Fakultät Maschinenbau</span>
</li>
<li class="c-contactbox__list-item">
<svg class="c-contactbox__icon" viewBox="0 0 38.774 38">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
</svg><span class="c-contactbox__list-text">Galgenbergstraße 30, Raum D111</span>
</li>
<li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:studienberatung@oth-regensburg.de">
<svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
</svg><span class="c-contactbox__list-text">studienberatung@oth-regensburg.de</span></a>
</li>
<li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="www.vorname-nachname.de">
<svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-world"></use>
</svg><span class="c-contactbox__list-text">www.vorname-nachname.de</span></a>
</li>
<li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
<svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
</svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9710</span></a>
</li>
<li class="c-contactbox__list-item">
<svg class="c-contactbox__icon" viewBox="0 0 36 36">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-time"></use>
</svg><span class="c-contactbox__list-text">Mo bis Fr 08:30 - 12:00 Uhr<br>Di und Do 13:00 - 15:00 Uhr</span>
</li>
</ul>
</div><span class="c-contactbox__cta">Alle Infos zur Person
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg></span>
</div><a class="c-contactbox__link" href="#container" title="Alle Informationen zu "Prof. Dr.-Ing. Hans-Peter Rabl""></a>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Hans-Peter",
"familyName": "Rabl",
"honorificPrefix": "Prof. Dr.-Ing.",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "http://photourl",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div>
Source:
assets/sass/06-components/_components.contactbox.scss, line 21
Markup: templates/output/06-components/contactbox/contactbox-image-1-1.html
<div class="c-contactbox c-contactbox--square-image">
<picture class="c-contactbox__image">
<!-- START RENDER SQUARE CONTACT BOX IMAGE IN SIDEBAR WITH SMALLER IMAGE DIMENSION-->
<!-- START RENDER SQUARE CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
<source srcset="https://picsum.photos/id/1040/904/904" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1040/768/768" media="(min-width:0)"/><img src="https://picsum.photos/id/1040/904/904" width="904" height="904" alt="#" loading="lazy"/>
<!-- END RENDER SQUARE CONTACT BOX IMAGE IN MAIN CONTENT WITH LARGER IMAGE DIMENSION-->
</picture>
<div class="c-contactbox__content">
<div class="c-contactbox__information">
<h3 class="c-contactbox__title">Prof. Dr.-Ing. Hans-Peter Rabl</h3>
<div class="c-contactbox__description">
<p>Zusätzliche Beschreibung (optional) Cum sociis natoque penatibus et magnis</p>
</div>
<ul class="c-contactbox__list o-list-bare">
<li class="c-contactbox__list-item">
<svg class="c-contactbox__icon" viewBox="0 0 36 36">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-university"></use>
</svg><span class="c-contactbox__list-text">Fakultät Maschinenbau</span>
</li>
<li class="c-contactbox__list-item">
<svg class="c-contactbox__icon" viewBox="0 0 38.774 38">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-location"></use>
</svg><span class="c-contactbox__list-text">Galgenbergstraße 30, Raum D111</span>
</li>
<li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="mailto:studienberatung@oth-regensburg.de">
<svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-letter-black"></use>
</svg><span class="c-contactbox__list-text">studienberatung@oth-regensburg.de</span></a>
</li>
<li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="www.vorname-nachname.de">
<svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-world"></use>
</svg><span class="c-contactbox__list-text">www.vorname-nachname.de</span></a>
</li>
<li class="c-contactbox__list-item"><a class="c-contactbox__list-link" href="tel:+499419439710">
<svg class="c-contactbox__icon" viewBox="0 0 38 38.816">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-black"></use>
</svg><span class="c-contactbox__list-text">+49 (0)941 / 943 - 9710</span></a>
</li>
<li class="c-contactbox__list-item">
<svg class="c-contactbox__icon" viewBox="0 0 36 36">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-time"></use>
</svg><span class="c-contactbox__list-text">Mo bis Fr 08:30 - 12:00 Uhr<br>Di und Do 13:00 - 15:00 Uhr</span>
</li>
</ul>
</div><span class="c-contactbox__cta">Alle Infos zur Person
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg></span>
</div><a class="c-contactbox__link" href="#container" title="Alle Informationen zu "Prof. Dr.-Ing. Hans-Peter Rabl""></a>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Hans-Peter",
"familyName": "Rabl",
"honorificPrefix": "Prof. Dr.-Ing.",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "http://photourl",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div>
Source:
assets/sass/06-components/_components.contactbox.scss, line 31
Unsere Partner
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Markup: templates/output/06-components/logo-slider.html
<div class="c-logo-slider">
<div class="o-grid o-grid-1-1@desktop u-mb-medium--desktop-up">
<div>
<h2 class="u-headline-light">Unsere Partner</h2>
<p class="u-mb-none">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
<div class="o-flex-line o-flex-line--items-end o-flex-line--end">
<div class="c-slider-controls o-flex-line">
<button class="btn btn--arrow btn--arrow-left c-slider-controls__button c-slider-controls__button--prev" title="Previous slide">
<svg viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-left"></use>
</svg>
</button>
<button class="btn btn--arrow btn--arrow-right c-slider-controls__button c-slider-controls__button--next" title="Next slide">
<svg viewBox="0 0 13.455 24.081" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-right"></use>
</svg>
</button>
</div><a class="btn btn--secondary u-ml-small u-hide--mobile-only" href="#">Alle Partner</a>
</div>
</div>
<div class="c-logo-slider__slides-container">
<div class="c-logo-slider__slides">
<div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/1050/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1050/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/1050/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1050/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a></div>
<div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/1051/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1051/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/1051/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1051/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a></div>
<div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/1052/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1052/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/1052/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1052/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a></div>
<div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/1053/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1053/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/1053/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1053/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a></div>
<div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/1054/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1054/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/1054/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1054/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a></div>
<div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/1055/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1055/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/1055/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1055/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a></div>
<div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/0/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/0/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/0/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/0/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a></div>
<div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/1/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/1/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a></div>
<div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/10/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/10/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/10/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/10/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a></div>
<div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/100/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/100/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/100/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/100/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a></div>
<div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/1000/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1000/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/1000/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1000/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a></div>
<div class="c-logo-slider__slide"><a class="c-logo-slider__link" href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/1001/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/1001/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/1001/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/1001/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a></div>
</div>
</div>
</div>
<div class="u-show--mobile-only u-align-left--mobile-only"><a class="btn btn--secondary" href="#">Alle Partner</a></div>
Source:
assets/sass/06-components/logo-slider-wall/_components.logo-slider.scss, line 1
Markup: templates/output/06-components/logo-wall.html
<div class="c-logo-wall o-grid o-grid-1-1-1 o-grid-1-1-1-1@tablet o-grid-1-1-1-1-1-1@desktop"><a href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/870/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/870/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/870/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/870/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/871/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/871/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/871/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/871/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/872/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/872/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/872/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/872/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/873/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/873/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/873/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/873/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/874/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/874/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/874/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/874/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/875/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/875/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/875/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/875/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/876/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/876/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/876/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/876/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/877/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/877/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/877/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/877/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/878/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/878/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/878/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/878/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/879/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/879/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/879/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/879/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/880/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/880/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/880/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/880/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/881/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/881/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/881/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/881/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/882/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/882/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/882/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/882/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/883/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/883/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/883/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/883/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/884/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/884/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/884/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/884/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a><a href="#" target="_blank">
<picture>
<source srcset="https://picsum.photos/id/885/208/208" media="(min-width:768px)"/>
<source srcset="https://picsum.photos/id/885/160/160" media="(min-width:500px)"/>
<source srcset="https://picsum.photos/id/885/120/120" media="(min-width:0)"/><img class="image__default" src="https://picsum.photos/id/885/208/208" alt="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa." width="208" height="208"/>
</picture></a>
</div>
Source:
assets/sass/06-components/logo-slider-wall/_components.logo-wall.scss, line 1
Markup: templates/output/06-components/person-teaser/person-teaser-grid.html
<div class="o-grid o-grid-1-1 o-grid-1-1-1-1@tablet o-grid-1-1-1-1-1-1@desktop"><a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a><a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a><a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a><a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a><a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a><a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a><a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a><a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a><a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a><a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a></div>
Source:
assets/sass/06-components/_components.person-teaser.scss, line 7
Markup: templates/output/06-components/person-teaser/person-teaser.html
<a class="c-person-teaser" href="#">
<div class="c-person-teaser__image">
<picture>
<source srcset="https://picsum.photos/id/1002/300/300" media="(min-width:576px)"/><img src="https://picsum.photos/id/1002/500/500" alt="#" width="500" height="500"/>
</picture>
</div>
<div class="c-person-teaser__content">
<p class="c-person-teaser__title">Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)</p>
<p class="c-person-teaser__name">Maximilian Mustermann</p>
<p class="c-person-teaser__position">Vizepräsident der OTH Regensburg</p>
<svg class="c-person-teaser__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Person",
"givenName": "Maximilian",
"familyName": "Mustermann",
"honorificPrefix": "Dipl.-Wirtschaftsing. (FH); Bauphysiker M. B. P. (Univ.)",
"affiliation": "Fakultät Maschinenbau",
"email": "studienberatung@oth-regensburg.de ",
"telephone": "+4994194302",
"image": "https://picsum.photos/id/1002/300/300",
"address": "Galgenbergstraße 30, Raum D111",
"worksFor": "OTH Regensburg"
}
</script>
</div></a>
Source:
assets/sass/06-components/_components.person-teaser.scss, line 17
Markup: templates/output/06-components/jump-navigation.html
<nav class="c-jump-navigation" aria-label="Jump navigation">
<button class="btn btn--icon-left c-jump-navigation__button" title="Sprungnavigation anzeigen/ausblenden" aria-expanded="false">
<svg viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-feather-list"></use>
</svg>
<svg class="c-jump-navigation__button-close" viewBox="0 0 26 26" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
</svg><span class="u-ml-tiny">Inhalt</span>
</button>
<ul class="o-list-bare c-jump-navigation__list">
<li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#learning-content"><span class="c-jump-navigation__link-icon-wrap">
<svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
</svg></span><span class="c-jump-navigation__link-label">Lerninhalte</span></a></li>
<li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#career-opportunities"><span class="c-jump-navigation__link-icon-wrap">
<svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
</svg></span><span class="c-jump-navigation__link-label">Berufschancen</span></a></li>
<li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#build-and-modules"><span class="c-jump-navigation__link-icon-wrap">
<svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
</svg></span><span class="c-jump-navigation__link-label">Aufbau und Module</span></a></li>
<li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#study-and-organizational"><span class="c-jump-navigation__link-icon-wrap">
<svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
</svg></span><span class="c-jump-navigation__link-label">Studium und Organisatorisches</span></a></li>
<li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#apply"><span class="c-jump-navigation__link-icon-wrap">
<svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
</svg></span><span class="c-jump-navigation__link-label">Bewerben</span></a></li>
<li class="c-jump-navigation__list-item"><a class="c-jump-navigation__link" href="#doctors"><span class="c-jump-navigation__link-icon-wrap">
<svg class="c-jump-navigation__link-icon" viewBox="0 0 26 18" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-down"></use>
</svg></span><span class="c-jump-navigation__link-label">Dozent:innen</span></a></li>
</ul>
</nav>
Source:
assets/sass/06-components/_components.jump-navigation.scss, line 1
Markup: templates/output/06-components/consent-box/consent-box-grid.html
<div class="o-container">
<div class="frame-space-after-large">
<div class="c-consent-box">
<div class="c-consent-box__image">
<picture>
<source srcset="Images/consent-box/bg-blurry-large.webp" media="(min-width:768px)"/>
<source srcset="Images/consent-box/bg-blurry-small.webp" media="(min-width:0)"/><img class="image__default" src="Images/consent-box/bg-blurry-large.jpg" alt="Blurred image of video background" width="940" height="529" loading="lazy"/>
</picture>
</div>
<div class="c-consent-box__content">
<h2 class="c-consent-box__heading">Externer Inhalt</h2>
<p class="c-consent-box__description">Zur Darstellung dieser Inhalte werden externe Inhalte geladen.<br/> Diese übermitteln teilweise Nutzerdaten an Drittanbieter oder speichern Cookies.</p><a class="c-consent-box__privacy-link" href="#">Mehr Informationen und Widerruf
<svg class="c-consent-box__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg></a>
<div class="btn-primary-wrap c-consent-box__button-consent">
<button class="btn btn--primary" data-iframeswitch-submit="true">Externen Inhalt laden</button>
</div>
</div>
</div>
</div>
<div class="o-grid o-grid-1-1@tablet frame-space-after-large">
<div class="c-consent-box">
<div class="c-consent-box__image">
<picture>
<source srcset="Images/consent-box/bg-blurry-large.webp" media="(min-width:768px)"/>
<source srcset="Images/consent-box/bg-blurry-small.webp" media="(min-width:0)"/><img class="image__default" src="Images/consent-box/bg-blurry-large.jpg" alt="Blurred image of video background" width="940" height="529" loading="lazy"/>
</picture>
</div>
<div class="c-consent-box__content">
<h2 class="c-consent-box__heading">Externer Inhalt</h2>
<p class="c-consent-box__description">Zur Darstellung dieser Inhalte werden externe Inhalte geladen.<br/> Diese übermitteln teilweise Nutzerdaten an Drittanbieter oder speichern Cookies.</p><a class="c-consent-box__privacy-link" href="#">Mehr Informationen und Widerruf
<svg class="c-consent-box__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg></a>
<div class="btn-primary-wrap c-consent-box__button-consent">
<button class="btn btn--primary" data-iframeswitch-submit="true">Externen Inhalt laden</button>
</div>
</div>
</div>
<div class="c-consent-box">
<div class="c-consent-box__image">
<picture>
<source srcset="Images/consent-box/bg-blurry-large.webp" media="(min-width:768px)"/>
<source srcset="Images/consent-box/bg-blurry-small.webp" media="(min-width:0)"/><img class="image__default" src="Images/consent-box/bg-blurry-large.jpg" alt="Blurred image of video background" width="940" height="529" loading="lazy"/>
</picture>
</div>
<div class="c-consent-box__content">
<h2 class="c-consent-box__heading">Externer Inhalt</h2>
<p class="c-consent-box__description">Zur Darstellung dieser Inhalte werden externe Inhalte geladen.<br/> Diese übermitteln teilweise Nutzerdaten an Drittanbieter oder speichern Cookies.</p><a class="c-consent-box__privacy-link" href="#">Mehr Informationen und Widerruf
<svg class="c-consent-box__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg></a>
<div class="btn-primary-wrap c-consent-box__button-consent">
<button class="btn btn--primary" data-iframeswitch-submit="true">Externen Inhalt laden</button>
</div>
</div>
</div>
</div>
<div class="o-grid o-grid o-grid-1-1@tablet o-grid-2-1@desktop frame-space-after-large">
<div class="c-consent-box">
<div class="c-consent-box__image">
<picture>
<source srcset="Images/consent-box/bg-blurry-large.webp" media="(min-width:768px)"/>
<source srcset="Images/consent-box/bg-blurry-small.webp" media="(min-width:0)"/><img class="image__default" src="Images/consent-box/bg-blurry-large.jpg" alt="Blurred image of video background" width="940" height="529" loading="lazy"/>
</picture>
</div>
<div class="c-consent-box__content">
<h2 class="c-consent-box__heading">Externer Inhalt</h2>
<p class="c-consent-box__description">Zur Darstellung dieser Inhalte werden externe Inhalte geladen.<br/> Diese übermitteln teilweise Nutzerdaten an Drittanbieter oder speichern Cookies.</p><a class="c-consent-box__privacy-link" href="#">Mehr Informationen und Widerruf
<svg class="c-consent-box__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg></a>
<div class="btn-primary-wrap c-consent-box__button-consent">
<button class="btn btn--primary" data-iframeswitch-submit="true">Externen Inhalt laden</button>
</div>
</div>
</div>
<div class="c-consent-box">
<div class="c-consent-box__image">
<picture>
<source srcset="Images/consent-box/bg-blurry-large.webp" media="(min-width:768px)"/>
<source srcset="Images/consent-box/bg-blurry-small.webp" media="(min-width:0)"/><img class="image__default" src="Images/consent-box/bg-blurry-large.jpg" alt="Blurred image of video background" width="940" height="529" loading="lazy"/>
</picture>
</div>
<div class="c-consent-box__content">
<h2 class="c-consent-box__heading">Externer Inhalt</h2>
<p class="c-consent-box__description">Zur Darstellung dieser Inhalte werden externe Inhalte geladen.<br/> Diese übermitteln teilweise Nutzerdaten an Drittanbieter oder speichern Cookies.</p><a class="c-consent-box__privacy-link" href="#">Mehr Informationen und Widerruf
<svg class="c-consent-box__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg></a>
<div class="btn-primary-wrap c-consent-box__button-consent">
<button class="btn btn--primary" data-iframeswitch-submit="true">Externen Inhalt laden</button>
</div>
</div>
</div>
</div>
<div class="o-grid o-grid o-grid-1-1@tablet o-grid-1-2@desktop frame-space-after-large">
<div class="c-consent-box">
<div class="c-consent-box__image">
<picture>
<source srcset="Images/consent-box/bg-blurry-large.webp" media="(min-width:768px)"/>
<source srcset="Images/consent-box/bg-blurry-small.webp" media="(min-width:0)"/><img class="image__default" src="Images/consent-box/bg-blurry-large.jpg" alt="Blurred image of video background" width="940" height="529" loading="lazy"/>
</picture>
</div>
<div class="c-consent-box__content">
<h2 class="c-consent-box__heading">Externer Inhalt</h2>
<p class="c-consent-box__description">Zur Darstellung dieser Inhalte werden externe Inhalte geladen.<br/> Diese übermitteln teilweise Nutzerdaten an Drittanbieter oder speichern Cookies.</p><a class="c-consent-box__privacy-link" href="#">Mehr Informationen und Widerruf
<svg class="c-consent-box__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg></a>
<div class="btn-primary-wrap c-consent-box__button-consent">
<button class="btn btn--primary" data-iframeswitch-submit="true">Externen Inhalt laden</button>
</div>
</div>
</div>
<div class="c-consent-box">
<div class="c-consent-box__image">
<picture>
<source srcset="Images/consent-box/bg-blurry-large.webp" media="(min-width:768px)"/>
<source srcset="Images/consent-box/bg-blurry-small.webp" media="(min-width:0)"/><img class="image__default" src="Images/consent-box/bg-blurry-large.jpg" alt="Blurred image of video background" width="940" height="529" loading="lazy"/>
</picture>
</div>
<div class="c-consent-box__content">
<h2 class="c-consent-box__heading">Externer Inhalt</h2>
<p class="c-consent-box__description">Zur Darstellung dieser Inhalte werden externe Inhalte geladen.<br/> Diese übermitteln teilweise Nutzerdaten an Drittanbieter oder speichern Cookies.</p><a class="c-consent-box__privacy-link" href="#">Mehr Informationen und Widerruf
<svg class="c-consent-box__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg></a>
<div class="btn-primary-wrap c-consent-box__button-consent">
<button class="btn btn--primary" data-iframeswitch-submit="true">Externen Inhalt laden</button>
</div>
</div>
</div>
</div>
</div>
Source:
assets/sass/06-components/_components.consent-box.scss, line 7
Markup: templates/output/06-components/consent-box/consent-box.html
<div class="c-consent-box">
<div class="c-consent-box__image">
<picture>
<source srcset="Images/consent-box/bg-blurry-large.webp" media="(min-width:768px)"/>
<source srcset="Images/consent-box/bg-blurry-small.webp" media="(min-width:0)"/><img class="image__default" src="Images/consent-box/bg-blurry-large.jpg" alt="Blurred image of video background" width="940" height="529" loading="lazy"/>
</picture>
</div>
<div class="c-consent-box__content">
<h2 class="c-consent-box__heading">Externer Inhalt</h2>
<p class="c-consent-box__description">Zur Darstellung dieser Inhalte werden externe Inhalte geladen.<br/> Diese übermitteln teilweise Nutzerdaten an Drittanbieter oder speichern Cookies.</p><a class="c-consent-box__privacy-link" href="#">Mehr Informationen und Widerruf
<svg class="c-consent-box__icon" viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-right"></use>
</svg></a>
<div class="btn-primary-wrap c-consent-box__button-consent">
<button class="btn btn--primary" data-iframeswitch-submit="true">Externen Inhalt laden</button>
</div>
</div>
</div>
Source:
assets/sass/06-components/_components.consent-box.scss, line 15
Linklist
Demo for a list with text link and animated underline Demo for a list with icon in front of text link
Markup: templates/output/06-components/linklist.html
<h2>Regular linklist</h2>
<ul class="o-list-bare c-linklist">
<li class="c-linklist__item"><a class="c-linklist__link animated-underline" href="#" title="Bewerbung, Zulassung, Einschreibung">Bewerbung, Zulassung, Einschreibung</a>
</li>
<li class="c-linklist__item"><a class="c-linklist__link animated-underline" href="#" title="Zulassungsvoraussetzungen">Zulassungsvoraussetzungen</a>
</li>
<li class="c-linklist__item"><a class="c-linklist__link animated-underline" href="#" title="Infoangebot">Infoangebot</a>
</li>
<li class="c-linklist__item"><a class="c-linklist__link animated-underline" href="#" title="Regensburger Hochschultag">Regensburger Hochschultag</a>
</li>
<li class="c-linklist__item"><a class="c-linklist__link animated-underline" href="#" title="Kosten und Finanzierung">Kosten und Finanzierung</a>
</li>
<li class="c-linklist__item"><a class="c-linklist__link animated-underline" href="#" title="Wohnen">Wohnen</a>
</li>
</ul>
<h2>Linklist with icon</h2>
<ul class="o-list-bare c-linklist c-linklist--icon">
<li class="c-linklist__item"><a class="c-linklist__link" href="#"><span class="c-linklist__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 35.304">
<path fill="currentColor" transform="translate(9539.6 5696)" d="m-9515.3-5696-24.234 3.4492.2832 1.9805 21.951-3.125v2.1347h2zm-14.203 24.771v2h5.9004v-2zm0-8.856v2h2.9512v-2zm1.952-3.904v1.9688h2v-1.9688zm0 3.92v9.8398h2v-9.8398zm-12-12.456v29.369l26 2.461v-29.367zm2 2.1992 22 2.084v25.348l-22-2.082z"/>
</svg>
</span><span class="c-linklist__text">Infoblatt Lorem ipsum dolor sit amet<br>(PDF | 2 MB)</span></a>
</li>
<li class="c-linklist__item"><a class="c-linklist__link" href="#"><span class="c-linklist__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 35.304">
<path fill="currentColor" transform="translate(9539.6 5696)" d="m-9515.3-5696-24.234 3.4492.2832 1.9805 21.951-3.125v2.1347h2zm-14.203 24.771v2h5.9004v-2zm0-8.856v2h2.9512v-2zm1.952-3.904v1.9688h2v-1.9688zm0 3.92v9.8398h2v-9.8398zm-12-12.456v29.369l26 2.461v-29.367zm2 2.1992 22 2.084v25.348l-22-2.082z"/>
</svg>
</span><span class="c-linklist__text">Informationen fürAenean commodo ligula eget dolor. Aenean massa.<br>(PDF | 2 MB)</span></a>
</li>
</ul>
Source:
assets/sass/06-components/_components.linklist.scss, line 1
Markup: templates/output/06-components/icon-overview-list.html
<ul class="c-icon-overview-list o-list-bare">
<li class="c-icon-overview-list__item">
<svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-study"></use>
</svg>
<div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Abschluss</span><span class="c-icon-overview-list__description"><strong>Bachelor of Engineering (B. Eng.)</strong></span></div>
</li>
<li class="c-icon-overview-list__item">
<svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-microscope"></use>
</svg>
<div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Studientyp</span><span class="c-icon-overview-list__description"><strong>Vollzeit, Dual, berufsbegleitend</strong></span></div>
</li>
<li class="c-icon-overview-list__item">
<svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-time"></use>
</svg>
<div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Nächster Studienbeginn</span><span class="c-icon-overview-list__description"><strong>Sommersemester – 15.03.<br>Wintersemester – 01.10.</strong></span></div>
</li>
<li class="c-icon-overview-list__item">
<svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-calendar"></use>
</svg>
<div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Bewerbungsfrist</span><span class="c-icon-overview-list__description"><strong>Wintersemester – 01.05. bis 15.07<br>Sommersemester – 15.11. bis 15.01.</strong></span></div>
</li>
<li class="c-icon-overview-list__item">
<svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-grade"></use>
</svg>
<div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">ECTS-Punkte</span><span class="c-icon-overview-list__description"><strong>180 ECTS</strong></span></div>
</li>
<li class="c-icon-overview-list__item">
<svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-hourglass"></use>
</svg>
<div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Regelstudienzeit</span><span class="c-icon-overview-list__description"><strong>7 Semester</strong></span></div>
</li>
<li class="c-icon-overview-list__item">
<svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-door"></use>
</svg>
<div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Zulassung</span><span class="c-icon-overview-list__description"><strong>Nicht zulassungsbeschränkt</strong></span></div>
</li>
<li class="c-icon-overview-list__item">
<svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-languages"></use>
</svg>
<div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Unterrichtssprache</span><span class="c-icon-overview-list__description"><strong>Deutsch, teilweise Englisch</strong></span></div>
</li>
<li class="c-icon-overview-list__item">
<svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-money"></use>
</svg>
<div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Studiengebühren</span><span class="c-icon-overview-list__description"><strong>Nur Semesterbeitrag</strong></span></div>
</li>
<li class="c-icon-overview-list__item">
<svg class="c-icon-overview-list__icon" viewBox="0 0 38.774 38" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-university"></use>
</svg>
<div class="c-icon-overview-list__content"><span class="c-icon-overview-list__title">Fakultät</span><span class="c-icon-overview-list__description"><strong>Bauingenieurwesen</strong></span></div>
</li>
</ul>
Source:
assets/sass/06-components/_components.icon-overview-list.scss, line 1
Markup: templates/output/06-components/skeleton-loaders/study-course.html
<div class="c-skeleton-loader c-skeleton-loader--study-course">
<div class="c-skeleton-loader__image"></div>
<div class="c-skeleton-loader__content">
<div class="c-skeleton-loader__title"></div>
<div class="c-skeleton-loader__description"></div>
</div>
</div>
Source:
assets/sass/06-components/_components.skeleton-loaders.scss, line 7
Markup: templates/output/06-components/skeleton-loaders/news-teaser.html
<div class="c-skeleton-loader c-skeleton-loader--news-teaser">
<div class="c-skeleton-loader__image"></div>
<div class="c-skeleton-loader__content">
<div class="c-skeleton-loader__title"></div>
<div class="c-skeleton-loader__description"></div>
<div class="c-skeleton-loader__description"></div>
</div>
</div>
Source:
assets/sass/06-components/_components.skeleton-loaders.scss, line 15
Markup: templates/output/06-components/skeleton-loaders/event-teaser.html
<div class="c-skeleton-loader c-skeleton-loader--event-teaser">
<div class="c-skeleton-loader__date"></div>
<div class="c-skeleton-loader__content">
<div class="c-skeleton-loader__title"></div>
<div class="c-skeleton-loader__description"></div>
<div class="c-skeleton-loader__description"></div>
</div>
</div>
Source:
assets/sass/06-components/_components.skeleton-loaders.scss, line 23
Notwendige Unterlagen 3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Notwendige Unterlagen 4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Notwendige Unterlagen 6
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Notwendige Unterlagen 7
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Notwendige Unterlagen 8
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Notwendige Unterlagen 9
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Notwendige Unterlagen 10
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Notwendige Unterlagen 11
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Notwendige Unterlagen 13
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Notwendige Unterlagen 15
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Notwendige Unterlagen 18
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Notwendige Unterlagen 19
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Notwendige Unterlagen 20
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Notwendige Unterlagen 21
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Notwendige Unterlagen 22
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Notwendige Unterlagen 23
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac
Markup: templates/output/06-components/tabs.html
<div class="c-tab-grid">
<div class="c-tab-item c-tab-item--link">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 0</span><a class="c-tab-item__link" href="item-0" title="Link zu Tab 0"></a>
</div>
<div class="c-tab-item c-tab-item--link">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 1</span><a class="c-tab-item__link" href="item-1" title="Link zu Tab 1"></a>
</div>
<div class="c-tab-item c-tab-item--link">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 2</span><a class="c-tab-item__link" href="item-2" title="Link zu Tab 2"></a>
</div>
<div class="c-tab-item c-tab-item--modal" data-tab-modal-id="tab-3">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 3</span>
<button class="c-tab-item__button" title="Mehr informationen zu Tab 3"></button>
</div>
<div class="c-tab-modal" id="tab-3">
<button class="c-tab-modal__action-close" title="Tab schließen" data-tab-close="">
<svg class="c-search-filter-icon" viewBox="0 0 26 26" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
</svg>
</button>
<div class="o-grid o-grid-1-1@tablet">
<div>
<h2>Notwendige Unterlagen 3</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
</div>
</div>
<div class="c-tab-item c-tab-item--modal" data-tab-modal-id="tab-4">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 4</span>
<button class="c-tab-item__button" title="Mehr informationen zu Tab 4"></button>
</div>
<div class="c-tab-modal" id="tab-4">
<button class="c-tab-modal__action-close" title="Tab schließen" data-tab-close="">
<svg class="c-search-filter-icon" viewBox="0 0 26 26" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
</svg>
</button>
<div class="o-grid o-grid-1-1@tablet">
<div>
<h2>Notwendige Unterlagen 4</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
</div>
<div class="c-tab-item c-tab-item--link">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 5</span><a class="c-tab-item__link" href="item-5" title="Link zu Tab 5"></a>
</div>
<div class="c-tab-item c-tab-item--modal" data-tab-modal-id="tab-6">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 6</span>
<button class="c-tab-item__button" title="Mehr informationen zu Tab 6"></button>
</div>
<div class="c-tab-modal" id="tab-6">
<button class="c-tab-modal__action-close" title="Tab schließen" data-tab-close="">
<svg class="c-search-filter-icon" viewBox="0 0 26 26" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
</svg>
</button>
<div class="o-grid o-grid-1-1@tablet">
<div>
<h2>Notwendige Unterlagen 6</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
</div>
<div class="c-tab-item c-tab-item--modal" data-tab-modal-id="tab-7">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 7</span>
<button class="c-tab-item__button" title="Mehr informationen zu Tab 7"></button>
</div>
<div class="c-tab-modal" id="tab-7">
<button class="c-tab-modal__action-close" title="Tab schließen" data-tab-close="">
<svg class="c-search-filter-icon" viewBox="0 0 26 26" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
</svg>
</button>
<div class="o-grid o-grid-1-1@tablet">
<div>
<h2>Notwendige Unterlagen 7</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
</div>
</div>
<div class="c-tab-item c-tab-item--modal" data-tab-modal-id="tab-8">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 8</span>
<button class="c-tab-item__button" title="Mehr informationen zu Tab 8"></button>
</div>
<div class="c-tab-modal" id="tab-8">
<button class="c-tab-modal__action-close" title="Tab schließen" data-tab-close="">
<svg class="c-search-filter-icon" viewBox="0 0 26 26" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
</svg>
</button>
<div class="o-grid o-grid-1-1@tablet">
<div>
<h2>Notwendige Unterlagen 8</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
</div>
<div class="c-tab-item c-tab-item--modal" data-tab-modal-id="tab-9">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 9</span>
<button class="c-tab-item__button" title="Mehr informationen zu Tab 9"></button>
</div>
<div class="c-tab-modal" id="tab-9">
<button class="c-tab-modal__action-close" title="Tab schließen" data-tab-close="">
<svg class="c-search-filter-icon" viewBox="0 0 26 26" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
</svg>
</button>
<div class="o-grid o-grid-1-1@tablet">
<div>
<h2>Notwendige Unterlagen 9</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
</div>
</div>
<div class="c-tab-item c-tab-item--modal" data-tab-modal-id="tab-10">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 10</span>
<button class="c-tab-item__button" title="Mehr informationen zu Tab 10"></button>
</div>
<div class="c-tab-modal" id="tab-10">
<button class="c-tab-modal__action-close" title="Tab schließen" data-tab-close="">
<svg class="c-search-filter-icon" viewBox="0 0 26 26" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
</svg>
</button>
<div class="o-grid o-grid-1-1@tablet">
<div>
<h2>Notwendige Unterlagen 10</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
</div>
<div class="c-tab-item c-tab-item--modal" data-tab-modal-id="tab-11">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 11</span>
<button class="c-tab-item__button" title="Mehr informationen zu Tab 11"></button>
</div>
<div class="c-tab-modal" id="tab-11">
<button class="c-tab-modal__action-close" title="Tab schließen" data-tab-close="">
<svg class="c-search-filter-icon" viewBox="0 0 26 26" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
</svg>
</button>
<div class="o-grid o-grid-1-1@tablet">
<div>
<h2>Notwendige Unterlagen 11</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
</div>
</div>
<div class="c-tab-item c-tab-item--link">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 12</span><a class="c-tab-item__link" href="item-12" title="Link zu Tab 12"></a>
</div>
<div class="c-tab-item c-tab-item--modal" data-tab-modal-id="tab-13">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 13</span>
<button class="c-tab-item__button" title="Mehr informationen zu Tab 13"></button>
</div>
<div class="c-tab-modal" id="tab-13">
<button class="c-tab-modal__action-close" title="Tab schließen" data-tab-close="">
<svg class="c-search-filter-icon" viewBox="0 0 26 26" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
</svg>
</button>
<div class="o-grid o-grid-1-1@tablet">
<div>
<h2>Notwendige Unterlagen 13</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
</div>
<div class="c-tab-item c-tab-item--link">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 14</span><a class="c-tab-item__link" href="item-14" title="Link zu Tab 14"></a>
</div>
<div class="c-tab-item c-tab-item--modal" data-tab-modal-id="tab-15">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 15</span>
<button class="c-tab-item__button" title="Mehr informationen zu Tab 15"></button>
</div>
<div class="c-tab-modal" id="tab-15">
<button class="c-tab-modal__action-close" title="Tab schließen" data-tab-close="">
<svg class="c-search-filter-icon" viewBox="0 0 26 26" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
</svg>
</button>
<div class="o-grid o-grid-1-1@tablet">
<div>
<h2>Notwendige Unterlagen 15</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
</div>
</div>
<div class="c-tab-item c-tab-item--link">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 16</span><a class="c-tab-item__link" href="item-16" title="Link zu Tab 16"></a>
</div>
<div class="c-tab-item c-tab-item--link">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 17</span><a class="c-tab-item__link" href="item-17" title="Link zu Tab 17"></a>
</div>
<div class="c-tab-item c-tab-item--modal" data-tab-modal-id="tab-18">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 18</span>
<button class="c-tab-item__button" title="Mehr informationen zu Tab 18"></button>
</div>
<div class="c-tab-modal" id="tab-18">
<button class="c-tab-modal__action-close" title="Tab schließen" data-tab-close="">
<svg class="c-search-filter-icon" viewBox="0 0 26 26" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
</svg>
</button>
<div class="o-grid o-grid-1-1@tablet">
<div>
<h2>Notwendige Unterlagen 18</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
</div>
<div class="c-tab-item c-tab-item--modal" data-tab-modal-id="tab-19">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 19</span>
<button class="c-tab-item__button" title="Mehr informationen zu Tab 19"></button>
</div>
<div class="c-tab-modal" id="tab-19">
<button class="c-tab-modal__action-close" title="Tab schließen" data-tab-close="">
<svg class="c-search-filter-icon" viewBox="0 0 26 26" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
</svg>
</button>
<div class="o-grid o-grid-1-1@tablet">
<div>
<h2>Notwendige Unterlagen 19</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
</div>
<div class="c-tab-item c-tab-item--modal" data-tab-modal-id="tab-20">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 20</span>
<button class="c-tab-item__button" title="Mehr informationen zu Tab 20"></button>
</div>
<div class="c-tab-modal" id="tab-20">
<button class="c-tab-modal__action-close" title="Tab schließen" data-tab-close="">
<svg class="c-search-filter-icon" viewBox="0 0 26 26" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
</svg>
</button>
<div class="o-grid o-grid-1-1@tablet">
<div>
<h2>Notwendige Unterlagen 20</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
</div>
<div class="c-tab-item c-tab-item--modal" data-tab-modal-id="tab-21">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 21</span>
<button class="c-tab-item__button" title="Mehr informationen zu Tab 21"></button>
</div>
<div class="c-tab-modal" id="tab-21">
<button class="c-tab-modal__action-close" title="Tab schließen" data-tab-close="">
<svg class="c-search-filter-icon" viewBox="0 0 26 26" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
</svg>
</button>
<div class="o-grid o-grid-1-1@tablet">
<div>
<h2>Notwendige Unterlagen 21</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
</div>
</div>
<div class="c-tab-item c-tab-item--modal" data-tab-modal-id="tab-22">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 22</span>
<button class="c-tab-item__button" title="Mehr informationen zu Tab 22"></button>
</div>
<div class="c-tab-modal" id="tab-22">
<button class="c-tab-modal__action-close" title="Tab schließen" data-tab-close="">
<svg class="c-search-filter-icon" viewBox="0 0 26 26" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
</svg>
</button>
<div class="o-grid o-grid-1-1@tablet">
<div>
<h2>Notwendige Unterlagen 22</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
</div>
</div>
<div class="c-tab-item c-tab-item--modal" data-tab-modal-id="tab-23">
<div class="c-tab-item__icon-wrapper"><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>
</div><span class="c-tab-item__text" aria-hidden="true">Tab 23</span>
<button class="c-tab-item__button" title="Mehr informationen zu Tab 23"></button>
</div>
<div class="c-tab-modal" id="tab-23">
<button class="c-tab-modal__action-close" title="Tab schließen" data-tab-close="">
<svg class="c-search-filter-icon" viewBox="0 0 26 26" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
</svg>
</button>
<div class="o-grid o-grid-1-1@tablet">
<div>
<h2>Notwendige Unterlagen 23</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
</div>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac</p>
Source:
assets/sass/06-components/_components.tabs.scss, line 1
Markup: templates/output/06-components/quick-action-toolbar.html
<ul class="c-quick-action-toolbar o-list-bare">
<li class="c-quick-action-toolbar__item c-quick-action-toolbar__item--link"><a class="c-quick-action-toolbar__link" href="#">
<svg class="c-quick-action-toolbar__icon" viewBox="0 0 30.17 30.309" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-edit"></use>
</svg><span class="c-quick-action-toolbar__title" aria-hidden="true">Jetzt bewerben</span></a></li>
<li class="c-quick-action-toolbar__item c-quick-action-toolbar__item--link"><a class="c-quick-action-toolbar__link" href="#">
<svg class="c-quick-action-toolbar__icon" viewBox="0 0 26 35.304" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-info-brochure"></use>
</svg><span class="c-quick-action-toolbar__title" aria-hidden="true">Infos anfordern</span></a></li>
<li class="c-quick-action-toolbar__item c-quick-action-toolbar__item--button">
<button class="c-quick-action-toolbar__button" title="Zurück zum Seitenanfang" data-scroll-to-top="">
<svg class="c-quick-action-toolbar__icon" viewBox="0 0 36 36.013" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-up"></use>
</svg>
</button>
</li>
</ul>
Source:
assets/sass/06-components/_components.quick-action-toolbar.scss, line 1
Markup: templates/output/06-components/back-to-mainpage.html
<div class="c-back-to-mainpage">
<div class="o-container"><a class="c-back-to-mainpage__link" href="#">
<svg viewBox="0 0 36 36.111" role="img" aria-hidden="true" focusable="false">
<use xlink:href="Images/svg/sprite.symbol.svg#icon-arrow-left"></use>
</svg><span>Zur Website der OTH Regensburg</span></a></div>
</div>
Source:
assets/sass/06-components/_components.back-to-mainpage.scss, line 1