/* --------------------------------------------------------------- */
/*                                                                 */
/*    RESPONSIVE CSS-DATEI                                         */
/*    Webstobe GmbH, www.webstobe.ch                               */
/*                                                                 */
/* --------------------------------------------------------------- */

html {
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
}

/* --------------------------------------------------------------- */
/* --- MOBILE MAIN NAVIGATION ------------------------------------ */
/* --------------------------------------------------------------- */


@media (min-width:1951px) {
	.grid-8-4 .col-4,
	.grid-8-4 .col-8 {
		width:50%;
	}
}


@media (max-width:1080px) {
	.page-footer .footer-left {
		width: 100%;
		padding-right: 140px;
	}

	.page-footer .footer-right {
		width: 100%;
	}

	.socialmedia-navigation {
		top:0;
		bottom:auto;
		right:0;
	}

	.meta-navigation {
		float:left;
		text-align:left;
		margin-top:20px;
	}

	.meta-navigation ul li:first-child {
		padding-left:0;
	}

	.main-navigation {
		font-size:1.5rem;
	}


	.weather-today table tr td:first-child {
		width: 65%;
		padding-right: 10px;
	}

}


@media (min-width:801px) and (max-width:1100px) {
	.col-6 table.responsive-table,
	.col-6 table.responsive-table tbody,
	.col-6 table.responsive-table tr,
	.col-6 table.responsive-table td,
	.col-6 table.responsive-table th {
		display: block;
	}

	.col-6 table.responsive-table td,
	.col-6 table.responsive-table th {
		padding: 0 0 0 0;
		width: 100% !important;
	}

	.col-6 table.responsive-table tr {
		margin-bottom: 10px;
	}


	.col-6 table.responsive-table td.align-right,
	.col-6 table.responsive-table td.align-center {
		text-align:left;
	}
}

@media (min-width:801px) {
	.main-navigation ul.level2 {
		display:block !important;
	}
}

@media (max-width:800px) {
	#nav-btn .menu-text {
		display:none;
	}

	h1 {
		font-size: 4rem;
	}

	.subpage-row .col-6 {
		width:100%;
	}

	.subpage-row > .col-6:last-child {
		padding-top:0;
	}


	.page-wrapper {
		padding:0 25px;
	}


	.sticky-wrapper.fixed {
		width: calc(100% - 50px);
		left:25px;
	}

	.main-header,
	.main-header.sticky{
		padding-top:42px;
		padding-bottom:0;
	}


	.slick-prev {
		left: -18px;
	}

	.slick-next {
		right: -18px;
	}


	.grid-8-4 .col-4,
	.grid-8-4 .col-8 {
		width:100%;
	}

	/* Mobile Navigation */
	.sticky-wrapper,
	.sticky-wrapper.fixed {
		position: fixed;
		top: 0;
		padding-top: 50px;
		width: 100%;
		padding-left:25px;
		padding-right:25px;
		left:0;
		z-index: 10;
		background: #006578;
	}

	.sticky-wrapper:not(.fixed) {
		padding-top:50px !important;
	}

	.sticky-wrapper .navigation-bar {
		position:relative;
		bottom:auto;
		top:0;
	}

	.sticky-wrapper.fixed .navigation-wrapper,
	.sticky-wrapper .navigation-wrapper {
		bottom:auto;
		top:92px;
		width:calc(100% - 50px);
	}


	.page-header .top-bar {
		height:50px;
	}


	.navigation-bar:after {
		-webkit-transform: skew(0deg);
		-moz-transform: skew(0deg);
		-ms-transform: skew(0deg);
		-o-transform: skew(0deg);
		transform: skew(0deg);
	}

	.navigation-wrapper {
		padding: 20px 12px 12px 12px;
	}


	.main-navigation {
		font-size:1.7rem;
		margin-bottom:30px;
	}

	.service-navigation {
		display:none;
	}
	.mobile-service-navigation {
		display:block;
	}
	.navigation-bar:after {
		max-width:none;
		width: calc(100% - 42px);
	}

	.main-navigation ul.level1 > li {
		margin:0;
	}

	.main-navigation ul.level1 > li > .link {
		padding:13px 0 8px;
	}

	.main-navigation ul.level1 > li.hassub > .link {
		padding-right:42px;
		position:relative;
	}


	.main-navigation ul.level1 > li > .link:hover {
		border-color:inherit;
	}

	.main-navigation ul.level1 > li.act > .link {
		border-color:#000;
	}

	.main-navigation li.hassub > .link > .toggle {
		display:block;
		width:42px;
		height:42px;
		position:absolute;
		right:0;
		bottom:0;
		font-size:4rem;
		cursor:pointer;
	}

	.main-navigation li.act > .link > .toggle,
	.main-navigation li.hassub > .link > .toggle:hover {
		color:#000;
	}

	.main-navigation li.act > .link {
		color:#000;
	}

	.main-navigation li.hassub > .link > .toggle:before {
		content: "\2039";
		display: block;
		height: 40px;
		width: 40px;
		vertical-align: middle;
		text-align: center;
		position:relative;
		top:5px;
	}

	.main-navigation li.sub > .link  > .toggle:before {
		top:-20px;
		left:2px;
	}

	.main-navigation li.ifsub > .link  > .toggle {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	.main-navigation li.sub > .link  > .toggle {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		transform: rotate(90deg);
	}


	.main-navigation ul.level1 > li {
		width:100%;
		float:none;
	}

	.main-navigation ul.level2 {
		display:none;
	}

	.main-navigation ul.level1 > li.act > ul.level2 {
		display:block;
	}


	.mobile-service-navigation {
		margin-bottom:20px;
		text-align:center;
	}

	.mobile-service-navigation ul {
		display:inline-block;
	}

	.mobile-service-navigation ul li {
		display:block;
		text-transform:uppercase;
		letter-spacing:0.02em;
		margin-top:20px;
	}

	.mobile-service-navigation ul li.nav-7083,
	.mobile-service-navigation ul li.nav-7081 {
		position: relative;
		display: inline-block;
		margin: 0 10px;
	}

	.mobile-service-navigation ul li.nav-7082,
	.mobile-service-navigation ul li.nav-7176,
	.mobile-service-navigation ul li.nav-7078 {
		padding: 15px;
		display: table-cell;
	}

	.mobile-service-navigation ul li a {
		display:block;
	}

	.mobile-service-navigation ul li .nav-icon {
		display:block;
		margin-bottom:10px;
		font-size:20px;
		color:#008daa;
		font-family: 'icomoon' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.mobile-service-navigation ul li.nav-7083 .nav-icon:before {
		content: "\e900";
	}

	.mobile-service-navigation ul li.nav-7081 .nav-icon:before {
		content: "\e900";
	}

	.mobile-service-navigation ul li.nav-7080 .nav-icon:before {
		content: "\e901";
	}

	.mobile-service-navigation ul li.nav-7080 {
		display:inline-block;
		margin-top:0;
	}

	/*.mobile-service-navigation ul li.nav-7083:after,*/
	/*.mobile-service-navigation ul li.nav-7081:after {*/
		/*position:absolute;*/
		/*display:block;*/
		/*right:0;*/
		/*bottom:0;*/
		/*content:"\00b7";*/
	/*}*/

	.weatherToday-table {
		width: 60%;
	}

	.weather-image {
		width: 40%;
	}


}




@media (max-width:700px) {

	h1 {
		font-size: 3.6rem;
	}

	.mobile-phone {
		display: block;
		float: right;
		font-size: 2rem;
		position: relative;
		z-index: 50;
		padding: 9px 0 0 0;
	}

	.logo {
		width:100%;
		padding-left:44px;
		max-width:none;
	}


	.header-slider {
		height: calc(100vh - 300px);
		min-height: 250px;
	}



	/* Footer */
	.socialmedia-navigation ul li {
		display:block;
		float:none;
	}

	.page-footer .footer-left {
		padding-right:40px;
	}

	.page-footer address table,
	.page-footer address table tr,
	.page-footer address table td {
		width:100%;
		display:block;
	}

	.page-footer address table td:first-child {
		padding:0 0 20px 0;
	}

	.meta-navigation {
		float:none;
		text-align:right;
		margin:20px 0 0 0;
	}

	/* Navigation */
	.main-navigation {
		font-size:1.5rem;
	}

	.mobile-service-navigation {
		font-size:1.4rem;
	}




	.main-content .content-element.frame-layout-0 .ce-gallery[data-ce-columns="2"],
	.main-content img.portrait {
		max-width:100%;
	}




}

@media (max-width:600px) {

	.weatherToday-table {
		width: 100%;
		padding-left: 0;
	}

	.weather-image {
		width: 100%;
	}

	.overflow-table {
		position: relative;
		width: 100%;
		overflow-y: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.overflow-table p {
		margin: 0px 10px;
	}

}

@media (max-width:480px) {


	.site-title {
		-moz-hyphens: auto;
		-o-hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;
	}

	.logo {
		right:-8px;
	}




	.ce-intext .ce-bodytext {
		width: 100%;
	}

	.ce-intext .ce-gallery {
		width: 100%;
		max-width: none;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.ce-gallery .ce-row {
		overflow:visible;
	}


	table.responsive-table,
	table.responsive-table tbody,
	table.responsive-table tr,
	table.responsive-table td,
	table.responsive-table th  {
		display:block;
	}

	table.responsive-table td,
	table.responsive-table th {
		padding:0 0 0 0;
		width:100% !important;
	}

	table.responsive-table tr {
		margin-bottom:10px;
	}

	td.align-right,
	td.align-center {
		text-align:left;
	}


	table.price-table,
	table.price-table tbody,
	table.price-table tr,
	table.price-table td,
	table.price-table th {
		display:block;
		width:100%;
	}


	table.price-table tr:after {
		content:"";
		display:table;
		clear:both;
	}

	table.price-table td {
		float:left;
		width:auto;
	}

	table.price-table td:first-child {
		font-family:'Tetria LT W01 Bold', Arial, Helvetica, sans-serif;
		font-weight:normal;
		width:100%;
	}

	table.price-table td:last-child {
		width:auto;
		float:right;
		padding-left:30px;
	}




}







@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {


}