/**
 * Styles
 */

/* Buttons */

.button--primary,
.form-submit,
.site-footer .text-content a.button-footer,
#ausbildung-bewerbungslink {
  background-color: var(--button-background-color);
  padding: 7px 25px;
  color: var(--button-color);
  border: solid 3px var(--button-border-color);
  box-shadow: none;
  text-decoration: none;
  transition: 0.3s;
  cursor: pointer;
  text-align: center;
  border-radius: 50px;
  font-family: var(--font-sans);
  font-size: var(--font-size-l);
  font-weight: normal;
  display: inline-flex;
  align-items: center;
  height: fit-content;
  min-height: 48px;
}

.button--primary:hover,
.form-submit:hover,
.site-footer .text-content a.button-footer:hover {
  font-weight: 400;
  color: var(--button-color-hover);
  border-color: var(--button-border-color-hover);
  background-color: var(--button-background-color-hover);
  text-decoration: none;
}

.list-more-link,
.mitglied-akkordeon-contentlink a,
.button--secondary {
  padding: 5px 25px;
  color: var(--font-color-light-background);
  border: solid 3px var(--button-border-color);
  box-shadow: none;
  text-decoration: none;
  transition: 0.3s;
  cursor: pointer;
  text-align: center;
  border-radius: 50px;
  font-family: var(--font-sans);
  font-size: var(--font-size-l);
  font-weight: normal;
  display: inline-flex;
  align-items: center;
  height: fit-content;
  min-height: 48px;
  background-color: transparent !important;
}

.list-more-link:hover,
.mitglied-akkordeon-contentlink a:hover,
.button--secondary:hover {
  border: solid 3px var(--button-border-color-hover);
  background-color: var(--button-background-color-hover);
  text-decoration: none;
  font-weight: normal;
}

/* Links */
.text-content a:where(:not(.button)),
.cke_editable a:where(:not(.button)) {
  color: var(--primary-color);
}
@supports (box-shadow: none) {
  .text-content a:where(:not(.button)),
  .cke_editable a:where(:not(.button)) {
    box-shadow: inset 0 -2px 0 0 var(--primary-color);
  }
  .text-content a:where(:not(.button)):hover,
  .cke_editable a:where(:not(.button)):hover {
    color: var(--font-color-light-background);
    box-shadow: inset 0 -2em 0 0 #addeff;
    text-decoration-line: underline;
    text-decoration-thickness: 3px;
    text-decoration-color: var(--button-border-color);
  }
}
main a {
  color: var(--primary-color);
  transition: 0.2s;
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: var(--primary-color);
  text-underline-offset: 5px;
}
main a:hover {
  color: var(--font-color-light-background);
  text-decoration-line: underline;
  text-decoration-thickness: 5px;
  text-decoration-color: var(--button-border-color);
}

/* Page Title */
#block-kastaniecustom-page-title {
  border-left: solid 5px var(--secondary-color);
  padding-left: 10px;
}
@media (min-width: 43.75rem) {
  #block-kastaniecustom-page-title {
    padding-left: 20px;
  }
}
/* Title Links */
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: var(--font-color-light-background);
  text-decoration: none;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: var(--font-color-light-background);
  box-shadow: inset 0 -5px 0 0 var(--button-border-color);
  text-decoration: none;
}

/* Blockquote */
.text-content blockquote::before,
.cke_editable blockquote::before {
  display: none;
}
.text-content blockquote::after,
.cke_editable blockquote::after {
  width: 6px;
  height: 100%;
  background: var(--secondary-color);
}
.text-content blockquote,
.cke_editable blockquote {
  padding-inline-start: 25px;
}
@media (min-width: 43.75rem) {
  .text-content blockquote,
  .cke_editable blockquote {
    font-size: 1.75rem; /*28px*/
    line-height: 2.5rem; /*40px*/
    padding-inline-start: 36px;
  }
}
@media (min-width: 62.5rem) {
  .text-content blockquote,
  .cke_editable blockquote {
    font-size: 1.875rem; /*30px*/
    line-height: 2.625rem; /*42px*/
  }
}

/* Sortirte und Unsortirte Listen*/
.text-content,
.cke_editable {
  color: var(--font-color-light-background);
}
.text-content li {
  margin-bottom: 8px;
}
.text-content li::marker {
  color: var(--secondary-color);
  font-size: 1.625rem;
  font-family: var(--font-sans);
}
@media (min-width: 43.75rem) {
  .text-content li::marker {
    font-size: 2rem;
  }
}

/* Tags */
.field--name-field-bereich.field__items,
.field--name-field-bereich .field__items {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-block-end: 1.5rem;
}
.field--name-field-bereich .field__item {
  background-color: var(--tag-color);
  width: fit-content;
  border-radius: 50px;
  transition: 0.2s;
}
.field--name-field-bereich .field__item:hover {
  background-color: var(--button-background-color-hover);
}
.field--name-field-bereich .field__item a {
  color: var(--font-color-light-background);
  text-decoration: none;
  margin: 5px 20px;
  display: inline-block;
  line-height: 1.5rem;
}
/* Datum */
.listenansicht .field--name-field-veranstaltungsdatum {
  color: var(--mo-background);
  font-size: 1.2em;
  margin-block-end: 1rem;
}

/* Fields und labels */
.field--name-field-titel,
.node--view-mode-teaser .node__top-wrapper,
.field--name-field-bereich .field__label {
  font-size: 2rem;
  font-weight: bold;
  margin: 4rem 0 2rem 0;
}

/* Dialog */
@media (max-width: 650px) {
  .ui-dialog {
    width: 90% !important;
    max-width: 600px;
    left: 5% !important;
  }
}

/* IFrames*/
iframe {
  max-width: 100%;
}