Hygiene Page

<link media="all" rel="stylesheet" href="/assets/themes/default/css/header.css?cb=">

<header class="header" data-module="header">
    <div class="header__inner js-header-inner">
        <div class="header__mobile-navigation js-mobile-navigation">
            <div class="header__mobile-navigation-inner">
                <nav class="primary-navigation primary-navigation--mobile">
                    <ul class="primary-navigation__list">
                        <li class="primary-navigation__list-item js-nav-list-item primary-navigation--has-children ">
                            <a href="#" class="primary-navigation__link ">
                                <span>Parent</span>
                            </a>

                        </li>
                        <li class="primary-navigation__list-item js-nav-list-item  primary-navigation--is-dynamic">
                            <a href="#" class="primary-navigation__link primary-navigation__link--is-active">
                                <span>Working</span>
                            </a>

                            <div class="menu-toggle js-menu-toggle">
                                <span class="menu-toggle__horizontal-line"></span>
                                <span class="menu-toggle__vertical-line"></span>
                            </div>
                            <div class="sub-navigation js-sub-navigation">
                                <div class="sub-navigation__inner js-sub-nav-inner">
                                    <div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--links">
                                        <div class="sub-navigation__col-title sub-navigation__links-title">Links</div>
                                        <ul class="sub-navigation__link-list">
                                            <li class="sub-navigation__link"><a href="#">link one</a></li>
                                            <li class="sub-navigation__link"><a href="#">link two</a></li>
                                            <li class="sub-navigation__link"><a href="#">link three</a></li>
                                        </ul>
                                    </div>
                                    <div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
                                        <div class="sub-navigation__col-title sub-navigation__text-title"><a href="#">Text</a></div>
                                        <p class="sub-navigation__text-text"><a href="#">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi.</a></p>
                                        <a href="#" data-module="cta" class="cta sub-navigation__text-cta">
                                            Primary Cta
                                        </a>
                                    </div>
                                    <div class="sub-navigation__col  sub-navigation__col--image">
                                        <div class="sub-navigation__image-wrapper">
                                            <a href="#">
                                                <div class="sub-navigation__image-container">
                                                    <img src="https://via.placeholder.com/150x150" alt="Alt Text" loading="lazy" class="sub-navigation__image">
                                                </div>
                                            </a>
                                            <a href="#" class="sub-navigation__image-link">Image Link</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="primary-navigation__list-item js-nav-list-item  primary-navigation--is-dynamic">
                            <a href="#" class="primary-navigation__link ">
                                <span>Careers</span>
                            </a>

                            <div class="menu-toggle js-menu-toggle">
                                <span class="menu-toggle__horizontal-line"></span>
                                <span class="menu-toggle__vertical-line"></span>
                            </div>
                            <div class="sub-navigation js-sub-navigation">
                                <div class="sub-navigation__inner js-sub-nav-inner">
                                    <div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
                                        <div class="sub-navigation__col-title sub-navigation__text-title">Text</div>
                                        <p class="sub-navigation__text-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi&#x27;</p>
                                    </div>
                                    <div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
                                        <div class="sub-navigation__col-title sub-navigation__text-title">Text</div>
                                        <p class="sub-navigation__text-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi&#x27;</p>
                                    </div>
                                    <div class="sub-navigation__col  sub-navigation__col--image">
                                        <div class="sub-navigation__image-wrapper">

                                            <div class="sub-navigation__image-container">
                                                <img src="https://via.placeholder.com/150x150" alt="Alt Text" loading="lazy" class="sub-navigation__image">
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="primary-navigation__list-item js-nav-list-item  primary-navigation--is-dynamic">
                            <a href="#" class="primary-navigation__link ">
                                <span>News &amp; Views</span>
                            </a>

                            <div class="menu-toggle js-menu-toggle">
                                <span class="menu-toggle__horizontal-line"></span>
                                <span class="menu-toggle__vertical-line"></span>
                            </div>
                            <div class="sub-navigation js-sub-navigation">
                                <div class="sub-navigation__inner js-sub-nav-inner">
                                    <div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
                                        <div class="sub-navigation__col-title sub-navigation__text-title">Text</div>
                                        <p class="sub-navigation__text-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi&#x27;</p>
                                    </div>
                                    <div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--links">
                                        <div class="sub-navigation__col-title sub-navigation__links-title">Links</div>
                                        <ul class="sub-navigation__link-list">
                                            <li class="sub-navigation__link"><a href="#">link one</a></li>
                                            <li class="sub-navigation__link"><a href="#">link two</a></li>
                                            <li class="sub-navigation__link"><a href="#">link three</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="primary-navigation__list-item js-nav-list-item  primary-navigation--is-dynamic">
                            <a href="#" class="primary-navigation__link ">
                                <span>Contact</span>
                            </a>

                            <div class="menu-toggle js-menu-toggle">
                                <span class="menu-toggle__horizontal-line"></span>
                                <span class="menu-toggle__vertical-line"></span>
                            </div>
                            <div class="sub-navigation js-sub-navigation">
                                <div class="sub-navigation__inner js-sub-nav-inner">
                                    <div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
                                        <div class="sub-navigation__col-title sub-navigation__text-title">Text</div>
                                        <p class="sub-navigation__text-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi&#x27;</p>
                                    </div>
                                    <div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--links">
                                        <div class="sub-navigation__col-title sub-navigation__links-title">Links</div>
                                        <ul class="sub-navigation__link-list">
                                            <li class="sub-navigation__link"><a href="#">link one</a></li>
                                            <li class="sub-navigation__link"><a href="#">link two</a></li>
                                            <li class="sub-navigation__link"><a href="#">link three</a></li>
                                        </ul>
                                    </div>
                                    <div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
                                        <div class="sub-navigation__col-title sub-navigation__text-title">Text</div>
                                        <p class="sub-navigation__text-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi&#x27;</p>
                                    </div>
                                    <div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--links">
                                        <div class="sub-navigation__col-title sub-navigation__links-title">Links</div>
                                        <ul class="sub-navigation__link-list">
                                            <li class="sub-navigation__link"><a href="#">link one</a></li>
                                            <li class="sub-navigation__link"><a href="#">link two</a></li>
                                            <li class="sub-navigation__link"><a href="#">link three</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </nav>
                <nav class="header__mobile-quick-links">
                    <a href="#" class="header__quick-link">
                        Quick Link
                    </a>
                    <a href="#" class="header__quick-link">
                        <img src="https://via.placeholder.com/100X25" alt="">
                    </a>
                </nav>
            </div>
        </div>

        <nav class="header__top-navigation js-top-navigation">
            <div class="grid-container">
                <div class="grid-x header__top-navigation-row">
                    <a href="#" class="header__quick-link">
                        Quick Link
                    </a>
                    <a href="#" class="header__quick-link">
                        <img src="https://via.placeholder.com/100X25" alt="">
                    </a>
                </div>
            </div>
        </nav>
        <div class="grid-container">
            <div class="grid-x header__navigation-row">
                <div class="header__navigation-wrapper">
                    <div class="burger">
                        <label for="burger-nav"></label>
                        <input type="checkbox" id="burger-nav" class="js-burger-nav" name="burger-nav" />
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>

                    <nav class="primary-navigation primary-navigation--desktop">
                        <ul class="primary-navigation__list">
                            <li class="primary-navigation__list-item js-nav-list-item primary-navigation--has-children ">
                                <a href="#" class="primary-navigation__link ">
                                    <span>Parent</span>
                                </a>

                            </li>
                            <li class="primary-navigation__list-item js-nav-list-item  primary-navigation--is-dynamic">
                                <a href="#" class="primary-navigation__link primary-navigation__link--is-active">
                                    <span>Working</span>
                                </a>

                                <div class="sub-navigation js-sub-navigation">
                                    <div class="sub-navigation__inner js-sub-nav-inner">
                                        <div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--links">
                                            <div class="sub-navigation__col-title sub-navigation__links-title">Links</div>
                                            <ul class="sub-navigation__link-list">
                                                <li class="sub-navigation__link"><a href="#">link one</a></li>
                                                <li class="sub-navigation__link"><a href="#">link two</a></li>
                                                <li class="sub-navigation__link"><a href="#">link three</a></li>
                                            </ul>
                                        </div>
                                        <div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
                                            <div class="sub-navigation__col-title sub-navigation__text-title"><a href="#">Text</a></div>
                                            <p class="sub-navigation__text-text"><a href="#">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi.</a></p>
                                            <a href="#" data-module="cta" class="cta sub-navigation__text-cta">
                                                Primary Cta
                                            </a>
                                        </div>
                                        <div class="sub-navigation__col  sub-navigation__col--image">
                                            <div class="sub-navigation__image-wrapper">
                                                <a href="#">
                                                    <div class="sub-navigation__image-container">
                                                        <img src="https://via.placeholder.com/150x150" alt="Alt Text" loading="lazy" class="sub-navigation__image">
                                                    </div>
                                                </a>
                                                <a href="#" class="sub-navigation__image-link">Image Link</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="primary-navigation__list-item js-nav-list-item  primary-navigation--is-dynamic">
                                <a href="#" class="primary-navigation__link ">
                                    <span>Careers</span>
                                </a>

                                <div class="sub-navigation js-sub-navigation">
                                    <div class="sub-navigation__inner js-sub-nav-inner">
                                        <div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
                                            <div class="sub-navigation__col-title sub-navigation__text-title">Text</div>
                                            <p class="sub-navigation__text-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi&#x27;</p>
                                        </div>
                                        <div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
                                            <div class="sub-navigation__col-title sub-navigation__text-title">Text</div>
                                            <p class="sub-navigation__text-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi&#x27;</p>
                                        </div>
                                        <div class="sub-navigation__col  sub-navigation__col--image">
                                            <div class="sub-navigation__image-wrapper">

                                                <div class="sub-navigation__image-container">
                                                    <img src="https://via.placeholder.com/150x150" alt="Alt Text" loading="lazy" class="sub-navigation__image">
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="primary-navigation__list-item js-nav-list-item  primary-navigation--is-dynamic">
                                <a href="#" class="primary-navigation__link ">
                                    <span>News &amp; Views</span>
                                </a>

                                <div class="sub-navigation js-sub-navigation">
                                    <div class="sub-navigation__inner js-sub-nav-inner">
                                        <div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
                                            <div class="sub-navigation__col-title sub-navigation__text-title">Text</div>
                                            <p class="sub-navigation__text-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi&#x27;</p>
                                        </div>
                                        <div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--links">
                                            <div class="sub-navigation__col-title sub-navigation__links-title">Links</div>
                                            <ul class="sub-navigation__link-list">
                                                <li class="sub-navigation__link"><a href="#">link one</a></li>
                                                <li class="sub-navigation__link"><a href="#">link two</a></li>
                                                <li class="sub-navigation__link"><a href="#">link three</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="primary-navigation__list-item js-nav-list-item  primary-navigation--is-dynamic">
                                <a href="#" class="primary-navigation__link ">
                                    <span>Contact</span>
                                </a>

                                <div class="sub-navigation js-sub-navigation">
                                    <div class="sub-navigation__inner js-sub-nav-inner">
                                        <div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
                                            <div class="sub-navigation__col-title sub-navigation__text-title">Text</div>
                                            <p class="sub-navigation__text-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi&#x27;</p>
                                        </div>
                                        <div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--links">
                                            <div class="sub-navigation__col-title sub-navigation__links-title">Links</div>
                                            <ul class="sub-navigation__link-list">
                                                <li class="sub-navigation__link"><a href="#">link one</a></li>
                                                <li class="sub-navigation__link"><a href="#">link two</a></li>
                                                <li class="sub-navigation__link"><a href="#">link three</a></li>
                                            </ul>
                                        </div>
                                        <div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--text">
                                            <div class="sub-navigation__col-title sub-navigation__text-title">Text</div>
                                            <p class="sub-navigation__text-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro, modi&#x27;</p>
                                        </div>
                                        <div class="sub-navigation__col sub-navigation__col--has-title sub-navigation__col--links">
                                            <div class="sub-navigation__col-title sub-navigation__links-title">Links</div>
                                            <ul class="sub-navigation__link-list">
                                                <li class="sub-navigation__link"><a href="#">link one</a></li>
                                                <li class="sub-navigation__link"><a href="#">link two</a></li>
                                                <li class="sub-navigation__link"><a href="#">link three</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </nav>
                </div>
                <div class="cell  site-logo__wrapper">
                    <a class="site-logo" href="/">
                        <span>Default</span>
                        <img src="/media/logo.svg" class="site-logo__image" alt="Default" />
                    </a>
                </div>
            </div>
        </div>
    </div>

</header>

<div class="header__spacer js-header-spacer"></div>

<link media="all" rel="stylesheet" href="/assets/themes/default/css/hero.css?cb=">

<div class="hero hero--text   " data-module="hero">

    <div class="hero__content">
        <div class="hero__content-inner">
            <h1 class="hero__title">Hero Text Title</h1>
        </div>
    </div>

</div>

<link media="all" rel="stylesheet" href="/assets/themes/default/css/grid-layout.css">

<div class="grid-layout__row">
    <div class="grid-container">
        <div class="grid-x grid-padding-x">
            <div class="cell medium-2 grid-layout__cell grid-layout__cell--is-empty"></div>
            <div class="cell grid-layout__cell medium-8 ">
                <link media="all" rel="stylesheet" href="/assets/themes/default/css/richtext.css?cb=">

                <div class="richtext">
                    <p class='richtext__heading03'>Lorem ispsum asipstic.</p>
                    <p class='richtext__heading03'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla quis leo sed erat scelerisque posuere at in magna. Aenean vel lorem nec nisl rutrum tempus eu in ex. Donec magna velit, ultrices non imperdiet nec, sodales eget lacus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                </div>

            </div>
        </div>
    </div>
</div>

<link media="all" rel="stylesheet" href="/assets/themes/default/css/footer.css?cb=">

<footer class="site-footer  " data-module="footer">
    <div class="grid-container site-footer__container">
        <div class="grid-x site-footer__content">
            <div class="site-footer__nav-container">
                <div class="site-footer__nav-columns">
                    <nav class="site-footer__nav" role="navigation">
                        <h2 class="site-footer__links-title">
                            <a href="#">Component</a>
                        </h2>
                        <ul class="site-footer__list">
                            <li class="site-footer__item">
                                <a href="#" class="site-footer__link">
                                    About us
                                </a>
                            </li>
                            <li class="site-footer__item">
                                <a href="#" class="site-footer__link">
                                    What’s covered
                                </a>
                            </li>
                        </ul>
                    </nav>
                    <nav class="site-footer__nav" role="navigation">
                        <h2 class="site-footer__links-title">
                            <a href="#">Here for you</a>
                        </h2>
                        <ul class="site-footer__list">
                            <li class="site-footer__item">
                                <a href="#" class="site-footer__link">
                                    Support
                                </a>
                            </li>
                            <li class="site-footer__item">
                                <a href="#" class="site-footer__link">
                                    Contact us
                                </a>
                            </li>
                            <li class="site-footer__item">
                                <a href="#" class="site-footer__link">
                                    Submit a claim
                                </a>
                            </li>
                        </ul>
                    </nav>
                    <nav class="site-footer__nav" role="navigation">
                        <h2 class="site-footer__links-title">
                            <a href="#">Component</a>
                        </h2>
                        <ul class="site-footer__list">
                            <li class="site-footer__item">
                                <a href="#" class="site-footer__link">
                                    About us
                                </a>
                            </li>
                            <li class="site-footer__item">
                                <a href="#" class="site-footer__link">
                                    What’s covered
                                </a>
                            </li>
                            <li class="site-footer__item">
                                <a href="#" class="site-footer__link">
                                    Pricing
                                </a>
                            </li>
                            <li class="site-footer__item">
                                <a href="#" class="site-footer__link">
                                    FAQs
                                </a>
                            </li>
                        </ul>
                    </nav>
                    <nav class="site-footer__nav" role="navigation">
                        <h2 class="site-footer__links-title">
                            <a href="#">Here for you</a>
                        </h2>
                        <ul class="site-footer__list">
                            <li class="site-footer__item">
                                <a href="#" class="site-footer__link">
                                    Support
                                </a>
                            </li>
                            <li class="site-footer__item">
                                <a href="#" class="site-footer__link">
                                    Contact us
                                </a>
                            </li>
                            <li class="site-footer__item">
                                <a href="#" class="site-footer__link">
                                    Submit a claim
                                </a>
                            </li>
                        </ul>
                    </nav>
                    <nav class="site-footer__nav" role="navigation">
                        <h2 class="site-footer__links-title">
                            <a href="#">Component</a>
                        </h2>
                        <ul class="site-footer__list">
                            <li class="site-footer__item">
                                <a href="#" class="site-footer__link">
                                    About us
                                </a>
                            </li>
                        </ul>
                    </nav>
                    <nav class="site-footer__nav" role="navigation">
                        <h2 class="site-footer__links-title">
                            <a href="#">Here for you</a>
                        </h2>
                        <ul class="site-footer__list">
                            <li class="site-footer__item">
                                <a href="#" class="site-footer__link">
                                    Support
                                </a>
                            </li>
                            <li class="site-footer__item">
                                <a href="#" class="site-footer__link">
                                    Contact us
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
                <div class="site-footer__social-and-richtext-container">
                    <nav class="site-footer__social-links js-social-links">
                        <h2 class="site-footer__links-title">Follow us on social</h2>
                        <div class="site-footer__social-links-container">

                            <a class="social-links__link js-social-link" href="#" target="_blank" data-type="facebook" rel="noopener">
                                <span class="icon-facebook"></span> <span class="text">Facebook</span>
                            </a>
                            <a class="social-links__link js-social-link" href="#" target="_blank" data-type="twitter" rel="noopener">
                                <span class="icon-twitter"></span> <span class="text">Twitter</span>
                            </a>
                            <a class="social-links__link js-social-link" href="#" target="_blank" data-type="instagram" rel="noopener">
                                <span class="icon-instagram"></span> <span class="text">Instagram</span>
                            </a>
                            <a class="social-links__link js-social-link" href="#" target="_blank" data-type="youtube" rel="noopener">
                                <span class="icon-youtube"></span> <span class="text">YouTube</span>
                            </a>
                            <a class="social-links__link js-social-link" href="#" target="_blank" data-type="pinterest" rel="noopener">
                                <span class="icon-pinterest"></span> <span class="text">Pinterest</span>
                            </a>
                            <a class="social-links__link js-social-link" href="#" target="_blank" data-type="tripadvisor" rel="noopener">
                                <span class="icon-tripadvisor"></span> <span class="text">TripAdvisor</span>
                            </a>
                        </div>
                    </nav>
                    <div class="site-footer__rich-text" role="complementary">
                        <h2 class="site-footer__links-title">richTextBlockTitle</h2>
                        <div class="site-footer__text">
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="site-footer__logo">
                <a href="/" class="site-footer__logo--link" title="Default alt">

                    <img src="/media/logo.svg" alt="Default alt" loading="lazy" />
                </a>
            </div>
        </div>
    </div>
    <div class="grid-container">
        <div class="site-footer__footer">

            <ul class="site-footer__hygiene-links">
                <li class="site-footer__hygiene-link-item">
                    <a href="#" class="site-footer__hygiene-link">
                        Privacy Statement
                    </a>
                </li>
                <li class="site-footer__hygiene-link-item">
                    <a href="#" class="site-footer__hygiene-link">
                        Disclaimer
                    </a>
                </li>
                <li class="site-footer__hygiene-link-item">
                    <a href="#" class="site-footer__hygiene-link">
                        General Terms and Condition
                    </a>
                </li>
                <li class="site-footer__hygiene-link-item">
                    <a href="#" class="site-footer__hygiene-link">
                        Sitemap
                    </a>
                </li>
            </ul>

            <div class="site-footer__copyright">
                <p class="site-footer__copyright-text">Default 2019 ©</p>
                <p class="site-footer__company-info-text">Site Name Address | Registered company No. 12345678</p>
            </div>

        </div>
    </div>
</footer>