
/* --------------------------------------------------------------------------------
 * 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) {
	
	#headlogo {
		width: 228px;
	}
	
	.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,
    #header_offset > .inside {
        height: 124px;
    }

    #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:68%;
		padding-right:5%;
	}
	
	.contentpage.type-b #right
	{
		width:32%!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;
	}
}

@media only screen and (max-width: 1080px) {
	
	.mod_navigation.main ul.level_1 > li.first
	{
		display:none;
	}
	
	
	
}
/* --- 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
	{
		display:none;
	}
	
	

	.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:auto;
	}




}

@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%;
	}

	.ce_table a
	{
		display: inline-block;
		word-break: break-all;
	}	
	
}
/* --- 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;
	}	
	
	
}

@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;
	}
	

/*
.mod_rocksolid_slider.quickselect .rsts-crop
{
	height:auto!important;
}*/	
}

@media only screen and (max-width: 640px) {

	.contentpage #eventbox .ce_text
	{
		padding-left:16px;
		padding-right:16px;
	}
}



/* --- 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:auto;
	}
	
	#footer .footer-main .flex-container > div
	{
		width:100%;
		height:auto;
		margin-bottom:24px;
	}
	
	#footer .footer-main h5
	{margin-top:0px;}
	
	#footer .footer-main .flex-container .ce_text
	{
		margin-bottom:0px!important;
	}
	
	#footer .footer-main .flex-container .ce_gallery
	{
		margin-left:0px;
		margin-bottom:12px;
	}
	.ce_mhce_boxes.boxes-grid-3 .item
	{
		width:100%;
		max-width:422px;
	}
	
	#headlogo {
		width: 180px;
		top:35px;
	}
	
	#header_offset .topbar-item .telephon {
		display:none;
	}
	
	#header_offset #top-navigation li.left_m
	{
		padding-right:0px;
	}
	
	#top-navigation
	{
		top:16px;
	}
	
	.type-menu .mod_newslist.sideview.left{
		margin-left:0px;
	}
	
	.mod_newslist.tickerview .header
	{
		margin-right:20px;
	}
	.mod_newslist.tickerview .content
	{
		margin-left:110px;
	}

	.ce_metamodel_content .col1,
	.ce_metamodel_content .col2,
	.ce_metamodel_content .col2 .value
	{
		width:100%;
		text-align:left;
	}
	
	#mmreader .field.entry_title
	{
		font-size: 1.85em;
	}
	
	.ce_table, .ce_table table
	{
		width:100%;
		display:block;
	}
	.ce_table td.col_0
	{
		width:100px;
	}
	.ce_table tbody
	{
		width: 100%;
		display: grid;
	}
	
	.ce_table td.col_1
	{
		text-align:left;
	}
	
	.ce_table a
	{
		max-width: 167px;
		width: 240px;
		display: inline-block;
		word-break: break-all;
	}
	
	.contentpage #main .ce_gallery.gallery-3 li
	{
		width:50%; 
	}

}