<template>
  <div class="bologna-container">
    <app-navigation rootClassName="navigation-root-class-name6"></app-navigation>
    <span class="site-title">
      <span>Bologna meine Stadt</span>
      <br />
    </span>
    <span class="bologna-caption1">
      <span>Nunc est bibendum</span>
      <br />
    </span>
    <div class="bologna-container1">
      <a
        href="https://forms.gle/szigMcMga1hRrxh89"
        target="_blank"
        rel="noreferrer noopener"
        class="bologna-link"
      >
        <div class="bologna-geheim button">
          <span class="bologna-geheim1">Geheim</span>
        </div>
      </a>
    </div>
    <app-kontakt></app-kontakt>
  </div>
</template>

<script>
import AppNavigation from '../components/navigation'
import AppKontakt from '../components/kontakt'

export default {
  name: 'Bologna',
  components: {
    AppNavigation,
    AppKontakt,
  },
  metaInfo: {
    title: 'Bologna',
    meta: [
      {
        property: 'og:title',
        content: 'Bologna',
      },
    ],
  },
}
</script>

<style scoped>
.bologna-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  overflow-x: hidden;
  align-items: center;
  flex-direction: column;
  background-size: cover;
  background-image: url("/playground_assets/forest-background-luca-dross-1500w.jpg");
}
.bologna-caption1 {
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-family: Fira Sans;
  line-height: 30px;
}
.bologna-container1 {
  gap: var(--dl-space-space-twounits);
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.bologna-link {
  display: contents;
}
.bologna-geheim {
  width: 200px;
}
.bologna-geheim1 {
  color: rgb(12, 16, 12);
  font-size: 20px;
  font-style: normal;
  font-family: Poppins;
  font-weight: 500;
  line-height: 24px;
}
@media(max-width: 991px) {
  .bologna-caption1 {
    text-align: left;
  }
}
@media(max-width: 767px) {
  .bologna-caption1 {
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-family: Poppins;
    line-height: 24px;
  }
}
@media(max-width: 479px) {
  .bologna-caption1 {
    font-family: Poppins;
  }
}
</style>
