.spanButton {
    background: transparent;
    border: 1px solid !important;
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.spanButton .buttonEffect {
    border-radius: 50%;
    display: block;
    height: 0;
    position: absolute;
    transition: width .2s ease-in, height .4s ease-in;
    transform: translate(-50%, -50%);
    width: 0;
    z-index: -1
}

.spanButton:hover .buttonEffect {
    height: 600px;
    width: 600px
}

.spanButton[data-size=large] {
    font-size: 24px;
    letter-spacing: 1.13px;
    line-height: 24px;
    padding: 20px 16px 18px
}

.spanButton[data-size=medium] {
    font-size: 16px;
    letter-spacing: 1.5px;
    padding: 17px 16px 15px
}

.spanButton[data-size=small] {
    font-size: 14px;
    letter-spacing: .44px;
    line-height: 14px;
    padding: 10px 16px 8px
}

.spanButton[data-color=red][data-solid=false] {
    border-color: maroon;
    color: maroon;
    background-color: #fff
}

.spanButton[data-color=red][data-solid=false] .buttonEffect {
    background-color: maroon
}

.spanButton[data-color=red][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=red][data-solid=true] {
    background-color: maroon;
    border-color: maroon;
    color: #fff
}

.spanButton[data-color=red][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=red][data-solid=true]:hover {
    color: maroon
}

.spanButton[data-color=red]:hover {
    background-color: initial
}

.spanButton[data-color=darkred][data-solid=false] {
    border-color: #670a0a;
    color: #670a0a;
    background-color: #fff
}

.spanButton[data-color=darkred][data-solid=false] .buttonEffect {
    background-color: #670a0a
}

.spanButton[data-color=darkred][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=darkred][data-solid=true] {
    background-color: #670a0a;
    border-color: #670a0a;
    color: #fff
}

.spanButton[data-color=darkred][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=darkred][data-solid=true]:hover {
    color: #670a0a
}

.spanButton[data-color=darkred]:hover {
    background-color: initial
}

.spanButton[data-color=terracotta][data-solid=false] {
    border-color: #a9431e;
    color: #a9431e;
    background-color: #fff
}

.spanButton[data-color=terracotta][data-solid=false] .buttonEffect {
    background-color: #a9431e
}

.spanButton[data-color=terracotta][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=terracotta][data-solid=true] {
    background-color: #a9431e;
    border-color: #a9431e;
    color: #fff
}

.spanButton[data-color=terracotta][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=terracotta][data-solid=true]:hover {
    color: #a9431e
}

.spanButton[data-color=terracotta]:hover {
    background-color: initial
}

.spanButton[data-color=violet][data-solid=false] {
    border-color: #59315f;
    color: #59315f;
    background-color: #fff
}

.spanButton[data-color=violet][data-solid=false] .buttonEffect {
    background-color: #59315f
}

.spanButton[data-color=violet][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=violet][data-solid=true] {
    background-color: #59315f;
    border-color: #59315f;
    color: #fff
}

.spanButton[data-color=violet][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=violet][data-solid=true]:hover {
    color: #59315f
}

.spanButton[data-color=violet]:hover {
    background-color: initial
}

.spanButton[data-color=darkviolet][data-solid=false] {
    border-color: #41273b;
    color: #41273b;
    background-color: #fff
}

.spanButton[data-color=darkviolet][data-solid=false] .buttonEffect {
    background-color: #41273b
}

.spanButton[data-color=darkviolet][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=darkviolet][data-solid=true] {
    background-color: #41273b;
    border-color: #41273b;
    color: #fff
}

.spanButton[data-color=darkviolet][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=darkviolet][data-solid=true]:hover {
    color: #41273b
}

.spanButton[data-color=darkviolet]:hover {
    background-color: initial
}

.spanButton[data-color=yellow][data-solid=false] {
    border-color: #f3d03e;
    color: #f3d03e;
    background-color: #fff
}

.spanButton[data-color=yellow][data-solid=false] .buttonEffect {
    background-color: #f3d03e
}

.spanButton[data-color=yellow][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=yellow][data-solid=true] {
    background-color: #f3d03e;
    border-color: #f3d03e;
    color: #fff
}

.spanButton[data-color=yellow][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=yellow][data-solid=true]:hover {
    color: #f3d03e
}

.spanButton[data-color=yellow]:hover {
    background-color: initial
}

.spanButton[data-color=lake][data-solid=false] {
    border-color: #007396;
    color: #007396;
    background-color: #fff
}

.spanButton[data-color=lake][data-solid=false] .buttonEffect {
    background-color: #007396
}

.spanButton[data-color=lake][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=lake][data-solid=true] {
    background-color: #007396;
    border-color: #007396;
    color: #fff
}

.spanButton[data-color=lake][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=lake][data-solid=true]:hover {
    color: #007396
}

.spanButton[data-color=lake]:hover {
    background-color: initial
}

.spanButton[data-color=darklake][data-solid=false] {
    border-color: #002a3a;
    color: #002a3a;
    background-color: #fff
}

.spanButton[data-color=darklake][data-solid=false] .buttonEffect {
    background-color: #002a3a
}

.spanButton[data-color=darklake][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=darklake][data-solid=true] {
    background-color: #002a3a;
    border-color: #002a3a;
    color: #fff
}

.spanButton[data-color=darklake][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=darklake][data-solid=true]:hover {
    color: #002a3a
}

.spanButton[data-color=darklake]:hover {
    background-color: initial
}

.spanButton[data-color=darkbluegrey][data-solid=false] {
    border-color: #002a3a;
    color: #002a3a;
    background-color: #fff
}

.spanButton[data-color=darkbluegrey][data-solid=false] .buttonEffect {
    background-color: #002a3a
}

.spanButton[data-color=darkbluegrey][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=darkbluegrey][data-solid=true] {
    background-color: #002a3a;
    border-color: #002a3a;
    color: #fff
}

.spanButton[data-color=darkbluegrey][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=darkbluegrey][data-solid=true]:hover {
    color: #002a3a
}

.spanButton[data-color=darkbluegrey]:hover {
    background-color: initial
}

.spanButton[data-color=lightergrey][data-solid=false] {
    border-color: #f3f3f3;
    color: #f3f3f3;
    background-color: #fff
}

.spanButton[data-color=lightergrey][data-solid=false] .buttonEffect {
    background-color: #f3f3f3
}

.spanButton[data-color=lightergrey][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=lightergrey][data-solid=true] {
    background-color: #f3f3f3;
    border-color: #f3f3f3;
    color: #fff
}

.spanButton[data-color=lightergrey][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=lightergrey][data-solid=true]:hover {
    color: #f3f3f3
}

.spanButton[data-color=lightergrey]:hover {
    background-color: initial
}

.spanButton[data-color=lightgrey][data-solid=false] {
    border-color: #d9d9d9;
    color: #d9d9d9;
    background-color: #fff
}

.spanButton[data-color=lightgrey][data-solid=false] .buttonEffect {
    background-color: #d9d9d9
}

.spanButton[data-color=lightgrey][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=lightgrey][data-solid=true] {
    background-color: #d9d9d9;
    border-color: #d9d9d9;
    color: #fff
}

.spanButton[data-color=lightgrey][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=lightgrey][data-solid=true]:hover {
    color: #d9d9d9
}

.spanButton[data-color=lightgrey]:hover {
    background-color: initial
}

.spanButton[data-color=mediumgrey][data-solid=false] {
    border-color: #666;
    color: #666;
    background-color: #fff
}

.spanButton[data-color=mediumgrey][data-solid=false] .buttonEffect {
    background-color: #666
}

.spanButton[data-color=mediumgrey][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=mediumgrey][data-solid=true] {
    background-color: #666;
    border-color: #666;
    color: #fff
}

.spanButton[data-color=mediumgrey][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=mediumgrey][data-solid=true]:hover {
    color: #666
}

.spanButton[data-color=mediumgrey]:hover {
    background-color: initial
}

.spanButton[data-color=grey][data-solid=false] {
    border-color: #4d4d4d;
    color: #4d4d4d;
    background-color: #fff
}

.spanButton[data-color=grey][data-solid=false] .buttonEffect {
    background-color: #4d4d4d
}

.spanButton[data-color=grey][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=grey][data-solid=true] {
    background-color: #4d4d4d;
    border-color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=grey][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=grey][data-solid=true]:hover {
    color: #4d4d4d
}

.spanButton[data-color=grey]:hover {
    background-color: initial
}

.spanButton[data-color=black][data-solid=false] {
    border-color: #000;
    color: #000;
    background-color: #fff
}

.spanButton[data-color=black][data-solid=false] .buttonEffect {
    background-color: #000
}

.spanButton[data-color=black][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=black][data-solid=true] {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.spanButton[data-color=black][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=black][data-solid=true]:hover {
    color: #000
}

.spanButton[data-color=black]:hover {
    background-color: initial
}

.spanButton[data-color=green][data-solid=false] {
    border-color: #789d4a;
    color: #789d4a;
    background-color: #fff
}

.spanButton[data-color=green][data-solid=false] .buttonEffect {
    background-color: #789d4a
}

.spanButton[data-color=green][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=green][data-solid=true] {
    background-color: #789d4a;
    border-color: #789d4a;
    color: #fff
}

.spanButton[data-color=green][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=green][data-solid=true]:hover {
    color: #789d4a
}

.spanButton[data-color=green]:hover {
    background-color: initial
}

.spanButton[data-color=white][data-solid=false] {
    border-color: #fff;
    color: #fff
}

.spanButton[data-color=white][data-solid=false] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=white][data-solid=false]:hover {
    color: #4d4d4d
}

.spanButton[data-color=white][data-solid=true] {
    background-color: #fff;
    border-color: #fff;
    color: #fff
}

.spanButton[data-color=white][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=white][data-solid=true]:hover {
    color: #fff
}

.spanButton[data-color=white]:hover {
    background-color: initial
}

.spanButton[data-color=goldenrod][data-solid=false] {
    border-color: #eaaa00;
    color: #eaaa00;
    background-color: #fff
}

.spanButton[data-color=goldenrod][data-solid=false] .buttonEffect {
    background-color: #eaaa00
}

.spanButton[data-color=goldenrod][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=goldenrod][data-solid=true] {
    background-color: #eaaa00;
    border-color: #eaaa00;
    color: #fff
}

.spanButton[data-color=goldenrod][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=goldenrod][data-solid=true]:hover {
    color: #eaaa00
}

.spanButton[data-color=goldenrod]:hover {
    background-color: initial
}

.spanButton[data-color=forest][data-solid=false] {
    border-color: #275d38;
    color: #275d38;
    background-color: #fff
}

.spanButton[data-color=forest][data-solid=false] .buttonEffect {
    background-color: #275d38
}

.spanButton[data-color=forest][data-solid=false]:hover {
    color: #4d4d4d;
    color: #fff
}

.spanButton[data-color=forest][data-solid=true] {
    background-color: #275d38;
    border-color: #275d38;
    color: #fff
}

.spanButton[data-color=forest][data-solid=true] .buttonEffect {
    background-color: #fff
}

.spanButton[data-color=forest][data-solid=true]:hover {
    color: #275d38
}

.spanButton[data-color=forest]:hover {
    background-color: initial
}

.spanButton[data-disabled=true] {
    opacity: .6;
    pointer-events: none
}

a.button {
    border-bottom: none
}

[class*=twocol-large]>.HeadlineTextBold_container__1RnDP {
    margin-top: 48px
}

.HeadlineTextBold_container__1RnDP {
    /* margin: 0 auto 48px; */
    max-width: 700px
}

.HeadlineTextBold_container__1RnDP[data-alignment=left] {
    max-width: 100%
}

.HeadlineTextBold_container__1RnDP[data-alignment=left] .HeadlineTextBold_title__MxSRh {
    justify-content: flex-start;
    margin-bottom: 0
}

.HeadlineTextBold_container__1RnDP[data-alignment=left] .HeadlineTextBold_title__MxSRh:after {
    content: none
}

.HeadlineTextBold_container__1RnDP[data-alignment=left] .HeadlineTextBold_textContainer__HH3VG {
    align-items: flex-start;
    text-align: left
}

.HeadlineTextBold_title__MxSRh {
    display: flex;
    justify-content: center
}

.HeadlineTextBold_teaser__2ZdoT {
    padding-top: 24px;
    width: 100%
}

.HeadlineTextBold_textContainer__HH3VG {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.HeadlineTextBold_link__27Rqp {
    border-bottom: none;
    padding-top: 32px
}

/*# sourceMappingURL=HeadlineTextBold.e948a3d5.chunk.css.map */