.nav_desktop {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-54 {
  grid-column-gap: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-19 {
  color: #214857;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text-20 {
  color: #214857;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.header---desktop {
  background-color: #78a0aa;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 70px 100px 100px 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-55 {
  grid-row-gap: 100px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.group-5 {
  object-fit: cover;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 787px;
  height: 294px;
  text-decoration: none;
  display: flex;
}

.frame-56 {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 15px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-21 {
  color: #214857;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.unknown-2-5 {
  object-fit: cover;
}

.mask-group {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 423px;
  height: 577px;
  text-decoration: none;
  display: flex;
}

.text-4 {
  color: #fff;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.dieses-buch-ist-dein-kompakter-survival-guide-fr-alles-was-dir-keiner-vorher-erklrt-von-vertrgen-gel {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 400;
  line-height: 50px;
  text-decoration: none;
}

.frame-6 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 50px 100px;
  text-decoration: none;
  display: flex;
}

.frame-10 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.pltzlich-erwachsen-und-jetzt-endlich-raus-aus-schule-oder-elternhaus-und-rein-ins-echte-leben-doch-6 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 500;
  line-height: 50px;
  text-decoration: none;
}

.frame-15 {
  grid-column-gap: 50px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 51px;
  padding-top: 0;
  text-decoration: none;
  display: flex;
}

.pltzlich-erwachsen-und-jetzt-endlich-raus-aus-schule-oder-elternhaus-und-rein-ins-echte-leben-doch-7 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: none;
}

.frame-11 {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.pltzlich-erwachsen-und-jetzt-endlich-raus-aus-schule-oder-elternhaus-und-rein-ins-echte-leben-doch {
  color: #214857;
  font-size: 26px;
  line-height: NaNundefined;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.pltzlich-erwachsen-und-jetzt-endlich-raus-aus-schule-oder-elternhaus-und-rein-ins-echte-leben-doch-5 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 800;
  line-height: 50px;
  text-decoration: none;
}

.frame-20 {
  grid-column-gap: 10px;
  background-color: #214857;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  padding: 15px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-19 {
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-39 {
  grid-column-gap: 10px;
  background-color: #21485733;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 50px 52px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-13 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-40 {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.impressum-tobias-bcklein-opelstrae-6a-78467-konstanz-baden-wttemberg-germany-kontaktploetzlicherwach {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.impressum-tobias-bcklein-opelstrae-6a-78467-konstanz-baden-wttemberg-germany-kontaktploetzlicherwach-2 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

.nav_ipad {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 60px 50px 40px;
  text-decoration: none;
  display: none;
  overflow: hidden;
}

.frame-57 {
  grid-column-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-22 {
  color: #214857;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text-23 {
  color: #214857;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.header_ipad-9 {
  background-color: #78a0aa;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 50px;
  text-decoration: none;
  display: none;
  overflow: hidden;
}

.frame-68 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 237px;
  height: 303px;
  text-decoration: none;
  display: flex;
}

.frame-69 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.pltzlich-erwachsen {
  color: #fff;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.dein-survival-guide-frs-echte-leben {
  color: #214857;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-70 {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 15px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.pltzlich-erwachsen-und-jetzt-endlich-raus-aus-schule-oder-elternhaus-und-rein-ins-echte-leben-doch-11 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 400;
  line-height: 40px;
  text-decoration: none;
}

.frame-72 {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.mask-group-4 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 547px;
  height: 746.144px;
  text-decoration: none;
  display: flex;
}

.main_ipad {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 50px;
  text-decoration: none;
  display: none;
}

.frame-71 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.pltzlich-erwachsen-und-jetzt-endlich-raus-aus-schule-oder-elternhaus-und-rein-ins-echte-leben-doch-9 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 800;
  line-height: 50px;
  text-decoration: none;
}

.pltzlich-erwachsen-und-jetzt-endlich-raus-aus-schule-oder-elternhaus-und-rein-ins-echte-leben-doch-8 {
  color: #214857;
  font-size: 26px;
  line-height: NaNundefined;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  text-decoration: none;
}

.footer_ipad {
  grid-column-gap: 10px;
  background-color: #21485733;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 50px 52px;
  text-decoration: none;
  display: none;
  overflow: hidden;
}

.frame-73 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-74 {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.impressum-tobias-bcklein-opelstrae-6a-78467-konstanz-baden-wttemberg-germany-kontaktploetzlicherwach-4 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

.frame-75 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 20px;
  text-decoration: none;
  display: none;
  overflow: hidden;
}

.frame-76 {
  grid-column-gap: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-26 {
  color: #214857;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text-27 {
  color: #214857;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.header_mobil {
  background-color: #78a0aa;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  text-decoration: none;
  display: none;
  overflow: hidden;
}

.frame-80 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 219px;
  text-decoration: none;
  display: flex;
}

.frame-81 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.pltzlich-erwachsen-2 {
  color: #fff;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.dein-survival-guide-frs-echte-leben-2 {
  color: #214857;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-82 {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-29 {
  color: #214857;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-86 {
  grid-column-gap: 10px;
  background-color: #214857;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-84 {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 350px;
  text-decoration: none;
  display: flex;
}

.text-30 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.main_mobil {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: none;
}

.text-32 {
  color: #fff;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.mask-group-5 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 219.989px;
  height: 342px;
  text-decoration: none;
  display: flex;
}

.text-31, .pltzlich-erwachsen-und-jetzt-endlich-raus-aus-schule-oder-elternhaus-und-rein-ins-echte-leben-doch-12 {
  color: #214857;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.frame-83 {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.pltzlich-erwachsen-und-jetzt-endlich-raus-aus-schule-oder-elternhaus-und-rein-ins-echte-leben-doch-13 {
  color: #214857;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 800;
  line-height: 24px;
  text-decoration: none;
}

.frame-85 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.footer_mobil {
  grid-column-gap: 10px;
  background-color: #21485733;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  text-decoration: none;
  display: none;
  overflow: hidden;
}

.frame-87 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-88 {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.impressum-tobias-bcklein-opelstrae-6a-78467-konstanz-baden-wttemberg-germany-kontaktploetzlicherwach-5 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.impressum-tobias-bcklein-opelstrae-6a-78467-konstanz-baden-wttemberg-germany-kontaktploetzlicherwach-6 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
}

.header---desktop-2 {
  background-color: #78a0aa;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 70px 100px 100px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-4 {
  grid-row-gap: 100px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.group-1 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 787px;
  height: 294px;
  text-decoration: none;
  display: flex;
}

.frame-5 {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 15px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text {
  color: #214857;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.unknown-2 {
  object-fit: cover;
}

.frame-89 {
  grid-row-gap: 100px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-1 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 787px;
  height: 294px;
  text-decoration: none;
  display: flex;
}

.frame-90 {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 15px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-33 {
  color: #214857;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.unknown-2-6 {
  object-fit: cover;
}

.frame-91 {
  grid-row-gap: 100px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-92 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 590px;
  height: 268px;
  text-decoration: none;
  display: flex;
}

.frame-93 {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 15px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-94 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 40px 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-95 {
  grid-column-gap: 50px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-34 {
  color: #214857;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text-35 {
  color: #214857;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.tobias-bcklein-1967-studierte-schulmusik-jazz-popularmusik-und-dirigieren-und-war-ber-20-jahre-als-m-4 {
  color: #fff;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 800;
  line-height: 100%;
  text-decoration: none;
}

.frame-96 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-97 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 1312px;
  text-decoration: none;
  display: flex;
}

.mehr-unter-wwwdieseroskarde-2 {
  color: #fff;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 800;
  line-height: 100%;
  text-decoration: none;
}

.frame-98 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  text-decoration: none;
  display: flex;
}

.text-36 {
  color: #fff;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 800;
  line-height: 100%;
  text-decoration: none;
}

.frame-99 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.frame-100 {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.tobias-bcklein-1967-studierte-schulmusik-jazz-popularmusik-und-dirigieren-und-war-ber-20-jahre-als-m-5 {
  color: #fff;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-101 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.frame-102 {
  grid-row-gap: 50px;
  background-color: #214857;
  border-radius: 100px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-bottom: 50px;
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-103 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 1312px;
  text-decoration: none;
  display: flex;
}

.oskar_komprimiert_freigestellt-1 {
  object-fit: cover;
  margin-bottom: 0;
}

.frame-104 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 40px;
  text-decoration: none;
  display: flex;
}

.mehr-unter-httpslinktreedieserdad-2 {
  color: #fff;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 800;
  line-height: 100%;
  text-decoration: underline;
}

.frame-105 {
  grid-row-gap: 50px;
  background-color: #214857;
  border-radius: 100px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 38px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-106 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.mask-group-6 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 523.137px;
  height: 785px;
  margin-bottom: 0;
  text-decoration: none;
  display: flex;
}

.text-37 {
  color: #214857;
  text-align: center;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 75px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-107 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-108 {
  grid-column-gap: 10px;
  background-color: #21485733;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 50px 52px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-109 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-110 {
  grid-column-gap: 30px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.impressum-tobias-bcklein-opelstrae-6a-78467-konstanz-baden-wttemberg-germany-kontaktploetzlicherwach-8 {
  color: #214857;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.impressum-tobias-bcklein-opelstrae-6a-78467-konstanz-baden-wttemberg-germany-kontaktploetzlicherwach-9 {
  color: #214857;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

.frame-111 {
  grid-column-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-38 {
  color: #214857;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text-39 {
  color: #214857;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-112 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  display: none;
}

.text-40 {
  color: #214857;
  text-align: center;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.main_ipad_wir {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 50px;
  text-decoration: none;
  display: none;
}

.mask-group-7 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 258.543px;
  height: 375.866px;
  text-decoration: none;
  display: flex;
}

.text-43 {
  color: #fff;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 800;
  line-height: 100%;
  text-decoration: none;
}

.frame-113 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.oskar_komprimiert_freigestellt-2 {
  object-fit: cover;
}

.frame-114 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-116 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.frame-117 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.tobias-bcklein-1967-studierte-schulmusik-jazz-popularmusik-und-dirigieren-und-war-ber-20-jahre-als-m-6 {
  color: #fff;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 800;
  line-height: 28px;
  text-decoration: none;
}

.frame-115 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.text-44 {
  color: #fff;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 800;
  line-height: 100%;
  text-decoration: none;
}

.text-41 {
  color: #fff;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.frame-118 {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-119 {
  grid-row-gap: 20px;
  background-color: #214857;
  border-radius: 100px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  padding: 35px 70px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-120 {
  grid-row-gap: 20px;
  background-color: #214857;
  border-radius: 100px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  padding: 40px 70px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-42 {
  color: #fff;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.footer_ipad_wir {
  grid-column-gap: 10px;
  background-color: #21485733;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 50px 52px;
  text-decoration: none;
  display: none;
  overflow: hidden;
}

.frame-121 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-122 {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.impressum-tobias-bcklein-opelstrae-6a-78467-konstanz-baden-wttemberg-germany-kontaktploetzlicherwach-11 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.impressum-tobias-bcklein-opelstrae-6a-78467-konstanz-baden-wttemberg-germany-kontaktploetzlicherwach-12 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

.impressum-tobias-bcklein-opelstrae-6a-78467-konstanz-baden-wttemberg-germany-kontaktploetzlicherwach-13 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.frame-123 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 390px;
  height: 56px;
  padding: 20px;
  text-decoration: none;
  display: none;
  overflow: hidden;
}

.frame-124 {
  grid-column-gap: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.text-45 {
  color: #214857;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text-46 {
  color: #214857;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text-49 {
  color: #fff;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 800;
  line-height: 100%;
  text-decoration: none;
}

.frame-125 {
  grid-row-gap: 28px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: none;
}

.frame-126 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-127 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.tobias-bcklein-1967-studierte-schulmusik-jazz-popularmusik-und-dirigieren-und-war-ber-20-jahre-als-m-8 {
  color: #fff;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 800;
  line-height: 20px;
  text-decoration: none;
}

.text-48 {
  color: #fff;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.text-47 {
  color: #214857;
  text-align: center;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-128 {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-129 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.tobias-bcklein-1967-studierte-schulmusik-jazz-popularmusik-und-dirigieren-und-war-ber-20-jahre-als-m-7 {
  color: #fff;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.oskar_komprimiert_freigestellt-3 {
  object-fit: cover;
}

.mask-group-8 {
  grid-column-gap: 10px;
  object-fit: cover;
  justify-content: flex-start;
  align-items: center;
  width: 150px;
  height: 238px;
  text-decoration: none;
  display: flex;
}

.frame-130 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-131 {
  grid-column-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-132 {
  grid-row-gap: 20px;
  background-color: #214857;
  border-radius: 30px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  padding: 30px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-133 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-134 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-135 {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.impressum-tobias-bcklein-opelstrae-6a-78467-konstanz-baden-wttemberg-germany-kontaktploetzlicherwach-14 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: none;
}

.impressum-tobias-bcklein-opelstrae-6a-78467-konstanz-baden-wttemberg-germany-kontaktploetzlicherwach-15 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
}

.frame-136 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-24 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-50 {
  color: #214857;
  text-align: center;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-23 {
  grid-column-gap: 31px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  text-decoration: none;
  display: flex;
}

.frame-9 {
  background-color: #214857;
  border-radius: 50px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 459px;
  height: 434px;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.group-3 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 359px;
  height: 189px;
  text-decoration: none;
  display: flex;
}

.frame-137 {
  grid-column-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-2 {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  padding: 30px 34px;
  text-decoration: none;
  display: flex;
}

.vector {
  object-fit: cover;
}

.frame-138 {
  grid-row-gap: 20px;
  background-color: #214857;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 459px;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.group-2 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 359px;
  height: 249px;
  text-decoration: none;
  display: flex;
}

.group-4 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 359px;
  height: 129px;
  text-decoration: none;
  display: flex;
}

.frame-139 {
  grid-column-gap: 31px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  text-decoration: none;
  display: flex;
}

.frame-140 {
  background-color: #214857;
  border-radius: 50px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 434px;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-3 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 359px;
  height: 189px;
  text-decoration: none;
  display: flex;
}

.frame-141 {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  padding: 30px 34px;
  text-decoration: none;
  display: flex;
}

.frame-142 {
  grid-row-gap: 20px;
  background-color: #214857;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-143 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 359px;
  height: 249px;
  text-decoration: none;
  display: flex;
}

.frame-144 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 359px;
  height: 129px;
  text-decoration: none;
  display: flex;
}

.frame-145 {
  grid-column-gap: 31px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  text-decoration: none;
  display: flex;
}

.frame-146 {
  grid-row-gap: 20px;
  background-color: #214857;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30%;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-147 {
  grid-row-gap: 9px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-51 {
  color: #fff;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.tiktok-snapchat-und-insta--gram-der-elternratgeber-sichere-begleitung-von-kindern-in-social-media {
  color: #fff;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-148 {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  padding: 30px 34px;
  text-decoration: none;
  display: flex;
}

.frame-149 {
  background-color: #214857;
  border-radius: 50px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 30%;
  height: 434px;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-150 {
  grid-column-gap: 31px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 0;
  padding-left: 50px;
  padding-right: 50px;
  text-decoration: none;
  display: flex;
}

.frame-151 {
  grid-row-gap: 20px;
  background-color: #214857;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30%;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 8px 8px 5px #0003;
}

.frame-152 {
  grid-row-gap: 9px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-52 {
  color: #fff;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-153 {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  padding: 30px 34px;
  text-decoration: none;
  display: flex;
}

.frame-154 {
  background-color: #214857;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30%;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 8px 8px 5px #0003;
}

.frame-155 {
  grid-column-gap: 31px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  text-decoration: none;
  display: flex;
}

.frame-156 {
  grid-row-gap: 20px;
  background-color: #214857;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-157 {
  grid-row-gap: 9px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-53 {
  color: #fff;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.tiktok-snapchat-und-insta--gram-der-elternratgeber-sichere-begleitung-von-kindern-in-social-media-2 {
  color: #fff;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-158 {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  padding: 30px 34px;
  text-decoration: none;
  display: flex;
}

.frame-159 {
  background-color: #214857;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-16 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-160 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1412px;
  height: 221px;
  padding-top: 101px;
  padding-bottom: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-54 {
  color: #214857;
  text-align: center;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-29 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-25 {
  grid-column-gap: 31px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  text-decoration: none;
  display: flex;
}

.frame-161 {
  grid-row-gap: 20px;
  background-color: #78a0aa;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 459px;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.group-6 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 359px;
  height: 71px;
  text-decoration: none;
  display: flex;
}

.frame-162 {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  padding: 30px 34px;
  text-decoration: none;
  display: flex;
}

.ein-guter-plan-lebens--und-reflexionsplaner {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-163 {
  background-color: #78a0aa;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 459px;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.group-7 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 359px;
  height: 148px;
  text-decoration: none;
  display: flex;
}

.frame-33 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-164 {
  grid-row-gap: 20px;
  background-color: #214857;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 459px;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-165 {
  grid-row-gap: 15px;
  background-color: #214857;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 459px;
  padding: 30px 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.group-8 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 359px;
  height: 109px;
  text-decoration: none;
  display: flex;
}

.frame-41 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 50px;
  text-decoration: none;
  display: flex;
}

.group-9 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 359px;
  height: 35px;
  text-decoration: none;
  display: flex;
}

.frame-166 {
  grid-column-gap: 10px;
  background-color: #21485733;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 50px 52px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-8 {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.impressum-tobias-bcklein-opelstrae-6a-78467-konstanz-baden-wttemberg-germany-kontaktploetzlicherwach-16 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.impressum-tobias-bcklein-opelstrae-6a-78467-konstanz-baden-wttemberg-germany-kontaktploetzlicherwach-17 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

.impressum-tobias-bcklein-opelstrae-6a-78467-konstanz-baden-wttemberg-germany-kontaktploetzlicherwach-18 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.frame-167 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-168 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1412px;
  height: 221px;
  padding-top: 101px;
  padding-bottom: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-55 {
  color: #214857;
  text-align: center;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-169 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-170 {
  grid-column-gap: 31px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  text-decoration: none;
  display: flex;
}

.frame-171 {
  grid-row-gap: 20px;
  background-color: #78a0aa;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-172 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 359px;
  height: 71px;
  text-decoration: none;
  display: flex;
}

.frame-173 {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  padding: 30px 34px;
  text-decoration: none;
  display: flex;
}

.ein-guter-plan-lebens--und-reflexionsplaner-2 {
  color: #214857;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-174 {
  background-color: #78a0aa;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-175 {
  grid-row-gap: 20px;
  background-color: #78a0aa;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-176 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 359px;
  height: 147.521px;
  text-decoration: none;
  display: flex;
}

.frame-177 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-178 {
  grid-row-gap: 20px;
  background-color: #214857;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 459px;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-179 {
  grid-row-gap: 15px;
  background-color: #214857;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 459px;
  padding: 30px 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.group-10 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 359px;
  height: 109px;
  text-decoration: none;
  display: flex;
}

.frame-180 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 50px;
  text-decoration: none;
  display: flex;
}

.frame-181 {
  grid-row-gap: 20px;
  background-color: #78a0aa;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 459px;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.group-11 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 359px;
  height: 35px;
  text-decoration: none;
  display: flex;
}

.frame-182 {
  grid-column-gap: 10px;
  background-color: #21485733;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 50px 52px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-183 {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.impressum-tobias-bcklein-opelstrae-6a-78467-konstanz-baden-wttemberg-germany-kontaktploetzlicherwach-19 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
}

.impressum-tobias-bcklein-opelstrae-6a-78467-konstanz-baden-wttemberg-germany-kontaktploetzlicherwach-20 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

.frame-184 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-185 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1412px;
  height: 221px;
  padding-top: 101px;
  padding-bottom: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-56 {
  color: #214857;
  text-align: center;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-186 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-187 {
  grid-column-gap: 31px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  text-decoration: none;
  display: flex;
}

.frame-188 {
  grid-row-gap: 20px;
  background-color: #78a0aa;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-189 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 359px;
  height: 71px;
  text-decoration: none;
  display: flex;
}

.frame-190 {
  grid-column-gap: 10px;
  background-color: #fff;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  padding: 30px 34px;
  text-decoration: none;
  display: flex;
}

.ein-guter-plan-lebens--und-reflexionsplaner-3 {
  color: #214857;
  letter-spacing: .04em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-191 {
  background-color: #78a0aa;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-192 {
  grid-row-gap: 20px;
  background-color: #78a0aa;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-193 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 359px;
  height: 147.521px;
  text-decoration: none;
  display: flex;
}

.frame-194 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-195 {
  grid-row-gap: 20px;
  background-color: #214857;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 459px;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-196 {
  grid-row-gap: 15px;
  background-color: #214857;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 459px;
  padding: 30px 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.group-12 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 359px;
  height: 109px;
  text-decoration: none;
  display: flex;
}

.frame-197 {
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 50px;
  text-decoration: none;
  display: flex;
}

.frame-198 {
  grid-row-gap: 20px;
  background-color: #78a0aa;
  border-radius: 50px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 459px;
  padding: 50px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.group-13 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 359px;
  height: 35px;
  text-decoration: none;
  display: flex;
}

.frame-199 {
  grid-column-gap: 10px;
  background-color: #21485733;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 50px 52px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.frame-200 {
  grid-column-gap: 30px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.impressum-tobias-bcklein-opelstrae-6a-78467-konstanz-baden-wttemberg-germany-kontaktploetzlicherwach-21 {
  color: #214857;
  letter-spacing: .04em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

@media screen and (max-width: 991px) {
  .nav_desktop {
    display: none;
  }

  .header---desktop {
    flex-direction: column;
    align-items: center;
    display: none;
  }

  .frame-6, .frame-39 {
    display: none;
  }

  .nav_ipad {
    display: flex;
  }

  .text-22, .text-23 {
    font-size: 20px;
  }

  .header_ipad-9 {
    flex-flow: row;
    align-items: center;
    display: flex;
  }

  .main_ipad {
    grid-column-gap: 41px;
    grid-row-gap: 41px;
    display: flex;
  }

  .footer_ipad {
    display: flex;
  }

  .header_mobil {
    flex-direction: column;
    align-items: center;
  }

  .header---desktop-2 {
    flex-direction: column;
    align-items: center;
    display: none;
  }

  .frame-94, .frame-96, .frame-108 {
    display: none;
  }

  .frame-111 {
    justify-content: flex-start;
    align-items: center;
  }

  .text-38, .text-39 {
    font-size: 20px;
  }

  .frame-112, .main_ipad_wir {
    display: flex;
  }

  .text-43 {
    padding-top: 11px;
    font-size: 20px;
  }

  .text-44 {
    font-size: 20px;
  }

  .footer_ipad_wir {
    display: flex;
  }

  .text-50 {
    font-size: 30px;
  }

  .tiktok-snapchat-und-insta--gram-der-elternratgeber-sichere-begleitung-von-kindern-in-social-media {
    font-size: 12px;
  }

  .frame-150 {
    grid-column-gap: 10px;
    padding-left: 10px;
    padding-right: 20px;
  }

  .text-52 {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .pltzlich-erwachsen {
    font-size: 35px;
  }
}

@media screen and (max-width: 479px) {
  .nav_ipad, .header_ipad-9, .main_ipad, .footer_ipad {
    display: none;
  }

  .frame-75 {
    display: flex;
  }

  .text-26 {
    font-size: 12px;
  }

  .text-27 {
    font-size: 14px;
  }

  .header_mobil {
    flex-flow: row;
    display: flex;
  }

  .frame-80 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-bottom: 11px;
  }

  .frame-81 {
    grid-column-gap: 10px;
  }

  .pltzlich-erwachsen-2 {
    font-size: 18px;
  }

  .dein-survival-guide-frs-echte-leben-2 {
    padding-top: 12px;
    font-size: 12px;
  }

  .text-29 {
    font-size: 10px;
  }

  .main_mobil {
    display: flex;
  }

  .frame-85 {
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 20px;
  }

  .footer_mobil {
    margin-top: 35px;
    display: flex;
  }

  .header---desktop-2, .frame-112, .main_ipad_wir, .footer_ipad_wir {
    display: none;
  }

  .frame-123 {
    display: flex;
  }

  .text-45, .text-46 {
    font-size: 12px;
  }

  .text-49 {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
  }

  .frame-125 {
    display: flex;
  }

  .oskar_komprimiert_freigestellt-3, .mask-group-8 {
    margin-bottom: 0;
  }

  .frame-132 {
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0;
  }

  .frame-24 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .text-50 {
    font-size: 20px;
  }

  .frame-150 {
    flex-flow: column;
    padding-bottom: 0;
  }

  .frame-151 {
    border-radius: 30px;
    width: 100%;
    margin-bottom: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .frame-154 {
    border-radius: 30px;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}