@media screen and (max-width: 1550px){
	#textsite {
		padding-left:60px;
		padding-right: 60px;
	}
	#txt_left {
		width:65%;
		padding-right:10%;
	}
	#txt_right {
		width:35%;
	}
	#txtxite_img {
	    max-width: 350px;
	    height: auto;
	    margin-bottom: 0px;
	    position: absolute;
	    bottom: 0;
	    right: -50px;
	}
}
@media screen and (max-width: 1230px){
	#textsite {
		padding-left:30px;
		padding-right: 30px;
	}
	#txt_left {
		width:60%;
		padding-right:5%;
	}
	#txt_right {
		width:40%;
	}
}
@media screen and (max-width: 1100px){
    #navleft {
        width: 300px;
    }
    #navleft .nav > li {
        padding-left: 20px;
    }
    #navleft .nav > li > a > span {
        width: 100%;
        padding-right: 20px;
    }
	#content {
		width: calc(100% - 300px);
	}
    #content.fixed {
		left:300px;
    }
	.slider > div > img {
		right:-9699px;
	}
	.slidertitle {
		width: calc(100% - 300px);
	}
	.bx-controls {
		width: calc(100% - 300px) !important;
	}
	#info_back {
		left: 235px;
	}
	#txt_left,	#txt_right  {
		width:100%;
		padding-right:0%;
		padding-bottom:80px;
	}
}
@media screen and (max-width: 880px){
	.mobheader {
		display: block;
		position: absolute;
		background:rgba(255,255,255,0.8);
		width:100%;
		left:0px;
		top:0px;
		height: 60px;
		z-index: 1;
	}
	#iconswrapper {
		display: none;
	}
	#info_back {
		left:inherit;
		right: 20px;
		z-index: 10;
		text-align: left;
		top: 75px;
		margin-top: 0px;
	}
	#info_back {
		transform: rotate(180deg);
	}
	#langnav {
		/*right:60px;*/
        right:inherit;
        left:30px;
		top: 75px;
	}
	.txt_title h1 {
		width: 100%;
	}
	#logo_mob 	{
		display: none;
		z-index: 10;
		position: absolute;
		top: 17px;
		left: 13px;
		background: transparent;
	}
	.info_mob {
		display: block;
	}
	#content {
		width: 100%;
	}
	#content.fixed {
		left:0;
    }
    .bx-wrapper img {
        /*height: 100% !important; H100*/
		width: 100% !important; /*W100*/
		height: auto !important; /*W100*/
    }
	.slider > div {
		height: calc(100vh - 100px) !important;
		/*overflow-x:hidden; H100
		overflow-y:visible; H100  */
		overflow: hidden;
	}
	.slider > div > img {
		right:-9999px;
	}
    .slidertitle {
		position: fixed;
        height: 100px !important;
        background-color: #375871;
		bottom:0px;
		width:100vw;
		/*bottom:-100px !important;*/
    }
    .slidertitle span {
        color: white;
    }
	.bx-controls {
		width: 100% !important;
		bottom: 64px !important;
	}
    .bx-wrapper .bx-prev {
        background: url('/img/arrow_grey.svg') no-repeat !important;
		transform:rotate(180deg);
    }
    .bx-wrapper .bx-next {
        background: url('/img/arrow_grey.svg') no-repeat !important;
		transform:rotate(0deg) !important;
    }
	#textsite {
		padding-top: 120px;
	}

    /* MOBNAV */
    #logo {
        padding: 17px 20px 25px 20px;
    }
    #iconswrapper a:last-child img {
        margin-right: 50px;
    }
    #navleft {
        display: none;
        position:absolute;
        width:100%;
        right:0px;
        top:0px;
        z-index:150;
    }
    #btn_nav{
    display:block;
    position:absolute;
    top:8px;
    right:20px;
    cursor:pointer;
    z-index: 200;
    }
    .c-hamburger span, .c-hamburger span::before, .c-hamburger span::after, .c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after {
        background: #7b9fba;
    }

    .colorwhite .c-hamburger:not(.is-active) span, .colorwhite .c-hamburger span::before, .colorwhite .c-hamburger span::after{
        background: white;
    }

    ul.nav li {
        display:block;
        min-height:48px;
        height:auto;
        width:100%;
        overflow:hidden;
    }
    ul.nav a {
        color: black;
    }
    ul.nav li a:link, ul.nav li a:visited  {
        display:block;
        text-decoration:none;
        text-align: left;
        line-height:43px;
    }
    ul.nav li a:hover, ul.nav a:active{
        color:white;
    }
    ul.nav ul {
        display:none;
    }
    ul.nav ul li a:link, ul.nav ul li a:visited  {
        color:white;
        padding-left:20px;
		line-height: 20px;
    }
	#navleft .nav ul li span {
		padding-left:45px;
	}
    ul.nav ul li a:hover {
        color:white;
    }
}
@media screen and (max-width: 500px){
	#txtxite_img {
		max-width: 200px;
		right: -50px;
	}
	.bx-controls {
		bottom: 57px !important;
	}

.slider, .bx-viewport {
	height: 100vh !important; /* Fallback for browsers that do not support Custom Properties */
  	height: calc(var(--vh, 1vh) * 100) !important;
}

.slider > div {
	height: calc(var(--vh, 1vh) * 100 - 100px) !important;
}

.slider > div > img {
	/*
	height: calc(100vh - 100px) !important;
	height: calc(var(--vh, 1vh) * 100 - 100px) !important;
	width: auto;
	*/
}

}

/*
@media (orientation: portrait ) and (max-width: 400px) {
	.bx-wrapper img {
		width: 100%;
		height: auto !important;
	}
}*/
