
/**
 *	SLIDE
 */
 .slider {
    position: relative;
}

.slide.wit {
    color: #fff;
}

.slider-wrapper {
    position: relative;
    __height: 360px;
    background: #dcdcdc;
}

.slide-content {
    display: flex;
    justify-content: center;
    width: 980px;
    height: 320px;
    margin: 0 auto;
    padding: 40px 0;
}

.slide-content.bgimage {
    justify-content: flex-end;
}

.slide-content.bgimage.left {
    justify-content: flex-start;
}

.slide-content-container .button {
    margin-top: 20px;
}

.slide-wrapper-link,
.slide-wrapper-link:hover {
    display: block;
    height: 100%;
    text-decoration: none;
}

.slide-wrapper-link .whitespace {
    __margin-bottom: 0px;
}

.slide-image-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 100%;
    margin: 0 40px 0 0;
}

.right .slide-image-wrapper {
    order: 2;
    margin: 0 0 0 40px;
}

.landscape .slide-image-wrapper {
    width: 370px;
}

.slide-image {
    width: auto;
    max-width: 100%;
    align-self: center;
}

.slide-content-wrapper {
    display: flex;
    align-items: center;
    width: 575px;
}

.right .slide-content-wrapper {
    order: 1;
}

.landscape .slide-content-wrapper {
    width: 405;
}

.slide-content-prefix {
    margin: 0 0 2px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}

.slide-content-prefix.clr-wit {
    color: #fff;
}

.slide-content-prefix.clr-zwart {
    color: #000;
}

.slide-content-prefix.clr-lightgrijs {
    color: #dcdcdc;
}

.slide-content-prefix.clr-donkergrijs {
    color: #4a4f56;
}

.slide-content-prefix.clr-accent {
    color: #0084bc;
}

.slide-content-prefix.clr-accent2 {
    color: #5ebc02;
}

.slide-content-title {
    margin: 5px 0 10px;
    font-size: 35px;
    line-height: 35px;
    font-weight: 300;
    letter-spacing: -0.020em;
}

.slide-content-title.clr-wit {
    color: #fff;
}

.slide-content-title.clr-zwart {
    color: #000;
}

.slide-content-title.clr-lightgrijs {
    color: #dcdcdc;
}

.slide-content-title.clr-donkergrijs {
    color: #4a4f56;
}

.slide-content-title.clr-accent {
    color: #0084bc;
}

.slide-content-title.clr-accent2 {
    color: #5ebc02;
}

.slide-content-subtitle {
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
}

.slide-content-subtitle.smallmargin {
    margin: 0 0 10px;
}

.slide-content-subtitle.clr-wit {
    color: #fff;
}

.slide-content-subtitle.clr-zwart {
    color: #000;
}

.slide-content-subtitle.clr-lightgrijs {
    color: #dcdcdc;
}

.slide-content-subtitle.clr-donkergrijs {
    color: #4a4f56;
}

.slide-content-subtitle.clr-accent {
    color: #0084bc;
}

.slide-content-subtitle.clr-accent2 {
    color: #5ebc02;
}

.slide-content-intro {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}

.slide-content-intro.clr-wit {
    color: #fff;
}

.slide-content-intro.clr-zwart {
    color: #000;
}

.slide-content-intro.clr-lightgrijs {
    color: #dcdcdc;
}

.slide-content-intro.clr-donkergrijs {
    color: #4a4f56;
}

.slide-content-intro.clr-accent {
    color: #0084bc;
}

.slide-content-intro.clr-accent2 {
    color: #5ebc02;
}

.slide-link {}

.slide-link.clr-wit {
    color: #fff;
}

.slide-link.clr-zwart {
    color: #000;
}

.slide-link.clr-lightgrijs {
    color: #dcdcdc;
}

.slide-link.clr-donkergrijs {
    color: #4a4f56;
}

.slide-link.clr-accent {
    color: #0084bc;
}

.slide-link.clr-accent2 {
    color: #5ebc02;
}

.slide-quote-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column nowrap;
    height: 280px;
    margin: 0 auto;
    padding: 40px 0;
}

a.slide-quote-link:hover {
    text-decoration: none;
}

.slide-quote {
    width: 750px;
    margin: 0 0 20px;
    font-weight: 300;
    font-size: 36px;
    line-height: 36px;
}

.slide-quote.clr-wit {
    color: #fff;
}

.slide-quote.clr-zwart {
    color: #000;
}

.slide-quote.clr-lightgrijs {
    color: #dcdcdc;
}

.slide-quote.clr-donkergrijs {
    color: #4a4f56;
}

.slide-quote.clr-accent {
    color: #0084bc;
}

.slide-quote.clr-accent2 {
    color: #5ebc02;
}

.slide-quote-auteur {
    width: 750px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
}

.slide-quote-auteur.clr-wit {
    color: #fff;
}

.slide-quote-auteur.clr-zwart {
    color: #000;
}

.slide-quote-auteur.clr-lightgrijs {
    color: #dcdcdc;
}

.slide-quote-auteur.clr-donkergrijs {
    color: #4a4f56;
}

.slide-quote-auteur.clr-accent {
    color: #0084bc;
}

.slide-quote-auteur.clr-accent2 {
    color: #5ebc02;
}

.slide-quote-line {
    width: 750px;
    height: 1px;
    margin: 0 0 20px;
}

.slide-quote-line.clr-wit {
    background: #fff;
}

.slide-quote-line.clr-zwart {
    background: #000;
}

.slide-quote-line.clr-lightgrijs {
    background: #efefef;
}

.slide-quote-line.clr-donkergrijs {
    background: #4a4f56;
}

.slide-quote-line.clr-accent {
    background: #0084bc;
}

.slide-quote-line.clr-accent2 {
    background: #5ebc02;
}


.slide-edit-wrapper {
    display: flex;
    width: 980px;
    margin: 0 auto 10px;
    background: #fff;
}

.slide-edit-gumbuttons {
    padding: 10px 15px 0;
}

.slide-edit-title {
    padding: 5px;
    font-weight: 600;
}

.slide-banner {
    height: 360px;
}



.slider-pause-button {
    position: absolute;
    bottom: 10px;
    right: 50px;
    height: 12px;
    width: 12px;
    background: url('../images/slider-pause.svg') -4px -4px / 18px auto no-repeat;
    cursor: pointer;
}

.slider-pause-button.paused {
    background: url('../images/slider-play.svg') -4px -4px / 18px auto no-repeat;
}

.slide-banner.bg-wit,
.slide.bg-wit {
    background-color: #fff;
}

.slide-banner.bg-zwart,
.slide.bg-zwart {
    background-color: #000;
}

.slide-banner.bg-lightgrijs,
.slide.bg-lightgrijs {
    background-color: #efefef;
}

.slide-banner.bg-donkergrijs,
.slide.bg-donkergrijs {
    background-color: #4a4f56;
}

.slide-banner.bg-accent,
.slide.bg-accent {
    background-color: #0084bc;
}

.slide-banner.bg-accent,
.slide.bg-accent {
    background-color: #5ebc02;
}