{% if page_source_suffix %}{# an input file was read #}
<!-- SOURCE_FILE: {% if giturl %}{{giturl}}/{% endif %}{{pagename}}{{page_source_suffix}} -->
{% else %}{# a template was rendered directly #}
<!-- TEMPLATE_NAME: {{pagename}} -->
{% endif %}
<button onclick="to_top()" id="scroll-to-top" class="to-top to-top-fixed" title="Go to top"
  aria-label="Scroll to top"><i class="fa-solid fa-angle-up"></i></button>
<!-- <div class="skippy sticky-top"></div> -->
{% set base_url = theme_logo_url %}

{% if otcdocs_search_environment == 'hc_swiss' %}
  {% if otcdocs_doc_environment == 'internal' %}
    <scale-telekom-header app-name="Swiss Open Telekom Cloud Docs" logo-href="https://docs-swiss-int.otc-service.com/">
  {% else %}
    <scale-telekom-header app-name="Swiss Open Telekom Cloud Docs" logo-href="https://docs.sc.otc.t-systems.com/">
  {% endif %}
{% else %}
  {% if otcdocs_doc_environment == 'internal' %}
    {% if service_type in ['blueprints', 'ac'] %}
        <scale-telekom-header app-name="Open Telekom Cloud Architecture Center" logo-href="https://docs-int.otc-service.com/architecture-center/">
    {% else %}
        <scale-telekom-header app-name="Open Telekom Cloud Docs" logo-href="https://docs-int.otc-service.com/">
    {% endif %}
  {% else %}
    {% if service_type in ['blueprints', 'ac'] %}
        <scale-telekom-header app-name="Open Telekom Cloud Architecture Center" logo-href="https://docs.otc.t-systems.com/architecture-center/">
    {% else %}
        <scale-telekom-header app-name="Open Telekom Cloud Docs" logo-href="https://docs.otc.t-systems.com/">
    {% endif %}
  {% endif %}
{% endif %}

  <!--  meta-nav-aria-label="Meta navigation section" -->
  <!--  meta-nav-external-aria-label="External navigation section"-->
  <!--  lang-switcher-aria-label="Language switcher section"-->
  <!--  main-nav-aria-label="Main navigation"-->
  section>
  <!-- main nav (desktop) -->
  <scale-telekom-nav-list variant="main-nav" slot="main-nav">
    {% if service_type in ['blueprints', 'ac'] %}
      <scale-telekom-nav-item>
        <button>Blueprints</button>
        <scale-telekom-nav-flyout hover>
          <scale-telekom-mega-menu>
            <scale-telekom-mega-menu-column>
              <a href="{{base_url}}/architecture-center/blueprints/best-practices/index.html" slot="heading">Best Practices</a>
              <ul>
                <li><a href="{{base_url}}/architecture-center/blueprints/best-practices/computing/index.html">Computing</a></li>
                <li><a href="{{base_url}}/architecture-center/blueprints/best-practices/storage/index.html">Storage</a></li>
                <li><a href="{{base_url}}/architecture-center/blueprints/best-practices/network/index.html">Network</a></li>
                <li><a href="{{base_url}}/architecture-center/blueprints/best-practices/security/index.html">Security</a></li>
                <li><a href="{{base_url}}/architecture-center/blueprints/best-practices/data-analytics/index.html">Data Analytics</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
            <scale-telekom-mega-menu-column>
              <a href="{{base_url}}/architecture-center/blueprints/use-cases/index.html" slot="heading">Use Cases</a>
              <ul>
                <li><a href="{{base_url}}/architecture-center/blueprints/use-cases/hybrid.html">Hybrid</a></li>
                <li><a href="{{base_url}}/architecture-center/blueprints/use-cases/security.html">Security and Compliance</a></li>
                <li><a href="{{base_url}}/architecture-center/blueprints/use-cases/networking.html">Networking</a></li>
                <li><a href="{{base_url}}/architecture-center/blueprints/use-cases/migration.html">Migration</a></li>
                <li><a href="{{base_url}}/architecture-center/blueprints/use-cases/data-analytics.html">Data Analytics and AI</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
            <scale-telekom-mega-menu-column>
              <a href="{{base_url}}/architecture-center/blueprints/industry/index.html" slot="heading">Industry Solutions</a>
              <ul>
                <li><a href="{{base_url}}/architecture-center/blueprints/industry/media/index.html">Media</a></li>
                <li><a href="{{base_url}}/architecture-center/blueprints/industry/automotive/index.html">Automotive</a></li>
                <li><a href="{{base_url}}/architecture-center/blueprints/industry/education/index.html">Education</a></li>
                <li><a href="{{base_url}}/architecture-center/blueprints/industry/finance/index.html">Finance</a></li>
                <li><a href="{{base_url}}/architecture-center/blueprints/industry/healthcare/index.html">Healthcare</a></li>
                <li><a href="{{base_url}}/architecture-center/blueprints/industry/retail/index.html">Retail</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
          </scale-telekom-mega-menu>
        </scale-telekom-nav-flyout>
      </scale-telekom-nav-item>
      <!-- <scale-telekom-nav-item>
        <button>Cloud Adoption Framework</button>
        <scale-telekom-nav-flyout hover>
          <scale-telekom-mega-menu>
            <scale-telekom-mega-menu-column>
              <a href="{{base_url}}/architecture-center/caf/plan/index.html" slot="heading">Plan</a>
              <ul>
                <li><a href="{{base_url}}/architecture-center/caf/plan/cloud-adoption-motivations.html">Cloud Adoption Motivations</a></li>
                <li><a href="{{base_url}}/architecture-center/caf/plan/gap-analysis.html">Gap Analysis</a></li>
                  <li><a href="{{base_url}}/architecture-center/caf/plan/cloud-adoption-blueprint.html">Cloud Adoption Blueprint</a></li>
                  <li><a href="{{base_url}}/architecture-center/caf/plan/cloud-migration-plan-and-implementation.html">Cloud Migration Plan</a></li>
                  <li><a href="{{base_url}}/architecture-center/caf/plan/organization-and-capability-assurance.html">Organisation and Capability Assurance</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
            <scale-telekom-mega-menu-column>
              <a href="{{base_url}}/architecture-center/caf/ready/index.html" slot="heading">Ready</a>
              <ul>
                <li><a href="{{base_url}}/architecture-center/caf/ready/landing-zone-construction.html">Landing Zone Construction</a></li>
                <li><a href="{{base_url}}/architecture-center/caf/ready/cloud-architecture-design.html">Cloud Architecture Design</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
            <scale-telekom-mega-menu-column>
              <a href="{{base_url}}/architecture-center/caf/adopt/index.html" slot="heading">Adopt</a>
              <ul>
                <li><a href="{{base_url}}/architecture-center/caf/adopt/application-migration.html">Application Migration</a></li>
                <li><a href="{{base_url}}/architecture-center/caf/adopt/data-migration.html">Data Migration</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
              <scale-telekom-mega-menu-column>
              <a href="{{base_url}}/architecture-center/caf/govern-and-manage/index.html" slot="heading">Govern and Manage</a>
              <ul>
                <li><a href="{{base_url}}/architecture-center/caf/govern-and-manage/cost-management.html">Cost Management</a></li>
                <li><a href="{{base_url}}/architecture-center/caf/govern-and-manage/cost-center.html">Cost Center</a></li>
                  <li><a href="{{base_url}}/architecture-center/caf/govern-and-manage/security-compliance-and-governance.html">Security Compliance and Governance</a></li>
                <li><a href="{{base_url}}/architecture-center/caf/govern-and-manage/cloud-base-om.html">Cloud-based OM</a></li>
              </ul>
            </scale-telekom-mega-menu-column>

          </scale-telekom-mega-menu>
        </scale-telekom-nav-flyout>
      </scale-telekom-nav-item> -->
      <scale-telekom-nav-item>
        <button>Developers</button>
        <scale-telekom-nav-flyout hover>
          <scale-telekom-mega-menu>
            <scale-telekom-mega-menu-column>
              <a href="{{base_url}}/developer/api.html" target="_blank" rel="noopener noreferrer" slot="heading">APIs</a>
              <ul>
                <li><a href="{{base_url}}/developer/api.html" target="_blank" rel="noopener noreferrer">REST API</a></li>
                <li><a href="{{base_url}}/developer/api_guidelines/index.html" target="_blank" rel="noopener noreferrer">API Usage Guidelines</a></li>
                  <li><a href="{{base_url}}/additional/endpoints.html" target="_blank" rel="noopener noreferrer">Endpoints</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
            <scale-telekom-mega-menu-column>
              <a href="{{base_url}}/developer/index.html" target="_blank" rel="noopener noreferrer" slot="heading">Automation and Development</a>
              <ul>
                <li><a href="{{base_url}}/developer/sdk.html" target="_blank" rel="noopener noreferrer">SDKs</a></li>
                <li><a href="{{base_url}}/developer/drivers.html" target="_blank" rel="noopener noreferrer">Drivers and Tools</a></li>
                <li><a href="https://registry.terraform.io/providers/opentelekomcloud/opentelekomcloud/latest/docs" target="_blank" rel="noopener noreferrer">Terraform</a></li>
                <li><a href="{{base_url}}/ansible-collection-cloud/" target="_blank" rel="noopener noreferrer">Ansible</a></li>
                <li><a href="https://open-telekom-cloud.com/en/support/cloud-topology-designer" target="_blank" rel="noopener noreferrer">Cloud Topology Designer</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
          </scale-telekom-mega-menu>
        </scale-telekom-nav-flyout>
      </scale-telekom-nav-item>
    {% else %}
      <scale-telekom-nav-item>
        <button>IaaS</button>
        <scale-telekom-nav-flyout hover>
          <scale-telekom-mega-menu>
            <scale-telekom-mega-menu-column>
              <a href="{{base_url}}/compute.html" slot="heading" target="_blank" rel="noopener noreferrer">Compute</a>
              <ul>
                <li><a href="{{base_url}}/auto-scaling/index.html">Auto Scaling</a></li>
                <li><a href="{{base_url}}/bare-metal-server/index.html">Bare Metal Server</a></li>
                <li><a href="{{base_url}}/dedicated-host/index.html">Dedicated Host</a></li>
                <li><a href="{{base_url}}/elastic-cloud-server/index.html">Elastic Cloud Server</a></li>
                <li><a href="{{base_url}}/image-management-service/index.html">Image Management Service</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
            <scale-telekom-mega-menu-column>
              <a href="{{base_url}}/network.html" slot="heading" target="_blank" rel="noopener noreferrer">Network</a>
              <ul>
                <li><a href="{{base_url}}/direct-connect/index.html">Direct Connect</a></li>
                <li><a href="{{base_url}}/domain-name-service/index.html">Domain Name Service</a></li>
                <li><a href="{{base_url}}/elastic-ip/index.html">Elastic IP</a></li>
                <li><a href="{{base_url}}/elastic-load-balancing/index.html">Elastic Load Balancing</a></li>
                <li><a href="{{base_url}}/nat-gateway/index.html">NAT Gateway</a></li>
                <li><a href="{{base_url}}/private-link-access-service/index.html">Private Link Access Service</a></li>
                <li><a href="{{base_url}}/secure-mail-gateway/index.html">Secure Mail Gateway</a></li>
                <li><a href="{{base_url}}/virtual-private-cloud/index.html">Virtual Private Cloud</a></li>
                <li><a href="{{base_url}}/vpc-endpoint/index.html">VPC Endpoint</a></li>
                <li><a href="{{base_url}}/virtual-private-network/index.html">Virtual Private Network</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
            <scale-telekom-mega-menu-column>
              <a href="{{base_url}}/storage.html" slot="heading" target="_blank" rel="noopener noreferrer">Storage</a>
              <ul>
                <li><a href="{{base_url}}/cloud-backup-recovery/index.html">Cloud Backup and Recovery</a></li>
                <li><a href="{{base_url}}/cloud-server-backup-service/index.html">Cloud Server Backup Service</a></li>
                <li><a href="{{base_url}}/elastic-volume-service/index.html">Elastic Volume Service</a></li>
                <li><a href="{{base_url}}/object-storage-service/index.html">Object Storage Service</a></li>
                <li><a href="{{base_url}}/storage-disaster-recovery-service/index.html">Storage Disaster Recovery Service</a></li>
                <li><a href="{{base_url}}/scalable-file-service/index.html">Scalable File Service</a></li>
                <li><a href="{{base_url}}/volume-backup-service/index.html">Volume Backup Service</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
          </scale-telekom-mega-menu>
        </scale-telekom-nav-flyout>
      </scale-telekom-nav-item>
      <scale-telekom-nav-item>
        <button>PaaS</button>
        <scale-telekom-nav-flyout hover>
          <scale-telekom-mega-menu>
            <scale-telekom-mega-menu-column>
              <a href="{{base_url}}/app.html" slot="heading" target="_blank" rel="noopener noreferrer">Application Services</a>
              <ul>
                <li><a href="{{base_url}}/application-operations-management/index.html">Application Operations Management</a></li>
                <li><a href="{{base_url}}/api-gateway/index.html">API Gateway (APIG)</a></li>
                <li><a href="{{base_url}}/distributed-message-service/index.html">Distributed Message Service</a></li>
                <li><a href="{{base_url}}/simple-message-notification/index.html">Simple Message Notification</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
            <scale-telekom-mega-menu-column>
              <a href="{{base_url}}/database.html" slot="heading" target="_blank" rel="noopener noreferrer">Database Services</a>
              <ul>
                <li><a href="{{base_url}}/distributed-cache-service/index.html">Distributed Cache Service</a></li>
                <li><a href="{{base_url}}/document-database-service/index.html">Document Database Service</a></li>
                <li><a href="{{base_url}}/data-replication-service/index.html">Data Replication Service</a></li>
                <li><a href="{{base_url}}/gaussdb-mysql/index.html">GaussDB (for MySQL)</a></li>
                <li><a href="{{base_url}}/gaussdb-nosql/index.html">GaussDB NoSQL</a></li>
                <li><a href="{{base_url}}/relational-database-service/index.html">Relational Database Service</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
            <scale-telekom-mega-menu-column>
              <!--<scale-icon-home-home slot="icon"></scale-icon-home-home>-->
              <a href="{{base_url}}/data_analysis.html" slot="heading" target="_blank" rel="noopener noreferrer">Big Data and Data Analysis</a>
              <ul>
                <li><a href="{{base_url}}/cloud-search-service/index.html">Cloud Search Service</a></li>
                <li><a href="{{base_url}}/data-arts-studio/index.html">DataArts Studio</a></li>
                <li><a href="{{base_url}}/data-ingestion-service/index.html">Data Ingestion Service</a></li>
                <li><a href="{{base_url}}/data-lake-insight/index.html">Data Lake Insight</a></li>
                <li><a href="{{base_url}}/data-warehouse-service/index.html">Data Warehouse Service</a></li>
                <li><a href="{{base_url}}/modelarts/index.html">ModelArts</a></li>
                <li><a href="{{base_url}}/mapreduce-service/index.html">MapReduce Service</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
            <scale-telekom-mega-menu-column>
              <!--<scale-icon-home-home slot="icon"></scale-icon-home-home>-->
              <a href="{{base_url}}/container.html" slot="heading" target="_blank" rel="noopener noreferrer">Container Services</a>
              <ul>
                <li><a href="{{base_url}}/cloud-container-engine/index.html">Cloud Container Engine</a></li>
                <li><a href="{{base_url}}/software-repository-container/index.html">Software Repository for Containers</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
          </scale-telekom-mega-menu>
        </scale-telekom-nav-flyout>
      </scale-telekom-nav-item>
      <scale-telekom-nav-item>
        <button>Security</button>
        <scale-telekom-nav-flyout hover>
          <scale-telekom-mega-menu>
            <scale-telekom-mega-menu-column>
              <a href="{{base_url}}/database.html" slot="heading" target="_blank" rel="noopener noreferrer">Applications and Databases</a>
              <ul>
                <li><a href="{{base_url}}/anti-ddos/index.html">Anti DDoS</a></li>
                <li><a href="{{base_url}}/database-security-service/index.html">Database Security Service</a></li>
                <li><a href="{{base_url}}/web-application-firewall/index.html">Web Application Firewall</a></li>
                <li><a href="{{base_url}}/web-application-firewall-dedicated/index.html">Dedicated Web Application Firewall</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
            <scale-telekom-mega-menu-column>
              <a href="{{base_url}}/identity-access-management/index.html" slot="heading" target="_blank" rel="noopener noreferrer">Identity and Access Management</a>
              <ul>
                <li><a href="{{base_url}}/identity-access-management/index.html">Identity and Access Management Service</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
            <scale-telekom-mega-menu-column>
              <a href="{{base_url}}/key-management-service/index.html" slot="heading" target="_blank" rel="noopener noreferrer">Key Management</a>
              <ul>
                <li><a href="{{base_url}}/key-management-service/index.html">Key Management Service</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
            <scale-telekom-mega-menu-column>
              <span slot="heading">Compliance</span>
              <ul>
                <li><a href="https://open-telekom-cloud.com/en/products-services/core-services/certifications" target="_blank" rel="noopener noreferrer">Core Services Certifications</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
          </scale-telekom-mega-menu>
        </scale-telekom-nav-flyout>
      </scale-telekom-nav-item>
      <scale-telekom-nav-item>
        <button>Management</button>
        <scale-telekom-nav-flyout hover>
          <scale-telekom-mega-menu>
            <scale-telekom-mega-menu-column>
              <span slot="heading">Monitoring and Logging</span>
              <ul>
                <li><a href="{{base_url}}/cloud-eye/index.html">Cloud Eye</a></li>
                <li><a href="{{base_url}}/cloud-trace-service/index.html">Cloud Trace Service</a></li>
                <li><a href="{{base_url}}/log-tank-service/index.html">Log Tank Service</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
            <scale-telekom-mega-menu-column>
              <span slot="heading">Resource Management</span>
              <ul>
                <li><a href="{{base_url}}/resource-management-service/index.html">Resource Management Service</a></li>
                <li><a href="{{base_url}}/resource-template-service/index.html">Resource Template Service</a></li>
                <li><a href="{{base_url}}/tag-management-service/index.html">Tag Management Service</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
            <scale-telekom-mega-menu-column>
              <span slot="heading">Other</span>
              <ul>
                <li><a href="{{base_url}}/enterprise-dashboard/index.html">Enterprise Dashboard</a></li>
                <li><a href="https://open-telekom-cloud.com/en/prices/price-calculator" target="_blank" rel="noopener noreferrer">Price Calculator</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
          </scale-telekom-mega-menu>
        </scale-telekom-nav-flyout>
      </scale-telekom-nav-item>
      <scale-telekom-nav-item>
        <button>Developers</button>
        <scale-telekom-nav-flyout hover>
          <scale-telekom-mega-menu>
            <scale-telekom-mega-menu-column>
              <a href="{{base_url}}/developer/api.html" target="_blank" rel="noopener noreferrer" slot="heading">APIs</a>
              <ul>
                <li><a href="{{base_url}}/developer/api.html" target="_blank" rel="noopener noreferrer">REST API</a></li>
                <li><a href="{{base_url}}/developer/api_guidelines/index.html" target="_blank" rel="noopener noreferrer">API Usage Guidelines</a></li>
                  <li><a href="{{base_url}}/additional/endpoints.html" target="_blank" rel="noopener noreferrer">Endpoints</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
<!--            <scale-telekom-mega-menu-column>-->
<!--              <a href="{{base_url}}/developer/iac.html" target="_blank" rel="noopener noreferrer" slot="heading">Automation</a>-->
<!--              <ul>-->
<!--                <li><a href="https://registry.terraform.io/providers/opentelekomcloud/opentelekomcloud/latest/docs" target="_blank" rel="noopener noreferrer">Terraform</a></li>-->
<!--                <li><a href="{{base_url}}/ansible-collection-cloud/" target="_blank" rel="noopener noreferrer">Ansible</a></li>-->
<!--                <li><a href="https://open-telekom-cloud.com/en/support/cloud-topology-designer" target="_blank" rel="noopener noreferrer">Cloud Topology Designer</a></li>-->
<!--              </ul>-->
<!--            </scale-telekom-mega-menu-column>-->
            <scale-telekom-mega-menu-column>
              <a href="{{base_url}}/developer/index.html" target="_blank" rel="noopener noreferrer" slot="heading">Development and Automation</a>
              <ul>
                <li><a href="{{base_url}}/developer/sdk.html" target="_blank" rel="noopener noreferrer">SDKs</a></li>
                <li><a href="{{base_url}}/developer/drivers.html" target="_blank" rel="noopener noreferrer">Drivers and Tools</a></li>
                <li><a href="https://registry.terraform.io/providers/opentelekomcloud/opentelekomcloud/latest/docs" target="_blank" rel="noopener noreferrer">Terraform</a></li>
                <li><a href="{{base_url}}/ansible-collection-cloud/" target="_blank" rel="noopener noreferrer">Ansible</a></li>
                <li><a href="https://open-telekom-cloud.com/en/support/cloud-topology-designer" target="_blank" rel="noopener noreferrer">Cloud Topology Designer</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
            {% if not otcdocs_search_environment == 'hc_swiss' %}
            <scale-telekom-mega-menu-column>
              <a href="{{base_url}}/architecture-center/index.html" target="_blank" rel="noopener noreferrer" slot="heading">Architecture Center</a>
              <ul>
                <li><a href="{{base_url}}/architecture-center/blueprints/index.html" target="_blank" rel="noopener noreferrer">Blueprints</a></li>
                <!-- <li><a href="{{base_url}}/architecture-center/caf/index.html" target="_blank" rel="noopener noreferrer">Cloud Adoption Framework</a></li> -->
              </ul>
            </scale-telekom-mega-menu-column>
            {% endif %}
            <scale-telekom-mega-menu-column>
              <span slot="heading">Other</span>
              <ul>
                <li><a href="https://status.otc-service.com/" target="_blank" rel="noopener noreferrer">Status Dashboard</a></li>
                <li><a href="https://open-telekom-cloud.com/en/products-services/roadmap" target="_blank" rel="noopener noreferrer">Portfolio Roadmap</a></li>
                <li><a href="https://open-telekom-cloud.com/en/support/trainings-certifications/certifications" target="_blank" rel="noopener noreferrer">Training Certifications</a></li>
              </ul>
            </scale-telekom-mega-menu-column>
          </scale-telekom-mega-menu>
        </scale-telekom-nav-flyout>
      </scale-telekom-nav-item>
    {% endif %}
  </scale-telekom-nav-list>
  <scale-telekom-nav-list variant="functions" slot="functions" alignment="right">
    <scale-telekom-nav-item>
      <a id="SearchIconScaleNavBar" onclick="createSearchPage()">
        <scale-icon-action-search accessibility-title="Search" />
      </a>
    </scale-telekom-nav-item>
    <scale-telekom-nav-item>
      {% if otcdocs_search_environment == 'hc_swiss' %}
      <a href="https://console.sc.otc.t-systems.com/">
      {% else %}
      <a href="https://console.otc.t-systems.com/">
          {% endif %}
          <scale-badge no-dot label="Console">
            <scale-icon-device-computer accessibility-title="console" />
          </scale-badge>
        </a>
    </scale-telekom-nav-item>
    <scale-telekom-nav-item>
      <a href="https://community.open-telekom-cloud.com/">
        <scale-badge no-dot label="Community">
          <scale-icon-communication-chat accessibility-title="community" />
        </scale-badge>
      </a>
    </scale-telekom-nav-item>
    <scale-telekom-nav-item class="burger-item nodisplay-mobile">
      <button>
        <scale-icon-action-menu></scale-icon-action-menu>
      </button>
      <scale-telekom-nav-flyout class="mobile-nav-flyout">
        <scale-telekom-mobile-flyout-canvas>
          {% if service_type in ['blueprints', 'ac'] %}
            <!-- ARCHITECTURE CENTER: MOBILE NAVIGATION -->
            <scale-telekom-mobile-menu slot="mobile-main-nav">
              <scale-telekom-mobile-menu-item >
                <a href="{{base_url}}/architecture-center/blueprints/index.html">Blueprints</a>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="{{base_url}}/architecture-center/blueprints/best-practices/index.html">Best Practices</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/architecture-center/blueprints/best-practices/computing/index.html">Computing</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/architecture-center/blueprints/best-practices/storage/index.html">Storage</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/architecture-center/blueprints/best-practices/network/index.html">Network</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/architecture-center/blueprints/best-practices/security/index.html">Security</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/architecture-center/blueprints/data-analytics/index.html">Data Analysis</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="{{base_url}}/architecture-center/blueprints/use-cases/index.html">Use Cases</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/architecture-center/blueprints/use-cases/hybrid/index.html">Hybrid</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/architecture-center/blueprints/use-cases/security/index.html">Security and Compliance</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/architecture-center/blueprints/use-cases/networking/index.html">Networking</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/architecture-center/blueprints/use-cases/migration/index.html">Migration</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/architecture-center/blueprints/use-cases/data-analytics/index.html">Data Analytics and AI</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="{{base_url}}/architecture-center/blueprints/industry/index.html">Industry Solutions</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/architecture-center/blueprints/industry/government/index.html">Government</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/architecture-center/blueprints/industry/media/index.html">Media</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/architecture-center/blueprints/industry/automotive/index.html">Automotive</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/architecture-center/blueprints/industry/education/index.html">Education</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/architecture-center/blueprints/industry/finance/index.html">Finance</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/architecture-center/blueprints/industry/healthcare/index.html">Healthcare</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/architecture-center/blueprints/industry/retail/index.html">Retail</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
              </scale-telekom-mobile-menu-item>
              <!-- <scale-telekom-mobile-menu-item>
                <a href="{{base_url}}/architecture-center/caf/index.html">Cloud Adoption Framework</a>
              </scale-telekom-mobile-menu-item> -->
                            <scale-telekom-mobile-menu-item>
                <a href="#">Developers</a>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="#">APIs</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/developer/api.html">REST API</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/developer/api_guidelines/index.html">API Usage Guidelines</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/additional/endpoints.html">Endpoints</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="#">Automation and Development</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/developer/sdk.html">SDKs</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/developer/drivers.html">Drivers and Tools</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="https://registry.terraform.io/providers/opentelekomcloud/opentelekomcloud/latest/docs" target="_blank" rel="noopener noreferrer">Terraform</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/ansible-collection-cloud/" target="_blank" rel="noopener noreferrer">Ansible</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="https://open-telekom-cloud.com/en/support/cloud-topology-designer" target="_blank" rel="noopener noreferrer">Cloud Topology Designer</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
                <!-- Remove Architecture Center from Swiss Environment -->
                {% if not otcdocs_search_environment == 'hc_swiss' %}
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="{{base_url}}/architecture-center/">Architecture Center</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/architecture-center/blueprints/">Blueprints</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
                {% endif %}
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="#">Other</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="https://status.otc-service.com/" target="_blank" rel="noopener noreferrer">Status Dashboard</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="https://open-telekom-cloud.com/en/products-services/roadmap" target="_blank" rel="noopener noreferrer">Portfolio Roadmap</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="https://open-telekom-cloud.com/en/support/trainings-certifications/certifications" target="_blank" rel="noopener noreferrer">Training Certifications</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
              </scale-telekom-mobile-menu-item>

            </scale-telekom-mobile-menu>
          {% else %}
            <!-- main-nav (mobile) -->
            <scale-telekom-mobile-menu slot="mobile-main-nav">
              <scale-telekom-mobile-menu-item>
                <a href="#">IaaS</a>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="{{base_url}}/compute.html" target="_blank" rel="noopener noreferrer">Compute</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/auto-scaling/index.html">Auto Scaling</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/bare-metal-server/index.html">Bare Metal Server</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/dedicated-host/index.html">Dedicated Host</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/elastic-cloud-server/index.html">Elastic Cloud Server</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/image-management-service/index.html">Image Management Service</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="{{base_url}}/network.html" target="_blank" rel="noopener noreferrer">Network</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/direct-connect/index.html">Direct Connect</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/domain-name-service/index.html">Domain Name Service</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/elastic-ip/index.html">Elastic IP</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/elastic-load-balancing/index.html">Elastic Load Balancing</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/nat-gateway/index.html">NAT Gateway</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/private-link-access-service/index.html">Private Link Access Service</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/secure-mail-gateway/index.html">Secure Mail Gateway</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/virtual-private-cloud/index.html">Virtual Private Cloud</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/vpc-endpoint/index.html">VPC Endpoint</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/virtual-private-network/index.html">Virtual Private Network</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="{{base_url}}/storage.html" target="_blank" rel="noopener noreferrer">Storage</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/cloud-backup-recovery/index.html">Cloud Backup and Recovery</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/cloud-server-backup-service/index.html">Cloud Server Backup Service</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/elastic-volume-service/index.html">Elastic Volume Service</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/object-storage-service/index.html">Object Storage Service</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/storage-disaster-recovery-service/index.html">Storage Disaster Recovery Service</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/scalable-file-service/index.html">Scalable File Service</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/volume-backup-service/index.html">Volume Backup Service</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
              </scale-telekom-mobile-menu-item>
              <scale-telekom-mobile-menu-item>
                <a href="#">PaaS</a>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="{{base_url}}/app.html" target="_blank" rel="noopener noreferrer">Applications Services</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/application-operations-management/index.html">Application Operation Management</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/api-gateway/index.html">API Gateway (APIG)</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/distributed-message-service/index.html">Distributed Message Service</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/simple-message-notification/index.html">Simple Message Notification</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="{{base_url}}/database.html" target="_blank" rel="noopener noreferrer">Database Services</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/distributed-cache-service/index.html">Distributed Cache Service</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/document-database-service/index.html">Document Database Service</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/data-replication-service/index.html">Data Replication Service</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/gaussdb-mysql/index.html">GaussDB (for MySQL)</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/gaussdb-nosql/index.html">GaussDB NoSQL</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/relational-database-service/index.html">Relational Database Service</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="{{base_url}}/data_analysis.html" target="_blank" rel="noopener noreferrer">Big Data and Data Analysis</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/cloud-search-service/index.html">Cloud Search Service</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/data-arts-studio/index.html">DataArts Studio</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/data-ingestion-service/index.html">Data Ingestion Service</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/data-lake-insight/index.html">Data Lake Insight</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/data-warehouse-service/index.html">Data Warehouse Service</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/modelarts/index.html">ModelArts</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/mapreduce-service/index.html">MapReduce Service</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="{{base_url}}/container.html" target="_blank" rel="noopener noreferrer">Container Services</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/cloud-container-engine/index.html">Cloud Container Engine</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/software-repository-container/index.html">Software Repository for Containers</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
              </scale-telekom-mobile-menu-item>
              <scale-telekom-mobile-menu-item>
                <a href="#">Security</a>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="{{base_url}}/database.html">Applications and Databases</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/anti-ddos/index.html">Anti DDoS</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/database-security-service/index.html">Database Security Service</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/web-application-firewall/index.html">Web Application Firewall</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/web-application-firewall-dedicated/index.html">Dedicated Web Application Firewall</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="{{base_url}}/identity-access-management/index.html">Identity and Access Management</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/identity-access-management/index.html">Identity and Access Management Service</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="{{base_url}}/key-management-service/index.html">Key Management</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/key-management-service/index">Key Management Service</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="#">Compliance</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="https://open-telekom-cloud.com/en/products-services/core-services/certifications" target="_blank" rel="noopener noreferrer">Core Services Certifications</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
              </scale-telekom-mobile-menu-item>
              <scale-telekom-mobile-menu-item>
                <a href="#">Management</a>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="#">Monitoring and Logging</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/cloud-eye/index.html">Cloud Eye</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/cloud-trace-service/index.html">Cloud Tracking Service</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/log-tank-service/index.html">Log Tank Service</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="#">Resource Management</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/resource-management-service/index.html">Resource Management Service</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/resource-template-service/index.html">Resource Template Service</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/tag-management-service/index.html">Tag Management Service</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="#">Other</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/enterprise-dashboard/index.html">Enterprise Dashboard</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="https://open-telekom-cloud.com/en/prices/price-calculator" target="_blank" rel="noopener noreferrer">Price Calculator</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
              </scale-telekom-mobile-menu-item>
              <scale-telekom-mobile-menu-item>
                <a href="#">Developers</a>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="#">APIs</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/developer/api.html">REST API</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/developer/api_guidelines/index.html">API Usage Guidelines</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/additional/endpoints.html">Endpoints</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="#">Automation and Development</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/developer/sdk.html">SDKs</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/developer/drivers.html">Drivers and Tools</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="https://registry.terraform.io/providers/opentelekomcloud/opentelekomcloud/latest/docs" target="_blank" rel="noopener noreferrer">Terraform</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/ansible-collection-cloud/" target="_blank" rel="noopener noreferrer">Ansible</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="https://open-telekom-cloud.com/en/support/cloud-topology-designer" target="_blank" rel="noopener noreferrer">Cloud Topology Designer</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
                <!-- Remove Architecture Center from Swiss Environment -->
                {% if not otcdocs_search_environment == 'hc_swiss' %}
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="{{base_url}}/architecture-center/">Architecture Center</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="{{base_url}}/architecture-center/blueprints/">Blueprints</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
                {% endif %}
                <scale-telekom-mobile-menu-item slot="children">
                  <a href="#">Other</a>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="https://status.otc-service.com/" target="_blank" rel="noopener noreferrer">Status Dashboard</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="https://open-telekom-cloud.com/en/products-services/roadmap" target="_blank" rel="noopener noreferrer">Portfolio Roadmap</a>
                  </scale-telekom-mobile-menu-item>
                  <scale-telekom-mobile-menu-item slot="children">
                    <a href="https://open-telekom-cloud.com/en/support/trainings-certifications/certifications" target="_blank" rel="noopener noreferrer">Training Certifications</a>
                  </scale-telekom-mobile-menu-item>
                </scale-telekom-mobile-menu-item>
              </scale-telekom-mobile-menu-item>
            </scale-telekom-mobile-menu>
          {% endif %}
        </scale-telekom-mobile-flyout-canvas>
      </scale-telekom-nav-flyout>
    </scale-telekom-nav-item>
  </scale-telekom-nav-list>
</scale-telekom-header>

<div class="scl-container">
  <div class="scl-container-width">
    <nav id="docs-subnavbar" class="docs-subnavbar" aria-label="Secondary navigation">
      <button id="subnavbar-togglebutton" class="btn docs-sidebar-toggle d-md-none navbar-toggler collapsed"
        type="button" data-bs-toggle="collapse" data-bs-target="#docs-sidebar-nav" aria-controls="docs-sidebar-nav"
        aria-expanded="false" aria-label="Toggle navigation">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="bi bi-expand invert-dark" fill="currentColor"
          viewBox="0 0 16 16">
          <title>Expand</title>
          <path fill-rule="evenodd"
            d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zM7.646.146a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 1.707V5.5a.5.5 0 0 1-1 0V1.707L6.354 2.854a.5.5 0 1 1-.708-.708l2-2zM8 10a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 0 1 .708-.708L7.5 14.293V10.5A.5.5 0 0 1 8 10z">
          </path>
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="bi bi-collapse invert-dark" fill="currentColor"
          viewBox="0 0 16 16">
          <title>Collapse</title>
          <path fill-rule="evenodd"
            d="M1 8a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 1 8zm7-8a.5.5 0 0 1 .5.5v3.793l1.146-1.147a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 4.293V.5A.5.5 0 0 1 8 0zm-.5 11.707l-1.146 1.147a.5.5 0 0 1-.708-.708l2-2a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1-.708.708L8.5 11.707V15.5a.5.5 0 0 1-1 0v-3.793z">
          </path>
        </svg>
      </button>
    </nav>
  </div>
</div>
