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

	Infos:
	- Media queries are ordered from largest to smallest view!
	- Main steps:
		1. DESKTOP MEDIUM ("view--desktop-medium")
		1. DESKTOP SMALL ("view--desktop-small")
		3. LAPTOP ("view--laptop")
		4. TABLET ("view--tablet")
    	5. PHABLET ("view--phablet")
		6. PHONE ("view--phone")
		7. PHONE SMALL ("view--phone-small")
   ========================================================================== */

/* DESKTOP MEDIUM ("view--desktop-medium")
---------------------------------------------------------------------------- */

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

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	/*
	 * Modules
	 */

	/*
	 * Backbone
	 */

	/*
	 * Page
	 */

	/*
	 * Header
	 */

	/*
	 * Vista
	 */

	.obk-vista {
	    min-height: 500px;
	}

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

	/*
	 * Misc
	 */

}

/* DESKTOP SMALL ("view--desktop-small")
---------------------------------------------------------------------------- */

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

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	body {
       font-size: 56.3%;
    }

	/*
	 * Modules
	 */

	/*
	 * Backbone
	 */

	/*
	 * Page
	 */

	/*
	 * Header
	 */

	/*
	 * Vista
	 */

	.obk-vista {
	    min-height: 450px;
	}

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

	/*
	 * Misc
	 */

}

/* LAPTOP ("view--laptop")
---------------------------------------------------------------------------- */

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

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

    body {
       font-size: 50%;
    }

	/*
	 * Modules
	 */

	/* Eyecatcher */
	.obk-eyecatcher .obk-eyecatcher__wrap .obk-eyecatcher__title {
		font-size: 5.0em;
	}
	.obk-eyecatcher .obk-eyecatcher__wrap .obk-eyecatcher__text {
		font-size: 2.5em;
	}

	/*
	 * Backbone
	 */

	/*
	 * Page
	 */

	/*
	 * Header
	 */

	/*
	 * Vista
	 */

	.obk-vista {
		max-height: 768px;
	    min-height: 400px;
	}
		.obk-vista .obk-slider.slick-slider .slick-list {
	        padding: 0 7.5%;
	    }
	    .obk-vista .obk-arrows {
	    	padding: 0 7.5%;
	    }

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

	.obk-footer .obk-social__item {
	    padding-left: 1.0em;
	    padding-right: 1.0em;
	}
	.obk-footer .obk-legal-nav,
    .obk-footer .obk-creator {
        font-size: 1.4em;
    }
    .obk-footer .obk-partner .obk-partner__item img {
        height: 40px;
    }

	/*
	 * Misc
	 */

}

/* TABLET ("view--tablet")
---------------------------------------------------------------------------- */

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

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	body {
	    font-size: 62.5%;
	}
	h1,
	h2,
	.obk-headline {
	    font-size: 3.0em;
	    font-weight: 300;
	}
	h2,
	h3,
	.obk-subheadline {
	    font-size: 2.5em;
	    font-weight: 700;
	}
    .obk-main p {
		font-size: 1.8em;
	}
	.obk-main ul,
	.obk-main ol {
	    font-size: 1.8em;
	}
    .obk-main table tr th,
    .obk-main table tr td {
        font-size: 1.8em;
    }
	.obk-main .obk-button {
		min-width: 0;
		width: 100%;
	}

	/*
	 * Modules
	 */

	/* Box */
	.obk-box .obk-box__holder .obk-box__image {
		width: 40%;
	}
	.obk-box .obk-box__holder .obk-box__text {
		padding: 4.0em;
		width: 60%;
	}
	/* Eyecatcher */
	.obk-eyecatcher .obk-eyecatcher__wrap .obk-eyecatcher__title {
		font-size: 4.0em;
	}
	.obk-eyecatcher .obk-eyecatcher__wrap .obk-eyecatcher__text {
		font-size: 2.2em;
	}

	/*
	 * Backbone
	 */

	/*
	 * Page
	 */

	/*
	 * Header
	 */

	.obk-header .obk-header__top {
		display: none;
	}
	.obk-header .obk-header__bottom .obk-grid__row {
        height: 10.0em;
    }
    .obk-header .obk-main-logo {
        top: 0;
    }
    .obk-header .obk-main-menu {
    	display: none;
    }
     .obk-header .dna-mobile-control {
        display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;  
	    display: flex;
	    height: 100%;
	    width: 100%;
    }
    	.obk-header .dna-mobile-control .dna-mobile-control__item {
            color: #ffffff;
            cursor: pointer;
            display: block;
            margin-left: 4.0em;
        }
            .obk-header .dna-mobile-control .dna-mobile-control__item .icon {
                font-size: 4.0em;
            }
        .obk-header .dna-mobile-control .dna-mobile-control__item:first-child {
            margin-left: 0;
        }
        .obk-header .dna-mobile-control .dna-mobile-control__item:visited {
            color: #ffffff;
        }
        .obk-header .dna-mobile-control .dna-mobile-control__item:hover {
            color: #fab614;
            text-decoration: none;
        }
        .obk-header .dna-mobile-control .dna-mobile-control__item.dna-mobile-control__item--menu .icon.icon-close {
        	display: none;
        }
        .obk-header .dna-mobile-control .dna-mobile-control__item.dna-mobile-control__item--menu.dna-mobile-control__item--act .icon.icon-menu {
        	display: none;
        }
        .obk-header .dna-mobile-control .dna-mobile-control__item.dna-mobile-control__item--menu.dna-mobile-control__item--act .icon.icon-close {
        	display: inline;
        }
    .obk-header .obk-mobile-menu {
    	background-color: #e8e4e0;
    	display: block;
        height: calc(100vh - 10.0em);
        left: 0;
        max-height: 0;
        overflow: hidden;
        position: fixed;
        top: 10.0em;
        -webkit-transition: max-height 0.25s ease-out;
        -moz-transition: max-height 0.25s ease-out;
        -o-transition: max-height 0.25s ease-out;
        transition: max-height 0.25s ease-out;
        width: 100vw;
        z-index: 100;
    }
    .obk-header .obk-mobile-menu.obk-mobile-menu--open {
    	max-height: 100vh;
    }
    	.obk-header .obk-mobile-menu .obk-mobile-menu__content {
    		height: calc(100% - 5.0em);
    		overflow-x: hidden;
    		overflow-y: auto;
    		padding: 1.5em 4.0em;
    	}
	    	.obk-header .obk-mobile-menu .obk-mobile-menu__content ul {
	    		list-style-type: none;
	        	margin: 0;
	        	padding: 0;
	    	}
	    	.obk-header .obk-mobile-menu .obk-mobile-menu__content a {
	    		color: #6F685E;
	    		display: block;
	    	}
	    	.obk-header .obk-mobile-menu .obk-mobile-menu__content a:visited {
	    		color: #6F685E;
	    	}
	    	.obk-header .obk-mobile-menu .obk-mobile-menu__content a:hover {
	    		color: #fab614;
                text-decoration: none;
	    	}
	    		.obk-header .obk-mobile-menu .obk-mobile-menu__content > ul > li {
	    			border-bottom: 0.1em solid #6F685E;
	    			padding: 0.5em 0;
	    		}
	    		.obk-header .obk-mobile-menu .obk-mobile-menu__content > ul > li:last-child {
	    			border-bottom: 0;
	    		}
		    		.obk-header .obk-mobile-menu .obk-mobile-menu__content > ul > li > a {
		    			font-size: 3.0em;
		    		}
		    			.obk-header .obk-mobile-menu .obk-mobile-menu__content > ul > li .obk-main-menu__sub-menu {
		    				padding: 1.5em 2.0em;
		    			}
			    			.obk-header .obk-mobile-menu .obk-mobile-menu__content > ul > li .obk-main-menu__sub-menu > li {
			    				padding: 0.5em 0 0.5em 2.5em;
		                    	position: relative;
			    			}
			    				.obk-header .obk-mobile-menu .obk-mobile-menu__content > ul > li .obk-main-menu__sub-menu > li .icon {
			                        color: #fab614;
			                        font-size: 2.0em;
			                        left: 0;
			                        position: absolute;
			                        top: 50%;
			                        -webkit-transform: translateY(-50%);
			                        -ms-transform: translateY(-50%);
			                        transform: translateY(-50%);
			                        z-index: 5;
			                    }
				    			.obk-header .obk-mobile-menu .obk-mobile-menu__content > ul > li .obk-main-menu__sub-menu > li > a {
				    				font-size: 2.0em;
				    			}
	    .obk-header .obk-mobile-menu .obk-mobile-menu__footer {
	    	background-color: #6F685E;
	    	height: 5.0em;
	    }
	    	.obk-header .obk-mobile-menu .obk-mobile-menu__footer .obk-mobile-lang {
	    		display: inline-block;
	    		list-style: none;
	    		margin: 0;
	    		padding: 0;
	    	}
	    		.obk-header .obk-mobile-menu .obk-mobile-menu__footer .obk-mobile-lang > li {
		            float: left;
		            padding-left: 2.0em;
		            text-transform: uppercase;
		        }
		        .obk-header .obk-mobile-menu .obk-mobile-menu__footer .obk-mobile-lang > li:first-child {
		            margin-left: 0;
		        }
		            .obk-header .obk-mobile-menu .obk-mobile-menu__footer .obk-mobile-lang >li > a {
		                color: #ffffff;
		                font-size: 2.0em;
		            }
		            .obk-header .obk-mobile-menu .obk-mobile-menu__footer .obk-mobile-lang > li > a.obk-mobile-lang__act {
		                font-weight: 600;
		            }
		            .obk-header .obk-mobile-menu .obk-mobile-menu__footer .obk-mobile-lang > li > a:visited {
		                color: #ffffff;
		            }
		            .obk-header .obk-mobile-menu .obk-mobile-menu__footer .obk-mobile-lang > li > a:hover {
		                color: #fab614;
		                text-decoration: none;
		            }

	/*
	 * Vista
	 */

	.obk-vista {
	    min-height: 350px;
	}
		.obk-vista .obk-slider.slick-slider .slick-list {
	        padding: 0 5%;
	    }
	    .obk-vista .obk-arrows {
	    	padding: 0 5%;
	    }

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

	.obk-footer .obk-quick-request .obk-quick-request__field label {
        font-size: 1.2em;
    }
    .obk-footer .obk-quick-request .obk-quick-request__field input,
    .obk-footer .obk-quick-request .obk-quick-request__field select {
        font-size: 1.0em;
    }
	.obk-footer .obk-quick-request .obk-quick-request__field input.obk-quick-request__input-submit {
        font-size: 1.4em;
    }

	/*
	 * Misc
	 */

}

/* PHABLET ("view--phablet")
---------------------------------------------------------------------------- */

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

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	body {
       font-size: 56.3%;
    }
    h4 {
	    font-size: 2.0em;
	}

	/*
	 * Modules
	 */

	/* Accordion */
	.obk-accordion .obk-accordion__content > div .obk-accordion__images {
		float: none;
		width: 100%;
	}
	.obk-accordion .obk-accordion__content > div .obk-accordion__images + .obk-accordion__text {
		float: none;
		margin-top: 20px;
		width: 100%;
	}
	/* Box */
	.obk-box .obk-box__holder {
		display: block;
	}
		.obk-box .obk-box__holder .obk-box__image {
			width: 100%;
		}
		.obk-box .obk-box__holder .obk-box__text {
			width: 100%;
		}
	/* Eyecatcher */
	.obk-eyecatcher .obk-eyecatcher__wrap .obk-eyecatcher__title {
		font-size: 3.0em;
	}
	.obk-eyecatcher .obk-eyecatcher__wrap .obk-eyecatcher__text {
		font-size: 2.0em;
		margin-top: 10px;
	}
	.obk-eyecatcher .obk-eyecatcher__wrap .obk-box__wrap {
		margin-top: 10px;
	}
	/* Quote */
	.obk-quote .obk-quote__text {
		font-size: 2.5em;
	}
	.obk-quote .obk-quote__credits {
		font-size: 1.6em;
	}

	/*
	 * Backbone
	 */

	/*
	 * Page
	 */

	/*
	 * Header
	 */

	/*
	 * Vista
	 */

	.obk-vista {
		max-height: 576px;
	    min-height: 300px;
	}
		.obk-vista .obk-slider.slick-slider .slick-list {
	        padding: 0 2.5%;
	    }
	    .obk-vista .obk-slider.slick-slider .obk-slider__item {
	    	padding: 0 0.25em;
	    }
	    .obk-vista .obk-arrows {
	    	padding: 0 2.5%;
	    }
	    	 .obk-vista .obk-arrows .obk-arrows__arrow--prev {
	            margin-left: 0.25em;
	        }
	        .obk-vista .obk-arrows .obk-arrows__arrow--next {
	            margin-right: 0.25em;
	        }

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

	.obk-footer .obk-footer-image {
		display: none;
	}
	.obk-footer .obk-address {
		min-height: 0;
		width: 100%;
	}
	.obk-footer .obk-footer__credits {
		display: block;
	}
		.obk-footer .obk-legal-nav,
        .obk-footer .obk-creator {
        	text-align: center;
        }
    .obk-footer .obk-partner .obk-partner__item {
        padding-left: 10px;
        padding-right: 10px;
    }
	    .obk-footer .obk-partner .obk-partner__item img {
	        height: 30px;
	    }
	.obk-footer .obk-quick-request {
		height: 70px;
	}
		.obk-footer .obk-quick-request .obk-quick-request__field {
			display: none;
	        float: none;
	        width: 100%;
	    }
	    .obk-footer .obk-quick-request .obk-quick-request__field-5 {
	    	display: block;
	    	padding: 10px !important; 
	    }

	/*
	 * Misc
	 */

}

/* PHONE ("view--phone")
---------------------------------------------------------------------------- */

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

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	body {
       font-size: 50%;
    }

	/*
	 * Modules
	 */

	/* Gallery */
	.obk-gallery .obk-gallery__slider .obk-gallery__item {
		padding: 0;
	}
	/* Quote */
	.obk-quote .obk-quote__symbol .icon {
		font-size: 3.0em
	}
	.obk-quote .obk-quote__text {
		font-size: 2.0em;
	}
	.obk-quote .obk-quote__credits {
		font-size: 1.4em;
	}

	/*
	 * Backbone
	 */

	/*
	 * Page
	 */

	/*
	 * Header
	 */

	/*
	 * Vista
	 */

	.obk-vista {
		max-height: 360px;
	    min-height: 250px;
	}
		.obk-vista .obk-slider.slick-slider .slick-list {
	        padding: 0 5% 0 0;
	    }
	    .obk-vista .obk-slider.slick-slider .obk-slider__item {
	    	padding: 0 0.5em 0 0;
	    }
	    .obk-vista .obk-slider.slick-slider + .obk-arrows {
	        display: none;
	    }

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

	/*
	 * Misc
	 */

}

/* PHONE SMALL ("view--phone-small")
---------------------------------------------------------------------------- */

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

	/*
	 * Basic
	 */

	/*
	 * Typography
	 */

	body {
       font-size: 43.8%;
       
    }

	/*
	 * Modules
	 */

	/*
	 * Backbone
	 */

	/*
	 * Page
	 */

	/*
	 * Header
	 */

	/*
	 * Vista
	 */

	.obk-vista .obk-slider.slick-slider .slick-list {
        padding: 0;
    }
    .obk-vista .obk-slider.slick-slider .obk-slider__item {
    	padding: 0;
    }

	/*
	 * Main
	 */

	/*
	 * Footer
	 */

	/*
	 * Misc
	 */

}