/*
<link rel="stylesheet" type="text/css" 
media="screen and (max-device-width: 1236px)" href="responsive_style.css">

Farben
rot #E30613
blue #003D7C
font-grey #424242
footer-grey #6b6b6b
light-grey #dbdbdb
*/

/*only mobile*/
#mobile_search{
	display:none;
}


/*start bis 1236px*/
@media screen and (max-width: 1236px) {
	
	body{
		max-width:100%;
	}
	
	#header .container, #footer .inside, #container, .homepage #container {
		width:100%;
	}
	.row4{
		width: calc(27% - 16px);
	}
	.row2{
		width: calc(46% - 16px);
	}
	#container aside, #container aside~main{
		margin:0 8px;
	}
	#contentheader div figure{
		width:52%;
	}
	#mainContent .inside>.mod_article{
		padding:0 8px 16px;
	}
	#article-42, #teaser{
		margin: 16px 0;
	}
	.homepage .row2 {
    	width: calc(50% - 32px);
	}
	#article-44{
		width: calc(100% - 16px);
	}
	.gfa-details .gf-details-content{
    width: calc(47% / 3 * 4);	    
	}
	.gfa-details .gf-details-content-inner{
		padding: 0 16px;
	}
	.gfa-details .gf-details-sidebar{
	    width: calc(28% / 3 * 4);
	}
	.gfa-details .gf-details-sidebar>div.gf-content{
	    margin-left: 8px;
	    padding-left: 16px;
	    padding-right: 8px;
}
	.gfa-details main#mainContent {
    	width: calc(73%);
	}
	iframe{
	    max-width: 100%;
	}
	
}
/*end bis 1236px*/

/*start bis 1070px*/
@media screen and (max-width: 1070px) {
	/*hyphenate*/
	.hyphenate {
		hyphens: auto;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
	}
	#header{
			z-index:42;
	}
	.wfgtitel{
		display:none;
	}
	#mainContent{
		width:calc(73% - 16px);
		max-width:calc(100% - 272px);
	}
	#container #rightSide, .gfa-details .gf-details-sidebar{
		width:250px;
		position:fixed;
		right:-250px;
		padding:0;
		margin:0;
	    z-index: 1;
	    transition: right 2s;
	    -o-transition:right 2s;
	    -moz-transition: right 2s;
	    -webkit-transition: right 2s;
	    box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, 0.2), 0 -6px 20px 0 rgba(0, 0, 0, 0);
    	background-color: #dbdbdb;
	}
	#container #rightSide .inside{
		padding:0;
	}
	#container #rightSide .mod_article{
		padding-left:16px;
	    margin-top: 16px;
		z-index:1;
		background-color:#dbdbdb;
		max-height: 78vh; 
		overflow: auto;
	}
	
	#container #rightSide.open, .gfa-details .gf-details-sidebar.open{
		right:0;
		position:fixed;
	}
	#container #rightSide .mobiletab, .gf-details-sidebar .mobiletab{
		line-height: 150%;
		display: block;
	    position: absolute;
	    right: 230px;
	    transform: rotate(-90deg);
	    top: 37px;
	    width: 70px;
	    height: 30px;
	    text-align: center;
	    background-color: #dbdbdb;
	    font-weight: bold;
	    color: #003D7C;
	    font-size: 1.3em;
	    box-shadow:0 -1px 8px 0 rgba(0, 0, 0, 0.2), 0 -6px 20px 0 rgba(0, 0, 0, 0.19);
	    z-index:-1;
	    cursor:pointer;
	}
	#container #rightSide .mobiletab:after{
		content:"more";
		
	}
	#container #rightSide.open .mobiletab:after{
		content:"close";
		
	}
	#container #rightSide .mobiletab:focus, .gf-details-sidebar .mobiletab:focus{
		outline:none;
	}
	
	.search form{
		width:unset;
	}

	.homepage .row4{
		width:calc(100% / 3 - 32px);
	}
	.homepage .row4.last{
		display:none;
	}
	.gfa-details .gf-details-content {
    	width: 100%;
	}
	.gfa-details .gf-details-sidebar>div.gf-content {
    	margin-left: 0;
    	margin-top:16px;
    	background-color: #dbdbdb;
    	z-index:1;
	}
		#footer .nomobilenav{
		display:inline-block;
		padding-right:7px;
		padding-bottom:4px;
	}
	#footer nav{
		width:100%;
		margin-top:32px;
		text-align:center;
	}
	.ce_rsce_kontakt .map {
	    width: 100%;
	}
	.ce_rsce_kontakt .content {
    width: 100%;
	}
	.corner{
		right:-43%;
	}
}
/*end bis 1070px*/

/*start bis 800px*/

@media screen and (max-width: 800px) {
	html body .parallax .content{
		width:calc(100% - 32px);
	}
	
	.gfa-details main#mainContent {
	    width: 100%;
	}
	.icons-mobile{
		display:flex;
		justify-content:space-around;
	}
	.icon-mobile{
	    display: inline-block;
	}
	.icon-mobile div{
	    background-repeat: no-repeat;
	    display: block;
	    background-size: contain;
	    background-position: center;
	    height:30px;
	}
	.icon-mobile a {
	    display: inline-block;
	}	

	#mobile_search .search{
		margin-top:24px;
	}
	#mobile_search{
		display:block;
		margin: 32px 0;
	}
	#mobile_search h2{
		text-align:center;
	}
	.taglist{
		display:none;
	}
	#top_nav{
		display:none;
	}
	#top_nav_mobile{
		display:block;
	}
	
	#leftSide{
		display:none;
	}
	#mainContent{
		width:100%;
		max-width:unset;
	}
	#header{
		position:fixed;
		left:0;
		top:0;
		width:100%;
	}
	.homepage #container{
		margin-top:57px;
	}
	#container{
		margin-top:calc(32px + 57px + 34px);
		min-height: calc(100vh - 294px);
	}
	#contentimg-top img{
		max-width:200%;
	}
	#contentimg-top h2, #contentimg-top h1{
		font-size:1em;
		left:20px;
		max-width: 84%;
	}
	#contentimg-top .slider-control a{
		display:none;
	}
	#teaser{
		display:block;
	}
	#teaser div{
	    float: none;
    	width: calc(100% - 32px);
    	padding: 16px 0;
	}
	#teaser h2{
		display:inline;
	}
	#teaser figure{
		max-width:20%;
		float:left;
		min-width:125px;
	}
	#teaser p {
		text-align:left;
	}
	.homepage .row4.last{
		display:block;
	}
	
	#mainContent .ce_text a:hover:after{
	    content: url(/files/public_files/style/icons/link_mobil_red.svg);
	}
	#mainContent .ce_text a:after{
	    content: url(/files/public_files/style/icons/link_mobil.svg);
	        display: inline-block;
    	width: 13px;
    	position: relative;
    	top: -1px;
    	padding-left: 0px;
	}
	.mod_breadcrumb{
		display:block;
		padding-left:16px;
		font-size:0.9rem;
		margin-top: -16px;
    	margin-bottom: 16px;
	}
	.mod_breadcrumb ul{
		list-style:none;
		margin:0;
		padding:0;
	}
	.mod_breadcrumb ul li{
		line-height: 133%;
		display:block;
		float:left;
	}
	.mod_breadcrumb ul li span:after{
		content:" -> ";
		padding: 0 6px;
	}
	.mod_breadcrumb ul li.last span:after{
		content:"";
	}
	.mod_breadcrumb li.last{
		font-weight:bold;
	}
	#article-42>.row2{
		width:calc(100% - 32px);
		margin:16px 16px;
	}
	#article-42{
		display:block;
	}
	#footer .social_media{
		width:100%;
		text-align:center;
		margin-top:32px;
	}
	#footer .social_media>div{
		display:inline-block;
	}
	.onlymobile800{
		display:inherit;
	}
	.onlymobile800 .sitenav>li>ul>li, .onlymobile800 .sitenav>li{
		border:none;
	}
	.onlymobile800 .level_1{
		text-decoration:underline;
	    color: #003d7c;
	}
	.homepage .rsts-skin-default .rsts-caption{
		top:20px;
	}
	.container .ce_image.row2{
		display:none;
	}
	.homepage #contentheader{
		display:none;
	}
	#header .container{
		width:calc(68% - 32px);
	}
	.row2{
		width:calc(100% - 8px);
	}
	#header .search{
		padding: 16px 16px 8px;
	}
	.corner{
		top: 19%;
    	right: -41%;
	}
}
/*start bis 800px*/

/*start bis 600px*/
@media screen and (max-width: 600px) {
	
	/*start slider*/

	.rsts-slides img, .mod_rocksolid_slider {
	    max-height: 200px !important;
	}

	/*end slider*/
	
	.gfblock .flex{
		display:block;
		align-items:unset;
		margin:unset;
	}
	.gfdesc{
		padding:unset;
		margin: 8px auto 0 auto;
	}
	.gfimg{
		margin:0 auto;
	}
	
	#footer .partner_footer{
		width:100%;
		text-align:center;
	}
	#footer .partner_footer>div{
		display:inline-block;
		margin-right:20px;
	}
	#footer .partner_footer>div>figure{
		display:inline-block;
	}
	#sliderevent>.flex {
    	font-size: 0.75em;
	}
	.homepage .rsts-skin-default .rsts-caption{
		top:4px;
		max-width:65%;
	}
	.corner{
		font-size: 0.55em;
    	padding: 3px;
	}
	
}
/*end bis 600px*/

/*start bis 500px*/
@media screen and (max-width: 500px) {
	#teaser div figure{
		margin:0 16px;
	}
	#teaser div h2{
		display: block;
    	text-align: left;
    	padding-left: 16px;
	}
	#container main{
		margin:0 8px;
	}
	.ce_rsce_ansprechpartner .teamtext {
    	max-width: calc( 100% - 114px);
    	padding-left: 16px;
	}
	.ce_rsce_ansprechpartner img{
		width:80px;
	}
		.town-commune .ce_image{
		width:100%;
		margin-left:8px;
	}
	.gfleft{
		display:block;
		width:100%;
	}
	.gfright{
		display:block;
		width:100%;
	}
	.gfdesc{
		width: 80%;
    	min-width: 250px;
	}
	.eventslideleft {
    	font-size: 0.9em;
	}
	#header .container{
		width:calc(90% - 32px);
	}
	.corner{
		top: 15%;
    	right: -42%;
	}
}

@media screen and (max-width: 400px) {
	.eventslideright {
    	display:none;
	}
	.eventslideleft {
		max-width: 100%;
	}
	#sliderevent>.flex {
    	align-items: flex-end;
    	padding-bottom: 16px;
	}
	.homepage .rsts-skin-default .rsts-caption{
		top:16px;
	}
	.corner{
		top: 17%;
    	right: -39%;
	}
}
/*end bis 500px*/