@charset "UTF-8";
/* Autogenerated CSS */
/* Mixin for Media-Queries */
/* Minimal CSS Reset */
/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
  box-sizing: border-box; }

/*
  2. Remove default margin
*/
* {
  margin: 0; }

/*
  Typographic tweaks!
  3. Add accessible line-height
  4. Improve text rendering
*/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased; }

html {
  scroll-behavior: smooth; }

/*
  5. Improve media defaults
*/
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%; }

/*
  6. Remove built-in form typography styles
*/
input, button, textarea, select {
  font: inherit; }

/*
  7. Avoid text overflows
*/
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word; }

/*
  8. Create a root stacking context
*/
#root, #__next {
  isolation: isolate; }

/* Styles Keynote Kirche (Sort 1000) */
/* Colors */
:root {
  --keynote-kirche-black: #141414;
  --keynote-kirche-purple: #941b80;
  --keynote-kirche-purple-brighter: #c938b1;
  --keynote-kirche-purple-outline: #941b8033;
  --keynote-kirche-purple-hover: #941b8080;
  --nak-blue: #5793c9;
  --nak-blue-outline: #5793c933;
  --nak-blue-hover: #5793c980;
  --nak-blue-light: #6aaeec;
  --nak-blue-dark: #3777b1;
  --nak-cream: #f9f6ef;
  --beige: #e8e6e1;
  --white: #ffffff;
  --grey-light: #f9f8f7;
  --grey-dark: #5a5a5a;
  --warning-red: #ff0707;
  /* Spacing */
  --spacing-xs: 4px;
  --spacing-s: 8px;
  --spacing-m: 12px;
  --spacing-l: 16px;
  --spacing-xl: 20px;
  --spacing-xxl: 24px;
  /* Layout max 1110px or window width -32px */
  --padding-container: max(calc((100vw - 1110px ) / 2), 18px) 
   
    
; }

@font-face {
  font-family: Montserrat;
  src: local(Montserrat-Light), url(/static/themes/keynote/fonts//Montserrat-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: VarelaRound;
  src: local(VarelaRound-Regular), url(/static/themes/keynote/fonts/VarelaRound-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }

body {
  background-color: var(--white);
  color: var(--keynote-kirche-black);
  font-family: VarelaRound; }

h1 {
  font-family: Montserrat;
  font-size: 40px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal; }
  @media (max-width: 1023px) {
    h1 {
      font-size: 24px;
      line-height: 1.25; } }
h2 {
  font-family: Montserrat;
  font-size: 30px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal; }
  @media (max-width: 1023px) {
    h2 {
      font-size: 20px;
      line-height: 1.3; } }
h3 {
  font-family: VarelaRound;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal; }
  @media (max-width: 1023px) {
    h3 {
      font-size: 18px;
      line-height: 1.33; } }
p {
  font-family: VarelaRound;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal; }
  @media (max-width: 1023px) {
    p {
      font-size: 16px;
      line-height: 1.38; } }
p.small {
  font-family: VarelaRound;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal; }
  @media (max-width: 1023px) {
    p.small {
      font-size: 12px;
      line-height: 1.33; } }
.interactive {
  font-size: 18px;
  line-height: 1;
  font-family: VarelaRound;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal; }
  @media (max-width: 1023px) {
    .interactive {
      font-size: 16px; } }
.button-purple {
  padding: 12px 32px;
  border-radius: 24px;
  font-family: VarelaRound;
  background-color: var(--keynote-kirche-purple);
  outline: 4px solid var(--keynote-kirche-purple-outline);
  cursor: pointer;
  color: var(--white) !important;
  font-size: 18px;
  line-height: 1;
  display: flex;
  gap: 8px;
  width: fit-content;
  align-items: center; }
  @media (max-width: 1023px) {
    .button-purple {
      font-size: 16px; } }
.button-purple:hover {
  outline: 4px solid var(--keynote-kirche-purple-hover); }

.button-blue {
  padding: 12px 32px;
  border-radius: 24px;
  font-family: VarelaRound;
  background-color: var(--nak-blue);
  outline: 4px solid var(--nak-blue-outline);
  cursor: pointer;
  color: var(--white);
  font-size: 18px;
  line-height: 1;
  display: flex;
  gap: 8px;
  width: fit-content;
  align-items: center; }
  @media (max-width: 1023px) {
    .button-blue {
      font-size: 16px; } }
.button-blue:hover {
  outline: 4px solid var(--nak-blue-hover); }

a {
  text-decoration: none;
  color: var(--keynote-kirche-purple); }

ul:not(.splide__list) {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  row-gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0; }

ul li:not(.splide__slide) {
  color: var(--keynote-kirche-purple-brighter);
  font-size: 18px;
  line-height: 1.33; }

.white {
  background-color: var(--white);
  color: var(--keynote-kirche-black); }
  .white a {
    color: var(--keynote-kirche-black); }
  .white h3 {
    color: var(--nak-blue-dark); }

.black {
  background-color: var(--keynote-kirche-black);
  color: var(--white); }
  .black h3 {
    color: var(--nak-blue-light); }
  .black a {
    color: var(--white); }
  .black header nav a {
    color: var(--white); }
  .black header a img {
    filter: invert(1) brightness(2); }
  .black header #check:checked ~ nav {
    background: var(--keynote-kirche-black);
    top: 100px; }

.purple {
  background-color: var(--keynote-kirche-purple);
  color: var(--white); }
  .purple h3 {
    color: var(--nak-blue-light); }
  .purple a {
    color: var(--white); }

img {
  border-radius: 8px; }

/* Layout Container (Sort 1) */
.min-height {
  min-height: 50px; }

/* Layout Menü (Sort 1) */
:target {
  scroll-margin-top: 138px; }

header {
  top: 0;
  position: sticky;
  padding: 24px var(--padding-container);
  display: flex;
  align-items: center;
  z-index: 99;
  background-color: #fff;
  gap: 32px; }
  @media (max-width: 1023px) {
    header {
      justify-content: space-between; } }
  header img {
    width: 148px; }
    @media (max-width: 1023px) {
      header img {
        width: 115px; } }
  header span {
    flex-grow: 1; }
  header nav {
    z-index: 100;
    display: flex;
    gap: 24px; }
    @media (max-width: 1023px) {
      header nav {
        display: none; } }
    header nav a {
      font-family: VarelaRound;
      color: var(--keynote-kirche-black);
      font-size: 18px;
      line-height: 1; }
    header nav a:hover {
      text-decoration: underline;
      color: var(--keynote-kirche-purple); }
  header input {
    display: none; }
  header .checkbtn {
    display: none; }
  @media (max-width: 1023px) {
    header {
      /*position: relative;*/ }
      header svg:nth-child(1) {
        display: block; }
      header svg:nth-child(2) {
        display: none; }
      header .checkbtn {
        color: var(--keynote-kirche-purple);
        display: flex;
        gap: 12px; }
      header #check:checked ~ label svg:nth-child(1) {
        display: none; }
      header #check:checked ~ label svg:nth-child(2) {
        display: block; }
      header #check:checked ~ nav {
        display: flex;
        position: absolute;
        top: 118px;
        left: 0;
        right: 0;
        height: fit-content;
        flex-direction: column;
        padding: 18px;
        background: #fff;
        gap: 32px;
        border-bottom: solid 1px var(--beige); } }
/* Layout Footer (Sort 1) */
footer {
  padding: 40px var(--padding-container);
  display: flex;
  font-size: 18px;
  gap: 40px; }
  footer span {
    flex-grow: 1; }
  footer a {
    color: var(--keynote-kirche-black);
    font-family: VarelaRound;
    display: flex;
    gap: 8px; }
    footer a svg {
      height: 24px;
      width: 24px; }
    footer a:hover {
      color: var(--nak-blue); }
  @media (max-width: 1023px) {
    footer {
      padding: 32px var(--padding-container);
      font-size: 16px;
      gap: 16px; } }
/* Inhalt Teaser (Sort 1) */
.content_teaser {
  position: relative;
  overflow: hidden; }
  .content_teaser .logo_container {
    position: absolute;
    bottom: 80%;
    right: 50%;
    z-index: 1; }
    .content_teaser .logo_container .inner_logo {
      position: relative;
      right: 697px; }
      @media (max-width: 1023px) {
        .content_teaser .logo_container .inner_logo {
          right: 0;
          bottom: 0; } }
    @media (max-width: 1023px) {
      .content_teaser .logo_container {
        top: unset;
        bottom: 20%;
        left: 0;
        zoom: 0.7; } }
  .content_teaser .content_teaser_grid {
    min-height: 800px;
    padding: 0 var(--padding-container);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    background-color: var(--background-murks);
    /*background-image: url("/static/themes/keynote/logo/logo-keynotekirche.svg");*/
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto 100%;
    align-items: center; }
    .content_teaser .content_teaser_grid img {
      z-index: 2; }
    @media (max-width: 1023px) {
      .content_teaser .content_teaser_grid {
        padding-top: 80px;
        display: flex;
        flex-direction: column-reverse;
        gap: 8px;
        background-size: 170%;
        background-position: left bottom; }
        .content_teaser .content_teaser_grid img {
          margin-top: 0;
          max-width: 80%; } }
  .content_teaser .stack {
    display: grid;
    grid-template-areas: "main";
    align-items: end;
    grid-template-areas: "main";
    align-items: end;
    justify-content: start;
    justify-items: end; }
    @media (max-width: 1023px) {
      .content_teaser .stack {
        justify-items: center; } }
    .content_teaser .stack img {
      grid-area: main; }
  .content_teaser h3 {
    margin-bottom: 4px; }
  .content_teaser img {
    margin-top: 100px; }
  .content_teaser h1 {
    margin-bottom: 24px; }
  .content_teaser p {
    margin-bottom: 32px; }
  .content_teaser ul {
    margin-bottom: 36px; }

/* Layout Inhalte (Sort 1) */
.minh {
  min-height: 50px; }

/* Inhalt Start (Sort 1) */
.content_start {
  position: relative;
  overflow: hidden;
  padding: 80px var(--padding-container) 80px var(--padding-container);
  /*background-image: url("/static/themes/keynote/logo/logo-start.svg");*/
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 80%;
  align-items: center; }
  @media (max-width: 1023px) {
    .content_start {
      padding: 16px var(--padding-container) 16px var(--padding-container); } }
  .content_start .splide {
    width: 100%; }
  .content_start .splide__arrows {
    position: absolute;
    width: 100vw;
    left: 50%;
    top: 325px;
    transform: translateX(-50%); }
    @media (max-width: 1023px) {
      .content_start .splide__arrows {
        top: 480px; } }
  .content_start .splide__arrows svg {
    height: auto;
    width: auto; }
  .content_start .splide__arrows span {
    width: 48px;
    height: 48px;
    opacity: 100;
    cursor: pointer;
    color: var(--white);
    background: var(--nak-blue);
    border-radius: 24px;
    bottom: 150px; }
  .content_start .splide__arrow--prev {
    left: 20px; }
  .content_start .splide__arrow--next {
    right: 20px; }
  .content_start .logo_container {
    position: absolute;
    top: 20px;
    left: 50%;
    /*z-index: 1;*/ }
    .content_start .logo_container .inner_logo {
      position: relative; }
      @media (max-width: 1023px) {
        .content_start .logo_container .inner_logo {
          top: 224px;
          left: -272px; } }
    @media (max-width: 1023px) {
      .content_start .logo_container {
        top: unset;
        bottom: 50%;
        left: 50%;
        zoom: 0.55; } }
  .content_start .content_start_grid {
    min-height: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px; }
    @media (max-width: 1023px) {
      .content_start .content_start_grid {
        /*background-image: url("/static/themes/keynote/logo/logo-start.svg");*/
        background-position: 66% bottom;
        background-repeat: no-repeat;
        width: 100%;
        background-size: auto 400px;
        /*grid-template-columns: 1fr;*/
        display: flex;
        flex-direction: column;
        gap: 8px; } }
  .content_start h1 {
    margin-bottom: 24px; }
  .content_start h2 {
    margin-bottom: 24px;
    min-height: 72px; }
    @media (max-width: 1023px) {
      .content_start h2 {
        min-height: 0;
        margin-bottom: 24px; } }
  .content_start p {
    margin-bottom: 32px; }
  .content_start .restricted_content {
    text-overflow: ellipsis;
    max-height: 200px;
    overflow: hidden;
    min-height: 200px;
    margin-bottom: 32px; }
  .content_start p.actions {
    display: flex;
    gap: 24px;
    min-height: 48px; }
  .content_start div.speaker {
    width: 100%;
    height: 345px;
    display: grid;
    align-items: center;
    justify-content: center; }
    @media (max-width: 1023px) {
      .content_start div.speaker {
        padding: 100px 0; } }
    .content_start div.speaker img {
      z-index: 2;
      width: 200px;
      height: 200px;
      border-radius: 50%;
      outline: 8px solid var(--nak-blue-outline);
      object-fit: cover;
      object-position: top; }
  .content_start .event {
    display: flex;
    gap: 32px;
    margin-bottom: 32px;
    align-items: center; }
    .content_start .event time {
      text-align: center;
      display: flex;
      border-radius: 16px;
      border: 2px solid var(--nak-blue);
      flex-direction: column;
      color: var(--nak-blue);
      text-transform: uppercase;
      font-size: 40px;
      min-width: 2.5em; }
      .content_start .event time span {
        color: var(--white);
        background-color: var(--nak-blue);
        border-radius: 14px 14px 0 0;
        padding: 8px 14px;
        font-size: 24px;
        line-height: 1; }
  @media (max-width: 1023px) {
    .content_start {
      display: flex;
      flex-direction: column;
      gap: 8px; }
      .content_start .actions {
        flex-direction: column; }
      .content_start img {
        margin-top: 0; }
      .content_start .event {
        gap: 15px;
        margin-bottom: 24px; }
        .content_start .event time {
          border-radius: 12px;
          font-size: 28px; }
          .content_start .event time span {
            color: var(--white);
            background-color: var(--nak-blue);
            border-radius: 10px 10px 0 0;
            padding: 7px 10px;
            font-size: 17px;
            line-height: 1; } }
/* Inhalt Faq (Sort 1) */
.content_faq_kk {
  min-height: 50px;
  padding: 0 var(--padding-container);
  align-items: center; }

@keyframes details-show {
  from {
    opacity: 0;
    transform: var(--details-translate, translateY(-0.5em)); } }
  .content_faq_kk details[open] > *:not(summary) {
    animation: details-show 300ms ease-in-out; }
  .content_faq_kk .columns {
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 120px; }
    @media (max-width: 1023px) {
      .content_faq_kk .columns {
        grid-template-columns: 1fr;
        gap: 0;
        padding-bottom: 80px; } }
  .content_faq_kk h3 {
    padding-top: 120px;
    margin-bottom: 4px;
    text-align: center; }
    @media (max-width: 1023px) {
      .content_faq_kk h3 {
        padding-top: 80px; } }
  .content_faq_kk h1 {
    margin-bottom: 84px;
    text-align: center; }
    @media (max-width: 1023px) {
      .content_faq_kk h1 {
        margin-bottom: 32px; } }
  .content_faq_kk p {
    margin-bottom: 32px; }
  .content_faq_kk summary::-webkit-details-marker {
    display: none; }
  .content_faq_kk details {
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--grey-dark);
    user-select: none;
    /* Standard syntax */
    font-size: 18px;
    line-height: 1.33; }
  .content_faq_kk details > summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    text-wrap: balance;
    gap: 20px; }
    .content_faq_kk details > summary svg {
      width: 24px;
      height: 24px;
      flex-shrink: 0; }
    .content_faq_kk details > summary svg:nth-child(1) {
      display: block; }
    .content_faq_kk details > summary svg:nth-child(2) {
      display: none; }
  .content_faq_kk details[open] > summary {
    color: var(--keynote-kirche-purple-brighter);
    margin-bottom: 20px; }
    .content_faq_kk details[open] > summary svg:nth-child(1) {
      display: none; }
    .content_faq_kk details[open] > summary svg:nth-child(2) {
      display: block; }

/* Inhalt Teilnehmen (Sort 1) */
.content_attend {
  position: relative;
  overflow: hidden; }
  .content_attend .logo_container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
    .content_attend .logo_container .inner_logo {
      position: relative;
      top: -124px;
      left: -68px; }
      @media (max-width: 1023px) {
        .content_attend .logo_container .inner_logo {
          top: -426px;
          left: -54px; } }
    @media (max-width: 1023px) {
      .content_attend .logo_container {
        zoom: 0.4; } }
  .content_attend .content_attend_grid {
    min-height: 50px;
    padding: 120px var(--padding-container) 120px var(--padding-container);
    display: grid;
    grid-template-columns: 1fr 2fr 2fr;
    gap: 124px;
    row-gap: 80px;
    align-items: start; }
    @media (max-width: 1023px) {
      .content_attend .content_attend_grid {
        padding-top: 80px;
        padding-bottom: 80px;
        display: flex;
        flex-direction: column;
        gap: 8px; }
        .content_attend .content_attend_grid .actions {
          flex-direction: column; }
        .content_attend .content_attend_grid img {
          margin-top: 0; }
        .content_attend .content_attend_grid .poster img {
          aspect-ratio: 1 / 1;
          object-fit: cover;
          margin-bottom: 120px; }
        .content_attend .content_attend_grid .logo img {
          display: block;
          position: absolute;
          top: -238px;
          right: -160px;
          max-width: 200px;
          height: 200px; } }
  .content_attend .poster {
    grid-column: 1 / 4; }
    .content_attend .poster img {
      max-width: 100%; }
  .content_attend .logo {
    position: relative; }
    .content_attend .logo img {
      position: absolute;
      top: -200px;
      right: -200px;
      max-width: 500px;
      height: 483px; }
  .content_attend h1 {
    margin-bottom: 24px; }
  .content_attend h3 {
    margin-bottom: 4px; }
  .content_attend p {
    margin-bottom: 36px; }
  .content_attend p.actions {
    display: flex;
    gap: 24px; }
  .content_attend p.note {
    color: var(--keynote-kirche-purple); }

/* Inhalt Newsletter Keynote Kirche (Sort 1) */
.content_newsletter_kk {
  position: relative;
  overflow: hidden; }
  .content_newsletter_kk .logo_container {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1; }
    .content_newsletter_kk .logo_container .inner_logo {
      position: relative;
      top: 90px;
      left: 47px; }
      @media (max-width: 1023px) {
        .content_newsletter_kk .logo_container .inner_logo {
          top: unset;
          left: 198px;
          bottom: 138px; } }
    @media (max-width: 1023px) {
      .content_newsletter_kk .logo_container {
        zoom: 0.9;
        bottom: 0;
        top: unset;
        left: 0; } }
    .content_newsletter_kk .logo_container .line1 {
      z-index: 70; }
    .content_newsletter_kk .logo_container .line2 {
      z-index: 90; }
    .content_newsletter_kk .logo_container .line3 {
      z-index: 80; }
    .content_newsletter_kk .logo_container .line3 {
      z-index: 70; }
  .content_newsletter_kk .content_newsletter_kk_grid {
    min-height: 50px;
    padding: 0 var(--padding-container) 120px var(--padding-container);
    align-items: center;
    /*background-image: url("/static/themes/keynote/logo/logo-subscribe.svg");*/
    background-position: center center;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 1fr 1fr; }
    @media (max-width: 1023px) {
      .content_newsletter_kk .content_newsletter_kk_grid {
        grid-template-columns: 1fr;
        background-position: -520px bottom;
        background-repeat: no-repeat;
        background-size: 240%; } }
  .content_newsletter_kk h3 {
    padding-top: 120px;
    margin-bottom: 4px; }
    @media (max-width: 1023px) {
      .content_newsletter_kk h3 {
        padding-top: 80px; } }
  .content_newsletter_kk h1 {
    margin-bottom: 24px; }
  .content_newsletter_kk p {
    margin-bottom: 32px; }
  .content_newsletter_kk div.form {
    display: flex;
    flex-direction: column;
    gap: 24px; }
    @media (max-width: 1023px) {
      .content_newsletter_kk div.form {
        padding-bottom: 260px; } }
  .content_newsletter_kk label {
    display: flex;
    gap: 8px; }
    .content_newsletter_kk label input {
      width: 24px;
      height: 24px;
      clip-path: path("M 8 0 H 16 A 8 8 0 0 1 24 8 V 16 A 8 8 0 0 1 16 24 H 8 A 8 8 0 0 1 0 16 V 8 A 8 8 0 0 1 8 0 Z");
      accent-color: var(--keynote-kirche-purple-brighter); }
  .content_newsletter_kk a {
    border-bottom: 2px solid var(--white); }
  .content_newsletter_kk input {
    border-radius: 24px;
    background-color: var(--white);
    font-size: 18px;
    padding: 15px 24px;
    line-height: 1;
    border: 0 none;
    width: 100%; }
    .content_newsletter_kk input.error {
      border: 3px solid var(--warning-red); }
  .content_newsletter_kk button {
    border: 0 none; }
  .content_newsletter_kk .error {
    color: var(--warning-red); }
    .content_newsletter_kk .error.hidden {
      display: none; }
  .content_newsletter_kk .hide {
    display: none; }

/* Inhalt Textblock (Sort 1) */
.content_textblock {
  padding: 192px var(--padding-container) 192px var(--padding-container);
  color: var(--black); }
  .content_textblock h2 {
    margin-bottom: 20px; }
  .content_textblock h3 {
    margin-top: 36px;
    margin-bottom: 20px; }
  .content_textblock p {
    margin-bottom: 20px; }
  .content_textblock ul {
    display: block; }
  .content_textblock ul li {
    display: block;
    color: var(--black); }
  .content_textblock a {
    color: var(--nak-blue); }
  @media (max-width: 1023px) {
    .content_textblock {
      padding: 80px var(--padding-container); } }
/* Inhalt Sub/Unsub messages (Sort 1) */
.content_subunsub {
  min-height: 50px;
  padding: 120px var(--padding-container) 124px var(--padding-container); }
  @media (max-width: 1023px) {
    .content_subunsub {
      padding: 80px var(--padding-container) 124px var(--padding-container); } }
  .content_subunsub p {
    color: var(--white);
    font-size: 30px;
    line-height: 36px; }
  .content_subunsub h3 {
    margin-bottom: 4px; }
  .content_subunsub h1 {
    margin-bottom: 24px; }

/* Inhalt Speaker Profil (Sort 1) */
.content_speaker_profile {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover; }
  .content_speaker_profile header {
    padding: 63px var(--padding-container) 0 var(--padding-container); }
    .content_speaker_profile header nav {
      flex-basis: 100%; }
    .content_speaker_profile header div {
      display: flex; }
    .content_speaker_profile header a img {
      width: 20px;
      height: 20px;
      object-fit: contain; }
    .content_speaker_profile header a:hover {
      text-decoration: underline; }
    .content_speaker_profile header .mobile_menu {
      display: none; }
    @media (max-width: 1023px) {
      .content_speaker_profile header {
        justify-content: flex-end;
        padding: 50px var(--padding-container) 0 var(--padding-container); }
        .content_speaker_profile header .mobile_menu {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          flex-grow: 1;
          gap: 30px; }
        .content_speaker_profile header nav a.social {
          display: none; } }
  @media (max-width: 1023px) {
    .content_speaker_profile {
      background-image: none !important; }
      .content_speaker_profile .hero {
        display: block; }
        .content_speaker_profile .hero img {
          aspect-ratio: 1 / 1;
          object-fit: cover;
          object-position: center center; } }
  .content_speaker_profile .hero {
    grid-area: wrapper;
    align-self: end; }
    @media (max-width: 1023px) {
      .content_speaker_profile .hero {
        grid-area: bottom;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 2;
        grid-row-end: span 4; } }
  .content_speaker_profile .wrapper {
    padding: 0 var(--padding-container) 0 var(--padding-container);
    min-height: 50px;
    display: grid;
    grid-template-areas: "wrapper";
    align-self: start; }
    @media (max-width: 1023px) {
      .content_speaker_profile .wrapper {
        padding: 0;
        grid-template-rows: 1fr 0.5fr 2.5fr 1fr; } }
  .content_speaker_profile .content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    grid-area: wrapper;
    padding: 157px 0 124px 0;
    align-items: center; }
    @media (max-width: 1023px) {
      .content_speaker_profile .content {
        padding: 40px var(--padding-container) 80px var(--padding-container);
        width: 100%;
        grid-template-columns: 1fr;
        gap: 40px;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: span 3; } }
    .content_speaker_profile .content .sidebar img {
      width: 540px;
      height: 540px; }
      @media (max-width: 1023px) {
        .content_speaker_profile .content .sidebar img {
          display: none; } }
    .content_speaker_profile .content h1 {
      margin-bottom: 4px;
      font-size: 40px;
      line-height: 48px; }
      @media (max-width: 1023px) {
        .content_speaker_profile .content h1 {
          font-size: 24px;
          line-height: 30px; } }
    .content_speaker_profile .content h3 {
      margin-bottom: 24px;
      font-size: 24px;
      line-height: 30px; }
      @media (max-width: 1023px) {
        .content_speaker_profile .content h3 {
          font-size: 18px;
          line-height: 24px; } }
    .content_speaker_profile .content p {
      margin-bottom: 36px;
      font-size: 18px;
      line-height: 24px; }
      @media (max-width: 1023px) {
        .content_speaker_profile .content p {
          font-size: 16px;
          line-height: 22px; } }
    .content_speaker_profile .content a {
      text-decoration: underline; }
    .content_speaker_profile .content div.actions {
      display: flex;
      gap: 24px;
      flex-wrap: wrap; }
      .content_speaker_profile .content div.actions span {
        flex-basis: 100%; }
        .content_speaker_profile .content div.actions span a {
          text-decoration: none; }
      .content_speaker_profile .content div.actions .button-purple,
      .content_speaker_profile .content div.actions .button-blue {
        justify-content: space-between; }

/* Inhalt Speaker Impressionen (Sort 1) */
.content_speaker_impressions {
  min-height: 600px;
  padding: 120px var(--padding-container) 84px var(--padding-container);
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  justify-items: center; }
  @media (max-width: 1023px) {
    .content_speaker_impressions {
      padding-top: 80px;
      padding-bottom: 60px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: center; } }
  .content_speaker_impressions h3 {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 30px; }
    @media (max-width: 1023px) {
      .content_speaker_impressions h3 {
        font-size: 18px;
        line-height: 24px; } }
  .content_speaker_impressions h1 {
    margin-bottom: 48px;
    font-size: 40px;
    line-height: 48px; }
    @media (max-width: 1023px) {
      .content_speaker_impressions h1 {
        margin-bottom: 2px;
        font-size: 24px;
        line-height: 30px; } }
  .content_speaker_impressions summary::-webkit-details-marker {
    display: none; }
  .content_speaker_impressions details,
  .content_speaker_impressions div.impressions {
    padding-top: 32px;
    padding-bottom: 31px;
    border-bottom: 1px solid var(--grey-dark);
    user-select: none;
    /* Standard syntax */
    font-size: 18px;
    line-height: 1.33;
    width: 100%; }
    @media (max-width: 1023px) {
      .content_speaker_impressions details,
      .content_speaker_impressions div.impressions {
        padding-top: 24px;
        padding-bottom: 23px; } }
    .content_speaker_impressions details .place,
    .content_speaker_impressions div.impressions .place {
      font-size: 18px;
      line-height: 24px; }
    .content_speaker_impressions details .title,
    .content_speaker_impressions div.impressions .title {
      font-size: 18px;
      line-height: 24px; }
      @media (max-width: 1023px) {
        .content_speaker_impressions details .title,
        .content_speaker_impressions div.impressions .title {
          font-size: 18px;
          line-height: 24px; } }
    .content_speaker_impressions details span,
    .content_speaker_impressions div.impressions span {
      font-size: 18px;
      line-height: 24px; }
      @media (max-width: 1023px) {
        .content_speaker_impressions details span,
        .content_speaker_impressions div.impressions span {
          font-size: 16px;
          line-height: 22px; } }
  .content_speaker_impressions details > summary,
  .content_speaker_impressions div.impressions .headline {
    list-style: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    text-wrap: balance;
    gap: 20px; }
    .content_speaker_impressions details > summary svg,
    .content_speaker_impressions div.impressions .headline svg {
      width: 48px;
      height: 48px;
      flex-shrink: 0; }
    .content_speaker_impressions details > summary svg:nth-child(2),
    .content_speaker_impressions div.impressions .headline svg:nth-child(2) {
      display: block; }
    .content_speaker_impressions details > summary svg:nth-child(3),
    .content_speaker_impressions div.impressions .headline svg:nth-child(3) {
      display: none; }
  .content_speaker_impressions details[open] > summary,
  .content_speaker_impressions div.impressions .headline {
    color: var(--keynote-kirche-purple-brighter);
    margin-bottom: 20px; }
    .content_speaker_impressions details[open] > summary svg:nth-child(2),
    .content_speaker_impressions div.impressions .headline svg:nth-child(2) {
      display: none; }
    .content_speaker_impressions details[open] > summary svg:nth-child(3),
    .content_speaker_impressions div.impressions .headline svg:nth-child(3) {
      display: block; }
  .content_speaker_impressions details[open] > *:not(summary) {
    animation: details-show 300ms ease-in-out; }
  .content_speaker_impressions details > span,
  .content_speaker_impressions div.impressions .content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px; }
    @media (max-width: 1023px) {
      .content_speaker_impressions details > span,
      .content_speaker_impressions div.impressions .content {
        grid-template-columns: 1fr; } }
    .content_speaker_impressions details > span .thumbnail,
    .content_speaker_impressions div.impressions .content .thumbnail {
      width: 446px;
      height: 259px;
      object-fit: cover; }
      @media (max-width: 1023px) {
        .content_speaker_impressions details > span .thumbnail,
        .content_speaker_impressions div.impressions .content .thumbnail {
          width: 100%; } }
    .content_speaker_impressions details > span .img_container,
    .content_speaker_impressions div.impressions .content .img_container {
      position: relative;
      width: 446px;
      display: block; }
      @media (max-width: 1023px) {
        .content_speaker_impressions details > span .img_container,
        .content_speaker_impressions div.impressions .content .img_container {
          width: 100%; } }
    .content_speaker_impressions details > span .play,
    .content_speaker_impressions div.impressions .content .play {
      position: absolute;
      top: calc(50% - 32px);
      left: calc(50% - 32px);
      width: 64px;
      height: 64px;
      background-color: var(--nak-blue);
      padding: 18px;
      border-radius: 32px; }
  .content_speaker_impressions .button-blue {
    margin-top: 60px; }
    .content_speaker_impressions .button-blue svg {
      width: 24px;
      height: 24px;
      color: #fff; }
      .content_speaker_impressions .button-blue svg path {
        fill: #fff; }
    @media (max-width: 1023px) {
      .content_speaker_impressions .button-blue {
        margin-top: 44px; } }
@keyframes details-show {
  from {
    opacity: 0;
    transform: var(--details-translate, translateY(-0.5em)); } }

/* Inhalt Speaker Vorträge (Sort 1) */
.content_speaker_seminars {
  min-height: 600px;
  padding: 120px var(--padding-container) 80px var(--padding-container);
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  justify-items: center; }
  @media (max-width: 1023px) {
    .content_speaker_seminars {
      padding-top: 80px;
      padding-bottom: 60px;
      display: flex;
      align-items: center;
      flex-direction: column;
      gap: 8px; } }
  .content_speaker_seminars h3 {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 30px; }
    @media (max-width: 1023px) {
      .content_speaker_seminars h3 {
        margin-bottom: 2px;
        font-size: 18px;
        line-height: 24px; } }
  .content_speaker_seminars h1 {
    margin-bottom: 80px;
    font-size: 40px;
    line-height: 48px; }
    @media (max-width: 1023px) {
      .content_speaker_seminars h1 {
        margin-bottom: 32px;
        font-size: 24px;
        line-height: 30px; } }
  .content_speaker_seminars div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 40px;
    margin-bottom: 56px; }
    @media (max-width: 1023px) {
      .content_speaker_seminars div {
        grid-template-columns: 1fr;
        margin-bottom: 40px; } }
    .content_speaker_seminars div span {
      padding-bottom: 23px;
      padding-top: 24px;
      font-size: 18px;
      line-height: 24px;
      border-bottom: 1px solid var(--beige); }
      @media (max-width: 1023px) {
        .content_speaker_seminars div span {
          font-size: 16px;
          line-height: 22px; } }
/* Inhalt Speaker Referenzen (Sort 1) */
.content_speaker_references {
  min-height: 400px; }
  .content_speaker_references .content {
    padding: 120px var(--padding-container) 120px var(--padding-container);
    display: grid;
    grid-template-columns: 1fr;
    align-content: start;
    justify-items: center; }
    @media (max-width: 1023px) {
      .content_speaker_references .content {
        padding-top: 80px;
        padding-bottom: 80px;
        grid-template-columns: 1fr; } }
  @media (max-width: 1023px) {
    .content_speaker_references {
      padding-top: 80px;
      display: flex;
      flex-direction: column;
      gap: 8px; }
      .content_speaker_references .splide__arrow {
        display: none; } }
  .content_speaker_references h3 {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 30px; }
    @media (max-width: 1023px) {
      .content_speaker_references h3 {
        margin-bottom: 2px;
        font-size: 18px;
        line-height: 24px; } }
  .content_speaker_references h1 {
    margin-bottom: 80px;
    font-size: 40px;
    line-height: 48px; }
    @media (max-width: 1023px) {
      .content_speaker_references h1 {
        margin-bottom: 56px;
        font-size: 24px;
        line-height: 30px; } }
  .content_speaker_references .pictures {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    padding: 0 var(--padding-container) 0 var(--padding-container); }
    .content_speaker_references .pictures img {
      aspect-ratio: 1 / 1;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center; }
    @media (max-width: 1023px) {
      .content_speaker_references .pictures {
        padding: 0;
        grid-template-columns: 1fr; } }
  .content_speaker_references .xslide {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-items: center;
    align-items: center; }
    .content_speaker_references .xslide svg {
      width: 48px;
      height: 48px;
      margin-bottom: 16px; }
      .content_speaker_references .xslide svg path {
        stroke: var(--keynote-kirche-purple-brighter); }
    .content_speaker_references .xslide .quote {
      font-size: 24px;
      line-height: 30px;
      color: var(--white);
      margin-bottom: 40px;
      max-width: 730px; }
      @media (max-width: 1023px) {
        .content_speaker_references .xslide .quote {
          font-size: 18px;
          line-height: 24px;
          margin-bottom: 24px; } }
    .content_speaker_references .xslide .source {
      color: var(--keynote-kirche-purple-brighter);
      font-size: 18px;
      line-height: 24px; }
      @media (max-width: 1023px) {
        .content_speaker_references .xslide .source {
          font-size: 16px;
          line-height: 22px; } }
    .content_speaker_references .xslide .position {
      color: var(--keynote-kirche-purple-brighter);
      font-size: 18px;
      line-height: 24px;
      text-wrap: balance; }
      @media (max-width: 1023px) {
        .content_speaker_references .xslide .position {
          font-size: 16px;
          line-height: 22px; } }
  .content_speaker_references .dots {
    display: flex;
    flex-direction: row;
    flex-wrap: no-wrap;
    gap: 12px;
    margin-top: 40px; }
    @media (max-width: 1023px) {
      .content_speaker_references .dots {
        margin-top: 24px; } }
  .content_speaker_references .dot {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: var(--white); }
    .content_speaker_references .dot.active {
      background-color: var(--keynote-kirche-purple-brighter); }
  .content_speaker_references .splide {
    width: 100%; }
  .content_speaker_references .splide__arrows {
    position: absolute;
    width: 100%;
    bottom: 50%; }
  .content_speaker_references .splide__arrows svg {
    height: auto;
    width: auto; }
  .content_speaker_references .splide__arrows span {
    width: 48px;
    height: 48px;
    opacity: 100;
    cursor: pointer;
    color: var(--white);
    background: var(--nak-blue);
    border-radius: 24px;
    bottom: 150px; }
  .content_speaker_references .splide__arrow--prev {
    left: 0px; }
  .content_speaker_references .splide__arrow--next {
    right: 0px; }

/* Inhalt Podcast (Sort 1) */
.content_speaker_podcast {
  min-height: 600px;
  padding: 120px var(--padding-container) 80px var(--padding-container);
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  justify-items: center;
  background-color: var(--grey-light); }
  @media (max-width: 1023px) {
    .content_speaker_podcast {
      padding: 80px var(--padding-container) 80px var(--padding-container); } }
  .content_speaker_podcast h3 {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 30px;
    color: var(--nak-blue-dark);
    text-align: center; }
    @media (max-width: 1023px) {
      .content_speaker_podcast h3 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 2px; } }
  .content_speaker_podcast h1 {
    margin-bottom: 24px;
    font-size: 40px;
    line-height: 48px;
    text-align: center; }
    @media (max-width: 1023px) {
      .content_speaker_podcast h1 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 16px; } }
  .content_speaker_podcast p {
    max-width: 540px;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 80px; }
    @media (max-width: 1023px) {
      .content_speaker_podcast p {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 56px; } }
  .content_speaker_podcast .button-blue {
    margin-top: 56px; }

/* Inhalt Speaker Kontakt (Sort 1) */
.content_speaker_contact {
  min-height: 600px;
  padding: 120px var(--padding-container) 120px var(--padding-container);
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-content: start;
  gap: 125px; }
  @media (max-width: 1023px) {
    .content_speaker_contact {
      padding: 80px var(--padding-container) 80px var(--padding-container);
      grid-template-columns: 1fr;
      gap: 40px; } }
  .content_speaker_contact h1 {
    font-size: 40px;
    line-height: 48px;
    color: #141414;
    margin-bottom: 24px; }
    @media (max-width: 1023px) {
      .content_speaker_contact h1 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 16px; } }
  .content_speaker_contact p {
    margin-bottom: 36px;
    font-size: 18px;
    line-height: 24px;
    color: #141414; }
    @media (max-width: 1023px) {
      .content_speaker_contact p {
        font-size: 16px;
        line-height: 22px; } }
  .content_speaker_contact div img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center; }
  .content_speaker_contact .button-purple {
    margin-bottom: 24px; }

/* Style splide (Sort 1) */
.splide__container {
  box-sizing: border-box;
  position: relative; }

.splide__list {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important; }

.splide.is-initialized:not(.is-active) .splide__list {
  display: block; }

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none; }

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto; }

.splide__progress__bar {
  width: 0; }

.splide {
  position: relative;
  visibility: hidden; }

.splide.is-initialized, .splide.is-rendered {
  visibility: visible; }

.splide__slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative; }

.splide__slide img {
  vertical-align: bottom; }

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px; }

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none; }

.splide__toggle.is-active .splide__toggle__pause {
  display: inline; }

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0; }

@keyframes splide-loading {
  0% {
    transform: rotate(0); }
  to {
    transform: rotate(1turn); } }

.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.splide__track--fade > .splide__list {
  display: block; }

.splide__track--fade > .splide__list > .splide__slide {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: 0; }

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  position: relative;
  z-index: 1; }

.splide--rtl {
  direction: rtl; }

.splide__track--ttb > .splide__list {
  display: block; }

.splide__arrow {
  -ms-flex-align: center;
  align-items: center;
  background: #ccc;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1; }

.splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em; }

.splide__arrow:hover:not(:disabled) {
  opacity: .9; }

.splide__arrow:disabled {
  opacity: .3; }

.splide__arrow:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px; }

.splide__arrow--prev {
  left: 1em; }

.splide__arrow--prev svg {
  transform: scaleX(-1); }

.splide__arrow--next {
  right: 1em; }

.splide.is-focus-in .splide__arrow:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px; }

.splide__pagination {
  bottom: .5em;
  left: 0;
  padding: 0 1em;
  position: absolute;
  right: 0;
  z-index: 1; }

.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: .7;
  padding: 0;
  position: relative;
  transition: transform .2s linear;
  width: 8px; }

.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  z-index: 1; }

.splide__pagination__page:hover {
  cursor: pointer;
  opacity: .9; }

.splide__pagination__page:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px; }

.splide.is-focus-in .splide__pagination__page:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px; }

.splide__progress__bar {
  background: #ccc;
  height: 3px; }

.splide__slide {
  -webkit-tap-highlight-color: transparent; }

.splide__slide:focus {
  outline: 0; }

@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: -3px; } }

@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf; } }

@supports (outline-offset: -3px) {
  .splide.is-focus-in .splide__slide:focus {
    outline: 3px solid #0bf;
    outline-offset: -3px; } }

@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf; }
  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf; } }

.splide__toggle {
  cursor: pointer; }

.splide__toggle:focus-visible {
  outline: 3px solid #0bf;
  outline-offset: 3px; }

.splide.is-focus-in .splide__toggle:focus {
  outline: 3px solid #0bf;
  outline-offset: 3px; }

.splide__track--nav > .splide__list > .splide__slide {
  border: 3px solid transparent;
  cursor: pointer; }

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: 3px solid #000; }

.splide__arrows--rtl .splide__arrow--prev {
  left: auto;
  right: 1em; }

.splide__arrows--rtl .splide__arrow--prev svg {
  transform: scaleX(1); }

.splide__arrows--rtl .splide__arrow--next {
  left: 1em;
  right: auto; }

.splide__arrows--rtl .splide__arrow--next svg {
  transform: scaleX(-1); }

.splide__arrows--ttb .splide__arrow {
  left: 50%;
  transform: translate(-50%); }

.splide__arrows--ttb .splide__arrow--prev {
  top: 1em; }

.splide__arrows--ttb .splide__arrow--prev svg {
  transform: rotate(-90deg); }

.splide__arrows--ttb .splide__arrow--next {
  bottom: 1em;
  top: auto; }

.splide__arrows--ttb .splide__arrow--next svg {
  transform: rotate(90deg); }

.splide__pagination--ttb {
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: .5em;
  top: 0; }

.splide__pagination__page {
  margin: 0;
  padding: 4px; }

.splide__pagination__page.is-active {
  background: var(--keynote-kirche-purple-brighter); }

/* PDF Poster Plakat Event (Sort 1) */
.nostyles {
  all: unset; }

/* Inhalt Keynote Prediger (Sort 1) */
.content_keynote_preacher {
  min-height: 600px;
  padding: 120px var(--padding-container) 0 var(--padding-container);
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  justify-items: center; }
  @media (max-width: 1023px) {
    .content_keynote_preacher {
      padding: 80px 0 0 0;
      display: flex;
      align-items: center;
      flex-direction: column;
      gap: 8px; } }
  .content_keynote_preacher .padding_container {
    display: grid;
    grid-template-columns: 1fr;
    align-content: start;
    justify-items: center; }
    @media (max-width: 1023px) {
      .content_keynote_preacher .padding_container {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 8px;
        padding: 0 var(--padding-container) 0 var(--padding-container); } }
  .content_keynote_preacher h1 {
    margin-bottom: 24px; }
  .content_keynote_preacher p {
    text-align: center;
    margin-bottom: 24px; }
  .content_keynote_preacher .action {
    position: absolute;
    bottom: 13cqh;
    width: 100%;
    display: flex;
    justify-content: center; }
  @media (max-width: 1023px) {
    .content_keynote_preacher .button-blue {
      font-size: 16px;
      padding: 6px 16px; } }
  .content_keynote_preacher .orbit {
    display: relative;
    min-height: 100px;
    aspect-ratio: 2 / 1;
    width: 100%;
    overflow: hidden;
    container-type: size; }
    @media (max-width: 1023px) {
      .content_keynote_preacher .orbit {
        aspect-ratio: 1 / 1; } }
    .content_keynote_preacher .orbit .circle {
      width: var(--radius);
      height: var(--diameter);
      transform: translate(-50%, 50%);
      border-radius: 50%;
      border: 1px solid red;
      position: absolute;
      bottom: -10%;
      left: 50%; }
      @media (max-width: 1023px) {
        .content_keynote_preacher .orbit .circle {
          width: var(--diameter_mobile);
          height: var(--diameter_mobile);
          bottom: -38%; } }
    .content_keynote_preacher .orbit .circle0 {
      opacity: 0.6;
      border: solid 1px var(--keynote-kirche-purple); }
    .content_keynote_preacher .orbit .circle1 {
      opacity: 0.6;
      border: solid 1px #745aa6; }
    .content_keynote_preacher .orbit .circle2 {
      opacity: 0.6;
      border: solid 1px var(--nak-blue); }

@keyframes fly {
  0% {
    transform: translateX(calc(var(--radius)* -1 + -10cqh)) rotate(calc(0deg + var(--angle))); }
  100% {
    transform: translateX(calc(var(--radius)* -1 + -10cqh)) rotate(calc(360deg + var(--angle))); } }

@keyframes inner {
  0% {
    transform: rotate(calc((0deg + var(--angle)) * -1)); }
  100% {
    transform: rotate(calc((360deg + var(--angle)) * -1)); } }
    .content_keynote_preacher .orbit .speaker {
      position: absolute;
      width: 16cqh;
      height: 16cqh;
      aspect-ratio: 1 / 1;
      border-radius: 50%;
      overflow: hidden;
      transform-origin: calc(var(--radius) + 10cqh);
      transform: translateX(calc(var(--radius)* -1 + -10cqh)) rotate(var(--angle));
      bottom: -20cqh;
      left: 50%;
      outline: 0.8cqh solid var(--outline-color);
      animation: fly var(--speed) linear infinite; }
      @media (max-width: 1023px) {
        .content_keynote_preacher .orbit .speaker {
          bottom: -48cqh;
          transform-origin: calc(var(--radius_mobile) + 10cqh);
          transform: translateX(calc(var(--radius_mobile)* -1 + -10cqh)) rotate(var(--angle));
          animation: fly calc(var(--speed) / 4) linear infinite; }
        @keyframes fly {
          0% {
            transform: translateX(calc(var(--radius_mobile)* -1 + -10cqh)) rotate(calc(45deg + var(--angle))); }
          100% {
            transform: translateX(calc(var(--radius_mobile)* -1 + -10cqh)) rotate(calc(135deg + var(--angle))); } }
        @keyframes inner {
          0% {
            transform: rotate(calc((45deg + var(--angle)) * -1)); }
          100% {
            transform: rotate(calc((135deg + var(--angle)) * -1)); } } }
      .content_keynote_preacher .orbit .speaker img {
        transform-origin: center;
        transform: rotate(calc((var(--angle)) * -1));
        animation: inner var(--speed) linear infinite; }
        @media (max-width: 1023px) {
          .content_keynote_preacher .orbit .speaker img {
            animation-duration: calc(var(--speed) / 4); } }
/* Vorschau Animation (Sort 1) */
.preview_animation {
  padding: 120px var(--padding-container) 80px var(--padding-container);
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  justify-items: center;
  position: relative; }
  @media (max-width: 1023px) {
    .preview_animation {
      padding-top: 80px;
      padding-bottom: 60px;
      display: flex;
      align-items: center;
      flex-direction: column;
      gap: 8px; } }
  .preview_animation h1 {
    margin-bottom: 24px; }
  .preview_animation p {
    text-align: center; }
  .preview_animation .box1 {
    aspect-ratio: 1 / 1;
    margin: 0 auto;
    position: relative;
    width: 100%; }

@keyframes xgradient {
  0% {
    background-position: calc(var(--offset) + 0px) 0; }
  50% {
    background-position: calc(var(--offset) + 1200px) 0; }
  100% {
    background-position: calc(var(--offset) + 0px) 0; } }
    .preview_animation .box1 .line {
      transform-origin: 30px 30px;
      border-radius: 30px;
      height: 60px;
      width: 300px;
      background: red;
      position: absolute;
      left: 50%;
      top: 10%;
      animation: xgradient 15s linear alternate infinite;
      background-size: 1600px 800px;
      background-repeat: repeat;
      background-position: calc(var(--offset) + 0) 0;
      background-color: #5793c9;
      background-image: linear-gradient(90deg, rgba(87, 147, 201, 0.5) 0px, #941b80 800px, rgba(87, 147, 201, 0.5) 1600px); }
    .preview_animation .box1 .line1 {
      transform: rotate(75deg);
      --offset: 0px; }
    .preview_animation .box1 .line2 {
      transform: rotate(75deg) translateX(240px) rotate(-150deg);
      width: 200px;
      --offset: -300px; }
    .preview_animation .box1 .line3 {
      transform: rotate(75deg) translateX(240px) rotate(-150deg) translateX(140px) rotate(150deg);
      width: 160px;
      --offset: -500px; }
    .preview_animation .box1 .line4 {
      transform: rotate(75deg) translateX(240px) rotate(-150deg) translateX(140px) rotate(150deg) translateX(100px) rotate(-130deg);
      --offset: -660px; }
  .preview_animation .box2 {
    aspect-ratio: 2 / 1;
    margin: 0 auto;
    position: relative;
    animation: height 5s linear infinite;
    width: 100%; }

@keyframes height {
  0% {
    scale: 1; }
  50% {
    scale: 0.9; }
  100% {
    scale: 1; } }
    .preview_animation .box2 .line {
      border-radius: 30px;
      height: 60px;
      width: 300px;
      background: red;
      position: absolute;
      left: 50%;
      top: 10%;
      transform-origin: 30px 30px;
      background-size: 800% 100%; }
    .preview_animation .box2 .line1 {
      background-image: linear-gradient(90deg, #941b80 0%, #5793c9 50%, #941b80 100%);
      transform: rotate(75deg);
      --offset: -0%;
      background-position: 0% 0%; }
    .preview_animation .box2 .line2 {
      background-image: linear-gradient(90deg, #941b80 0%, #5793c9 50%, #941b80 100%);
      transform: rotate(75deg) translateX(240px) rotate(-150deg);
      width: 200px;
      --offset: -100%;
      background-position: -100% 0%; }
    .preview_animation .box2 .line3 {
      background-image: linear-gradient(90deg, #941b80 0%, #5793c9 50%, #941b80 100%);
      transform: rotate(75deg) translateX(240px) rotate(-150deg) translateX(140px) rotate(150deg);
      width: 160px;
      --offset: -200%;
      background-position: -200% 0%; }
    .preview_animation .box2 .line4 {
      background-image: linear-gradient(90deg, #941b80 0%, #5793c9 50%, #941b80 100%);
      transform: rotate(75deg) translateX(240px) rotate(-150deg) translateX(140px) rotate(150deg) translateX(100px) rotate(-130deg);
      --offset: -300%;
      background-position: -300% 0%; }

/* Inhalt Bisherige Keynotes (Sort 1) */
.content_past_keynotes {
  min-height: 600px;
  padding: 120px var(--padding-container) 84px var(--padding-container);
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  justify-items: center; }
  @media (max-width: 1023px) {
    .content_past_keynotes {
      padding-top: 80px;
      padding-bottom: 60px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: center; } }
  .content_past_keynotes h3 {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 30px; }
    @media (max-width: 1023px) {
      .content_past_keynotes h3 {
        font-size: 18px;
        line-height: 24px; } }
  .content_past_keynotes h1 {
    margin-bottom: 48px;
    font-size: 40px;
    line-height: 48px; }
    @media (max-width: 1023px) {
      .content_past_keynotes h1 {
        margin-bottom: 2px;
        font-size: 24px;
        line-height: 30px; } }
  .content_past_keynotes summary::-webkit-details-marker {
    display: none; }
  .content_past_keynotes details {
    padding-top: 32px;
    padding-bottom: 31px;
    border-bottom: 1px solid var(--grey-dark);
    user-select: none;
    /* Standard syntax */
    font-size: 18px;
    line-height: 1.33;
    width: 100%; }
    @media (max-width: 1023px) {
      .content_past_keynotes details {
        padding-top: 24px;
        padding-bottom: 23px; } }
    .content_past_keynotes details .place {
      font-size: 18px;
      line-height: 24px; }
    .content_past_keynotes details .title {
      font-size: 18px;
      line-height: 24px; }
      @media (max-width: 1023px) {
        .content_past_keynotes details .title {
          font-size: 18px;
          line-height: 24px; } }
    .content_past_keynotes details span {
      font-size: 18px;
      line-height: 24px; }
      @media (max-width: 1023px) {
        .content_past_keynotes details span {
          font-size: 16px;
          line-height: 22px; } }
  .content_past_keynotes details > summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    text-wrap: balance;
    gap: 20px; }
    .content_past_keynotes details > summary svg {
      width: 48px;
      height: 48px;
      flex-shrink: 0; }
    .content_past_keynotes details > summary svg:nth-child(2) {
      display: block; }
    .content_past_keynotes details > summary svg:nth-child(3) {
      display: none; }
  .content_past_keynotes details[open] > summary {
    color: var(--keynote-kirche-purple-brighter);
    margin-bottom: 20px; }
    .content_past_keynotes details[open] > summary svg:nth-child(2) {
      display: none; }
    .content_past_keynotes details[open] > summary svg:nth-child(3) {
      display: block; }
  .content_past_keynotes details[open] > *:not(summary) {
    animation: details-show 300ms ease-in-out; }
  .content_past_keynotes details > span {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px; }
    @media (max-width: 1023px) {
      .content_past_keynotes details > span {
        grid-template-columns: 1fr; } }
    .content_past_keynotes details > span .thumbnail {
      width: 446px;
      height: 259px;
      object-fit: cover; }
      @media (max-width: 1023px) {
        .content_past_keynotes details > span .thumbnail {
          width: 100%; } }
    .content_past_keynotes details > span .img_container {
      position: relative;
      width: 446px;
      display: block; }
      @media (max-width: 1023px) {
        .content_past_keynotes details > span .img_container {
          width: 100%; } }
    .content_past_keynotes details > span .play {
      position: absolute;
      top: calc(50% - 32px);
      left: calc(50% - 32px);
      width: 64px;
      height: 64px;
      background-color: var(--nak-blue);
      padding: 18px;
      border-radius: 32px; }
  .content_past_keynotes .button-blue {
    margin-top: 60px; }
    .content_past_keynotes .button-blue svg {
      width: 24px;
      height: 24px;
      color: #fff; }
      .content_past_keynotes .button-blue svg path {
        fill: #fff; }
    @media (max-width: 1023px) {
      .content_past_keynotes .button-blue {
        margin-top: 44px; } }
@keyframes details-show {
  from {
    opacity: 0;
    transform: var(--details-translate, translateY(-0.5em)); } }

/* Inhalt Ausblick (Sort 1) */
.content_next_events {
  min-height: 50px;
  padding: 120px var(--padding-container) 120px var(--padding-container);
  display: grid;
  justify-items: center; }
  @media (max-width: 1023px) {
    .content_next_events {
      padding: 80px var(--padding-container) 80px var(--padding-container);
      width: 100%; } }
  .content_next_events h3 {
    margin-bottom: 4px; }
  .content_next_events h1 {
    margin-bottom: 80px;
    text-align: center; }
    @media (max-width: 1023px) {
      .content_next_events h1 {
        margin-bottom: 36px; } }
  .content_next_events img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    outline: 8px solid var(--nak-blue-outline);
    margin-bottom: 32px; }
    @media (max-width: 1023px) {
      .content_next_events img {
        margin-bottom: 26px; } }
  .content_next_events .items {
    display: grid;
    gap: 170px; }
    .content_next_events .items.one {
      grid-template-columns: 1fr; }
    .content_next_events .items.more {
      grid-template-columns: 1fr 1fr; }
      @media (max-width: 1023px) {
        .content_next_events .items.more {
          grid-template-columns: 1fr; } }
    @media (max-width: 1023px) {
      .content_next_events .items {
        gap: 40px; } }
    .content_next_events .items .item {
      display: flex;
      flex-direction: column; }
      .content_next_events .items .item h3 {
        color: var(--keynote-kirche-black);
        margin-bottom: 16px;
        font-size: 24px;
        line-height: 30px; }
        @media (max-width: 1023px) {
          .content_next_events .items .item h3 {
            font-size: 18px;
            line-height: 24px; } }
      .content_next_events .items .item p {
        margin-bottom: 62px;
        font-size: 18px;
        line-height: 24px;
        flex-grow: 1; }
        @media (max-width: 1023px) {
          .content_next_events .items .item p {
            font-size: 16px;
            line-height: 22px;
            margin-bottom: 24px; } }
      .content_next_events .items .item p.actions {
        flex-grow: 0;
        margin-bottom: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 16px; }
        @media (max-width: 1023px) {
          .content_next_events .items .item p.actions {
            flex-direction: column; } }
      .content_next_events .items .item .event {
        display: flex;
        gap: 32px;
        margin-bottom: 32px;
        align-items: center; }
        @media (max-width: 1023px) {
          .content_next_events .items .item .event {
            margin-bottom: 18px; } }
        .content_next_events .items .item .event h3 {
          font-size: 18px;
          line-height: 24px;
          color: var(--nak-blue-dark);
          margin-bottom: 0px; }
          @media (max-width: 1023px) {
            .content_next_events .items .item .event h3 {
              font-size: 16px;
              line-height: 22px; } }
        .content_next_events .items .item .event time {
          text-align: center;
          display: flex;
          border-radius: 12px;
          border: 2px solid var(--nak-blue);
          flex-direction: column;
          color: var(--nak-blue);
          text-transform: uppercase;
          font-size: 28px; }
          .content_next_events .items .item .event time span {
            color: var(--white);
            background-color: var(--nak-blue);
            border-radius: 10px 10px 0 0;
            padding: 8px 14px;
            font-size: 17px;
            line-height: 1; }

/* Speaker Raster (Sort 1) */
.content_speaker_raster {
  min-height: 400px;
  padding: 120px var(--padding-container) 84px var(--padding-container);
  display: grid;
  grid-template-columns: 1fr;
  align-content: start;
  justify-items: center; }
  @media (max-width: 1023px) {
    .content_speaker_raster {
      padding-top: 80px;
      padding-bottom: 60px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      align-items: center; } }
  .content_speaker_raster h3 {
    margin-bottom: 4px; }
    @media (max-width: 1023px) {
      .content_speaker_raster h3 {
        margin-bottom: 2px; } }
  .content_speaker_raster h1 {
    margin-bottom: 24px; }
    @media (max-width: 1023px) {
      .content_speaker_raster h1 {
        margin-bottom: 16px; } }
  .content_speaker_raster p {
    text-align: center;
    margin-bottom: 36px; }
    @media (max-width: 1023px) {
      .content_speaker_raster p {
        margin-bottom: 24px; } }
  .content_speaker_raster .actions {
    width: 100%;
    margin-bottom: 120px;
    display: flex;
    justify-content: center;
    gap: 16px; }
    @media (max-width: 1023px) {
      .content_speaker_raster .actions {
        margin-bottom: 80px;
        flex-direction: column;
        align-items: center; } }
  .content_speaker_raster .speakers {
    display: grid;
    column-gap: 30px;
    row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr; }
    @media (max-width: 1023px) {
      .content_speaker_raster .speakers {
        grid-template-columns: 1fr;
        row-gap: 32px; } }
    .content_speaker_raster .speakers img {
      width: 100%;
      margin-bottom: 16px; }
    .content_speaker_raster .speakers .name {
      font-size: 16px;
      line-height: 24px;
      color: var(--nak-blue-dark);
      margin-bottom: 0; }
      @media (max-width: 1023px) {
        .content_speaker_raster .speakers .name {
          line-height: 22px; } }
    .content_speaker_raster .speakers .subtitle {
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 0; }
      @media (max-width: 1023px) {
        .content_speaker_raster .speakers .subtitle {
          font-size: 12px;
          line-height: 16px; } }
/* Atom animiertes Logo (Sort 1) */
.atom_animation {
  aspect-ratio: 1 / 1;
  margin: 0 auto;
  position: relative;
  width: 100%; }

@keyframes xgradient {
  0% {
    background-position: calc(var(--offset) + 0px) 0; }
  50% {
    background-position: calc(var(--offset) +  calc(var(--vwidth1) + var(--vwidth2) + var(--vwidth3) + var(--vwidth4)) + 200px) 0; }
  100% {
    background-position: calc(var(--offset) + 200px) 0; } }
  .atom_animation .line {
    transform-origin: calc(var(--line_height) / 2) calc(var(--line_height) / 2);
    border-radius: calc(var(--line_height) / 2);
    height: var(--line_height);
    width: 300px;
    background: red;
    position: absolute;
    animation: xgradient 15s linear alternate infinite;
    background-size: calc(var(--vwidth1) + var(--vwidth2) + var(--vwidth3) + var(--vwidth4) + 400px) 800px;
    background-repeat: repeat;
    background-position: calc(var(--offset) + 0) 0;
    background-color: #5793c9;
    background-image: linear-gradient(90deg, rgba(87, 147, 201, 0.5) 0px, #941b80 calc((var(--vwidth1) + var(--vwidth2) + var(--vwidth3) + var(--vwidth4)) / 2), rgba(87, 147, 201, 0.5) calc(var(--vwidth1) + var(--vwidth2) + var(--vwidth3) + var(--vwidth4))); }
  .atom_animation .line1 {
    transform: rotate(var(--vrotate1));
    --offset: var(--offset);
    width: var(--vwidth1); }
  .atom_animation .line2 {
    transform: rotate(var(--vrotate1)) translateX(var(--vtranslate2)) rotate(var(--vrotate2));
    width: var(--vwidth2);
    --offset: var(--offset); }
  .atom_animation .line3 {
    transform: rotate(var(--vrotate1)) translateX(var(--vtranslate2)) rotate(var(--vrotate2)) translateX(var(--vtranslate3)) rotate(var(--vrotate3));
    width: var(--vwidth3);
    --offset: var(--offset); }
  .atom_animation .line4 {
    transform: rotate(var(--vrotate1)) translateX(var(--vtranslate2)) rotate(var(--vrotate2)) translateX(var(--vtranslate3)) rotate(var(--vrotate3)) translateX(var(--vtranslate4)) rotate(var(--vrotate4));
    width: var(--vwidth4);
    --offset: var(--offset); }

/* Inhalt Speaker Werbung (Sort 1) */
.content_book {
  min-height: 600px;
  background-color: #c5c5c5;
  color: var(--black); }
  .content_book h2 {
    margin-bottom: 48px;
    font-size: 40px;
    line-height: 48px; }
  .content_book h3 {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 30px; }
  .content_book p {
    margin-bottom: 20px; }
  .content_book ul li {
    color: var(--black); }
  .content_book .content {
    min-height: 50px;
    padding: 157px var(--padding-container) 124px var(--padding-container);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: center;
    grid-template-areas: "text image"; }
    @media (max-width: 1023px) {
      .content_book .content {
        grid-template-columns: 1fr;
        padding: 80px var(--padding-container);
        grid-template-areas: "image" "text"; } }
  .content_book .content > img {
    grid-area: image; }
  .content_book .content > div {
    grid-area: text; }
    @media (max-width: 1023px) {
      .content_book .content > div {
        display: flex;
        flex-direction: column;
        align-items: center; } }
  .content_book button {
    color: white; }

/* Inhalt Speaker Impressum (Sort 1) */
.content_speaker_impressum {
  padding: 48px var(--padding-container) 48px var(--padding-container);
  color: var(--black); }
  .content_speaker_impressum h1 {
    margin-bottom: 20px; }
  .content_speaker_impressum h2 {
    margin-bottom: 20px; }
  .content_speaker_impressum h3 {
    margin-top: 36px;
    margin-bottom: 20px; }
  .content_speaker_impressum p {
    margin-bottom: 20px; }
  .content_speaker_impressum ul {
    display: block; }
  .content_speaker_impressum ul li {
    display: block;
    color: var(--black); }
  .content_speaker_impressum a {
    color: var(--nak-blue); }
  @media (max-width: 1023px) {
    .content_speaker_impressum {
      padding: 80px var(--padding-container); } }
/* Inhalt Speaker Datenschutz (Sort 1) */
.content_speaker_privacy {
  padding: 48px var(--padding-container) 48px var(--padding-container);
  color: var(--black); }
  .content_speaker_privacy h1 {
    margin-bottom: 20px; }
  .content_speaker_privacy h2 {
    margin-bottom: 20px; }
  .content_speaker_privacy h3 {
    margin-top: 36px;
    margin-bottom: 20px; }
  .content_speaker_privacy p {
    margin-bottom: 20px; }
  .content_speaker_privacy ul {
    display: block; }
  .content_speaker_privacy ul li {
    display: block;
    color: var(--black); }
  .content_speaker_privacy a {
    color: var(--nak-blue); }
  @media (max-width: 1023px) {
    .content_speaker_privacy {
      padding: 80px var(--padding-container); } }
/* Inhalt CTA (Sort 1) */
.content_cta {
  position: relative;
  overflow: hidden; }
  .content_cta .content_cta_grid {
    padding: 120px var(--padding-container) 120px var(--padding-container);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto 100%;
    align-items: center; }
    .content_cta .content_cta_grid img {
      z-index: 2; }
    @media (max-width: 1023px) {
      .content_cta .content_cta_grid {
        padding-top: 80px;
        display: flex;
        flex-direction: column-reverse;
        gap: 8px;
        background-size: 170%;
        background-position: left bottom; }
        .content_cta .content_cta_grid img {
          margin-top: 0;
          max-width: 80%; } }
  .content_cta .content_cta_grid_centered {
    padding: 80px var(--padding-container) 80px var(--padding-container);
    display: grid;
    grid-template-columns: 1fr;
    align-items: center; }
    .content_cta .content_cta_grid_centered img {
      z-index: 2; }
    @media (max-width: 1023px) {
      .content_cta .content_cta_grid_centered {
        padding-top: 80px;
        display: flex;
        flex-direction: column-reverse;
        gap: 8px;
        background-size: 170%;
        background-position: left bottom; }
        .content_cta .content_cta_grid_centered img {
          margin-top: 0;
          max-width: 80%; } }
  .content_cta .stack {
    display: grid;
    grid-template-areas: "main";
    align-items: end;
    grid-template-areas: "main";
    align-items: end;
    justify-content: start;
    justify-items: end; }
    @media (max-width: 1023px) {
      .content_cta .stack {
        justify-items: center; } }
    .content_cta .stack img {
      grid-area: main; }
  .content_cta h3 {
    margin-bottom: 4px; }
  .content_cta img {
    margin-top: 100px; }
  .content_cta h1 {
    margin-bottom: 24px; }
  .content_cta p {
    margin-bottom: 32px; }
  .content_cta ul {
    margin-bottom: 36px; }

/* Inhalt Teaser DB (Sort 1) */
.content_teaser_db {
  padding: 0 var(--padding-container);
  box-sizing: border-box; }
  @media (max-width: 1023px) {
    .content_teaser_db {
      padding-top: 80px; } }
  .content_teaser_db .dots {
    position: absolute;
    bottom: 30px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 12px;
    margin-top: 40px; }
    @media (max-width: 1023px) {
      .content_teaser_db .dots {
        margin-top: 24px; } }
  .content_teaser_db .dot {
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: var(--white); }
    .content_teaser_db .dot.active {
      background-color: var(--keynote-kirche-purple-brighter); }
  .content_teaser_db .splide {
    width: 100%; }
  .content_teaser_db .splide__arrows {
    position: absolute;
    width: 100vw;
    left: 50%;
    top: 170px;
    transform: translateX(-50%); }
  .content_teaser_db .splide__arrows svg {
    height: auto;
    width: auto; }
  .content_teaser_db .splide__arrows span {
    width: 48px;
    height: 48px;
    opacity: 100;
    cursor: pointer;
    color: var(--white);
    background: var(--nak-blue);
    border-radius: 24px;
    bottom: 150px; }
    @media (max-width: 1023px) {
      .content_teaser_db .splide__arrows span {
        width: 40px;
        height: 40px; } }
  .content_teaser_db .splide__arrow--prev {
    left: 20px; }
    @media (max-width: 1023px) {
      .content_teaser_db .splide__arrow--prev {
        left: 8px; } }
  .content_teaser_db .splide__arrow--next {
    right: 20px; }
    @media (max-width: 1023px) {
      .content_teaser_db .splide__arrow--next {
        right: 8px; } }
  .content_teaser_db .content_teaser_slide_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    padding-bottom: 40px;
    padding-top: 80px;
    background-color: var(--background-murks);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto 100%;
    align-items: center; }
    .content_teaser_db .content_teaser_slide_grid img {
      z-index: 2;
      aspect-ratio: 1 / 1;
      border-radius: 8px; }
    @media (max-width: 1023px) {
      .content_teaser_db .content_teaser_slide_grid {
        padding-bottom: 60px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        background-size: 170%;
        background-position: left bottom; }
        .content_teaser_db .content_teaser_slide_grid img {
          margin-top: 0;
          max-width: 60vw;
          margin: 0 auto;
          aspect-ratio: 1 / 1; } }
  .content_teaser_db .stack_i {
    align-self: start; }
    @media (max-width: 1023px) {
      .content_teaser_db .stack_i {
        align-self: center; } }
  .content_teaser_db h3 {
    margin-bottom: 4px; }
    @media (max-width: 1023px) {
      .content_teaser_db h3 {
        text-align: center; } }
  .content_teaser_db h1 {
    margin-bottom: 16px; }
    @media (max-width: 1023px) {
      .content_teaser_db h1 {
        text-align: center; } }
  .content_teaser_db date {
    font-size: 24px;
    margin-bottom: 16px;
    display: block; }
    @media (max-width: 1023px) {
      .content_teaser_db date {
        font-size: 16px;
        text-align: center; } }
  .content_teaser_db .second_column {
    min-height: 1015px; }
    @media (max-width: 1023px) {
      .content_teaser_db .second_column {
        min-height: unset; } }
  .content_teaser_db .restricted_content {
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 32px; }
  .content_teaser_db p {
    margin-bottom: 32px; }
  .content_teaser_db ul {
    margin-bottom: 36px; }

/* Inhalt Youtube Link (Sort 1) */
.youtube_link {
  min-height: 400px;
  padding: 120px var(--padding-container) 84px var(--padding-container); }
  .youtube_link .img_container {
    position: relative;
    width: 100%;
    display: block; }
    @media (max-width: 1023px) {
      .youtube_link .img_container {
        width: 100%; } }
  .youtube_link .play {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    width: 64px;
    height: 64px;
    background-color: var(--nak-blue);
    padding: 18px;
    border-radius: 32px; }

/* Inhalt Downloads (Sort 1) */
.content_downloads {
  padding: 80px var(--padding-container); }
  .content_downloads ul {
    display: grid;
    flex-wrap: wrap;
    gap: 24px;
    row-gap: 12px;
    list-style: square;
    margin: 0;
    padding: 0;
    list-style-position: outside;
    margin-top: 24px;
    grid-template-columns: 1fr 1fr;
    padding-left: 20px; }
    @media (max-width: 1023px) {
      .content_downloads ul {
        grid-template-columns: 1fr; } }
  .content_downloads li {
    flex-basis: 100%; }
    .content_downloads li a {
      color: var(--keynote-kirche-purple-brighter); }
    .content_downloads li a:hover {
      text-decoration: underline; }
    .content_downloads li small {
      color: var(--keynote-kirche-purple); }