/* ==========================================================================
   MODULES
   Reusable elements of the website.
   ========================================================================== */

/*
 * GENERAL
 */

.OBK-module {
	margin: 6.0em 0;
}
.OBK-module:first-child {
	margin-top: 0;
}

/*
 * TEXT
 */

.OBK-module--text .OBK-module__overline span,
.OBK-module--text .OBK-module__headline span,
.OBK-module--text .OBK-module__subheadline span {
    line-height: 1.2;
}
.OBK-module--text .OBK-module__overline span {
    color: #FF9A66;
    font-family: 'Meie Script', cursive;
    font-size: 2.4em;
}
.OBK-module--text .OBK-module__overline + .OBK-module__headline,
.OBK-module--text .OBK-module__overline + .OBK-module__subheadline {
    margin-top: 1.0em;
    padding-top: 1.0em;
}
    .OBK-module--text .OBK-module__overline + .OBK-module__headline:before,
    .OBK-module--text .OBK-module__overline + .OBK-module__subheadline:before {
        background-color: #FFCC9A;
        content: '';
        display: block;
        height: 0.3em;
        left: 0;
        position: absolute;
        pointer-events: none;
        top: 0;
        transform: translateY(-50%);
        width: 6.0em;
        z-index: 5;
    }
.OBK-module--text .OBK-module__headline {
    position: relative;
}
    .OBK-module--text .OBK-module__headline span {
        font-family: 'Bodoni Moda', serif;
        font-size: 6.0em;
    }
.OBK-module--text .OBK-module__headline + .OBK-module__subheadline {
    margin-top: 1.0em;
}
.OBK-module--text .OBK-module__subheadline {
    position: relative;
}
    .OBK-module--text .OBK-module__subheadline span {
        font-size: 2.2em;
        font-weight: 700;
        text-transform: uppercase;
    }

/*
 * BUTTONS
 */

.OBK-module--buttons .OBK-module__wrap .OBK-button {
    margin: 1.0em;
}

/*
 * EYECATCHER
 */

.OBK-module--eyecatcher .OBK-module__wrap {
    position: relative;
}
    .OBK-module--eyecatcher .OBK-module__wrap:before {
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 70%, rgba(255,255,255,1) 100%);
        content: '';
        display: block;
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 5;
    }

/*
 * BOX
 */

.OBK-module--box .OBK-module__wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;  
    display: flex;
}
    .OBK-module--box .OBK-module__image {
        position: relative;
        width: 40%;
        z-index: 5;
    }
    .OBK-module--box .OBK-module__wrap--inverted .OBK-module__image {
        order: 2;
    }
        .OBK-module--box .OBK-module__image > div {
            position: relative;
        }
            .OBK-module--box .OBK-module__image img {
                height: auto;
                position: relative;
                width: 100%;
                z-index: 10;
            }
    .OBK-module--box .OBK-module__content {
        padding: 3.0em 6.0em 3.0em 12.0em;
        position: relative;
        width: 60%;
        z-index: 10;
    }
    .OBK-module--box .OBK-module__wrap--inverted .OBK-module__content {
        order: 1;
        padding-left: 6.0em;
        padding-right: 12.0em;
    }
        .OBK-module--box .OBK-module__headline {
            margin-bottom: 1.0em;
            padding-bottom: 1.0em;
            position: relative;
        }
            .OBK-module--box .OBK-module__headline span {
                font-size: 2.2em;
                font-weight: 700;
                text-transform: uppercase;
            }
        .OBK-module--box .OBK-module__headline:before {
            background-color: #FFCC9A;
            bottom: 0;
            content: '';
            display: block;
            height: 0.3em;
            left: 0;
            position: absolute;
            pointer-events: none;
            transform: translateY(50%);
            width: 6.0em;
            z-index: 5;
        }
        .OBK-module--box .chunk-module__text table {
            display: none;
        }
        .OBK-module--box .OBK-module__button {
            margin-top: 2.0em;
        }

/*
 * SLIDE BOX
 */

.OBK-module--slide-box {
    margin-bottom: 0 !important;
}
.OBK-module--slide-box + .OBK-module--slide-box {
    margin-top: 0 !important;
}
    .OBK-module--slide-box .OBK-module__header {
        border-bottom: 0.2em solid #FFCC9A;
        cursor: pointer;
        min-height: 5.0em;
        padding: 0.5em 0;
    }
    .OBK-module--slide-box .OBK-module__header:hover,
    .OBK-module--slide-box.JS-slide-box--open .OBK-module__header {
        border-color: #ff5701;
    }
        .OBK-module--slide-box .OBK-module__headline {
            padding-right: 2.0em
        }
            .OBK-module--slide-box .OBK-module__headline span {
                font-size: 2.0em;
                font-weight: 700;
                text-transform: uppercase;
            }
        .OBK-module--slide-box .OBK-module__state__open,
        .OBK-module--slide-box .OBK-module__state__close {
            font-size: 3.0em;
        }
        .OBK-module--slide-box .OBK-module__state__close {
            display: none;
        }
        .OBK-module--slide-box.JS-slide-box--open .OBK-module__state__open {
            display: none;
        }
        .OBK-module--slide-box.JS-slide-box--open .OBK-module__state__close {
            display: inline;
        }
    .OBK-module--slide-box .OBK-module__main {
        display: none;
    }
        .OBK-module--slide-box .OBK-module__content {
            margin-top: 2.0em;
            padding-bottom: 2.0em;
        }

/*
 * GALLERY
 */

.OBK-module--gallery {
    padding-bottom: 3.0em;
    position: relative;
}
    .OBK-module--gallery:before {
        background-color: #2E1915;
        bottom: 0;
        content: '';
        display: block;
        height: 30%;
        left: 0;
        pointer-events: none;
        position: absolute;
        width: 100%;
        z-index: 5;
    }
    .OBK-module--gallery .OBK-module__wrap {
        padding-left: 1.0em !important;
        padding-right: 1.0em !important;
        position: relative;
        z-index: 5;
    }
        .OBK-module--gallery .OBK-module__slider-wrap {
            position: relative;
        }
            .OBK-module--gallery .OBK-module__slider {
                position: relative;
                z-index: 5;
            }
                    .OBK-module--gallery .OBK-module__image {
                        float: left;
                        padding: 0 1.0em 0.5em 1.0em;
                        width: 20%;
                    }
                        .OBK-module--gallery .OBK-module__image img {
                            -webkit-box-shadow: 0 0 0.5em 0 rgba(255,255,255,0.5);
                            box-shadow: 0 0 0.5em 0 rgba(255,255,255,0.5);
                            height: auto;
                            width: 100%;
                        }
            .OBK-module--gallery .OBK-module__footer {
                margin-top: 0.5em;
                padding: 0 1.0em;
            }
                .OBK-module--gallery .OBK-arrows__arrow {
                  color: #FFCC9A;
                  cursor: pointer;
                }
                .OBK-module--gallery .OBK-arrows__arrow:hover {
                  color: #ff5701;
                }
                .OBK-module--gallery .OBK-arrows__arrow.OBK-arrows__arrow--next {
                  margin-left: 1.0em;
                }
                  .OBK-module--gallery .OBK-arrows__arrow .OBK-icon {
                    font-size: 5.0em;
                  }

/*
 * SHORTLINK BOX
 */

.OBK-module--shortlink-box .OBK-module__col {
    width: 50%;
}
.OBK-module--shortlink-box .OBK-module__wrap--inverted .OBK-module__col--1 {
    order: 2;
}
.OBK-module--shortlink-box .OBK-module__col--2 {
    padding-left: 10.0em;
}
.OBK-module--shortlink-box .OBK-module__wrap--inverted  .OBK-module__col--2 {
    padding-left: 0;
    padding-right: 10.0em;
}
    .OBK-module--shortlink-box .OBK-module__image,
    .OBK-module--shortlink-box .OBK-module__content {
        width: 100%;
    }
        .OBK-module--shortlink-box .OBK-module__image {
            background-color: #000000;
            border-radius: 100%;
            overflow: hidden;
        }
        .OBK-module--shortlink-box .OBK-module__headline {
            font-family: 'Bodoni Moda', serif;
            font-size: 4.0em;
        }
        .OBK-module--shortlink-box .OBK-module__button {
            margin-top: 2.0em;
        }
        

/*
 * IFRAME
 */

.OBK-module--iframe .OBK-module__media {
	background-color: #000000;
	height: 0;
	padding: 0 0 56.25% 0;
	position: relative;
	overflow: hidden;
}
	.OBK-module--iframe .OBK-module__media iframe {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}