/* Fonts */
@font-face { font-family: "ABCFavoritExpanded-Bold"; src: url("assets/fonts/ABCFavoritExpanded-Bold.woff2") format("woff2"), url("assets/fonts/ABCFavoritExpanded-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; }
:root { --SG-Yellow: #FFE433; --SG-Blue: #4100F2; --SG-Pink: #F6DFE7; --SG-Light-Pink: #F6E9F0; --grid-max-width: 1729px; --grid-gap: 20px; --page-padding: 80px; --grid-track: minmax(0, calc((var(--grid-max-width) - (11 * var(--grid-gap))) / 12)); --font-display: "ABCFavoritExpanded-Bold", sans-serif; --font-body: "Work Sans", sans-serif; --type-body-size: 20px; --type-body-line: 26px; --type-body-track: -0.4px; --type-title-size: 32px; --type-title-line: 107%; --type-title-track: -1.92px; --type-display-size: 68px; --type-display-line: 98%; --type-display-track: -4.08px; --type-hero-size: 107px; --type-hero-line: 84%; --type-hero-track: -6.42px; --space-section: 100px; --space-stack: 50px; --space-teaser-offset: 100px; --space-teaser-bg-bottom: 100px; }
/* Base */
@font-face { font-family: "Work Sans Variable"; src: url("assets/fonts/worksans-variable.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Work Sans"; src: url("assets/fonts/worksans-variable.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; }
* { box-sizing: border-box; }
body { margin: 0; padding: 0 0 var(--page-padding); background: var(--SG-Pink); font-family: var(--font-body); font-size: var(--type-body-size); font-style: normal; font-weight: 400; line-height: var(--type-body-line); letter-spacing: var(--type-body-track); }
a:not([class]) { color: var(--SG-Blue); }
.page-ueber-mich .bg-header, .page-sexuelle-bildung .bg-header, .page-praxis .bg-header, .page-empfehlungen .bg-header { background: var(--SG-Light-Pink); }
.page-ueber-mich .teaser-group-with-bg, .page-sexuelle-bildung .teaser-group-with-bg, .page-praxis .teaser-group-with-bg, .page-empfehlungen .teaser-group-with-bg { background: var(--SG-Light-Pink); }
.grid { display: grid; grid-template-columns: minmax(var(--page-padding), 1fr) repeat(12, var(--grid-track)) minmax(var(--page-padding), 1fr); grid-template-rows: auto auto auto 150px auto auto auto 150px auto 150px auto 150px auto 150px auto; gap: var(--grid-gap); }
.page-kontakt .grid, .page-impressum .grid, .page-datenschutz .grid { grid-template-rows: auto auto auto 150px auto 150px auto 150px auto; }
.page-kontakt .bottom-logo-link, .page-impressum .bottom-logo-link, .page-datenschutz .bottom-logo-link, .page-kontakt .footer-col, .page-impressum .footer-col, .page-datenschutz .footer-col { grid-row: 7; }
.page-kontakt .copyright, .page-impressum .copyright, .page-datenschutz .copyright { grid-row: 9; }
.page-ueber-mich .grid, .page-sexuelle-bildung .grid { grid-template-rows: auto auto auto 150px auto 150px auto 150px auto 150px auto 150px auto 150px auto; }
.page-praxis .grid { grid-template-rows: auto auto auto auto 150px auto 150px auto 150px auto 150px auto; }
.page-praxis .bg-contact-group, .page-praxis .contact-group, .page-praxis .contact-scribble { grid-row: 8; }
.page-praxis .bottom-logo-link, .page-praxis .footer-col { grid-row: 10; }
.page-praxis .copyright { grid-row: 12; }
.page-empfehlungen .grid { grid-template-rows: auto auto auto auto 150px auto auto auto auto 150px auto 150px auto 150px auto; }
.page-empfehlungen .bg-contact-group, .page-empfehlungen .contact-group, .page-empfehlungen .contact-scribble { grid-row: 11; }
.page-empfehlungen .bottom-logo-link, .page-empfehlungen .footer-col { grid-row: 13; }
.page-empfehlungen .copyright { grid-row: 15; }
@media (min-width: 1024px) {
  .page-therapie .grid { grid-template-rows: auto auto auto 150px auto 150px auto auto auto 150px auto 150px auto 150px auto 150px auto 150px auto; }
  .page-therapie .bg-box-home { grid-row: 7 / 10; }
  .page-therapie .box-home { grid-row: 7; }
  .page-therapie .box-home--secondary { grid-row: 8; }
  .page-therapie .lust-image { grid-row: 8; }
  .page-therapie .box-home--tertiary { grid-row: 9; }
  .page-therapie .video { grid-row: 13; }
  .page-therapie .bg-contact-group, .page-therapie .contact-group, .page-therapie .contact-scribble { grid-row: 15; }
  .page-therapie .bottom-logo-link, .page-therapie .footer-col { grid-row: 17; }
  .page-therapie .copyright { grid-row: 19; }
  .page-ueber-mich .facts-outer--yellow { grid-row: 7; }
  .page-ueber-mich .bg-box-yellow { grid-row: 7; }
  .page-ueber-mich .video { grid-row: 9; }
  .page-ueber-mich .bg-contact-group, .page-sexuelle-bildung .bg-contact-group, .page-ueber-mich .contact-group, .page-sexuelle-bildung .contact-group, .page-ueber-mich .contact-scribble, .page-sexuelle-bildung .contact-scribble { grid-row: 11; }
  .page-ueber-mich .bottom-logo-link, .page-sexuelle-bildung .bottom-logo-link, .page-ueber-mich .footer-col, .page-sexuelle-bildung .footer-col { grid-row: 13; }
  .page-ueber-mich .copyright, .page-sexuelle-bildung .copyright { grid-row: 15; }
}
.site-header, .site-main, .site-footer { display: contents; }
.teaser-group-container { grid-column: 4 / 15; grid-row: 3; margin-top: -20px; }
/* Background / Layout Blocks */
.bg-header { grid-column: 4 / -1; grid-row: 1 / 3; background: var(--SG-Yellow); position: relative; z-index: 0; }
.bg-box-home { grid-column: 1 / 12; grid-row: 5 / 8; background: var(--SG-Blue); position: relative; z-index: 0; margin: var(--space-section) 0; border-radius: 0 10px 10px 0; }
.page-therapie .bg-box-home.bg-box-home--row-13 { grid-column: 3 / 11; grid-row: 13; margin: 0; border-radius: 10px; overflow: visible; }
.page-therapie .bg-box-home.bg-box-home--row-13::after { content: ""; position: absolute; top: 50%; right: -170px; width: 250px; height: 100%; background: url("assets/images/scribble-9.webp") no-repeat center / contain; transform: translateY(-50%); pointer-events: none; }
.page-ueber-mich .bg-box-home.bg-box-home--row-13, .page-sexuelle-bildung .bg-box-home.bg-box-home--row-13 { grid-column: 3 / 11; grid-row: 9; margin: 0; border-radius: 10px; overflow: visible; }
.page-ueber-mich .bg-box-home.bg-box-home--row-13::after, .page-sexuelle-bildung .bg-box-home.bg-box-home--row-13::after { content: ""; position: absolute; top: 50%; right: -170px; width: 250px; height: 100%; background: url("assets/images/scribble-9.webp") no-repeat center / contain; transform: translateY(-50%); pointer-events: none; }
.page-therapie .recommendations { grid-column: 4 / 9; grid-row: 13; position: relative; z-index: 1; align-self: center; padding: var(--space-section) 0; }
.page-ueber-mich .recommendations, .page-sexuelle-bildung .recommendations { grid-column: 4 / 9; grid-row: 9; position: relative; z-index: 1; align-self: center; padding: var(--space-section) 0; }
.page-therapie .recommendations .facts-title, .page-ueber-mich .recommendations .facts-title, .page-sexuelle-bildung .recommendations .facts-title { margin: 0 0 var(--space-stack); color: var(--SG-Light-Pink); font-family: var(--font-display); font-size: var(--type-display-size); font-style: normal; font-weight: 700; line-height: var(--type-display-line); letter-spacing: var(--type-display-track); }
.page-ueber-mich .facts-outer > .facts-title, .page-sexuelle-bildung .facts-outer > .facts-title, .page-sexuelle-bildung .box-interested .facts-title { font-size: var(--type-display-size); line-height: var(--type-display-line); letter-spacing: var(--type-display-track); }
.page-therapie .recommendations__text, .page-ueber-mich .recommendations__text, .page-sexuelle-bildung .recommendations__text { margin: 0 0 var(--space-stack); color: var(--SG-Light-Pink); }
.page-praxis .teaser-group .facts-title, .page-praxis .link-recommendations .facts-title, .page-empfehlungen .books-title, .page-empfehlungen .link-recommendations .facts-title { font-family: var(--font-display); font-size: var(--type-display-size); font-style: normal; font-weight: 700; line-height: var(--type-display-line); letter-spacing: var(--type-display-track); }
.link-recommendations {
  grid-column: 4 / 14;
  grid-row: 8;
  position: relative;
  z-index: 1;
  overflow: visible;
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  column-gap: var(--grid-gap);
  row-gap: 20px;
}
.link-recommendations::before {
  content: "";
  position: absolute;
  top: 40%;
  left: -270px;
  width: 250px;
  height: 100%;
  background: url("assets/images/scribble-10.webp") no-repeat center / contain;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 0;
}
.link-recommendations .facts-title { grid-column: 1 / -1; margin-top: var(--space-section); margin-bottom: var(--space-stack); position: relative; z-index: 1; }
.link-recommendations__col { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 10px; }
.link-recommendations__col--left { grid-column: 1 / 6; }
.link-recommendations__col--right { grid-column: 6 / 11; }
.faq-container { grid-column: 3 / 9; grid-row: 11; position: relative; z-index: 1; }
.faq-list { margin: 0; }
.faq-item { position: relative; }
.faq-item::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--SG-Blue); }
.faq-item__summary { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none; padding: 30px 0; }
.faq-item__summary::-webkit-details-marker { display: none; }
.faq-item__summary::marker { content: ""; }
.faq-item__title { font-family: var(--font-display); font-size: var(--type-title-size); font-style: normal; font-weight: 700; line-height: var(--type-title-line); letter-spacing: var(--type-title-track); }
.faq-item__icon { width: 32px; height: 32px; flex-shrink: 0; display: grid; place-items: center; }
.faq-item__icon-plus, .faq-item__icon-close { width: 100%; height: 100%; display: block; }
.page-therapie .faq-item__icon-plus { filter: invert(12%) sepia(98%) saturate(7498%) hue-rotate(258deg) brightness(93%) contrast(119%); }
.faq-item__icon-close { display: none; }
.faq-item[open] .faq-item__icon-plus { display: none; }
.faq-item[open] .faq-item__icon-close { display: block; }
.faq-item > .faq-item__content {
  display: block;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 300ms ease, opacity 220ms ease;
}
.faq-item[open] > .faq-item__content {
  max-height: 10000px;
  opacity: 1;
}
.faq-item__content p { margin: 20px 0 30px; }
.faq-side-image { grid-column: 10 / 14; grid-row: 11; width: 100%; height: auto; display: block; border-radius: 10px; position: relative; z-index: 1; }
/* Header */
.hero { grid-column: 5 / 14; grid-row: 2; position: relative; z-index: 1; color: #000; font-family: var(--font-display); font-size: var(--type-hero-size); font-style: normal; font-weight: 700; line-height: var(--type-hero-line); letter-spacing: var(--type-hero-track); margin: var(--space-section) 0 120px; }
.page-praxis .praxis-slider {
  display: contents;
}
.page-praxis .praxis-slider__track {
  --praxis-slider-height: 516px;
  grid-column: 2 / 15;
  grid-row: 4;
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  height: var(--praxis-slider-height);
  margin: 54px 0 0;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x proximity;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  cursor: grab;
}
.page-praxis .praxis-slider__track::-webkit-scrollbar { display: none; }
.page-praxis .praxis-slider__track.is-dragging { cursor: grabbing; }
.page-praxis .praxis-slider__item {
  flex: 0 0 auto;
  height: 100%;
  scroll-snap-align: start;
}
.page-praxis .praxis-slider__image {
  display: block;
  width: auto;
  height: 100%;
  border-radius: 10px;
}
.page-praxis .praxis-slider__controls {
  grid-column: 13 / 14;
  grid-row: 4;
  align-self: start;
  justify-self: end;
  z-index: 2;
  display: flex;
  gap: 10px;
}
.page-praxis .praxis-slider__control {
  width: 30px;
  height: 30px;
  border: 0;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}
.page-praxis .praxis-slider__control img {
  width: 30px;
  height: 30px;
  display: block;
}
.page-praxis .praxis-slider__control:disabled {
  opacity: 0.4;
  cursor: default;
}
.page-praxis .praxis-map {
  grid-column: 8 / 14;
  grid-row: 6;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 10px;
  position: relative;
  z-index: 1;
}
.page-praxis .praxis-directions-bg {
  grid-column: 3 / 14;
  grid-row: 6;
  margin: var(--space-section) 0;
  background: var(--SG-Blue);
  border-radius: 10px;
  position: relative;
  z-index: 0;
}
.page-praxis .praxis-directions-box {
  grid-column: 4 / 8;
  grid-row: 6;
  margin: var(--space-section) 0;
  color: var(--SG-Light-Pink);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.page-praxis .praxis-directions-box,
.page-praxis .praxis-directions-box p,
.page-praxis .praxis-directions-box strong,
.page-praxis .praxis-directions-box li {
  color: var(--SG-Light-Pink);
}
.page-praxis .praxis-directions-box__title {
  margin: 0 0 var(--space-stack);
  font-family: var(--font-display);
  font-size: var(--type-display-size);
  font-style: normal;
  font-weight: 700;
  line-height: var(--type-display-line);
  letter-spacing: var(--type-display-track);
}
.page-praxis .praxis-directions-box__label {
  margin: 0 0 15px;
}
.page-praxis .praxis-directions-box__list {
  margin: 0 0 30px;
  padding-left: 24px;
}
.page-praxis .praxis-directions-box__list li + li {
  margin-top: 10px;
}
.page-praxis .praxis-directions-box__list li::marker {
  color: var(--SG-Pink);
}
.cover { grid-column: 3 / 7; grid-row: 3; align-self: start; position: relative; z-index: 1; margin-top: -20px; }
.page-sexuelle-bildung .cover { grid-column: 2 / 7; }
.cover__image { width: 100%; height: auto; display: block; border-radius: 10px; }
.cover__scribble { position: absolute; left: -8%; bottom: -10%; width: auto; height: 90%; object-fit: contain; pointer-events: none; }
.book-recommendations { grid-column: 2 / 14; grid-row: 6; position: relative; z-index: 1; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--grid-gap); }
.book-recommendations__title { grid-column: 3 / -1; margin: 0; font-family: var(--font-display); font-size: var(--type-title-size); font-style: normal; font-weight: 700; line-height: var(--type-title-line); letter-spacing: var(--type-title-track); }
.book-recommendations__grid { grid-column: 1 / -1; margin: 30px 0 100px; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--grid-gap); }
.book-recommendations__grid + .book-recommendations__title { margin-top: 50px; }
.book-recommendations__item { min-width: 0; }
.book-recommendations__link { display: block; position: relative; overflow: hidden; border-radius: 10px; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.book-recommendations__link::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, rgba(65, 0, 242, 0.12), rgba(0, 0, 0, 0.55));
  opacity: 0;
  transition: opacity 240ms ease;
  pointer-events: none;
  z-index: 1;
}
.book-recommendations__link::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 62px;
  height: 62px;
  border-radius: 999px;
  background: rgba(246, 233, 240, 0.95) url("assets/images/link.svg") center / 28px 28px no-repeat;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.72);
  transition: transform 260ms cubic-bezier(0.2, 0.9, 0.2, 1.1), opacity 220ms ease;
  pointer-events: none;
  z-index: 2;
}
.book-recommendations__image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
  transform-origin: center;
  transition: transform 360ms cubic-bezier(0.2, 0.9, 0.2, 1.1), filter 260ms ease;
  will-change: transform;
}
.book-recommendations__link:is(:hover, :focus-visible) .book-recommendations__image { transform: scale(1.04) scaleX(-1); filter: saturate(1.1); }
.book-recommendations__link:is(:hover, :focus-visible)::before { opacity: 1; }
.book-recommendations__link:is(:hover, :focus-visible)::after { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.book-recommendations__link:focus-visible { outline: 2px solid var(--SG-Blue); outline-offset: 4px; }
.page-praxis .praxis-row-spacer { pointer-events: none; }
.page-praxis .praxis-row-spacer--teaser { grid-column: 1 / -1; grid-row: 5; min-height: 1px; }
.interested-image { grid-column: 3 / 7; grid-row: 7; width: 100%; height: auto; display: block; border-radius: 10px; align-self: center; position: relative; z-index: 1; }
.box-interested { grid-column: 2 / 14; grid-row: 7; display: flex; align-items: center; background: var(--SG-Light-Pink); border-radius: 10px; position: relative; z-index: 0; margin: var(--space-section) 0; padding: var(--space-section) 0; }
.box-interested__inner {
  --box-interested-cols: 12;
  --box-interested-col: calc((100% - ((var(--box-interested-cols) - 1) * var(--grid-gap))) / var(--box-interested-cols));
  width: calc((5 * var(--box-interested-col)) + (4 * var(--grid-gap)));
  margin-left: calc((6 * var(--box-interested-col)) + (6 * var(--grid-gap)));
}
/* Facts Section */
.facts-outer { grid-column: 4 / 14; grid-row: 5; }
.facts-outer--yellow, .facts-outer--light-pink { grid-column: 4 / 12; grid-row: 6; margin: var(--space-section) 0; position: relative; z-index: 1; }
.page-therapie .facts-outer.facts-outer--light-pink { grid-row: 7; }
.page-therapie .facts-outer.facts-outer--light-pink.facts-outer--row-8 { grid-row: 8; }
.page-therapie .facts-outer.facts-outer--light-pink.facts-outer--row-9 { grid-row: 9; }
.page-therapie .facts-outer.facts-outer--light-pink.facts-outer--row-8,
.page-therapie .facts-outer.facts-outer--light-pink.facts-outer--row-9 { margin-top: 180px; }
.bg-box-light-pink { grid-column: 3 / 13; grid-row: 7; background: var(--SG-Light-Pink); position: relative; z-index: 0; overflow: visible; border-radius: 10px; }
.page-therapie .bg-box-light-pink:not(.bg-box-light-pink--row-8):not(.bg-box-light-pink--row-9)::before { content: ""; position: absolute; top: 50%; left: -170px; width: 250px; height: 100%; background: url("assets/images/scribble-6.webp") no-repeat center / contain; transform: translateY(-50%); pointer-events: none; }
.page-therapie .bg-box-light-pink:not(.bg-box-light-pink--row-9) { padding-bottom: 100px; }
.page-therapie .bg-box-light-pink.bg-box-light-pink--row-8 { grid-row: 8; }
.page-therapie .bg-box-light-pink.bg-box-light-pink--row-9 { grid-row: 9; }
.page-therapie .bg-box-light-pink.bg-box-light-pink--row-8::after { content: ""; position: absolute; top: 50%; right: -170px; width: 250px; height: 100%; background: url("assets/images/scribble-7.webp") no-repeat center / contain; transform: translateY(-50%); pointer-events: none; }
.page-therapie .bg-box-light-pink.bg-box-light-pink--row-9::before { content: ""; position: absolute; top: 50%; left: -170px; width: 250px; height: 100%; background: url("assets/images/scribble-8.webp") no-repeat center / contain; transform: translateY(-50%); pointer-events: none; }
.page-therapie .bg-box-light-pink.bg-box-light-pink--row-8,
.page-therapie .bg-box-light-pink.bg-box-light-pink--row-9 { margin-top: 80px; }
.bg-box-yellow { grid-column: 3 / 13; grid-row: 7; background: var(--SG-Yellow); position: relative; z-index: 0; overflow: visible; border-radius: 10px; }
.bg-box-yellow::after { content: ""; position: absolute; top: 50%; right: -170px; width: 250px; height: 100%; background: url("assets/images/scribble-5.webp") no-repeat center / contain; transform: translateY(-50%); pointer-events: none; }
.values-title { grid-column: 4 / 13; grid-row: 7; align-self: start; margin: var(--space-stack) 0 0; font-family: var(--font-display); font-size: var(--type-title-size); font-style: normal; font-weight: 700; line-height: var(--type-title-line); letter-spacing: var(--type-title-track); position: relative; z-index: 1; }
.facts-title { margin: 0 0 var(--space-stack); font-family: var(--font-display); font-size: var(--type-title-size); font-style: normal; font-weight: 700; line-height: var(--type-title-line); letter-spacing: var(--type-title-track); }
.facts-outer--yellow .facts-title, .facts-outer--light-pink .facts-title, .faq-container .facts-title { font-family: var(--font-display); font-size: var(--type-display-size); font-style: normal; font-weight: 700; line-height: var(--type-display-line); letter-spacing: var(--type-display-track); }
.facts-outer--yellow .facts-box__title, .facts-outer--light-pink .facts-box__title { font-family: var(--font-display); font-size: var(--type-title-size); font-style: normal; font-weight: 700; line-height: var(--type-title-line); letter-spacing: var(--type-title-track); }
.facts-outer--light-pink .facts-box__title { margin-top: var(--space-stack); margin-bottom: var(--space-stack); }
.page-therapie .facts-outer--row-9 .facts-note-full-width { width: 100%; margin-top: 50px; }
.sexualtherapy-intro-box {
  display: block;
  width: calc((((100% - (7 * var(--grid-gap))) / 8) * 6) + (5 * var(--grid-gap)));
  max-width: 100%;
}
.facts-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--grid-gap); align-items: start; }
.facts-left-column { background: transparent; padding: 0; min-width: 0; }
.facts-right-column { min-width: 0; --facts-column-unit: calc((100% - (4 * var(--grid-gap))) / 5); }
.facts-box__title { margin: 0; font-family: var(--font-body); font-size: 20px; font-style: normal; font-weight: 600; line-height: 130%; letter-spacing: -0.2px; }
.page-sexuelle-bildung h3.facts-box__title, .hero-info-table, .teaser { font-family: var(--font-display); font-size: var(--type-title-size); font-style: normal; font-weight: 700; line-height: var(--type-title-line); letter-spacing: var(--type-title-track); }
h1, h2, h3, h4, h5, h6, .hero, .box-home__title, .facts-title, .facts-box__title, .contact-title { -webkit-hyphens: auto; hyphens: auto; overflow-wrap: normal; word-break: normal; }
.facts-box__title--subsection { margin-top: 40px; }
.page-sexuelle-bildung .facts-link-button, .link-recommendations .facts-link-button {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  align-items: start;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
  background: var(--SG-Light-Pink);
  color: inherit;
  text-decoration: none;
}
.page-sexuelle-bildung .facts-link-button__icon, .link-recommendations .facts-link-button__icon { width: 30px; height: 30px; display: block; align-self: start; }
.page-sexuelle-bildung .facts-link-button__text, .link-recommendations .facts-link-button__text { min-width: 0; }
.page-sexuelle-bildung .facts-link-button__title, .link-recommendations .facts-link-button__title { display: block; font-weight: 700; }
.page-sexuelle-bildung .facts-link-button__subtitle, .link-recommendations .facts-link-button__subtitle { display: block; }
.page-sexuelle-bildung .facts-link-button--border, .link-recommendations .facts-link-button--border { border: 1px solid var(--SG-Blue); }
.page-sexuelle-bildung .facts-link-button--after-list, .link-recommendations .facts-link-button--after-list { margin-top: 30px; }
.page-sexuelle-bildung .facts-link-divider, .link-recommendations .facts-link-divider { width: 100%; height: 1px; margin-top: 30px; background: var(--SG-Blue); }
.facts-box__list { margin: 20px 0 0; padding-left: 24px; }
.facts-box__list li + li { margin-top: 10px; }
.facts-box__list li::marker { color: var(--SG-Blue); }
.page-therapie .facts-outer--light-pink .facts-box__list { list-style: none; padding-left: 0; }
.page-therapie .facts-outer--light-pink .facts-box__list li { display: grid; grid-template-columns: auto 1fr; column-gap: 8px; align-items: baseline; }
.page-therapie .facts-outer--light-pink .facts-box__list li::before { content: "..."; color: var(--SG-Blue); line-height: 1; }
.facts-image { margin-top: 80px; margin-left: calc(var(--facts-column-unit) + var(--grid-gap)); width: calc((4 * var(--facts-column-unit)) + (3 * var(--grid-gap))); max-width: 100%; height: auto; display: block; border-radius: 10px; }
.page-therapie .facts-image { margin-top: 0; }
.page-therapie .facts-left-column .facts-title:nth-of-type(2) { margin-top: var(--space-section); }
/* Navigation */
.nav { grid-column: 5 / 14; grid-row: 1; display: flex; align-items: center; margin-top: 70px; position: relative; z-index: 100; }
.nav-sticky { position: fixed; top: 0; left: 0; width: 100%; background: var(--SG-Light-Pink); z-index: 1300; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 220ms ease; }
.nav-sticky.is-visible { opacity: 1; visibility: visible; pointer-events: auto; }
.nav-sticky__grid { display: grid; grid-template-columns: minmax(var(--page-padding), 1fr) repeat(12, var(--grid-track)) minmax(var(--page-padding), 1fr); gap: var(--grid-gap); }
.nav-sticky .nav { grid-column: 5 / 14; margin-top: 70px; margin-bottom: 20px; }
.nav__toggle { position: absolute; opacity: 0; pointer-events: none; }
.nav__button { margin-left: auto; display: none; flex-direction: column; gap: 6px; cursor: pointer; }
.nav__line { width: 30px; height: 3px; border-radius: 4px 0 0 4px; background: var(--SG-Black, #000); display: block; }
.nav__list { display: flex; align-items: center; list-style: none; padding: 0; margin: 0; margin-left: auto; font-family: "Work Sans Variable", sans-serif; }
.nav__item { display: flex; align-items: center; }
.nav__item:not(:first-child)::before { content: ""; width: 3px; height: 3px; border-radius: 50%; background: var(--SG-Blue); margin: 0 10px; }
.nav__close { display: none; position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; cursor: pointer; }
.nav__line--cross { position: absolute; top: 50%; left: 0; }
.nav__line--cross-a { transform: translateY(-50%) rotate(45deg); }
.nav__line--cross-b { transform: translateY(-50%) rotate(-45deg); }
.nav__logo-link { display: block; min-width: 0; flex-shrink: 1; }
.nav__logo { width: 323px; max-width: 100%; height: auto; display: block; padding-right: 20px; }
.nav__link { color: inherit; text-decoration: none; }
.nav__link[aria-current="page"], .footer__link[aria-current="page"] { text-decoration: underline; text-underline-offset: 0.12em; }
.nav__link:hover, .nav__link:focus-visible { text-decoration: underline; }
/* Buttons */
.button { display: inline-flex; align-items: center; justify-content: center; width: max-content; position: relative; z-index: 1; border-radius: 24px; padding: 23px 36px 25px 36px; color: var(--SG-Black, #000); text-align: right; font-family: var(--font-body); font-size: 20px; font-style: normal; font-weight: 500; line-height: 130%; letter-spacing: -0.4px; background: var(--SG-Pink); text-decoration: none; border: 0; cursor: pointer; transition: transform 260ms cubic-bezier(0.2, 0.9, 0.2, 1.2), box-shadow 200ms ease, filter 200ms ease; will-change: transform; }
.button__icon { width: 17px; height: 13px; margin-left: 15px; display: block; flex-shrink: 0; stroke: currentColor; fill: none; transition: transform 260ms cubic-bezier(0.2, 0.9, 0.2, 1.2); }
/* Teaser */
.teaser-group-with-bg, .teaser-group { display: grid; grid-template-columns: repeat(10, var(--grid-track)) minmax(var(--page-padding), 1fr); gap: var(--grid-gap); position: relative; z-index: 1; }
.teaser-group-with-bg { background: var(--SG-Yellow); padding-bottom: var(--space-teaser-bg-bottom); }
.page-kontakt .teaser-group-with-bg::before {
  content: "";
  position: absolute;
  top: -120px;
  left: -200px;
  width: 377px;
  height: 226px;
  background: url("assets/images/scribble-11.webp") no-repeat center / contain;
  pointer-events: none;
}
.page-datenschutz .teaser-group-with-bg::before { content: none; }
.page-impressum .teaser-group-with-bg::before { content: none; }
.teaser-group-with-bg__inner { grid-column: 5 / 11; width: 100%; }
.teaser-group__inner { grid-column: 5 / 10; width: 100%; }
.page-sexuelle-bildung .teaser-group__inner { grid-column: 5 / 11; }
.page-kontakt .teaser-group__inner, .page-impressum .teaser-group__inner, .page-datenschutz .teaser-group__inner { grid-column: 2 / 7; }
.page-kontakt .teaser-group__inner--contact-form { grid-column: 2 / 11; }
.page-praxis .teaser-group__inner { grid-column: 2 / 7; }
.teaser-group { margin-top: var(--space-teaser-offset); }
.hero-info-table { border-collapse: collapse; text-align: left; }
.hero-info-table td { text-align: left; vertical-align: top; padding: 0; }
.hero-info-table td:first-child { padding-right: 40px; }
/* Box Home */
.box-home { grid-column: 3 / 11; grid-row: 5; background: var(--SG-Light-Pink); position: relative; z-index: 1; padding: var(--space-section) 0; border-radius: 10px; --box-cols: 8; --box-col: calc((100% - ((var(--box-cols) - 1) * var(--grid-gap))) / var(--box-cols)); }
.box-home--primary { overflow: visible; }
.box-home--primary::after { content: ""; position: absolute; top: 50%; right: -170px; width: 250px; height: 100%; background: url("assets/images/scribble-2.webp") no-repeat center / contain; transform: translateY(-50%); pointer-events: none; }
.box-home--tertiary { grid-row: 7; overflow: visible; }
.box-home--tertiary::after { content: ""; position: absolute; top: 50%; right: -170px; width: 250px; height: 100%; background: url("assets/images/scribble-3.webp") no-repeat center / contain; transform: translateY(-50%); pointer-events: none; }
/* Video */
.video { grid-column: 3 / 13; grid-row: 9; position: relative; z-index: 1; }
.video__embed { position: relative; aspect-ratio: 16 / 9; }
.video__iframe { width: 100%; height: 100%; border: 0; display: block; }
.video__overlay { position: absolute; inset: 0; border: 0; padding: 24px; background: url("assets/images/youtube-cover.webp") no-repeat center / cover; border-radius: 10px; cursor: pointer; display: block; }
.video__play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 72px; height: 72px; }
.video__overlay-text { font-family: var(--font-body); font-size: 18px; line-height: 130%; letter-spacing: -0.3px; color: #fff; position: absolute; left: 50%; bottom: 25px; transform: translateX(-50%); text-align: center; width: calc(100% - 50px); }
/* Contact Group */
.contact-group { grid-column: 6 / 11; grid-row: 11; position: relative; z-index: 1; display: flex; flex-direction: column; gap: var(--space-stack); margin: var(--space-section) 0; }
.bg-contact-group { grid-column: 1 / -1; grid-row: 11; background: var(--SG-Yellow); position: relative; z-index: 0; }
.contact-scribble { grid-column-start: 2; grid-column-end: auto; grid-row: 11; width: 377px; height: auto; display: block; position: relative; z-index: 1; margin-top: -50px; }
.contact-title { margin: 0; width: max-content; font-family: var(--font-display); font-size: var(--type-display-size); font-style: normal; font-weight: 700; line-height: var(--type-display-line); letter-spacing: var(--type-display-track); }
.contact-text { margin: 0; }
.page-kontakt .teaser-group__inner--contact-form .teaser-copy { max-width: 100%; }
.contact-form { width: 100%; }
.contact-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }
.contact-form__col { display: flex; flex-direction: column; gap: 20px; }
.contact-form__label { font-size: 15px; line-height: 130%; letter-spacing: -0.3px; }
.contact-form__input {
  width: 100%;
  border: 0;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.60);
  padding: 16px 20px;
  color: rgba(0, 0, 0, 0.5);
  font: inherit;
}
.contact-form__input::placeholder { color: rgba(0, 0, 0, 0.5); }
.contact-form__input:focus { outline: 2px solid var(--SG-Blue); color: #000; }
.contact-form__textarea { min-height: 295px; resize: vertical; }
.contact-form__honeypot {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.contact-submit { background: var(--SG-Pink); align-self: flex-start; justify-self: start; grid-column: 1 / 2; border: 0; appearance: none; -webkit-appearance: none; margin-top: 10px; }
.contact-submit:disabled { opacity: 0.6; cursor: not-allowed; transform: none; filter: none; box-shadow: none; }
.contact-form__status { margin: 20px 0 0; min-height: 1.3em; font-size: 14px; line-height: 130%; }
.contact-form__status--success { color: #056502; font-weight: 700; }
.contact-form__status--error { color: #8d0000; }
.contact-details-container {
  grid-column: 4 / 14;
  grid-row: 5;
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  column-gap: var(--grid-gap);
  row-gap: 20px;
  align-items: start;
  position: relative;
  z-index: 1;
}
.contact-details-left { grid-column: 1 / 6; }
.contact-details-right { grid-column: 6 / 11; }
.contact-details-image { display: block; width: 80%; height: auto; margin: 30px auto; }
.contact-details-map { display: block; width: 100%; height: auto; margin-top: 30px; border-radius: 10px; }
.contact-details-map-link { margin-top: 30px; }
.text-container { grid-column: 5 / 14; grid-row: 5; position: relative; z-index: 1; }
/* Footer */
.bottom-logo-link { grid-column-start: 3; grid-column-end: auto; grid-row: 13; width: max-content; display: block; position: relative; z-index: 1; }
.bottom-logo { width: 70px; height: auto; display: block; }
.footer-col { grid-row: 13; display: flex; flex-direction: column; gap: 15px; position: relative; z-index: 1; }
.footer-col-1 { grid-column: 6 / 7; }
.footer-col-2 { grid-column: 8 / 9; }
.footer-col-3 { grid-column: 10 / 11; }
.footer-col-4 { grid-column: 12 / 13; }
.footer__link { color: inherit; text-decoration: none; }
.copyright { grid-column: 6 / 9; grid-row: 15; position: relative; z-index: 1; font-family: var(--font-body); font-size: 14px; font-style: normal; font-weight: 400; line-height: 130%; }
/* Box Home Variants / Inner Layout */
.box-home--secondary { grid-row: 6; grid-column: 6 / 14; margin: 80px 0; }
.box-home__inner { width: calc((5 * var(--box-col)) + (4 * var(--grid-gap))); margin-left: calc((1 * var(--box-col)) + (1 * var(--grid-gap))); display: flex; flex-direction: column; gap: var(--space-stack); }
.box-home--secondary .box-home__inner { width: calc((5 * var(--box-col)) + (4 * var(--grid-gap))); margin-left: calc((2 * var(--box-col)) + (2 * var(--grid-gap))); }
.lust-image { grid-column: 2 / 7; grid-row: 6; width: 100%; height: auto; display: block; position: relative; z-index: 1; border-radius: 10px; margin-top: 30px; }
.box-home__title, .box-home__text { margin: 0; }
.box-home__title { font-family: var(--font-display); font-size: var(--type-display-size); font-style: normal; font-weight: 700; line-height: var(--type-display-line); letter-spacing: var(--type-display-track); }
.button--blue { background: var(--SG-Blue); color: var(--SG-Light-Pink); }
/* Teaser Typography */
.teaser { font-family: var(--font-display); font-size: var(--type-title-size); font-style: normal; font-weight: 700; line-height: var(--type-title-line); letter-spacing: var(--type-title-track); }
.teaser-copy { margin-top: 50px; max-width: calc(100% * 5 / 6); }
.teaser-read-more { margin: 0; }
.teaser-read-more > summary { list-style: none; }
.teaser-read-more > summary::-webkit-details-marker { display: none; }
.teaser-read-more[open] > summary { display: none; }
.teaser-copy__more { margin-top: 26px; }
.teaser-copy__more p { margin: 0; }
.teaser-copy__more p + p { margin-top: 26px; }
.page-sexuelle-bildung .teaser-copy { margin-top: 0; }
.page-sexuelle-bildung .teaser-copy > p:first-of-type { margin-top: 0; }
.teaser-button { margin-top: 50px; }
.small-text { font-family: var(--font-body); font-size: 14px; font-style: normal; font-weight: 400; line-height: 130%; }
/* Interactions */
.button:is(:hover, :focus-visible, :active) { transform: translateY(-4px) scale(1.03); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12); filter: brightness(0.94); }
.button:is(:hover, :focus-visible, :active) .button__icon { transform: translateX(8px); }
@media (prefers-reduced-motion: reduce) {
  .button, .button__icon { transition: none; }
  .book-recommendations__image, .book-recommendations__link::before, .book-recommendations__link::after { transition: none; }
}
@media (hover: none) {
  .book-recommendations__link:active .book-recommendations__image { transform: scale(0.98) scaleX(-1); filter: saturate(1.1); }
  .book-recommendations__link:active::before { opacity: 1; }
  .book-recommendations__link:active::after { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
/* Breakpoints: L */
@media (max-width: 1728px) and (min-width: 1360px) {
  :root { --page-padding: 80px; }
}
@media (max-width: 1359px) {
  :root { --type-body-size: 15px; --type-body-line: 130%; --type-body-track: -0.3px; }
  .button { padding: 15px 28px 17px 28px; border-radius: 16px; font-size: 15px; line-height: 130%; letter-spacing: -0.3px; }
  .teaser-copy { margin-top: 20px; }
  .page-sexuelle-bildung .facts-link-button__icon { width: 24px; height: 24px; }
  .facts-box__title { font-size: 15px; letter-spacing: -0.15px; }
}
/* Breakpoints: M */
@media (max-width: 1359px) and (min-width: 1025px) {
  .grid { grid-template-rows: auto auto auto 100px auto auto auto 100px auto 100px auto 100px auto 100px auto; }
  .page-kontakt .grid, .page-impressum .grid, .page-datenschutz .grid { grid-template-rows: auto auto auto 100px auto 100px auto 100px auto; }
  .page-ueber-mich .grid, .page-sexuelle-bildung .grid { grid-template-rows: auto auto auto 100px auto 100px auto 100px auto 100px auto 100px auto 100px auto; }
  .page-praxis .grid { grid-template-rows: auto auto auto auto 150px auto 150px auto 150px 150px auto; }
  .page-empfehlungen .grid { grid-template-rows: auto auto auto auto 100px auto auto auto auto 100px auto 100px auto auto; }
  .page-empfehlungen .copyright { grid-row: 14; }
  .page-praxis .praxis-slider__track { --praxis-slider-height: 308px; }
  .page-praxis .praxis-directions-bg { margin: 80px 0; }
  .page-praxis .praxis-directions-box { margin: 80px 0; }
  .page-praxis .praxis-directions-box__title { margin-bottom: 30px; font-size: 48px; line-height: 98%; letter-spacing: -2.88px; }
  :root { --page-padding: 40px; --type-display-size: 48px; --type-display-line: 98%; --type-display-track: -2.88px; --type-title-size: 23px; --type-title-line: 107%; --type-title-track: -1.38px; --type-hero-size: 80px; --type-hero-line: 84%; --type-hero-track: -4.8px; --space-section: 80px; --space-stack: 30px; --space-teaser-offset: 80px; --space-teaser-bg-bottom: 80px; }
  .nav__logo { width: 267px; }
  .nav { margin-top: 50px; }
  .nav-sticky .nav { margin-top: 50px; }
  .lust-image { margin-top: 20px; }
  .box-home--secondary { margin: 60px 0; }
  .contact-scribble { width: 221px; }
  .faq-container .facts-title, .facts-title { margin-bottom: 20px; }
  .link-recommendations .facts-title { margin-top: 80px; margin-bottom: 30px; }
  .facts-outer--light-pink .facts-box__title { margin-top: 30px; margin-bottom: 30px; }
  .page-therapie .facts-outer--row-9 .facts-note-full-width { margin-top: 30px; }
  .faq-item__summary { padding: 20px 0; }
  .faq-item__content p { margin-bottom: 20px; }
  .page-therapie .bg-box-light-pink:not(.bg-box-light-pink--row-9) { padding-bottom: 80px; }
  .page-therapie .recommendations, .page-ueber-mich .recommendations, .page-sexuelle-bildung .recommendations { padding: 80px 0; }
  .page-therapie .recommendations .facts-title, .page-ueber-mich .recommendations .facts-title, .page-sexuelle-bildung .recommendations .facts-title { margin: 0 0 20px; }
  .page-therapie .recommendations__text, .page-ueber-mich .recommendations__text, .page-sexuelle-bildung .recommendations__text { margin-bottom: 30px; }
  .facts-outer--yellow, .facts-outer--light-pink { margin: 80px 0; }
  .page-therapie .facts-outer.facts-outer--light-pink.facts-outer--row-8,
  .page-therapie .facts-outer.facts-outer--light-pink.facts-outer--row-9 { margin-top: 140px; }
  .page-therapie .bg-box-light-pink.bg-box-light-pink--row-8,
  .page-therapie .bg-box-light-pink.bg-box-light-pink--row-9 { margin-top: 60px; }
  .page-therapie .facts-left-column .facts-title:nth-of-type(2) { margin-top: 80px; }
  .teaser-button { margin-top: 30px; }
  .book-recommendations__grid { margin: 20px 0 80px; }
  .hero { margin: var(--space-section) 0 100px; }
  .contact-details-image { margin: 20px auto; }
}
/* Breakpoints: S (and below) */
@media (max-width: 1023px) {
  .grid { grid-template-columns: 0 repeat(6, minmax(0, 1fr)) 0; grid-template-rows: auto auto auto auto auto 50px auto auto auto 50px auto 50px auto auto 50px auto; gap: 20px; }
  .page-kontakt .grid, .page-impressum .grid, .page-datenschutz .grid { grid-template-rows: auto auto auto auto 50px auto 50px auto; }
  .page-kontakt .bottom-logo-link, .page-impressum .bottom-logo-link, .page-datenschutz .bottom-logo-link, .page-kontakt .footer-col, .page-impressum .footer-col, .page-datenschutz .footer-col { grid-row: 6; }
  .page-kontakt .copyright, .page-impressum .copyright, .page-datenschutz .copyright { grid-row: 8; }
  .page-ueber-mich .grid { grid-template-rows: auto auto auto auto auto 50px auto 50px auto 50px auto auto 50px auto; }
  .page-sexuelle-bildung .grid { grid-template-rows: auto auto auto auto auto 10px auto 10px auto 10px auto 50px auto auto 50px auto; }
  .page-therapie .grid { grid-template-rows: auto auto auto auto auto auto 50px auto auto auto auto auto 50px auto 50px auto auto 50px auto; }
  .page-praxis .grid { grid-template-rows: auto auto auto auto 50px auto auto 50px auto auto 50px auto; }
  .page-empfehlungen .grid { grid-template-rows: auto auto auto auto auto 10px auto auto auto 50px auto auto 50px auto; }
  .page-praxis .praxis-slider__track { --praxis-slider-height: 250px; }
  .page-praxis .praxis-slider__track { grid-column: 2 / 8; margin-top: -50px; z-index: 1000; }
  .page-praxis .praxis-slider__controls { grid-column: 2 / 3; grid-row: 4; justify-self: start; margin-top: -100px; }
  .page-praxis .praxis-directions-bg {
    grid-column: 1 / 8;
    margin: 0;
    border-radius: 0 10px 10px 0;
  }
  .page-praxis .praxis-directions-box {
    grid-column: 2 / 8;
    grid-row: 6;
    margin: 0;
    padding: 50px 0;
  }
  .page-praxis .praxis-directions-box__title { margin-bottom: 20px; font-size: 30px; line-height: 98%; letter-spacing: -1.8px; }
  .page-praxis .praxis-map {
    grid-column: 2 / 8;
    grid-row: 7;
    margin-top: -50px;
    height: auto;
  }
  :root { --page-padding: 20px; --type-display-size: 30px; --type-display-line: 98%; --type-display-track: -1.8px; --type-title-size: 20px; --type-title-line: 107%; --type-title-track: -1.2px; --type-hero-size: 40px; --type-hero-line: 84%; --type-hero-track: -2.4px; --space-section: 30px; --space-stack: 20px; --space-teaser-offset: 30px; --space-teaser-bg-bottom: 50px; }
  .nav__logo { width: 234px; }
  .nav { margin-top: 10px; }
  .faq-side-image { display: none; }
  .nav-sticky__grid { grid-template-columns: 0 repeat(6, minmax(0, 1fr)) 0; gap: 20px; }
  .nav-sticky .nav { grid-column: 2 / 9; margin-top: 10px; margin-bottom: 10px; }
  .nav__button { display: flex; }
  .box-home__inner { width: auto; margin-left: 0; padding: 20px; gap: 20px; }
  .box-home--secondary .box-home__inner { width: auto; margin-left: 0; padding: 20px; }
  .box-home { padding: 30px 0; }
  .box-interested {
    grid-column: 2 / 8;
    grid-row: 7;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 20px;
  }
  .box-interested__inner { width: auto; margin-left: 0; }
  .interested-image { display: none; }
  .page-sexuelle-bildung .interested-image { display: block; grid-row: 9; }
  .faq-container .facts-title { margin: 30px 0; }
  .facts-title { margin-top: 50px; margin-bottom: 0; }
  .link-recommendations .facts-title { margin-top: 50px; margin-bottom: 20px; }
  .link-recommendations { grid-column: 2 / 8; grid-row: 8; grid-template-columns: 1fr; row-gap: 20px; }
  .link-recommendations .facts-title { grid-column: 1; }
  .link-recommendations__col--left, .link-recommendations__col--right { grid-column: 1; }
  .book-recommendations__title { grid-column: 1 / -1; }
  .book-recommendations__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 30px; }
  .page-therapie .facts-left-column .facts-title:first-of-type { margin-top: 10px; }
  .facts-outer--light-pink .facts-box__title { margin-top: 20px; margin-bottom: 20px; }
  .page-therapie .facts-outer--row-9 .facts-note-full-width { margin-top: 20px; }
  .faq-item__summary { padding: 10px 0; }
  .page-therapie .faq-item__summary { padding: 16px 0 10px; }
  .faq-item__content p { margin-bottom: 10px; }
  .sexualtherapy-intro-box { width: 100%; }
  .facts-outer { grid-column: 2 / 8; grid-row: 5; }
  .page-therapie .facts-outer { grid-column: 2 / 8; grid-row: 6; }
  .facts-outer--yellow, .facts-outer--light-pink { grid-column: 2 / 8; grid-row: 7; margin: 30px 0; padding-left: 20px; padding-right: 20px; }
  .page-therapie .facts-outer--light-pink { grid-column: 2 / 7; }
  .facts-outer--yellow h2, .facts-outer--light-pink h2 { margin-top: 30px; margin-bottom: 30px; }
  .facts-outer--yellow h3, .facts-outer--light-pink h3 { margin-top: 20px; margin-bottom: 10px; }
  .bg-box-light-pink { grid-column: 2 / 8; grid-row: 7; }
  .page-therapie .bg-box-light-pink:not(.bg-box-light-pink--row-9) { padding-bottom: 20px; }
  .page-therapie .facts-outer.facts-outer--light-pink.facts-outer--row-8,
  .page-therapie .facts-outer.facts-outer--light-pink.facts-outer--row-9 { margin-top: 30px; }
  .page-therapie .bg-box-light-pink.bg-box-light-pink--row-8,
  .page-therapie .bg-box-light-pink.bg-box-light-pink--row-9 { margin-top: 0; }
  .bg-box-yellow { grid-column: 2 / 8; grid-row: 7; }
  .values-title { grid-column: 2 / 8; grid-row: 9; margin-top: 30px; }
  .facts-columns { grid-template-columns: 1fr; }
  .facts-right-column { width: 100%; }
  .facts-image { width: calc(100% + 20px); max-width: none; margin-left: -20px; margin-top: 30px; }
  .page-therapie .facts-image { margin-top: 50px; margin-bottom: 0; }
  .page-therapie .facts-left-column .facts-title:nth-of-type(2) { margin-top: 30px; }
  .bg-box-yellow::after { right: -20px; width: 70px; top: 10%; }
  .page-ueber-mich .video { grid-row: 9; }
  .page-ueber-mich .bg-contact-group, .page-ueber-mich .contact-group, .page-ueber-mich .contact-scribble { grid-row: 11; }
  .page-ueber-mich .bottom-logo-link, .page-ueber-mich .footer-col { grid-row: 12; }
  .page-ueber-mich .copyright { grid-row: 14; }
  .page-sexuelle-bildung .bg-contact-group, .page-sexuelle-bildung .contact-group, .page-sexuelle-bildung .contact-scribble { grid-row: 13; }
  .page-sexuelle-bildung .bottom-logo-link, .page-sexuelle-bildung .footer-col { grid-row: 14; }
  .page-sexuelle-bildung .copyright { grid-row: 16; }
  .facts-box__title { margin-top: 30px; }
  .facts-box__title--subsection { margin-top: 30px; }
  .teaser-copy { max-width: 100%; }
  .page-therapie .teaser { margin-top: 50px; }
  .page-index .teaser { margin-top: 75px; }
  .teaser-group-with-bg, .teaser-group { display: block; }
  .teaser-group-with-bg__inner, .teaser-group__inner { grid-column: auto; width: auto; }
  .page-sexuelle-bildung .teaser-group__inner { grid-column: auto; }
  .page-kontakt .teaser-group-with-bg::before { left: auto; right: -10px; top: -100px; width: 90px; height: 60px; }
  .contact-details-image { margin: 10px auto; }
  .contact-details-container { grid-column: 2 / 8; grid-row: 4; grid-template-columns: 1fr; row-gap: 20px; }
  .contact-details-left, .contact-details-right { grid-column: 1; }
  .text-container { grid-column: 2 / 8; }
  .contact-form__grid { grid-template-columns: 1fr; }
  .contact-form__textarea { min-height: 200px; }
  .hero-info-table tbody, .hero-info-table tr, .hero-info-table td { display: block; }
  .hero-info-table td:first-child { padding-right: 0; }
  .hero-info-table tr + tr td:first-child { margin-top: 20px; }
  .small-text { font-size: 12px; }
  .teaser-button { margin-top: 20px; }
  .page-praxis .teaser-group-with-bg { padding-bottom: 100px; }
  .bg-box-home { grid-column: 3 / 9; grid-row: 7 / 10; margin: -30px 0; border-radius: 10px 0 0 10px; }
  .page-therapie .bg-box-home { grid-row: 8 / 11; }
  .page-therapie .bg-box-home.bg-box-home--row-13 { grid-column: 1 / 8; grid-row: 14; border-radius: 0 10px 10px 0; }
  .page-ueber-mich .bg-box-home.bg-box-home--row-13, .page-sexuelle-bildung .bg-box-home.bg-box-home--row-13 { grid-column: 1 / 8; border-radius: 0 10px 10px 0; }
  .page-ueber-mich .bg-box-home.bg-box-home--row-13 { grid-row: 9; }
  .page-sexuelle-bildung .bg-box-home.bg-box-home--row-13 { grid-row: 11; }
  .page-therapie .recommendations { grid-column: 2 / 8; grid-row: 14; padding: 30px 20px; }
  .page-ueber-mich .recommendations, .page-sexuelle-bildung .recommendations { grid-column: 2 / 8; padding: 30px 20px; }
  .page-ueber-mich .recommendations { grid-row: 9; }
  .recommendations { border-radius: 0 10px 10px 0; }
  .page-sexuelle-bildung .recommendations { grid-row: 11; }
  .page-therapie .recommendations .facts-title, .page-ueber-mich .recommendations .facts-title, .page-sexuelle-bildung .recommendations .facts-title {
    margin: 30px 0;
    color: var(--SG-Light-Pink);
  }
  .page-therapie .recommendations__text, .page-ueber-mich .recommendations__text, .page-sexuelle-bildung .recommendations__text { margin-bottom: 20px; color: var(--SG-Light-Pink); }
  .box-home--secondary { margin: 0; }
  .contact-scribble { grid-column-start: 6; width: 100px; }
  .box-home, .box-home--secondary, .box-home--tertiary, .video, .bg-contact-group, .bottom-logo-link, .footer-col, .copyright { grid-column: 1 / 7; }
  .box-home, .box-home--secondary, .box-home--tertiary { grid-column: 2 / 8; }
  .video { grid-column: 2 / 8; }
  .bg-contact-group { grid-column: 1 / 9; }
  .contact-group { grid-column: 2 / 8; }
  .video__overlay-text { font-size: 12px; }
  .box-home--primary::after, .box-home--tertiary::after { right: -20px; width: 70px; }
  .box-home--primary::after { top: 10%; }
  .box-home--tertiary::after { top: 90%; }
  .page-therapie .bg-box-light-pink:not(.bg-box-light-pink--row-8):not(.bg-box-light-pink--row-9)::before { left: auto; right: -20px; width: 70px; top: 10%; }
  .page-therapie .bg-box-light-pink.bg-box-light-pink--row-8::after { right: -20px; width: 70px; top: 10%; }
  .page-therapie .bg-box-light-pink.bg-box-light-pink--row-9::before { left: auto; right: -20px; width: 70px; top: 10%; }
  .page-therapie .bg-box-home.bg-box-home--row-13::after { right: -20px; width: 70px; top: 10%; }
  .page-ueber-mich .bg-box-home.bg-box-home--row-13::after, .page-sexuelle-bildung .bg-box-home.bg-box-home--row-13::after { right: -20px; width: 70px; top: 10%; }
  .link-recommendations::before { left: -20px; width: 70px; top: 10%; transform: none; }
  .bg-header { grid-column: 1 / 8; grid-row: 1 / 4; }
  .nav { grid-column: 2 / 9; }
  .hero { grid-column: 2 / 8; }
  .teaser-group-with-bg { grid-column: 2 / 7; grid-row: 3; }
  .cover { grid-column: 2 / 9; grid-row: 4; }
  .page-sexuelle-bildung .cover { grid-column: 2 / 9; }
  .book-recommendations { grid-column: 2 / 8; grid-row: 7; grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .cover__image { border-radius: 10px 0 0 10px; margin-top: -20px; }
  .page-sexuelle-bildung .cover__image { border-radius: 10px 0 0 10px; }
  .teaser-group-container { display: contents; }
  .teaser-group { grid-column: 2 / 8; grid-row: 5; }
  .nav__list { position: fixed; inset: 0; background: var(--SG-Yellow); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.25s ease; z-index: 2000; flex-direction: column; align-items: center; justify-content: center; margin-left: 0; gap: 20px; }
  .nav__toggle:checked ~ .nav { z-index: 2100; }
  .nav__item { width: 60vw; justify-content: center; font-size: clamp(28px, 8vw, 72px); text-align: center; line-height: 1; }
  .nav__toggle:checked ~ .nav .nav__list { opacity: 1; visibility: visible; pointer-events: auto; }
  .nav__toggle:checked ~ .nav .nav__item { justify-content: flex-start; text-align: left; }
  .nav__toggle:checked ~ .nav .nav__item::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--SG-Blue); margin: 0 10px 0 0; }
  .nav__toggle:checked ~ .nav .nav__close { display: block; position: fixed; top: 20px; right: 20px; z-index: 2001; }
  .box-home { grid-row: 7; }
  .box-home--secondary { grid-row: 8; }
  .box-home--tertiary { grid-row: 9; }
  .lust-image { grid-row: 8; display: none; }
  .video { grid-row: 11; }
  .bg-contact-group, .contact-group, .contact-scribble { grid-row: 13; }
  .bottom-logo-link, .footer-col { grid-row: 14; }
  .page-therapie .box-home { grid-row: 9; }
  .page-therapie .box-home--secondary { grid-row: 10; }
  .page-therapie .box-home--tertiary { grid-row: 11; }
  .page-therapie .lust-image { grid-row: 10; }
  .page-therapie .video { grid-row: 13; }
  .page-therapie .facts-outer.facts-outer--light-pink { grid-row: 8; }
  .page-therapie .facts-outer.facts-outer--light-pink.facts-outer--row-8 { grid-row: 9; }
  .page-therapie .facts-outer.facts-outer--light-pink.facts-outer--row-9 { grid-row: 10; }
  .page-therapie .bg-box-light-pink { grid-row: 8; }
  .page-therapie .bg-box-light-pink.bg-box-light-pink--row-8 { grid-row: 9; }
  .page-therapie .bg-box-light-pink.bg-box-light-pink--row-9 { grid-row: 10; }
  .page-therapie .faq-container { grid-column: 2 / 8; }
  .page-therapie .faq-container { grid-row: 12; }
  .page-empfehlungen .book-recommendations { grid-row: 8; }
  .page-empfehlungen .link-recommendations { grid-row: 9; }
  .page-empfehlungen .bg-contact-group, .page-empfehlungen .contact-group, .page-empfehlungen .contact-scribble { grid-row: 11; }
  .page-empfehlungen .bottom-logo-link, .page-empfehlungen .footer-col { grid-row: 12; }
  .page-empfehlungen .copyright { grid-row: 14; }
  .page-praxis .bg-contact-group, .page-praxis .contact-group, .page-praxis .contact-scribble { grid-row: 9; }
  .page-praxis .bottom-logo-link, .page-praxis .footer-col { grid-row: 10; }
  .page-praxis .copyright { grid-row: 12; }
  .page-therapie .bg-contact-group, .page-therapie .contact-group, .page-therapie .contact-scribble { grid-row: 16; }
  .page-therapie .bottom-logo-link, .page-therapie .footer-col { grid-row: 17; }
  .bottom-logo-link { grid-column-start: 2; }
  .bottom-logo { width: 30px; }
  .footer-col-1 { margin-top: 50px; grid-column: 2 / 4; }
  .footer-col-2 { margin-top: 50px; grid-column: 5 / 7; }
  .footer-col-3 { margin-top: 120px; grid-column: 2 / 4; }
  .footer-col-4 { margin-top: 120px; grid-column: 5 / 7; }
  .copyright { grid-row: 16; grid-column-start: 2; }
  .page-therapie .copyright { grid-row: 19; }
  .hero { margin: var(--space-section) 0 50px; }
}

@media (min-width: 1024px) {
  .page-praxis .teaser-group-with-bg { padding-bottom: 520px; }
  .page-praxis .praxis-slider__controls { margin-top: -450px; z-index: 1000; }
  .page-praxis .praxis-slider__track { margin-top: -400px; z-index: 1000; }
}