OpenVisor-Website/src/views/tauglichkeitsexamen.vue

<template>
  <div class="tauglichkeitsexamen-container">
    <app-navigation rootClassName="navigation-root-class-name8"></app-navigation>
    <span class="site-title">Tauglichkeitsexamen</span>
    <span class="tauglichkeitsexamen-caption1">
      <span>Si vis promotio, para plulus.</span>
      <br />
    </span>
    <div class="tauglichkeitsexamen-container1">
      <iframe
        src="https://www.youtube.com/embed/UMeJuq0gnjM"
        class="tauglichkeitsexamen-iframe"
      ></iframe>
    </div>
    <app-kontakt></app-kontakt>
  </div>
</template>

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

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

<style scoped>
.tauglichkeitsexamen-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("/forest-background-luca-dross-1500w.jpg");
}
.tauglichkeitsexamen-caption1 {
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-family: Fira Sans;
  line-height: 30px;
}
.tauglichkeitsexamen-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;
}
.tauglichkeitsexamen-iframe {
  width: 640px;
  height: 360px;
  margin-top: 20px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: -40px;
}
@media(max-width: 991px) {
  .tauglichkeitsexamen-caption1 {
    text-align: left;
  }
}
@media(max-width: 767px) {
  .tauglichkeitsexamen-caption1 {
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-family: Poppins;
    line-height: 24px;
  }
}
@media(max-width: 479px) {
  .tauglichkeitsexamen-caption1 {
    font-family: Poppins;
  }
}
</style>