/* ==========================================================================
	MEDIA QUERIES
	Responsible for responsive behavior.

	Infos:
	- Media queries are ordered from largest to smallest view!
	- Main steps:
		1. DESKTOP MEDIUM
		1. DESKTOP SMALL
		3. LAPTOP
		4. TABLET
    	5. PHABLET
		6. PHONE
		7. PHONE SMALL
   ========================================================================== */

/* DESKTOP MEDIUM
---------------------------------------------------------------------------- */

@media only screen and (max-width: 1920px) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	body {
		font-size: 62.5%;
	}

	/*
	 * Misc
	 */

	/*
	 * Extensions
	 */

	/*
	 * Modules
	 */

	/*
	 * BG
	 */

	/*
	 * Page
	 */

	/*
	 * Header
	 */

	/*
	 * Hero
	 */

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

 	/*
	 * Contact
	 */

	/*
	 * Controls
	 */

}

/* DESKTOP SMALL
---------------------------------------------------------------------------- */

@media only screen and (max-width: 1600px) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	body {
       font-size: 56.3%;
    }

    /*
	 * Misc
	 */

    /*
	 * Extensions
	 */

	/*
	 * Modules
	 */

	/*
	 * BG
	 */

	/*
	 * Page
	 */

	/*
	 * Header
	 */

	/*
	 * Hero
	 */

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

	/*
	 * Contact
	 */

	/*
	 * Controls
	 */

}

/* LAPTOP
---------------------------------------------------------------------------- */

@media only screen and (max-width: 1366px) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

    body {
       font-size: 50%;
    }

    /*
	 * Misc
	 */

    /*
	 * Extensions
	 */

	/*
	 * Modules
	 */

	/* General */
	.OBK-module--gallery .OBK-module__image {
        width: 25%;
    }

    /* Box */
	.OBK-module--box .OBK-module__content {
		padding: 2.0em 4.0em 2.0em 8.0em;
	}
	.OBK-module--box .OBK-module__wrap--inverted .OBK-module__content {
		order: 1;
		padding-left: 4.0em;
		padding-right: 8.0em;
	}

	/* Shortlink Box */
	.OBK-module--shortlink-box .OBK-module__col--2 {
	    padding-left: 7.5em;
	}
	.OBK-module--shortlink-box .OBK-module__wrap--inverted  .OBK-module__col--2 {
	    padding-right: 7.5em;
	}

	/*
	 * BG
	 */

	/*
	 * Page
	 */

	/*
	 * Header
	 */

 	/*
	 * Hero
	 */

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

	.OBK-footer__row--center:before {
        width: 27.5em;
    }
		.OBK-footer__col--contact,
		.OBK-footer__col--reviews {
			width: 30%;
		}
		.OBK-footer__col--links {
	        display: none !important;
	    }
	    .OBK-footer__col--weather {
	        width: 40%;
	    }
	    	.OBK-footer__slogan span {
	            font-size: 7.0em;
	        }

	/*
	 * Contact
	 */

	/*
	 * Controls
	 */

}

/* TABLET
---------------------------------------------------------------------------- */

@media only screen and (max-width: 1024px) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	body {
	    font-size: 62.5%;
	}
	.OBK-main p {
	    font-size: 1.6em;
	    margin: 15px 0;
	}
	.OBK-main ul:not(.slick-dots),
	.OBK-main ol {
	    font-size: 1.6em;
	    margin: 15px 0;
	}
	.OBK-main table {
	    margin: 15px 0;
	}
	        .OBK-main table tr th,
	        .OBK-main table tr td {
	            font-size: 1.6em;
	            padding-left: 15px;
	            padding-right: 15px;
	        }
	.OBK-main .OBK-table-wrap {
	    margin: 15px 0;
	    overflow-x: scroll;
	}

	/*
	 * Misc
	 */

	/* Button */
	.OBK-button {
	    border-radius: 4.0em;
	    height: 4.5em;
	    line-height: 4.3em;
	    min-width: 12.5em;
	    padding: 0 1.5em;
	}
	    .OBK-button span {
	        font-size: 1.5em
	    }

	/*
	 * Extensions
	 */

	/*
	 * Modules
	 */

	/* General */
	.OBK-module {
		margin: 4.0em 0;
	}

	/* Text */
	.OBK-module--text .OBK-module__overline span {
	    font-size: 2.2em;
	}
    .OBK-module--text .OBK-module__overline + .OBK-module__headline:before,
    .OBK-module--text .OBK-module__overline + .OBK-module__subheadline:before {
        width: 5.0em;
    }
    .OBK-module--text .OBK-module__headline span {
        font-size: 4.0em;
    }
    .OBK-module--text .OBK-module__subheadline span {
        font-size: 1.8em;
    }

   	/* Eyecatcher */
    .OBK-module--eyecatcher .OBK-module__wrap:before {
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%);
    }

    /* Box */
	.OBK-module--box .OBK-module__wrap {
		display: block !important;
	}
		.OBK-module--box .OBK-module__image,
		.OBK-module--box .OBK-module__content {
			width: 100%;
		}
		.OBK-module--box .OBK-module__content {
			margin-top: 2.0em;
			padding: 0 !important;
		}
			.OBK-module--box .OBK-module__headline span {
				font-size: 1.8em;
			}

	/* Slide Box */
	.OBK-module--slide-box .OBK-module__header {
        min-height: 5.0em;
    }
		.OBK-module--slide-box .OBK-module__headline span {
			font-size: 1.8em;
		}
		.OBK-module--slide-box .OBK-module__state__open,
	    .OBK-module--slide-box .OBK-module__state__close {
	        font-size: 2.5em;
	    }

    /* Gallery */
    .OBK-module--gallery {
	    padding-bottom: 2.0em;
	}
	    .OBK-module--gallery .OBK-module__image {
	        width: 33.33%;
	    }

   	/* Shortlink Box */
	.OBK-module--shortlink-box .OBK-module__col--2 {
	    padding-left: 5.0em;
	}
	.OBK-module--shortlink-box .OBK-module__wrap--inverted  .OBK-module__col--2 {
	    padding-right: 5.0em;
	}
        .OBK-module--shortlink-box .OBK-module__headline {
            font-size: 3.0em;
        }

	/*
	 * BG
	 */

	/*
	 * Page
	 */

	/*
	 * Header
	 */

	/*
	 * Hero
	 */

	.OBK-hero {
	    top: 3.0em;
	}
		.OBK-hero__control-bar {
            top: 3.0em;
        }
        	.OBK-hero__control-bar__col.OBK-hero__control-bar__col--lang {
                margin-right: 2.5em;
            }
				.OBK-hero__control-bar__logo {
		            max-width: 20.0em;
		        }
		.OBK-hero__vista,
	    .OBK-hero__vista__item {
	        height: calc(80vh - 3.0em);
	    }
	    .OBK-hero__slogan__line.OBK-hero__slogan__line--normal span {
            font-size: 4.0em;
        }
        .OBK-hero__slogan__line.OBK-hero__slogan__line--special {
            margin-top: -1.5em;
        }
	        .OBK-hero__slogan__line.OBK-hero__slogan__line--special span {
	            font-size: 6.0em;
	        }
        .OBK-hero__showcase__col {
            height: 10.0em;
        }
            .OBK-hero__showcase__link {
                padding: 0 1.0em;
            }
                .OBK-hero__showcase__icon {
                    font-size: 2.4em;
                }
                .OBK-hero__showcase__title {
                    margin-top: 1.0em;
                }
                    .OBK-hero__showcase__title span {
                        font-size: 1.6em;
                    }

	/*
	 * Main
	 */

	.OBK-main {
	    margin-top: 80vh;
	}
		.OBK-main__content {
	        min-height: 75vh;
	      	padding: 4.0em 0;
	    }

	/*
	 * Footer
	 */

	.OBK-footer {
		padding-bottom: 16.5em;
	}
	    .OBK-footer__row--center:before {
	        display: none;
	    }
			.OBK-footer__col {
		        padding: 2.0em 3.0em;
		    }
		    .OBK-footer__col--contact,
			.OBK-footer__col--reviews {
				min-height: 20.0em;
				width: 50%;
			}
			.OBK-footer__col--contact {
				border-left: 0.5em solid #ffffff;
			}
			.OBK-footer__col--reviews {
				border-right: 0.5em solid #ffffff;
			}
		    .OBK-footer__col--weather {
		        width: 100%;
		    }
		    .OBK-footer__col--credits,
	        .OBK-footer__col--publisher {
	            width: 100%;
	        }
	        .OBK-footer__col--credits {
	        	padding-top: 0 !important;
	        	text-align: center;
	        }
	        .OBK-footer__col--publisher {
	            padding-top: 0 !important;
	        }
	            .OBK-footer__slogan span {
	                font-size: 6.0em;
	            }
	            .OBK-footer__contact span,
	            .OBK-footer__contact address,
	            .OBK-footer__contact a {
	                font-size: 1.3em;
	            }
	            .OBK-footer__reviews__quote span {
	                font-size: 1.7em;
	            }
                .OBK-footer__reviews__icon {
                    font-size: 1.9em;
                }
	            .OBK-footer__credits {
	            	display: inline-block;
	            }
		            .OBK-footer__credits__link,
	                .OBK-footer__credits__text {
	                    font-size: 1.1em;
	                }
           
	            .OBK-footer__publisher {
	                text-align: center;
	            }
		            .OBK-footer__publisher a {
		                font-size: 1.1em;
		            }

	/*
	 * Contact
	 */

 	.OBK-contact {
	    bottom: 3.0em;
	    transform: none;
	    right: 6.0em;
	    top: auto;
	}
		.OBK-contact__item {
	        margin-top: 1.5em;
	    }
			.OBK-contact__item__title {
		        display: none !important;
		    }

	/*
	 * Controls
	 */

	.OBK-controls.JS-open .OBK-controls__frame {
        padding: 3.0em;
    }
    	.OBK-controls__close {
            height: 3.0em;
            width: 3.0em;
        }
            .OBK-controls__close__icon {
                font-size: 2.5em;
            }
        .OBK-controls__scroll-area {
            padding: 3.0em;
        }
            .OBK-controls__menu__item {
                margin-top: 2.5em;
            }
                .OBK-controls__menu__link {
                    font-size: 2.5em;
                }
            .OBK-controls__social {
                margin-top: 7.5em;
            }
            	.OBK-controls__social__icon {
                    font-size: 2.5em;
                }
}

/* PHABLET
---------------------------------------------------------------------------- */

@media only screen and (max-width: 767px) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	body {
       font-size: 56.3%;
    }

    /*
	 * Misc
	 */

    /*
	 * Extensions
	 */

	/*
	 * Modules
	 */

	/* General */
	.OBK-module {
		margin: 3.0em 0;
	}

	/* Text */
    .OBK-module--text .OBK-module__headline span {
        font-size: 3.5em;
    }

    /* Gallery */
    .OBK-module--gallery .OBK-module__wrap {
        padding-left: 0.5em !important;
        padding-right: 0.5em !important;
    }
	    .OBK-module--gallery .OBK-module__image {
	    	padding: 0 0.5em 0.5em 0.5em;
	        width: 50%;
	    }
	    .OBK-module--gallery .OBK-module__footer {
            padding: 0 0.5em;
        }
			.OBK-module--gallery .OBK-arrows__arrow .OBK-icon {
				font-size: 4.0em;
			}

	/* Shortlink Box */
	.OBK-module--shortlink-box .OBK-module__wrap {
		display: block !important;
	}
	.OBK-module--shortlink-box .OBK-module__col {
		display: block !important;
	    width: 100%;
	}
		.OBK-module--shortlink-box .OBK-module__col--2 {
		    padding-left: 0;
		    margin-top: 2.0em;
		}
		.OBK-module--shortlink-box .OBK-module__wrap--inverted  .OBK-module__col--2 {
		    padding-right: 0;
		}
			.OBK-module--shortlink-box .OBK-module__headline,
	        .OBK-module--shortlink-box .OBK-module__button {
	            text-align: center;
	        }

	/*
	 * BG
	 */

	/*
	 * Page
	 */

	body.mobile-aspect-ratio .OBK-bg {
		background-color: #2E1915;
	}
		body.mobile-aspect-ratio .OBK-bg img {
			opacity: 0.5;
		}

	/*
	 * Header
	 */

	/*
	 * Hero
	 */
	
	body.mobile-aspect-ratio .OBK-hero {
		left: 0;
		margin-top: 3.0em;
		position: relative;
		top: 0;
	}
		body.mobile-aspect-ratio .OBK-hero__wrap:after {
			display: none;
		}
			body.mobile-aspect-ratio .OBK-hero__vista,
			body.mobile-aspect-ratio .OBK-hero__vista__item {
				height: auto;
			}
			.OBK-hero__control-bar__logo {
		        max-width: 15.0em;
		    }
		    .OBK-hero__control-bar__menu {
		        border-radius: 100%;
		    }
		        .OBK-hero__control-bar__menu__title {
		            display: none;
		        }
		    body.mobile-aspect-ratio .OBK-hero__slogan {
		    	-webkit-flex-align: flex-end;
				-ms-flex-align: flex-end;
				-webkit-align-items: flex-end;
				align-items: flex-end;
				padding-bottom: 2.0em;
		    }
		    	.OBK-hero__slogan__line.OBK-hero__slogan__line--normal span {
			        font-size: 3.0em;
			    }
			    .OBK-hero__slogan__line.OBK-hero__slogan__line--special {
			        margin-top: -1.0em;
			    }
			        .OBK-hero__slogan__line.OBK-hero__slogan__line--special span {
			            font-size: 5.0em;
			        }
			    body.mobile-aspect-ratio .OBK-hero__slogan__line.OBK-hero__slogan__line--normal span {
			        font-size: 2.0em;
			    }
			    body.mobile-aspect-ratio .OBK-hero__slogan__line.OBK-hero__slogan__line--special {
			        margin-top: -0.5em;
			    }
			        body.mobile-aspect-ratio .OBK-hero__slogan__line.OBK-hero__slogan__line--special span {
			            font-size: 3.0em;
			        }
			    .OBK-hero__showcase {
			    	display: none;
			    }

	/*
	 * Main
	 */

	body.mobile-aspect-ratio .OBK-main {
		margin-top: 0;
	}
		.OBK-main__content {
	      	padding: 3.0em 0;
	    }

	/*
	 * Footer
	 */

	.OBK-footer__col--contact,
	.OBK-footer__col--reviews {
		border-left: 0.5em solid #ffffff;
		border-right: 0.5em solid #ffffff;
		min-height: 0;
		width: 100%;
	}
		.OBK-footer__slogan span {
            font-size: 4.0em;
        }

	/*
	 * Contact
	 */

	/*
	 * Controls
	 */

}

/* PHONE
---------------------------------------------------------------------------- */

@media only screen and (max-width: 480px) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

 	body {
	    font-size: 62.5%;
	}
	.OBK-main p {
	    font-size: 1.4em;
	    margin: 10px 0;
	}
	.OBK-main ul:not(.slick-dots),
	.OBK-main ol {
	    font-size: 1.4em;
	    margin: 10px 0;
	}
	.OBK-main table {
	    margin: 10px 0;
	}
	        .OBK-main table tr th,
	        .OBK-main table tr td {
	            font-size: 1.4em;
	            padding-left: 10px;
	            padding-right: 10px;
	        }
	.OBK-main .OBK-table-wrap {
	    margin: 10px 0;
	}
	
	/*
	 * Misc
	 */

 	/* Button */
	.OBK-button {
	    border-radius: 4.0em;
	    height: 4.0em;
	    line-height: 3.8em;
	    min-width: 10.0em;
	}
	    .OBK-button span {
	        font-size: 1.4em
	    }


	/*
	 * Extensions
	 */
	
	/*
	 * Modules
	 */

	/* General */
	.OBK-module {
		margin: 2.0em 0;
	}

	/* Text */
	.OBK-module--text .OBK-module__overline span {
	    font-size: 2.0em;
	}
    .OBK-module--text .OBK-module__overline + .OBK-module__headline:before,
    .OBK-module--text .OBK-module__overline + .OBK-module__subheadline:before {
        width: 4.0em;
    }
    .OBK-module--text .OBK-module__headline span {
        font-size: 3.0em;
    }
    .OBK-module--text .OBK-module__subheadline span {
        font-size: 1.6em;
    }

    /* Eyecatcher */
    .OBK-module--eyecatcher .OBK-module__wrap:before {
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%);
    }

	/* Box */
	.OBK-module--box .OBK-module__content {
		margin-top: 1.0em;
	}
		.OBK-module--box .OBK-module__headline span {
			font-size: 1.6em;
		}

	/* Slide Box */
	.OBK-module--slide-box .OBK-module__header {
        min-height: 4.0em;
    }
		.OBK-module--slide-box .OBK-module__headline span {
			font-size: 1.4em;
		}
		.OBK-module--slide-box .OBK-module__state__open,
		.OBK-module--slide-box .OBK-module__state__close {
			font-size: 2.0em;
		}

	/* Gallery */
	.OBK-module--gallery {
	    padding-bottom: 1.0em;
	}
	    .OBK-module--gallery .OBK-module__image {
	        width: 100%;
	    }
	    .OBK-module--gallery .OBK-pagination {
	    	display: none;
	    }
	    .OBK-module--gallery .OBK-arrows__arrow .OBK-icon {
			font-size: 3.5em;
		}

	/* Shortlink Box */
    .OBK-module--shortlink-box .OBK-module__headline {
        font-size: 2.0em;
    }
    .OBK-module--shortlink-box .OBK-module__button {
        margin-top: 1.0em;
    }

	/*
	 * BG
	 */

	/*
	 * Page
	 */

	/*
	 * Header
	 */

 	/*
 	 * Hero
 	 */

 	.OBK-hero {
	    top: 2.0em;
	}
	body.mobile-aspect-ratio .OBK-hero {
		margin-top: 2.0em;
		top: 0;
	}
		.OBK-hero__control-bar {
            top: 2.0em;
        }
        	.OBK-hero__control-bar__col.OBK-hero__control-bar__col--logo {
        		margin-right: 0;
        		margin-top: 1.0em;
        		order: 3;
        		width: 100%;
        	}
        		.OBK-hero__control-bar__logo {
                    margin: 0 auto;
                }
        	.OBK-hero__control-bar__col.OBK-hero__control-bar__col--lang {
        		order: 1;
        		margin-right: 0;
        		width: 50%;
        	}
        	.OBK-hero__control-bar__col.OBK-hero__control-bar__col--menu {
        		order: 2;
        		width: 50%;
        	}
        		.OBK-hero__control-bar__menu {
        			display: block;
        		}
	 	.OBK-hero__vista,
	    .OBK-hero__vista__item {
	        height: calc(60vh - 2.0em);
	    }
    .OBK-hero__slogan {
    	bottom: 0;
        height: auto;
        min-height: 50%;
        top: auto;
    }
    body.mobile-aspect-ratio .OBK-hero__slogan {
    	display: none;
    }
	    .OBK-hero__slogan__line.OBK-hero__slogan__line--normal span {
	        font-size: 2.0em;
	    }
	    .OBK-hero__slogan__line.OBK-hero__slogan__line--special {
	        margin-top: -0.5em;
	    }
	        .OBK-hero__slogan__line.OBK-hero__slogan__line--special span {
	            font-size: 3.0em;
	        }

	/*
	 * Main
	 */

	.OBK-main {
	    margin-top: 60vh;
	}
		.OBK-main__content {
	        min-height: 50vh;
	      	padding: 2.0em 0;
	    }

	/*
	 * Footer
	 */

	.OBK-footer {
		padding-bottom: 9.5em;
	}
		.OBK-footer__col {
	        padding: 2.0em;
	    }
	    	.OBK-footer__slogan {
	    		text-align: center;
	    	}
		    	.OBK-footer__slogan span {
		            font-size: 2.5em;
		            white-space: normal;
		        }
	        .OBK-footer__contact span,
            .OBK-footer__contact address,
            .OBK-footer__contact a {
                font-size: 1.2em;
            }
            .OBK-footer__reviews__quote span {
                font-size: 1.6em;
            }
            .OBK-footer__reviews__icon {
                font-size: 1.8em;
            }
	        .OBK-footer__credits__item.OBK-footer__credits__item--copyright {
                display: none;
            }
            	.OBK-footer__credits__link,
                .OBK-footer__credits__text {
                    font-size: 1.0em;
                }
            .OBK-footer__publisher a {
                font-size: 1.0em;
            }

	/*
	 * Contact
	 */

	.OBK-contact {
	    bottom: 2.0em;
	    right: 4.0em;
	}
		.OBK-contact__item {
			display: inline-block;
			margin-left: 1.0em;
	        margin-top: 0;
	    }
	    .OBK-contact__item:first-child {
	    	margin-left: 0;
	    }

	/*
	 * Controls
	 */
	    
    .OBK-controls.JS-open .OBK-controls__frame {
        padding: 2.0em;
    }
    	.OBK-controls__close {
            height: 2.0em;
            width: 2.0em;
        }
            .OBK-controls__close__icon {
                font-size: 1.5em;
            }
        .OBK-controls__scroll-area {
            padding: 2.0em;
        }
            .OBK-controls__menu__item {
                margin-top: 2.0em;
            }
                .OBK-controls__menu__link {
                    font-size: 2.0em;
                }
            .OBK-controls__social {
                margin-top: 5.0em;
            }
                .OBK-controls__social__icon {
                    font-size: 2.0em;
                }  
}

/* PHONE SMALL
---------------------------------------------------------------------------- */

@media only screen and (max-width: 350px) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	body {
       font-size: 56.3%;
    }

    /*
	 * Misc
	 */

	/*
	 * Extensions
	 */

	/*
	 * Modules
	 */

	/* Text */
    .OBK-module--text .OBK-module__headline span {
        font-size: 2.5em;
    }

	/*
	 * BG
	 */

	/*
	 * Page
	 */

	/*
	 * Header
	 */

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

 	/*
	 * Contact
	 */

	/*
	 * Controls
	 */

}

/* DETECT INTERNET EXPLORER
---------------------------------------------------------------------------- */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

    /*
	 * Misc
	 */

	/*
	 * Extensions
	 */

	/*
	 * Modules
	 */

	/*
	 * BG
	 */

	/*
	 * Page
	 */

	/*
	 * Header
	 */

	.OBK-hero__control-bar {
		display: none;
	}

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

 	/*
	 * Contact
	 */

	.OBK-contact {
		display: none;
	}

	/*
	 * Controls
	 */

}