/* --------------------------------------------------------------------------------
 * Responsive Design
 * ----------------------------------------------------------------------------- */

@media all and (-ms-high-contrast:none) {
     
	 .mod_navigation li.mm_container:hover .mm_dropdown
	 {
		 width:300px;
	 }
	 
	 .mod_navigation li.mm_container:hover .mm_dropdown .rs-column.-large-col-5-2
	 {
		 display:none;
	 }
	 
	 .mod_navigation li.mm_container:hover .mm_dropdown .rs-column.-large-col-5-3
	 {
		 width:100%;
	 }

	 .mod_navigation li.mm_container:hover .mm_dropdown .image_container
	 {
		 width:100px;
	 }
}


/* --- Large devices - Desktop // lg
 * ---------------------------------------- */


	.onlytablet
	{
		display:none;
	}


@media only screen and (max-width: 1300px) {
	
	.custom,
	.contentpage #container,
	.startpage #container{
		padding-left: 16px;
		padding-right: 16px;
	}
	
	.contentpage.type-b #main
	{
		width:63%;
		padding-right:5%;
	}
	
	.contentpage.type-b #right
	{
		width:37%!important;
		margin-right: -5%!important;
	}
	
	body.debug { background-color: rgba(255, 0, 0, 0.10); }	

    body.down #header_offset {
        -webkit-transform: translate3d(0px, -110px, 0px);
        -moz-transform: translate3d(0px, -110px, 0px);
        transform: translate3d(0px, -110px, 0px);
    }

    #header_offset > .inside {
        height: 106px;
    }

    #header_offset .header_topbar {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    #header_offset .header_logo > a > img.logo {
		width: 180px;
		height: 45px;
	}
	
	#footer .footer-main .inside, #footer .footer-bottom .inside
	{
		padding-left: 16px;
		padding-right: 16px;		
	}
	
	.mod_rocksolid_slider.quickselect
	{
		overflow:hidden;
	}

	#footer .footer-main .mod_customnav li.active strong,
	#footer .footer-main .mod_customnav li a,
	#footer p
	
	{
		font-size:15px!important;
	}

	#footer h6
	{
		font-size: 15px;

	}
	
	#footer .rs-column.-large-col-6-2 {

    width: 32%;
	margin-right:1.33%;
	}
	
	p.headteaser
	{
		font-size: 16px!important;
	}
	
	.startpage #headmenu h4, .contentpage #headmenu-1row #head_row1 h4
	{
		font-family: "FoundrySterling-Bold", sans-serif;
		font-size: 24px;
		color: #fff;
		margin-top: 0px;
		line-height: 24px;
	}
	
	.startpage #headmenu #head_row1 .text, .contentpage #headmenu-1row #head_row1 .text
	{
		padding-left:15%;
	}	
	
	.startpage #headmenu #head_row2 .text
	{
		padding-right:15%;
	}	
}

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

	.contentpage.type-b #main
	{
		width:60%;
		padding-right:5%;
	}
	
	.contentpage.type-b #right
	{
		width:40%!important;
		margin-right: -5%!important;
	}

	.startpage .mod_newslist.sideview
	{
		width:50%!important;
	}
	
	.startpage .mod_newslist.sideview .image_container
	{
		display:none;
	}
	
	.startpage .mod_newslist.sideview.left .hover-container
	{
		width:100%;
	}
	
	.startpage .mod_newslist.sideview .layout_latest
	{
		min-height:360px;
	}
}

/* --- Medium devices - Tablet // md
 * ---------------------------------------- */
 
@media only screen and (max-width: 991px) {
	
	body.debug { background-color: rgba(0,255,0,0.10); }


	.notablet
	{
		display:none;
	}

	.onlytablet
	{
		display:block;
	}

	#header_offset > .inside {
		height: 86px;
	}
    
	#header_offset .header_logo > a > img.logo {
		width: 120px;
		height: 30px;
	}

    #header_offset .header_topbar {
        position: absolute;
        top: 0;
        right: 100px;
        line-height: 58px;
    }
	
	#header_offset #top-navigation li.left_m
	{
		padding-right:0!important;
	}
	
	#top-mmenu
	{
		position:absolute;
		right:0px;
		top:70px;
	}
	
	#container{
		box-sizing:border-box;
		padding-left:16px;
		padding-right:16px;
		margin-top:16px!important;
	}
	
	.mod_mmenu {
		display:block;
	}
	
	.onlymobile
	{
	 display:block;
	}
	
	.nomobile
	{
	 display:none;
	}	
	
	.contentpage.type-b #main
	{
		width:100%;
		max-width:100%;
		padding-right:0px;
		float:unset;
		clear:both
	}
	.contentpage.type-b #right
	{
		margin-top:42px; 
		width:100%!important;
	}
	
	.contentpage.type-a #header .slide_item_content, .contentpage.type-b #header .slide_item_content {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 48px;
		padding-left: 10px;
		padding-top: 2px;
		padding-right: 36px;
		background-image: url(/files/theme/elements/bkw-bw_background_blau-verlauf.jpg);
		color: #fff;
		font-weight: 300;
	}
	
	.contentpage.type-a #header .slide_item_content .h2, .contentpage.type-b #header .slide_item_content .h2
	{
		font-size: 20px;
		font-family: "FoundrySterling-Bold", sans-serif;
		margin-right: 0px; 
		margin-left: 6px;
		margin-top: 0;
		line-height: 0;
		vertical-align: middle;
	}

	.startpage #headmenu #head_row1 .text, .contentpage #headmenu-1row #head_row1 .text
	{
		padding-left:15%;
	}	
	
	.startpage #headmenu #head_row2 .text
	{
		padding-right:15%;
	}

	.ce_mhce_boxes .item {
    float: left;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
	}

	.tabletonly
	{
		display:block;
	}
	
	#footer_row1, #footer_row2, #footer_row3
	{
		float:left;
		width:33.3333%;
	}
	
	#footer .footer-main
	{
		height:280px;
	}




}

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


	
	.ce_mhce_boxes.boxes-grid-3 .item:nth-child(1), .ce_mhce_boxes.boxes-grid-3 .item:nth-child(2), .ce_mhce_boxes.boxes-grid-3 .item:nth-child(3)
	{
		margin-top:15px;
	}

	.ce_mhce_boxes.boxes-grid-3 .item:nth-child(2n+1) {
		clear: left;
		margin-top:15px;
	}

	.ce_mhce_boxes.boxes-grid-3 .item {
		width: 50%;
	}
	
	.ce_mhce_boxes.boxes-grid-3 .item:nth-child(3n+1)
	{
		clear:none;
		margin-top:15px;
	}
	
	.hfs_inputgenForm
{
	max-width:100%;
}
	
}
/* --- Small devices - Phone // sm
 * ---------------------------------------- */
 
@media only screen and (max-width: 767px) {
	
	body.debug { background-color: rgba(0,0,255,0.10); }
	
	body.sidebar #main {
		width: 100%;
	}

	body.sidebar #left,
	body.sidebar #right {
		width: 100%;
		display: none;
	}
	
	#footer_main .mhce_columns .column + .column,
    #footer_bottom .mhce_columns .column + .column {
		margin-top: 30px;
	}
	
	.startpage #headmenu #head_row1 .text, .contentpage #headmenu-1row #head_row1 .text
	{
		padding-left:5%;
	}
	
	.startpage #headmenu #head_row2 .text
	{
		padding-right:5%;
	}	
	
	.startpage p.headteaser,
	.startpage .backline
	{
		display:none;
	}	
	
	h1 {
		margin-bottom: 10px;
		margin-top: 0.8em;
		font-size: 1.3333em!important;
	}

	h2 {
		font-size:25px;
	}

	h3 {
		font-size:20px!important;
	}	
	
	.box-flotte.bus .image_container
	{
		float:none;
	}
	
	.box-flotte.bus .container
	{
		padding:15px;
	}
	
	.ce_table {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}
	
	.ce_table table {
		min-width: 480px;
	}

	.ce_table th:first-child,
	.ce_table td:first-child {
		position: sticky;
		left: 0;
		z-index: 1;
		background-color: #f9f9f9;
		box-shadow: 1px 0 3px rgba(0,0,0,0.1);
	}

}

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

	.startpage #headmenu,
	.contentpage #headmenu-1row
	
	{
		display:none;
	}
	
	.startpage #mobile_headmenu,
	.contentpage #mobile_headmenu
	{
		display:block;
	}
	
	.quickselect 
	{
		display:none;
	}
	
	.mobile_quickselect
	{
		display:block;
	}
	
	.mod_newslist.sideview.left, .contentpage.start-wasser .mod_newslist.sideview.left, .contentpage.start-reisen .mod_newslist.sideview.left,
	.mod_newslist.sideview.left .image_container, .mod_newslist.sideview.left .hover-container,
	.mod_newslist.sideview.right,
	.contentpage.aktuelles .mod_newslist.sideview .image_container,
	.contentpage.aktuelles .mod_newslist.sideview .hover-container
	{
		width:100%;
		max-width:500px;
		display:block;
	}
	
	.mod_newslist.sideview.left .layout_latest, .mod_newslist.sideview .layout_latest
	{
		margin-right:15px;
	}
	
	.mod_newslist.sideview.left .layout_latest, .mod_newslist.sideview .layout_latest,
	.mod_newslist.sideview.right .layout_latest
	{
		height:auto;
	}
	
	.mod_newslist.sideview.right .layout_latest
	{
		margin-left:0px;
		margin-top:25px;
		margin-right:0px;
	}
	
	.mod_newslist.sideview.right.padding-top-m
	{
		margin-top:0px!important;
	}
	
	.ce_mhce_boxes.boxes-grid-3 .item
	{
		width:50%;
	}

	.ce_text.ap
	{
		max-width:406px;
	}
	
	.ce_text.ap .image_container
	{
		display:block;
		float:none;
		margin-right:0px;
	}
	.ce_text.ap .container
	{
		padding-top:15px;
		padding-left:15px;
		padding-bottom:15px;
	}
	
	.startpage .mod_newslist.sideview
	{
		width:100%!important;
	}
	
	.startpage .mod_newslist.sideview .image_container
	{
		display:b;
	}
	
	.startpage .mod_newslist.sideview.left .hover-container
	{
		width:100%;
	}
	
	.statpage .mod_newslist.sideview .layout_latest
	{
		min-height:unset;
	}
	
		.social-links
	{
		width:30px;
		top: calc(50% - 50px);
	}

	.sl-item
	{
		width:30px;
		height:30px;
	}
/*
.mod_rocksolid_slider.quickselect .rsts-crop
{
	height:auto!important;
}*/	
}

/* --- Extra small devices - Phone // xs
 * ---------------------------------------- */
 
@media only screen and (max-width: 544px) {
	
	body.debug { background-color: rgba(255,255,0,0.10); }

	#header_offset > .inside {
		height: 80px;
	}
	
	#header_offset .header_logo > a > img.logo {
		width: 120px;
		height: 30px;
	}
	
	#footer .footer-main
	{
		height:400px;
	}
	
	.ce_mhce_boxes.boxes-grid-3 .item
	{
		width:100%;
		max-width:422px;
	}
	
	#headlogo {
		position: absolute;
		top: 40px;
		left: 0px;
		height: 60px;
		width: 222px;
		display: block;
		background-image: url(../elements/logo-topbar.png);
		background-repeat: no-repeat;
		background-size: contain;
	}
	
	#header_offset .topbar-item .telephon {
		font-family: "FoundrySterling-Bold", sans-serif;
		padding-left: 8px;
		color: #02638e;
		font-weight: 300;
		font-size: 14px;
		margin-right:0px;
	}
	
	#header_offset #top-navigation li.left_m
	{
		padding-right:0px;
	}
	
	#top-navigation
	{
		top:3px;
	}
	
	.type-menu .mod_newslist.sideview.left{
		margin-left:0px;
	}
	
	.mod_newslist.tickerview .header
	{
		margin-right:20px;
	}
	.mod_newslist.tickerview .content
	{
		margin-left:110px;
	}

}