//--- GENERIC
.sections {
  font: 16px/28px $font-family-content;
  margin-bottom: 25px;

  @media (min-width: $break-md) {
    font-size: 23px;
    line-height: 36px;
    margin-bottom: 50px;
  }

  a {
    color: inherit;
    transition: all .1s ease-in 0s;
    text-decoration: underline;

    &:hover {
      text-decoration: none;
      color: currentColor;
    }

    &.btn {
      text-decoration: none;
    }
  }

  .components-teaser {
    a {
      text-decoration: none;

      &:hover {
        .title,
        .card-title {
          text-decoration: underline;
        }
      }
    }
  }

  p:last-child {
    margin-bottom: 0;
  }

  .list-label {
    text-align: center;

    span {
      font: italic 40px/46px $font-family-secondary;
      margin-bottom: 30px;

      @media (min-width: $break-md) {
        font-size: 60px;
        line-height: 68px;
        margin-bottom: 50px;
      }
    }
  }
}

//--- BUTTON
.sections-default-button {
  text-align: center;
}
//--- HEADING
.sections-default-heading {
  h3 {
    font: italic 50px/50px $font-family-secondary;

    @media (min-width: $break-md) {
      font-size: 48px;
      line-height: 54px;
    }
  }
}


.full{
  .sections-default-imageservice{
    .gallery{
      img {
        width: 100%;
      }
    }
  }
}

//--- IMAGESERVICE
.sections-default-imageservice {
  figcaption {
    font-size: 12px;
    line-height: 16px;
    color: $color-text-muted-primary;
    margin: 10px 0;

    * {
      display: inline;
    }

    .copyright {
      float: right;
    }
  }
}

//--- INTROTEXT
.sections-default-introtext {
  font: italic 32px/36px $font-family-secondary;

  @media (min-width: $break-md) {
    font-size: 48px;
    line-height: 54px;
  }
}

//--- LIST
.sections-default-list {
  ul {
    padding: 0;

    li {
      list-style-type: none;

      &::marker {
        display: none;
      }
    }
  }

  i {
    font-size: 26px;
    margin: 0 10px;

    &:first-child {
      width: 26px;
      margin-right: 15px;
      margin-left: 0;
      text-align: center;
    }
  }

  .fas.fa-circle {
    font-size: 8px;
  }
}

//--- MAPPFORM
//--- OEMBED
.sections-default-oembed {
  iframe {
    width: 100%;
  }
  .embed-youtube,
  .embed-vimeo {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    padding-top: 0;
    height: 0;
    > div,
    iframe {
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
    }
  }
}

//--- PINTEREST
//--- QUOTE
.sections-default-quote {
  margin: 50px 0px;

  blockquote {
    text-align: center;

    p {
      position: relative;
      display: inline-block;
      font: italic 36px/42px $font-family-secondary-medium;
      margin-bottom: 0;

      &:before {
        content: '\201D';
        display: block;
        font: italic 90px/1 $font-family-secondary-medium;
        height: 40px;

        @media (min-width: $break-sm){
          position: absolute;
          display: inline-block;
          top: -15px;
          left: -45px;
          height: auto;
        }
      }
    }

    footer {
      font-size: 12px;
      line-height: 14px;
      color: $color-text-muted-primary;
    }
  }
}
//--- TEASERLIST
.sections-default-teaserlist {
  margin-bottom: 60px;

  @media (min-width: $break-lg) {
    margin-bottom: 100px;
  }
}
//--- TEXT
//--- WUFOO


//###### CUSTOM BLOCK

//--- INVERTED
.inverted-block {
  background-color: $color-site-bg-inverted;
  color: $color-text-primary-inverted;
  padding-top: 25px;
  margin-bottom: 25px;

  @media (min-width: $break-md) {
    padding-top: 50px;
    margin-bottom: 50px;
  }
}