:root {
  --_primitives---color--cosmic: #6b3f6b;
  --_primitives---color--white: #fff;
  --_typography---text-sizes--text-small: 14px;
  --_primitives---color--neutral-darkest: #050708;
  --_spacing-sizing---page-padding--padding-global: 64px;
  --_spacing-sizing---section-padding--padding-section-large: 112px;
  --_spacing-sizing---container--container-large: 1280px;
  --_spacing-sizing---max-width--max-width-large: 768px;
  --_spacing-sizing---section-padding--padding-section-medium: 80px;
  --_spacing-sizing---max-width--max-width-small: 480px;
  --_spacing-sizing---section-padding--padding-section-small: 48px;
  --_primitives---color--lilac: #c08fbf;
  --_primitives---color--cosmic-lightest: #f0ebf0;
  --_primitives---color--cosmic-darkest: #201220;
  --_primitives---color--cosmic-dark: #553255;
  --_primitives---color--light-background: #fdf0e6;
  --_primitives---opacity--white-20: #fff3;
  --_ui-styles---stroke--border-width: 1px;
}

body {
  width: 100%;
}

html {
  scroll-behavior: smooth;
}

.primary-button {
  grid-column-gap: 8px;
  background-color: var(--_primitives---color--cosmic);
  border-radius: 25px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  text-decoration: none;
  display: flex;
}

.primary-button a {
  color: var(--_primitives---color--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 150%;
  text-decoration: none;
}

.primary-button:hover {
  background-color: var(--_primitives---color--white);
  transition-duration: 0.3s;
}

.primary-button:hover a {
  color: var(--_primitives---color--cosmic);
  transition-duration: 0.3s;
}

.secondary-button {
  grid-column-gap: 8px;
  background-color: var(--_primitives---color--white);
  border-radius: 25px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  text-decoration: none;
  display: flex;
}

.secondary-button a {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 150%;
  text-decoration: none;
  color: var(--_primitives---color--cosmic);
}

.secondary-button:hover {
  background-color: var(--_primitives---color--cosmic);
  transition-duration: 0.3s;
}

.secondary-button:hover a {
  color: var(--_primitives---color--white);
  transition-duration: 0.3s;
}

.secondary-button-2 {
  grid-column-gap: 8px;
  background-color: var(--_primitives---color--white);
  border-radius: 25px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  text-decoration: none;
  display: flex;
}

.secondary-button-2 a {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 150%;
  text-decoration: none;
  color: var(--_primitives---color--cosmic);
}

.secondary-button-2:hover {
  background-color: var(--_primitives---color--lilac);
  transition-duration: 0.3s;
}

.secondary-button-2:hover a {
  color: var(--_primitives---color--white);
  transition-duration: 0.3s;
}

.placeholder-logo {
  overflow: hidden;
}

header {
  background-color: #000;
  background-size: cover;
  height: 72px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  transition: height 0.3s;
  transition-delay: 0.3s;
  z-index: 25;
}

header.visible {
  height: 72px;
  transition-delay: 0.3s;
  transition-duration: 0.3s;
}


.overheader {
  position: fixed;
  top: 0;
  height: 5px;
  width: 100vw;
  background-color: #fff;
  z-index: 2000;

  transform: translateY(-100%);
  transition: transform 0.3s ease;
}

header:has(.list-container:hover) .overheader {
  transform: translateY(0);
}

.navbar-2 {
  background-color: #c08fbf;
  width: 100%;
  height: 72px;
  padding-left: 64px;
  padding-right: 64px;
  position: sticky;
  top: 0;
  z-index: 1000;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}

.section-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 60%;
  height: 100%;
}

.list-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.list-container a {
  position: absolute;
  top: 25px;
  color: #fff;
  text-decoration: none;
  transition: color 0.3s;
  z-index: 5000;
  text-transform: uppercase;
}

.list-container a:hover {
  color: #6b3f6b;
}

.box-container {
  display: flex;
  flex-direction: row;
  z-index: 1000;
  height: 20px;
  width: 65px;
  margin-bottom: 10px;
}

.list-container .boxLeft {
  background-color: #c08fbf;
  border-radius: 5px;
  transform: translate(-15px, -16px);
  height: 80%;
  margin: 0;
  padding: 0;
  width: 15px;
  z-index: 5000;
}

.list-container .boxMiddle {
  background-color: #fff;
  border-radius: 0 0 6px 6px;
  top: 0;
  transform: translate(0px, -50px);
  position: absolute;
  height: 10px;
  margin: 0;
  padding: 0;
  width: 60px;
  z-index: 3000;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.list-container .boxRight {
  background-color: #c08fbf;
  border-radius: 5px;
  transform: translate(45px, -16px);
  height: 80%;
  margin: 0;
  padding: 0;
  width: 15px;
  z-index: 5000;
}

.list-container .boxBackground {
  width: 10px;
  height: 5px;
  transform: translate(0px, -50px);
  position: absolute;
  top: 0;
  background-color: #fff;
  z-index: 1000;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-delay: 0s;
}

.list-container:hover .boxMiddle {
  transform: translateY(5px);
}

.list-container:hover .boxBackground {
  transform: translate(25px, 5px) scaleX(8);
}


.burger-icon {
  display: none;
  position: fixed;
  top: 20px;
  right: 20px;
  cursor: pointer;
  transition: transform 1s, opacity 1.5s;
  opacity: 1;
  z-index: 20000;
  color: #6b3f6b;
}

.burger-icon span {
  font-size: 34px;
}

.burger-icon.hidden {
  position: absolute;
  z-index: 200;
  transition: transform 0.5s, opacity 0.5s;
  transform: rotate(180deg);
  opacity: 0;
}

.burger-icon.visible {
  position: absolute;
  z-index: 200;
  transition: transform 0.5s, opacity 1s;
  transform: rotate(0deg);
  opacity: 1;
}

.burger-icon .material-symbols-outlined {
  display: inline-block;
  transform-origin: center;
}

.burger-icon .spin-open {
  animation: burgerSpinOpen 0.45s ease;
}

.burger-icon .spin-close {
  animation: burgerSpinClose 0.45s ease;
}

@keyframes burgerSpinOpen {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

@keyframes burgerSpinClose {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.content-style {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  text-decoration: none;
  display: flex;
  flex: 0 0 auto;
}

.column {
  display: flex;
  flex: 1;
  justify-content: space-evenly;
  align-items: center;
  width: auto;
  gap: 24px;
}


.link-style {
  grid-column-gap: 4px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.link-text {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.nav-link-dropdown {
  grid-column-gap: 4px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.chevron-down {
  overflow: hidden;
}

.actions {
  grid-column-gap: 16px;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  text-decoration: none;
  display: flex;
  flex: 0 0 auto;
}

.header-114 {
  grid-column-gap: 80px;
  background-image: linear-gradient(#0006, #0006), url('../images/Header--114-.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 900px;
  min-height: 900px;
  padding: 112px 64px;
  display: flex;
}

.component {
  grid-column-gap: 80px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 676px;
  text-decoration: none;
  display: flex;
}

.column-one {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 676px;
  text-decoration: none;
  display: flex;
}

.heading {
  color: var(--_primitives---color--white);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oooh Baby, sans-serif;
  font-size: 120px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.text {
  color: var(--_primitives---color--white);
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.header-64 {
  grid-row-gap: 80px;
  background-color: #fdf0e6;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 64px 64px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.was-ist-systemisches-coaching-bei-mir {
  color: #050708;
  text-align: center;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.die-haltung-wahrhaftig-verbunden-wir-arbeiten-auf-augenhhe-ich-gebe-keine-ratschlge-von-oben-herab-s {
  color: #050708;
  margin-top: 0;
  margin-bottom: 0;
  font-family: undefined, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.ich-bin-eca-und-qsa-zertifizierte-systemische-coachin {
  color: #050708;
  margin: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  position: static;
}

.verbinde-dich-entfalte-dich {
  color: #fff;
  text-align: center;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.wir-arbeiten-daran-deine-innere-haltung-zu-klren-blockaden-zu-lsen-und-zugang-zu-deiner-intuition-zu {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.coaching-methoden {
  color: #050708;
  text-align: center;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.die-ich-anwende {
  color: #050708;
  text-align: center;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.solution-focused-coaching-nach-m-aktinson-systemisches-coaching-kompetenz-modell-nach-marcel-hben {
  color: #050708;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.cta-25 {
  grid-row-gap: 80px;
  background-color: #6b3f6b;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 112px 64px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.footer-7 {
  grid-row-gap: 80px;
  background-color: #201220;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 80px 64px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

#footer-logo {
  grid-row-gap: 24px;
  width: 150px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  filter: brightness(0) invert(1);
}



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

.zur-startseite {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-small);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

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

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

._2025-dr-anne-christin-losert-alle-rechte-vorbehalten {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-small);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.footer-links {
  grid-column-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.datenschutz, .impressum, .cookie-einstellungen {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-small);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
}

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

.content-header {
  color: #050708;
  text-align: center;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 42px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.intro-text, .intro-text-inline {
  color: #050708;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 150%;
  text-decoration: none;
}

.intro-text-inline {
  text-align: left !important;
}

.intro-text-white {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 150%;
  text-decoration: none;
}

.intro-text-white-inline {
  color: #fff;
  text-align: left;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 150%;
  text-decoration: none;
}

.layout-373 {
  grid-row-gap: 80px;
  background-color: var(--_primitives---color--cosmic);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 112px 64px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.intro-list {
  color: #050708;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 150%;
  text-align: left;        
  padding-left: 1.2em;   
}

.intro-list li::marker {
  color: #6b3f6b;
}

.section-title {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  text-decoration: none;
  display: flex;
}

.tagline-wrapper {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.tagline {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oooh Baby, sans-serif;
  font-size: 38px;
  font-weight: 200;
  line-height: 150%;
  text-decoration: none;
}

.tagline-contact {
  color: black;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oooh Baby, sans-serif;
  font-size: 38px;
  font-weight: 200;
  line-height: 150%;
  text-decoration: none;
}

.card {
  background-color: var(--_primitives---color--lilac);
  border-radius: 40px;
  width: 100%;
  max-width: 400px;
  min-height: 370px;
  padding: 24px;
  box-sizing: border-box;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 4px 8px 8px #00000040;
}

.card:hover {
  background-color: #CFA5CE;
  transition-duration: 0.3s;
}


.content-top {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: relative;
}


.content-top img {
  width: 30px;
  height: aut;
}

.network_node_24dp_fff_fill1_wght400_grad0_opsz24-2, .route_24dp_fff_fill1_wght400_grad0_opsz24-1, .campaign_24dp_fff_fill1_wght400_grad0_opsz24-1 {
  overflow: hidden;
}

.testimonial-slider {
  position: relative;
  width: 100%;
  background-color: var(--_primitives---color--light-background);
  overflow: hidden;
}

.testimonial-viewport {
  width: 100%;
  overflow: hidden;
}

.testimonial-track {
  display: flex;
  transition: transform 0.6s ease;
  will-change: transform;
}

.testimonial-slider .testimonial-4 {
  flex: 0 0 100%;
  width: 100vw;
  max-width: 100vw;
  box-sizing: border-box;
  background-color: var(--_primitives---color--light-background);
  padding: 112px 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.testimonial-slider .container-3 {
  width: 100%;
  margin: 0 auto;
}

.testimonial-slider .content-style-9 {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  text-align: center;
}

.testimonial-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 56px;
  height: 56px;
  border: none;
  border-radius: 50%;
  background: rgba(107, 63, 107, 0.9);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 20;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.testimonial-arrow:hover {
  background: var(--_primitives---color--lilac);
}

.testimonial-arrow-left {
  left: 24px;
}

.testimonial-arrow-left span {
  transition: transform 0.3s ease-in-out;
}

.testimonial-arrow-left:hover span {
  transform: translateX(-5px);
}

.testimonial-arrow-right {
  right: 24px;
  transition: transform 0.3s ease-in-out;
}

.testimonial-arrow-right span {
  transition: transform 0.3s ease-in-out;
}

.testimonial-arrow-right:hover span {
  transform: translateX(5px);
}

.testimonial-arrow .material-symbols-outlined {
  font-size: 16px;
  line-height: 1;
}

@media (max-width: 991px) {
  .testimonial-slider .testimonial-4 {
    padding: 80px 24px;
  }

  .testimonial-arrow {
    width: 46px;
    height: 46px;
  }

  .testimonial-arrow-left {
    left: 12px;
  }

  .testimonial-arrow-right {
    right: 12px;
  }

  .quote {
    font-size: 16px;
  }

}

.stars {
  grid-column-gap: 4px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.quote {
  color: #050708;
  text-align: center;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}

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

.avatar-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.header-62 {
  grid-row-gap: 80px;
  background-color: #6b3f6b;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 112px 64px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.content-header-white {
  color: #fff;
  text-align: center;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 42px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.seit-ber-15-jahren-bewege-ich-mich-als-strategin-in-der-unternehmenskommunikation-ich-verleihe-mensc {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 150%;
  text-decoration: none;
}

.button-style-4 {
  grid-column-gap: 8px;
  border: 0px solid var(--_primitives---color--white);
  background-color: var(--_primitives---color--white);
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 150%;
  width: 174px;
  height: 50px;
  padding: 10px 24px;
  text-decoration: none;
  display: flex;
}

.button-style-5 {
  color: var(--_primitives---color--neutral-darkest);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 150%;
}

.button-style-6 {
  grid-column-gap: 8px;
  border: 1px solid var(--_primitives---color--white);
  background-color: var(--_primitives---color--white);
  border-radius: 25px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  text-decoration: none;
  display: flex;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 150%;
}

.button-style-7 {
  grid-column-gap: 8px;
  border: 3px solid #fff;
  border-radius: 25px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 30px;
  left: 89.2885px;
  overflow: hidden;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 150%;
}

.link-style-2 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
  position: relative;
}

.container-2 {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

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

.actions-2 {
  grid-column-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.container-3 {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.component-2 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1300px;
  height: auto;
  text-decoration: none;
  display: flex;
}

.die-haltung-wahrhaftig-verbunden-wir-arbeiten-auf-augenhhe-ich-gebe-keine-ratschlge-von-oben-herab-s-2 {
  color: #050708;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .375rem;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
  display: inline-block;
}

.die-haltung-wahrhaftig-verbunden-wir-arbeiten-auf-augenhhe-ich-gebe-keine-ratschlge-von-oben-herab-s-3 {
  color: #050708;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .375rem;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  display: inline-block;
}

.die-haltung-wahrhaftig-verbunden-wir-arbeiten-auf-augenhhe-ich-gebe-keine-ratschlge-von-oben-herab-s-4 {
  color: #050708;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  display: inline-block;
}

.container-4 {
  width: 100%;
  max-width: 1280px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
  position: static;
}

.container-5 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  width: auto;
  max-width: none;
  position: static;
}

.container-5 img {
  height: 72px;
  width: auto;
  display: block;
}

.header-64-2 {
  grid-row-gap: 80px;
  background-color: #6b3f6b;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 112px 64px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.content-style-3 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  text-decoration: none;
  display: flex;
}

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

.heading-contact  {
  color: black;
  text-align: center;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.text-2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.content-style-5 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 480px;
  text-decoration: none;
  display: flex;
}

.header-114-2 {
  grid-column-gap: 80px;
  background-image: linear-gradient(#0006, #0006), url('../images/Header--114-_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 900px;
  min-height: 900px;
  padding: 112px 64px;
  display: flex;
}

.container-6 {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.component-3 {
  grid-column-gap: 80px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 676px;
  text-decoration: none;
  display: flex;
}

.column-one-2 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1318px;
  height: 676px;
  text-decoration: none;
  display: flex;
}

.text-3 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oooh Baby;
  font-size: 120px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.heading-3 {
  color: #fff;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 36px;
  font-weight: 200;
  line-height: 120%;
  text-decoration: none;
}

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

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

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

@media (max-width: 991px) {
  .row-2 {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }

  .card {
    max-width: 100%;
    height: auto !important;
    padding: 24px;
    box-sizing: border-box;
  }

  .content-style-6 {
    height: auto !important;
    max-width: 100%;
    padding: 0;
  }

  .content-top {
    height: auto !important;
  }

  .content-style-7 {
    align-items: center;
  }

  .card > .primary-button {
    align-self: center;
  }

  .heading-4 {
    font-size: 24px !important;
  }

  .text-4 {
    font-size: 16px !important;
  }
}

.card > .primary-button {
  margin-top: 16px;
}

.content-style-6 {
  width: 100%;
  max-width: 400px;
  padding: 0;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}

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

.heading-4 {
  color: #fff;
  text-align: center;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 32px;
  font-weight: 200;
  line-height: 120%;
  text-decoration: none;
}

.text-4 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 150%;
  text-decoration: none;
}

.actions-3 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 30px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.content-top-2 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.content-style-9 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.text-5 {
  color: #050708;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

.text-6 {
  color: #050708;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.component-6 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  text-decoration: none;
  display: flex;
}

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

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

.footer-7-2 {
  grid-row-gap: 80px;
  background-color: #201220;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 48px 64px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.container-7 {
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  text-decoration: none;
  display: flex;
}

.was-ist-executive-communications-bei-mir {
  color: #050708;
  text-align: center;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 64px;
  font-weight: 200;
  line-height: 120%;
  text-decoration: none;
}

.was-ist-executive-communications-bei-mir-exzellente-kommunikation-ist-kein-zufall-sondern-das-ergebn {
  color: #050708;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 150%;
  text-decoration: none;
}

.worte-die-verbinden-reden-die-berhren {
  color: #fff;
  text-align: center;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 64px;
  font-weight: 200;
  line-height: 120%;
  text-decoration: none;
}

.worte-haben-die-macht-zu-trennen-oder-zu-heilen-ich-schreibe-fr-dich-reden-vortrge-und-leitbilder-di {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 150%;
  text-decoration: none;
}

.topic-list,
.topic-list li {
  color: #fff;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 150%;
  align-items: start;
  text-align: left;
}

.topic-list {
  margin: 0;
  padding-left: 1.2em;
  align-self: flex-start;
}

.ablauf {
  color: #050708;
  text-align: center;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 64px;
  font-weight: 200;
  line-height: 120%;
  text-decoration: none;
}

.kostenloses-vorgesprch-und-auftragsklrung-dauert-dreiig-minuten-danach-erhalten-sie-ein-unverbindlic {
  color: #050708;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 200;
  line-height: 150%;
  text-decoration: none;
}

.button-style-8 {
  grid-column-gap: 8px;
  background-color: var(--_primitives---color--cosmic);
  border-radius: 25px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  text-decoration: none;
  display: flex;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 150%;
}

.button-style-9 {
  color: var(--_primitives---color--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 150%;
}

.button-style-10 {
  grid-column-gap: 8px;
  border: 1px solid var(--_primitives---color--cosmic);
  background-color: var(--_primitives---color--cosmic);
  border-radius: 25px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  text-decoration: none;
  display: flex;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 150%;
}

.button-style-11 {
  grid-column-gap: 8px;
  border: 0px solid var(--_primitives---color--white);
  background-color: var(--_primitives---color--white);
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 174px;
  height: 50px;
  padding: 10px 24px;
  text-decoration: none;
  display: flex;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 150%;
}

.button-style-12 {
  color: var(--_primitives---color--neutral-darkest);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 150%;
}

.button-style-13 {
  grid-column-gap: 8px;
  border: 1px solid var(--_primitives---color--white);
  background-color: var(--_primitives---color--white);
  border-radius: 25px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  text-decoration: none;
  display: flex;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 150%;
}

.header-114-3 {
  grid-column-gap: 80px;
  background-image: linear-gradient(#0006, #0006), url('../images/Header--114-_2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 900px;
  min-height: 900px;
  padding: 112px 64px;
  display: flex;
}

.header-114-3-1 {
    grid-column-gap: 80px;
  background-image: linear-gradient(#0006, #0006), url('../images/Header--114-3-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 900px;
  min-height: 900px;
  padding: 112px 64px;
  display: flex;
}

.column-one-3 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 676px;
  text-decoration: none;
  display: flex;
}

.heading-5 {
  color: var(--_primitives---color--white);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oooh Baby, sans-serif;
  font-size: 120px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.text-7 {
  color: var(--_primitives---color--white);
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.was-ist-executive-communications-bei-mir-exzellente-kommunikation-ist-kein-zufall-sondern-das-ergebn-2 {
  color: #050708;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .375rem;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  display: inline-block;
}

.was-ist-executive-communications-bei-mir-exzellente-kommunikation-ist-kein-zufall-sondern-das-ergebn-3 {
  color: #050708;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .375rem;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
  display: inline-block;
}

.was-ist-executive-communications-bei-mir-exzellente-kommunikation-ist-kein-zufall-sondern-das-ergebn-4 {
  color: #050708;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  display: inline-block;
}

@media (max-width: 991px) {
  .was-ist-executive-communications-bei-mir-exzellente-kommunikation-ist-kein-zufall-sondern-das-ergebn-2,
  .was-ist-executive-communications-bei-mir-exzellente-kommunikation-ist-kein-zufall-sondern-das-ergebn-3,
  .was-ist-executive-communications-bei-mir-exzellente-kommunikation-ist-kein-zufall-sondern-das-ergebn-4 {
    display: block;
    width: 100%;
    margin-right: 0;
  }
}

.zur-startseite-2 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-small);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

._2025-dr-anne-christin-losert-alle-rechte-vorbehalten-2 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-small);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.datenschutz-2, .impressum-2, .cookie-einstellungen-2 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-small);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
}

.mein-weg {
  color: #050708;
  text-align: center;
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.ich-bin-dr-anne-christin-losert-seit-ber-15-jahren-bewege-ich-mich-als-strategin-in-der-welt-der-unt {
  color: #050708;
  width: 100%;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

._1989-geboren-in-einer-niederbayerischen-kleinstadt-mit-berliner-eltern-aufgewachsen-in-einer-kleinen {
  color: #050708;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.vielleicht-liebte-ich-es-deshalb-so-mich-zu-verkleiden-und-in-rollen-zu-schlpfen-vielleicht-war-ich {
  color: #050708;
  text-align: right;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.nach-dem-abi-studierte-ich-medien-und-kommunikation-ich-bewarb-mich-nach-berlin-meiner-herzensheimat {
  color: #050708;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.mde-ging-ich-den-camino-frances-730-km-von-pamplona-nach-santiago-de-compostela-allein-ich-lief-mich {
  color: #050708;
  text-align: right;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.ich-lernte-meinen-jetzigen-mann-kennen-und-bin-glcklich-mit-ihm-wie-mit-keinem-menschen-zuvor-er-lss {
  color: #050708;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.ich-war-schwanger-nachdem-ich-die-liebe-meines-lebens-geheiratet-hatte-die-geburt-und-ersten-monate {
  color: #050708;
  text-align: right;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.button-style-14 {
  grid-column-gap: 8px;
  background-color: var(--_primitives---color--cosmic);
  border-radius: 25px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  text-decoration: none;
  display: flex;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 150%;
}

.button-style-15 {
  color: var(--_primitives---color--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 150%;
}

.button-style-16 {
  grid-column-gap: 8px;
  border: 1px solid var(--_primitives---color--cosmic);
  background-color: var(--_primitives---color--cosmic);
  border-radius: 25px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  text-decoration: none;
  display: flex;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 150%;
}

.button-style-17 {
  grid-column-gap: 8px;
  border: 0px solid var(--_primitives---color--white);
  background-color: var(--_primitives---color--white);
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 174px;
  height: 50px;
  padding: 10px 24px;
  text-decoration: none;
  display: flex;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 150%;
}

.button-style-18 {
  color: var(--_primitives---color--neutral-darkest);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 150%;
}

.button-style-19 {
  grid-column-gap: 8px;
  border: 1px solid var(--_primitives---color--white);
  background-color: var(--_primitives---color--white);
  border-radius: 25px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  text-decoration: none;
  display: flex;
  font-family: Jost, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 150%;
}

.header-114-4 {
  grid-column-gap: 80px;
  background-image: linear-gradient(#0006, #0006), url('../images/ueber-mich-header.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 900px;
  min-height: 900px;
  padding: 112px 64px;
  display: flex;
}

.heading-6 {
  color: var(--_primitives---color--white);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Oooh Baby, sans-serif;
  font-size: 120px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.text-8 {
  color: var(--_primitives---color--white);
  letter-spacing: -.01em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Jost, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
}

.container-8 {
  grid-column-gap: 80px;
  justify-content: flex-end;
  align-items: center;
  width: 80%;
  text-decoration: none;
  display: flex;
}

.container-8 img {
  height: 250px;
}

.zur-startseite-3 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-small);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}

._2025-dr-anne-christin-losert-alle-rechte-vorbehalten-3 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-small);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.datenschutz-3, .impressum-3, .cookie-einstellungen-3 {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: var(--_typography---text-sizes--text-small);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 150%;
  text-decoration: underline;
}



/* ---- Contact Form: isolated namespace ---- */


#contact-form-main-container {
  width: 100%;
  background-color: var(--_primitives---color--cosmic);
  padding: 64px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#contact-form-main-container .section-title {
  width: 100%;
  max-width: 768px;
  margin: 0 auto 32px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

#contact-form-main-container .mipx7f-form-shell {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  padding-top: 2em;
  align-items: center;
}

#contact-form-main-container .mipx7f-form-layout {
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
}

#contact-form-main-container .mipx7f-top-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  align-items: start;
}

#contact-form-main-container .mipx7f-form-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0.5em 0;
}

#contact-form-main-container .mipx7f-form-label {
  width: 100%;
  text-align: left;
  padding: 0.5em 0;
  color: #fff;
  text-transform: uppercase;
}

#contact-form-main-container .mipx7f-input-field {
  border: 2px solid var(--_primitives---color--white);
  border-radius: 0.5rem;
  font-size: inherit;
  font-family: inherit;
  outline: none;
  background: none;
  background-color: #DDBFDC;
  width: 100%;
  height: 4em;
  padding: 0.5em 0.75em;
  overflow: hidden;
  transition: 0.5s;
  color: var(--_primitives---color--cosmic);
  box-sizing: border-box;
}

#contact-form-main-container .mipx7f-input-field:hover {
  border-color: var(--_primitives---color--lilac);
  color: #c08fbf;
}

#contact-form-main-container .mipx7f-input-field::placeholder {
  color: var(--_primitives---color--cosmic);
  opacity: 0.5;
  text-transform: uppercase;
}

#contact-form-main-container .mipx7f-input-field:hover::placeholder {
  color: #c08fbf;
  opacity: 0.5;
}

#contact-form-main-container .mipx7f-input-field:focus {
  border-color: #c08fbf;
  background-color: rgba(192, 143, 191, 0.08);
  color: #c08fbf;
}

#contact-form-main-container .mipx7f-input-field:focus::placeholder {
  color: #c08fbf;
  opacity: 0.5;
}

#contact-form-main-container .mipx7f-textarea-field {
  min-height: 150px;
  width: 100%;
  padding: 1em 0.75em;
  resize: vertical;
  overflow-y: auto;
}

#contact-form-main-container input:-webkit-autofill,
#contact-form-main-container input:-webkit-autofill:hover,
#contact-form-main-container input:-webkit-autofill:focus,
#contact-form-main-container input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 50px black inset !important;
}

#contact-form-main-container input:-webkit-autofill {
  -webkit-text-fill-color: #c08fbf !important;
}

#contact-form-main-container input:-webkit-autofill:hover {
  -webkit-text-fill-color: #c08fbf !important;
}


/* Submit button */


#contact-form-main-container .mipx7f-submit-btn:hover::before {
  width: 100%;
}

#contact-form-main-container .mipx7f-submit-btn.mipx7f-is-sent {
  background-color: #A8D5BA;
}

#contact-form-main-container .mipx7f-submit-btn.mipx7f-is-sent::after {
  background-color: #A8D5BA;
}

#contact-form-main-container .mipx7f-btn-text {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s, opacity 0.3s;
}

#contact-form-main-container #mipx7f_btn_idle {
  transform: translateY(0);
  opacity: 1;
}

#contact-form-main-container #mipx7f_btn_hover {
  transform: translateY(-100%);
  opacity: 0;
}

#contact-form-main-container #mipx7f_btn_sent {
  display: none;
  justify-content: space-around;
}

#contact-form-main-container .mipx7f-btn-iconwrap {
  display: none;
  position: absolute;
  right: 13em;
  top: 2.3em;
}

#contact-form-main-container .mipx7f-btn-circle {
  position: absolute;
  right: 2.9em;
  top: -1em;
  z-index: 1000;
}

#contact-form-main-container .mipx7f-btn-circle img {
  height: 1.4em;
  width: auto;
  filter: brightness(0);
}

#contact-form-main-container .mipx7f-btn-check {
  position: absolute;
  right: 3.05em;
  top: -0.9em;
  z-index: 3000;
}

#contact-form-main-container .mipx7f-btn-check img {
  height: 1.15em;
  filter: brightness(0);
}

@keyframes mipx7fCircleAnimation {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes mipx7fCheckAnimation {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

#contact-form-main-container .mipx7f-btn-circle,
#contact-form-main-container .mipx7f-btn-check {
  opacity: 0;
  transform: scale(0);
}

#contact-form-main-container .mipx7f-btn-iconwrap.mipx7f-show {
  display: block;
}

#contact-form-main-container .mipx7f-btn-iconwrap.mipx7f-show .mipx7f-btn-circle {
  animation: mipx7fCircleAnimation 0.5s ease-in-out 1s forwards;
}

#contact-form-main-container .mipx7f-btn-iconwrap.mipx7f-show .mipx7f-btn-check {
  animation: mipx7fCheckAnimation 0.5s ease-in-out 2s forwards;
}

/* Mobile */

@media (max-width: 750px) {
  #contact-form-main-container .mipx7f-top-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
}



/* ---- Submit button: isolated namespace ---- */

#contact-form-main-container .mipx7f-submit-btn {
  display: inline-block;
  width: 100%;
  height: 4em;
  padding: 0.5em;
  border: none;
  border-radius: 10rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
  color: #000;
  font-size: 1rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  transition: all 0.3s;
  z-index: 1;
}

#contact-form-main-container .mipx7f-submit-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  background-color: #fff;
  border-radius: 10rem;
  z-index: -2;
}

#contact-form-main-container .mipx7f-submit-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  width: 0%;
  height: 100%;
  background-color: #c08fbf;
  border-radius: 10rem;
  transition: all 0.3s;
  z-index: -1;
}

#contact-form-main-container .mipx7f-submit-btn:hover::before {
  width: 100%;
}

#contact-form-main-container .mipx7f-submit-btn.mipx7f-is-sent {
  background-color: #A8D5BA;
}

#contact-form-main-container .mipx7f-submit-btn.mipx7f-is-sent::after {
  background-color: #A8D5BA;
}

#contact-form-main-container .mipx7f-btn-text {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1b1b1b;
  font-family: Mulish, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  transition: transform 0.3s, opacity 0.3s;
}

#contact-form-main-container #mipx7f_btn_idle {
  transform: translateY(0);
  opacity: 1;
}

#contact-form-main-container #mipx7f_btn_hover {
  transform: translateY(-100%);
  opacity: 0;
}

#contact-form-main-container #mipx7f_btn_sent {
  display: none;
  justify-content: space-around;
}

#contact-form-main-container .mipx7f-btn-sentstate {
  position: absolute;
  inset: 0;
}

#contact-form-main-container .mipx7f-btn-iconwrap {
  display: none;
  position: absolute;
  right: 13em;
  top: 2.3em;
}

#contact-form-main-container .mipx7f-btn-circle {
  position: absolute;
  right: 2.9em;
  top: -1em;
  z-index: 1000;
  opacity: 0;
  transform: scale(0);
}

#contact-form-main-container .mipx7f-btn-circle img {
  width: auto;
  height: 1.4em;
  filter: brightness(0);
}

#contact-form-main-container .mipx7f-btn-check {
  position: absolute;
  right: 3.05em;
  top: -0.9em;
  z-index: 3000;
  opacity: 0;
  transform: scale(0);
}

#contact-form-main-container .mipx7f-btn-check img {
  height: 1.15em;
  filter: brightness(0);
}

@keyframes mipx7fCircleAnimation {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes mipx7fCheckAnimation {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

#contact-form-main-container .mipx7f-btn-iconwrap.mipx7f-show {
  display: block;
}

#contact-form-main-container .mipx7f-btn-iconwrap.mipx7f-show .mipx7f-btn-circle {
  animation: mipx7fCircleAnimation 0.5s ease-in-out 1s forwards;
}

#contact-form-main-container .mipx7f-btn-iconwrap.mipx7f-show .mipx7f-btn-check {
  animation: mipx7fCheckAnimation 0.5s ease-in-out 2s forwards;
}

@media (max-width: 750px) {
  #contact-form-main-container .mipx7f-submit-btn {
    width: 100%;
  }
}




.alert-danger {
  font-family: Mulish, sans-serif;
  font-size: 1.5rem;
  font-weight: 200;
  position: relative;
  background-color: #e77e9b;
  color: #000;
  height: auto;
  width: 100%;
  padding: 0.5em;
  text-align: center;
}

.alert-success {
  font-family: Mulish, sans-serif;
  font-size: 1.5rem;
  font-weight: 200;
  position: relative;
  background-color: #A8D5BA;
  color: #000;
  height: auto;
  width: 100%;
  padding: 0.5em;
  text-align: center;
}

#alert-message {
  scroll-margin-top: 15vh;
}


#scrollCircle {
  position: fixed;
  bottom: 2em;
  right: 2em;
  width: 2.5em;
  height: 4em;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  z-index: 20000;
}

#innerCircle {
  position: absolute;
  bottom: 2em;
  right: 2em;
  width: 4em;
  height: 4em;
  background-color: var(--_primitives---color--lilac);
  opacity: 90%;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  transform-origin: center;
  z-index: 10000;
}

#scrollCircle.clicked {
  opacity: 0;
  pointer-events: none;
}

#scrollCircle span {
  font-size: 16px;
  color: var(--_primitives---color--white);
  position: absolute;
  bottom: 3em;
  right: 3em;
  z-index: 11000;
  transition: all 0.3s ease;
  transform: translateY(0) rotate(90deg);
}

#scrollCircle:hover #innerCircle {
  transform: scale(1.2, 1.2);
}

#scrollCircle:hover span {
  transform-origin: center;
  transform: translateY(-8px) rotate(90deg);
  transition-delay: 0.3s;
}

.g-recaptcha {
  transform: scale(0.7);
  transform-origin: left top;
}


@media (max-width: 991px) {
  
  .text-3 {
  font-size: 50px;  
  }

.heading-3 {
  font-size: 26px;
  } 

  .dr-anne-christin-losert {
  font-size: 26px;
  font-weight: 200;
  }

  .content-header, .content-header-white {
  font-weight: 200;
  font-size: 32px;
  }

  .intro-text, .intro-text-white, .intro-text-white-inline, .intro-text-inline, .topic-list ul, .topic-list li {
  font-size: 16px;
  font-weight: 200;
  }

    .container-4 p {
  font-size: 16px;
  font-weight: 200;
}


  .tagline {
  font-size: 26px;
  font-weight: 200;
}

.tagline-contact {
  font-size: 26px;
  font-weight: 200;
}

.alert-danger {
  font-size: 1.1rem;
}

.alert-success {
  font-size: 1.1rem;
}

.footer-row {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  flex-direction: column;
}

.footer-links {
  padding-top: 16px;
  flex-direction: column;
}

.intro-list {
  font-size: 16px;
}

}


/*Ablauf*/
.process-section {
  width: 100%;
  background-color: var(--_primitives---color--light-background);
  padding: 112px 0;
  box-sizing: border-box;
  overflow: visible;
}

.process-container {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  overflow: visible;
}

.process-intro {
  max-width: 680px;
}

.process-heading {
  margin: 0 0 20px 0;
  color: var(--_primitives---color--neutral-darkest);
  font-family: Jost, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: -0.01em;
}

.process-text {
  margin: 0;
  color: var(--_primitives---color--neutral-darkest);
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 150%;
}

.process-cards {
  width: 80%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  position: relative;
  overflow: visible;
}

.process-card {
  width: 100%;
  min-height: 220px;
  background-color: rgba(255, 255, 255, 0.25);
  border: 1.5px solid rgba(107, 63, 107, 0.35);
  padding: 36px 40px 36px 76px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 24px;
  position: relative;
  z-index: 1;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.process-card-1 {
  border-radius: 26px;
  z-index: 3;
  margin-bottom: -22px;
}

.process-card-1:hover {
  transform: translateX(5px);
}

.process-cards:has(.process-card-2:hover) .process-card-2,
.process-cards:has(.process-card-2:hover) .process-card-3,
.process-cards:has(.process-card-3:hover) .process-card-2,
.process-cards:has(.process-card-3:hover) .process-card-3 {
  transform: translateX(5px);
}

.process-card-2 {
  padding-top: 48px;
  border-radius: 26px 26px 0 0;
  z-index: 2;
  min-height: 242px;
}

.process-card-3 {
  border-radius: 0 0 26px 26px;
  z-index: 1;
  margin-top: -1px;
}

.process-card-3, .process-card-2 {
  width: 97%;
  }

.process-card-highlight {
  background-color: #fff;
  border: none;
  box-shadow: 0 14px 34px rgba(32, 18, 32, 0.12);
}

.process-step-marker {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  border-radius: 999px;
  background-color: var(--_primitives---color--cosmic);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 22px rgba(32, 18, 32, 0.18);
  z-index: 5;
}

.process-step-marker .material-symbols-outlined {
  color: #fff;
  font-size: 28px;
  line-height: 1;
  font-variation-settings:
    "FILL" 1,
    "wght" 500,
    "GRAD" 0,
    "opsz" 24;
}

.process-icon-wrap {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  border-radius: 999px;
  background-color: rgba(107, 63, 107, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
}

.process-card-highlight .process-icon-wrap {
  background-color: rgba(107, 63, 107, 0.06);
}

.process-icon-wrap .material-symbols-outlined {
  font-size: 28px;
  line-height: 1;
  color: var(--_primitives---color--cosmic);
  font-variation-settings:
    "FILL" 1,
    "wght" 500,
    "GRAD" 0,
    "opsz" 24;
}

.process-content {
  width: 100%;
  max-width: 820px;
}

.process-content h3 {
  margin: 0 0 14px 0;
  color: var(--_primitives---color--neutral-darkest);
  font-family: Jost, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.01em;
}

.process-content p {
  margin: 0;
  color: var(--_primitives---color--neutral-darkest);
  font-family: Jost, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 150%;
}

@media (max-width: 991px) {
  .process-container {
    width: calc(100vw - 64px);
  }

  .process-heading {
    font-size: 48px;
  }

  .process-content h3 {
    font-size: 30px;
  }

  .process-content p,
  .process-text {
    font-size: 22px;
  }

  .process-card {
    padding: 32px 32px 32px 68px;
  }
}

@media (max-width: 991px) {
  .process-section {
    padding: 64px 0;
  }

  .process-container {
    width: calc(100vw - 32px);
    gap: 32px;
  }

  .process-heading {
    font-size: 38px;
  }

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

  .process-card {
    min-height: auto;
    padding: 28px 20px 28px 52px;
    flex-direction: column;
    gap: 18px;
  }

  .process-card-1 {
    margin-bottom: -10px;
  }

  .process-step-marker {
    width: 46px;
    height: 46px;
  }

  .process-step-marker .material-symbols-outlined {
    font-size: 20px;
  }

  .process-icon-wrap {
    width: 48px;
    height: 48px;
  }

  .process-icon-wrap .material-symbols-outlined {
    font-size: 24px;
  }

  .process-content h3 {
    font-size: 26px;
  }

  .process-content p {
    font-size: 18px;
  }

  .process-card-1 {
  margin-bottom: -30px;
}

  .process-card-2 {
  padding-top: 56px;
  min-height: 250px;
}

.process-card-3, .process-card-2 {
  width: 90%;
  }

  .process-content p {
  font-size: 16px;
  font-weight: 200;
}

.process-content h3 {
  font-size: 24px;
  font-weight: 400;
}

.process-text {
  font-size: 24px;
}

/*Navbar mobile*/
  header {
    height: 72px;
    overflow: visible;
    transition: height 0.4s ease;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    left: 0;
    right: 0;
  }

  header.mobile-nav-open {
    height: 360px;
  }

  .navbar-2 {
    height: 72px;
    width: 90%;
    border-radius: 36px;
    padding-left: 24px;
    padding-right: 24px;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    top: 15px;
    overflow: hidden;
    transition: height 0.4s ease, padding 0.4s ease;
    opacity: 90%;
    box-shadow: 0 12px 18px rgba(32, 18, 32, 0.2);
  }

  header.mobile-nav-open .navbar-2 {
    height: 360px;
    padding-top: 18px;
    padding-bottom: 24px;
    opacity: 1;
  }

  .burger-icon {
    display: flex;
    position: fixed;
    top: 34px;
    right: 42px;
    z-index: 30000;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    color: var(--_primitives---color--cosmic);
    cursor: pointer;
  }

  .burger-icon .material-symbols-outlined {
    font-size: 34px;
    line-height: 1;
    transition: transform 0.3s ease, opacity 0.3s ease;
    font-variation-settings:
      "FILL" 1,
      "wght" 400,
      "GRAD" 0,
      "opsz" 24;
  }

  .burger-icon .material-symbols-outlined {
  display: inline-block;
  transform-origin: center center;
}

/* wird alle 3s kurz ausgelöst */
.burger-icon.is-nudging .material-symbols-outlined {
  animation: burgerNudge 0.5s ease-in-out;
}

@keyframes burgerNudge {
  0%   { transform: scale(100%); }
  50%  { transform: scale(115%); }
  100% { transform: scale(100%); }
}

  .section-links {
    position: absolute;
    top: 72px;
    left: 24px;
    right: 24px;
    width: auto;
    height: auto;
    display: flex;
    padding-top: 2em;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 18px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-12px);
    transition:
      opacity 0.3s ease,
      transform 0.3s ease,
      visibility 0.3s ease;
    pointer-events: none;
  }

  header.mobile-nav-open .section-links {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
    transition-delay: 0.1s;
  }

  .list-container {
    width: 100%;
    align-items: flex-start;
  }

  .list-container .box-container,
  .list-container .boxLeft,
  .list-container .boxMiddle,
  .list-container .boxBackground,
  .list-container .boxRight {
    display: none !important;
  }

  .list-container a {
    position: static;
    top: auto;
    color: #fff;
    font-family: Jost, sans-serif;
    font-size: 18px;
    font-weight: 200;
    line-height: 150%;
    text-transform: none;
    text-decoration: none;
    transition: color 0.3s ease, transform 0.3s ease;
  }

  .list-container a:hover {
    color: #fdf0e6;
    transform: translateX(4px);
  }

  .list-container:hover .boxMiddle,
  .list-container:hover .boxBackground,
  header:has(.list-container:hover) .overheader {
    transform: none !important;
    display: none !important;
  }

  .overheader {
    display: none !important;
  }

  #nav-button {
    display: none;
  }

  .content-style img {
    width: 52px !important;
  }

  body.nav-open {
    overflow: hidden;
  }

  #nav-logo {
    transform: translateY(10px);
  }

  #ueber-mich-container {
    display: flex;
    flex-direction: column;
  }

    .container-8 {
    flex-direction: column;
    gap: 24px;
    width: 100%;
    align-items: center;
    padding: 0 8px;
    box-sizing: border-box;
  }

  /* Reihenfolge erzwingen */
  .container-8 img {
    order: 1;
    width: 100%;
    max-width: 320px;
    height: auto;
  }

  .container-8 p {
    order: 2;
    width: 100%;
    text-align: left;
  }

  .container-8 p {
  max-width: 600px;
  margin: 0 auto; /* zentriert Textblock */
}

.mipx7f-map-wrap {
  flex-direction: column;
}
}

/*Cookie-Banner */
.anne-cookie-banner,
.anne-cookie-modal {
  font-family: Jost, sans-serif;
}

.anne-cookie-banner[hidden],
.anne-cookie-modal[hidden] {
  display: none !important;
}

.anne-cookie-banner {
  position: fixed;
  left: 24px;
  right: 24px;
  bottom: 24px;
  z-index: 99999;
}

.anne-cookie-banner__inner {
  display: flex;
  gap: 24px;
  justify-content: space-between;
  align-items: flex-end;
  padding: 24px;
  background: rgba(107, 63, 107, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 24px;
  box-shadow: 0 16px 50px rgba(32, 18, 32, 0.28);
  backdrop-filter: blur(10px);
}

.anne-cookie-banner__content {
  max-width: 760px;
}

.anne-cookie-banner__eyebrow {
  margin: 0 0 6px;
  color: #fff;
  font-family: "Oooh Baby", cursive;
  font-size: 26px;
  line-height: 120%;
  opacity: 0.95;
}

.anne-cookie-banner__title {
  margin: 0 0 10px;
  color: #fff;
  font-size: 28px;
  font-weight: 300;
  line-height: 120%;
}

.anne-cookie-banner__text {
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 200;
  line-height: 160%;
}

.anne-cookie-banner__links {
  margin-top: 12px;
}

.anne-cookie-banner__links a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.anne-cookie-banner__actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  min-width: 320px;
}

.anne-cookie-btn {
  appearance: none;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 12px 18px;
  font-family: Jost, sans-serif;
  font-size: 15px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
  transition: 0.25s ease;
}

.anne-cookie-btn--primary {
  background: #fff;
  color: #6b3f6b;
  border-color: #fff;
}

.anne-cookie-btn--primary:hover {
  background: #f0ebf0;
  border-color: #f0ebf0;
}

.anne-cookie-btn--secondary {
  background: #c08fbf;
  color: #fff;
  border-color: #c08fbf;
}

.anne-cookie-btn--secondary:hover {
  background: #d2a9d0;
  border-color: #d2a9d0;
}

.anne-cookie-btn--ghost {
  background: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.55);
}

.anne-cookie-btn--ghost:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: #fff;
}

.anne-cookie-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
}

.anne-cookie-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(32, 18, 32, 0.55);
}

.anne-cookie-modal__dialog {
  position: relative;
  z-index: 2;
  width: calc(100% - 32px);
  max-width: 760px;
  margin: 8vh auto 0;
  background: #fff;
  border: 1px solid rgba(107, 63, 107, 0.18);
  border-radius: 28px;
  padding: 28px;
  box-shadow: 0 24px 70px rgba(32, 18, 32, 0.28);
}

.anne-cookie-modal__eyebrow {
  margin: 0 0 6px;
  color: #6b3f6b;
  font-family: "Oooh Baby", cursive;
  font-size: 26px;
  line-height: 120%;
}

.anne-cookie-modal__header h3 {
  margin: 0 0 22px;
  color: #050708;
  font-size: 34px;
  font-weight: 300;
  line-height: 120%;
}

.anne-cookie-modal__body {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.anne-cookie-option {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  border: 1px solid rgba(107, 63, 107, 0.18);
  background: #fdf0e6;
  border-radius: 20px;
  padding: 20px;
}

.anne-cookie-option__title {
  margin: 0 0 6px;
  color: #050708;
  font-size: 18px;
  font-weight: 400;
}

.anne-cookie-option__text {
  margin: 0;
  color: #050708;
  font-size: 15px;
  font-weight: 300;
  line-height: 155%;
  opacity: 0.92;
}

.anne-cookie-modal__actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 24px;
}

.anne-cookie-switch {
  position: relative;
  display: inline-flex;
  width: 56px;
  height: 32px;
  flex: 0 0 auto;
}

.anne-cookie-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.anne-cookie-switch__slider {
  position: absolute;
  inset: 0;
  background: rgba(107, 63, 107, 0.15);
  border: 1px solid rgba(107, 63, 107, 0.3);
  border-radius: 999px;
  transition: 0.2s ease;
}

.anne-cookie-switch__slider::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  left: 3px;
  top: 3px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(32, 18, 32, 0.18);
  transition: 0.2s ease;
}

.anne-cookie-switch input:checked + .anne-cookie-switch__slider {
  background: #6b3f6b;
  border-color: #6b3f6b;
}

.anne-cookie-switch input:checked + .anne-cookie-switch__slider::before {
  transform: translateX(24px);
  background: #fff;
}

@media (max-width: 767px) {
  .anne-cookie-banner {
    left: 12px;
    right: 12px;
    bottom: 12px;
  }

  .anne-cookie-banner__inner {
    flex-direction: column;
    align-items: stretch;
    padding: 18px;
    gap: 18px;
    border-radius: 20px;
  }

  .anne-cookie-banner__title {
    font-size: 24px;
  }

  .anne-cookie-banner__text {
    font-size: 15px;
  }

  .anne-cookie-banner__actions {
    min-width: 0;
    justify-content: stretch;
  }

  .anne-cookie-btn {
    width: 100%;
  }

  .anne-cookie-option {
    align-items: flex-start;
  }

  .anne-cookie-modal__dialog {
    padding: 20px;
    margin-top: 4vh;
    border-radius: 22px;
  }

  .anne-cookie-modal__header h3 {
    font-size: 28px;
  }

}

.contact-mail-line {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  vertical-align: middle;
}

.contact-mail-icon {
  font-size: 24px;
  line-height: 1;
}

#google-calendar.tagline {
  padding-top: 3em;
  color: white;
}

#kontaktdaten {
  padding-top: 3em;
  color: white;
}

#maps {
  display: block;
  flex: 0 0 auto;
  border: 2px solid white;
  border-radius: 16px;
}

.mipx7f-map-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 38px;
  gap: 2em;
}

.contact-mail-line-white {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  text-align: left;
  flex: 1;
}

@media (max-width: 991px) {
  .mipx7f-map-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  #maps {
    margin: 0;
  }
}

/*Booking Button*/

#booking-form-main-container {
  padding-top: 2em;
}

#booking-form-main-container .mipx7f-booking-btn:hover::before {
  width: 100%;
}

#booking-form-main-container .mipx7f-btn-text {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s, opacity 0.3s;
}

#booking-form-main-container #mipx8f_btn_idle {
  transform: translateY(0);
  opacity: 1;
}

#booking-form-main-container #mipx8f_btn_hover {
  transform: translateY(-100%);
  opacity: 0;
}



/* Mobile */

@media (max-width: 750px) {
  #booking-form-main-container .mipx7f-top-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
}



/* ---- Booking button: isolated namespace ---- */

#booking-form-main-container .mipx7f-booking-btn {
  display: inline-block;
  width: 100%;
  height: 4em;
  padding: 0.5em;
  border: none;
  border-radius: 10rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
  color: #000;
  font-size: 1rem;
  letter-spacing: 0.15rem;
  text-transform: uppercase;
  transition: all 0.3s;
  z-index: 1;
}

#booking-form-main-container .mipx7f-booking-btn::after {
  content: '';
  position: absolute;
  inset: 0;
  background-color: #fff;
  border-radius: 10rem;
  z-index: -2;
}

#booking-form-main-container .mipx7f-booking-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  width: 0%;
  height: 100%;
  background-color: #c08fbf;
  border-radius: 10rem;
  transition: all 0.3s;
  z-index: -1;
}

#booking-form-main-container .mipx7f-booking-btn:hover::before {
  width: 100%;
}

#booking-form-main-container .mipx7f-btn-text {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #1b1b1b;
  font-family: Mulish, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  transition: transform 0.3s, opacity 0.3s;
}

#booking-form-main-container #mipx8f_btn_idle {
  transform: translateY(0);
  opacity: 1;
}

#booking-form-main-container #mipx8f_btn_hover {
  transform: translateY(-100%);
  opacity: 0;
}


@media (max-width: 750px) {
  #booking-form-main-container .mipx7f-booking-btn {
    width: 100%;
  }
}

#service-cards {
  align-items: center;
}

#service-cards-1 {
  display: flex;
  justify-content: center !important;
  align-items: stretch;
  gap: 32px;
  flex-wrap: wrap;
}