:root {
  --font-heading: 'Texta Alt Bold';
  --font-text: 'Texta Light';
  --font-italic: 'Georgia Italic';
  --gold: #d6b066;
  --accent: #dfc390;
  --silber: #cbc9ca;
  --hellsilber: #ebebeb;
  --schwarz: #4a5568;
}

* a:focus-visible {
  outline: 2px dashed var(--schwarz) !important;
}

.ntm {
  margin-top: 0 !important;
}

.set-rel {
  position: relative !important;
}

.single-content address,
.single-content figure,
.single-content hr,
.single-content p,
.single-content table,
.single-content pre,
.single-content form,
.single-content .wp-block-buttons,
.single-content .wp-block-button,
.single-content .wc-block-grid,
.single-content .wp-block-kadence-advancedbtn,
.single-content .wp-block-media-text,
.single-content .wp-block-cover,
.single-content .entry-content-asset,
.single-content .wp-block-kadence-form,
.single-content .wp-block-group,
.single-content .wp-block-yoast-faq-block,
.single-content .wp-block-yoast-how-to-block,
.single-content .schema-faq-section,
.single-content .wp-block-kadence-tableofcontents,
.single-content .enlighter-default,
.single-content .wp-block-kadence-iconlist,
.single-content [class*='__inner-content'] {
  margin: 0;
}

.single-content h1,
.single-content h2,
.single-content h3,
.single-content h4,
.single-content h5,
.single-content h6 {
  margin-bottom: 10px;
}

.entry-content.single-content p {
  margin-bottom: 15px;
}

footer p {
  margin: 0 !important;
}

.wp-block-navigation ul {
  display: flex;
  gap: 15px;
}

.wp-block-navigation a:hover,
.wp-block-navigation a:focus-visible {
  text-decoration: none;
}

main p strong {
  font-family: var(--font-heading);
}

main p em,
main h1 em,
main h2 em,
main h3 em {
  font-family: var(--font-italic);
}

.kt-modal-container {
  position: relative !important;
  /* Ensure the pseudo-element is positioned correctly */
  background-color: #fff !important;
  /* Background color */
  max-width: 100% !important;
  padding: 0 !important;
}

.kt-modal-container .wp-block-navigation ul {
  gap: 10px !important;
}

.kt-modal-container .wp-block-navigation ul li a {
  font-family: var(--font-heading) !important;
  font-size: clamp(1.5rem, 3.194vw, 2.875rem) !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  line-height: 1.2 !important;
}

.kt-modal-overlay .kt-modal-close:hover {
  color: var(--schwarz) !important;
}

.kt-modal-container .primary-menu {
  list-style-type: none;
  display: flex;
  padding: 0;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}

.kt-modal-container .primary-menu li a {
  font-family: var(--font-heading) !important;
  font-size: clamp(1.5rem, 3.194vw, 2.875rem) !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-decoration: none !important;
}

.kt-modal-overlay .kt-modal-close {
  right: calc(max((100vw - 1440px) / 2, 40px));
  /* Calculates right offset */
  top: 140px !important;
  transform: scale(1.5) !important;
}

@media all and (max-width: 1024px) {
  .kt-modal-overlay .kt-modal-close {
    top: 70px !important;
  }
}

.kt-modal-container nav ul li a {
  color: var(--gold) !important;
}

.kt-modal-container nav ul li a:hover,
.kt-modal-container nav ul li a:focus-visible {
  color: var(--schwarz) !important;
}

@media all and (max-width: 1024px) {
  .kt-modal-container {
    max-width: 100% !important;
  }
}

h1.entry-title {
  color: var(--gold) !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
}

header h1 {
  font-size: clamp(1.5rem, 3.333vw, 3rem) !important;
  text-align: center !important;
  margin-bottom: 10px !important;
}

header p {
  font-size: clamp(1.25rem, 2.5vw, 2.25rem) !important;
  text-align: center !important;
  line-height: 1.2 !important;
}

form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  border-radius: 0 !important;
  padding: 12px !important;
  font-family: var(--font-heading) !important;
  font-size: 1.125rem !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}

form.fluent_form_2 .wpf_has_custom_css.ff-btn-submit:hover {
  color: #fff !important;
  box-shadow: none !important;
}

.ff-default .ff-el-form-control:focus {
  border-color: black !important;
}

.ff-default .ff-el-form-control {
  border-radius: 0 !important;
  padding: 10px 8px !important;
  font-family: var(--font-text) !important;
}

.ff-message-success {
  background: var(--global-palette8) !important;
  border-color: var(--global-palette8) !important;
  box-shadow: none !important;
  font-family: var(--font-heading) !important;
}

.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label:after {
  color: var(--gold) !important;
}

.rundesbild img {
  border-radius: 100% !important;
}

button:focus {
  box-shadow: none !important;
}

.kurs-anmelde-button {
  color: #fff !important;
  background: var(--gold) !important;
  border-color: var(--gold) !important;
  border-radius: 0 !important;
  padding: 12px 24px !important;
  font-family: var(--font-heading) !important;
  text-transform: uppercase !important;
  font-size: 1.125rem !important;
  line-height: 1 !important;
  text-decoration: none !important;
  margin-bottom: 35px !important;
}

.kurs-anmelde-button:hover,
.kurs-anmelde-button:focus-visible {
  color: #fff !important;
  background: var(--accent) !important;
  box-shadow: none !important;
}

.page-id-905 .newsletter {
  display: none !important;
}

.audiowrapper p:first-of-type {
  margin-bottom: 0 !important;
}

.wp-block-details summary {
  text-align: center !important;
  color: var(--global-palette3) !important;
  font-family: var(--font-heading) !important;
  text-transform: uppercase !important;
  font-size: 1.125rem !important;
}

.wp-block-details summary:hover,
.wp-block-details summary:focus-visible,
details[open] summary {
  color: var(--gold) !important;
}

details > summary {
  list-style: none !important;
}

details > summary::-webkit-details-marker {
  display: none !important;
}

details {
  overflow: hidden;
}

details[open] summary + p {
  animation: openAnimation 0.3s ease-out forwards;
}

summary {
  cursor: pointer;
}

@keyframes openAnimation {
  from {
    opacity: 0;
    transform: translateY(-15px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.kursbild {
  margin-bottom: 45px !important;
}

dynamictext h2 {
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  color: var(--global-palette1) !important;
}

.kursfacts p {
  margin: 0 !important;
}

.kursfacts:has(dynamictext:empty) {
  display: none !important;
}

dynamictext p em {
  font-family: var(--font-heading) !important;
  color: var(--gold) !important;
  font-style: normal !important;
}

.kostenwrapper dynamictext p:not(:first-of-type) {
  font-size: 1rem !important;
}

dynamictext ul {
  margin-bottom: 10px !important;
}