<!DOCTYPE html> <html lang=“{{ page.lang | default: site.lang | default: ”de“ }}”>
{%- include head.html -%}
<body>
<header class=“video-head”>
<div class="video-head__stage"> <div class="video-head__logo"> <div class="container"> <a href="{{ site.url }}" class="video-head__logo-link"> <svg class="video-head__logo-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 228.31 43.8"> <path fill="#FFFFFF" d="M135.87,0a.43.43,0,0,1,.47.51l-2.11,18.63a.45.45,0,0,1-.51.47h-2.4a.51.51,0,0,1-.54-.44L128.23,8.09l-2.58,11.1a.51.51,0,0,1-.54.42h-2.45a.45.45,0,0,1-.51-.47l-2-18.63A.43.43,0,0,1,120.6,0h2.33a.48.48,0,0,1,.52.47l1,11.47h.13L127,.44a.52.52,0,0,1,.54-.44H129a.51.51,0,0,1,.54.44l2.4,11.5H132L133,.47a.48.48,0,0,1,.52-.47Z"/> <path fill="#FFFFFF" d="M148.57,2.84c0,.25-.1.42-.39.42h-6.13v4.9h4.68a.37.37,0,0,1,.4.42V11a.37.37,0,0,1-.4.41h-4.68v5h6.13c.29,0,.39.13.39.4v2.45a.34.34,0,0,1-.39.39h-9a.36.36,0,0,1-.37-.39V.39a.36.36,0,0,1,.37-.39h9a.34.34,0,0,1,.39.39Z"/> <path fill="#FFFFFF" d="M160.85,8a1.77,1.77,0,0,1-1.54,1.74v.05a1.77,1.77,0,0,1,1.54,1.74v4.51c0,2.3-1.25,3.53-3.55,3.53h-5.89a.36.36,0,0,1-.39-.39V.39a.35.35,0,0,1,.39-.39h5.89c2.3,0,3.55,1.23,3.55,3.53Zm-3.26-3.82a.87.87,0,0,0-1-1h-2.23V8.19h2.23a.88.88,0,0,0,1-1Zm0,8.18a.87.87,0,0,0-1-1h-2.23v5h2.23a.87.87,0,0,0,1-1Z"/> <path fill="#FFFFFF" d="M163.3.39a.35.35,0,0,1,.39-.39h5.89c2.3,0,3.53,1.25,3.53,3.55V16.08a3.16,3.16,0,0,1-3.53,3.53h-5.89a.34.34,0,0,1-.39-.39Zm5.59,16a.87.87,0,0,0,1-1V4.24a.88.88,0,0,0-1-1h-2.25V16.37Z"/> <path fill="#FFFFFF" d="M185.34,2.84c0,.25-.1.42-.39.42h-6.13v4.9h4.68a.37.37,0,0,1,.39.42V11a.36.36,0,0,1-.39.41h-4.68v5H185c.29,0,.39.13.39.4v2.45a.34.34,0,0,1-.39.39h-9a.36.36,0,0,1-.37-.39V.39a.36.36,0,0,1,.37-.39h9a.34.34,0,0,1,.39.39Z"/> <path fill="#FFFFFF" d="M193.33,0a3.16,3.16,0,0,1,3.53,3.53v2.6a.35.35,0,0,1-.39.39h-2.55a.36.36,0,0,1-.39-.39V4.22a.87.87,0,0,0-1-1h-1.17a.89.89,0,0,0-1,1V7.6l5.83,1.91a.9.9,0,0,1,.64.91v5.66a3.16,3.16,0,0,1-3.53,3.53h-2.75a3.17,3.17,0,0,1-3.53-3.53V13.51a.36.36,0,0,1,.4-.4H190c.27,0,.39.13.39.4v1.88a.88.88,0,0,0,1,1h1.17a.88.88,0,0,0,1-1V12.13l-5.81-1.91a.88.88,0,0,1-.67-.91V3.53A3.17,3.17,0,0,1,190.58,0Z"/> <path fill="#FFFFFF" d="M202.25,0a.36.36,0,0,1,.39.39V19.22a.36.36,0,0,1-.39.39H199.7a.35.35,0,0,1-.39-.39V.39A.35.35,0,0,1,199.7,0Z"/> <path fill="#FFFFFF" d="M205.09,3.53A3.16,3.16,0,0,1,208.62,0h3.24a3.17,3.17,0,0,1,3.53,3.53V6.08a.36.36,0,0,1-.39.39h-2.45a.36.36,0,0,1-.4-.39V4.22a.88.88,0,0,0-1-1h-1.76a.87.87,0,0,0-1,1V15.39a.87.87,0,0,0,1,1h1.76a.87.87,0,0,0,1-1V12.11h-1.27a.35.35,0,0,1-.39-.39V9.26a.34.34,0,0,1,.39-.39H215a.35.35,0,0,1,.39.39v6.82a3.17,3.17,0,0,1-3.53,3.53h-3.24a3.16,3.16,0,0,1-3.53-3.53Z"/> <path fill="#FFFFFF" d="M227.91,0a.37.37,0,0,1,.4.39V19.22a.37.37,0,0,1-.4.39h-2.42a.42.42,0,0,1-.44-.32L221.3,8.82h-.13v10.4a.35.35,0,0,1-.39.39h-2.55a.36.36,0,0,1-.39-.39V.39a.36.36,0,0,1,.39-.39h2.43a.42.42,0,0,1,.44.32l3.73,10.42H225V.39a.36.36,0,0,1,.4-.39Z"/> <path fill="#FFFFFF" d="M126.46,24.19c2.33,0,3.56,1.23,3.56,3.53v2.6a.34.34,0,0,1-.39.39h-2.57a.36.36,0,0,1-.4-.39V28.41a.87.87,0,0,0-1-1h-1.18a.89.89,0,0,0-1,1v3.38l5.88,1.91a.9.9,0,0,1,.64.91v5.66c0,2.31-1.23,3.53-3.56,3.53H123.7c-2.3,0-3.56-1.22-3.56-3.53V37.7a.35.35,0,0,1,.39-.39h2.57c.28,0,.4.12.4.39v1.89a.88.88,0,0,0,1,1h1.18a.87.87,0,0,0,1-1V36.33l-5.85-1.92a.86.86,0,0,1-.67-.9V27.72c0-2.3,1.26-3.53,3.56-3.53Z"/> <path fill="#FFFFFF" d="M134.89,27.72c0-2.3,1.24-3.53,3.56-3.53h2.77c2.32,0,3.56,1.23,3.56,3.53V40.27c0,2.31-1.24,3.53-3.56,3.53h-2.77c-2.32,0-3.56-1.22-3.56-3.53Zm5.71,12.92a.88.88,0,0,0,1-1V28.34a.88.88,0,0,0-1-1h-1.43a.88.88,0,0,0-1,1V39.66a.88.88,0,0,0,1,1Z"/> <path fill="#FFFFFF" d="M149.65,24.59a.37.37,0,0,1,.39-.4H156c2.33,0,3.56,1.23,3.56,3.53v6c0,2.28-1.23,3.53-3.56,3.53h-3v6.18a.36.36,0,0,1-.4.39H150a.36.36,0,0,1-.39-.39ZM155.18,34a.88.88,0,0,0,1-1V28.41a.87.87,0,0,0-1-1H153V34Z"/> <path fill="#FFFFFF" d="M174.26,27c0,.24-.1.41-.39.41h-6.18v4.91h4.72a.36.36,0,0,1,.39.41V35.2a.37.37,0,0,1-.39.42h-4.72v5h6.18c.29,0,.39.12.39.39v2.45a.34.34,0,0,1-.39.39h-9.1a.36.36,0,0,1-.37-.39V24.59a.36.36,0,0,1,.37-.4h9.1c.29,0,.39.15.39.4Z"/> <path fill="#FFFFFF" d="M182.49,40.57h5.88a.35.35,0,0,1,.4.39v2.45c0,.27-.13.39-.4.39h-8.84a.35.35,0,0,1-.4-.39V24.59a.37.37,0,0,1,.4-.4h2.57a.35.35,0,0,1,.39.4Z"/> <path fill="#FFFFFF" d="M203.79,24.19a.37.37,0,0,1,.4.4V43.41a.37.37,0,0,1-.4.39h-2.44a.43.43,0,0,1-.45-.32L197.12,33H197V43.41a.36.36,0,0,1-.4.39H194a.36.36,0,0,1-.39-.39V24.59a.37.37,0,0,1,.39-.4h2.45a.42.42,0,0,1,.44.32l3.76,10.42h.15V24.59a.35.35,0,0,1,.39-.4Z"/> <path fill="#FFFFFF" d="M212,24.19a.37.37,0,0,1,.4.4V43.41a.37.37,0,0,1-.4.39h-2.57a.35.35,0,0,1-.39-.39V24.59a.35.35,0,0,1,.39-.4Z"/> <path fill="#FFFFFF" d="M225.24,43.8a.54.54,0,0,1-.56-.37l-3.12-7.28-.91,1.74v5.42a.44.44,0,0,1-.5.49h-2.37a.44.44,0,0,1-.49-.49V24.68a.44.44,0,0,1,.49-.49h2.37a.44.44,0,0,1,.5.49v7.6l3.8-7.72a.61.61,0,0,1,.57-.37h2.6c.37,0,.52.25.34.59l-4.2,8.56,4.48,9.9c.17.32,0,.56-.38.56Z"/> <path fill="#FFFFFF" d="M0,31.09V0H10.06V31.15a2.68,2.68,0,0,0,2.65,2.65H23.82V0h10V33.8h13.7V0H57.59V43.8H12.71a12.17,12.17,0,0,1-9-3.72,12.18,12.18,0,0,1-3.73-9"/> <rect fill="#f7a711" x="63.63" y="33.8" width="27.25" height="10"/> <path fill="#FFFFFF" d="M109.89,17.18H73V12.89a2.93,2.93,0,0,1,1-2A2.91,2.91,0,0,1,76.13,10h33.76V0H76.13a12.17,12.17,0,0,0-8.9,3.79,12.34,12.34,0,0,0-3.63,9.1v13.7H99.29v4.65a3.35,3.35,0,0,1-1,1.66,2.92,2.92,0,0,1-2.14.9H93v10H97.4A12.18,12.18,0,0,0,106.29,40a12.38,12.38,0,0,0,3.63-9.11Z"/> </svg> </a> </div> </div> <div class="video-head__bg"> <div data-video="HZRm9MNvb9c" class="video-head__iframe-video js-background-video"> <div class="video-head__background"> <div id="yt-player"></div> </div> </div> <div class="video-head__overlay js-video-overlay" style="background-image: url('https://img.youtube.com/vi/HZRm9MNvb9c/hqdefault.jpg');"> <div class="video-head__spinner-border spinner-border" role="status"> <span class="sr-only">Loading...</span> </div> </div> </div> </div> <div class="video-head__description-content contact-box"> <a href="{{ site.url }}#beratungstermin" class="contact-now"> Beratungstermin vereinbaren </a> <div class="contact-name"> <h1 class="title"> Artur Sopelnik <small> Geprüfter Medienfachwirt & Berater für Digitalmedien </small> </h1> </div> </div>
</header>
{{ content }}
<footer class=“foot”>
<div class="container"> <div class="row"> <div class="col-md col-md-6"> <span class="copyright">© {{ 'now' | date: "%Y" }} {{ site.title }}</span> </div> <div class="col-md col-md-6"> <span class="list"><a href="/impressum/">Impressum</a> | <a href="/datenschutz/">Datenschutz</a></span> </div> </div> </div>
</footer> </body> </html>
</body> </html>