@media screen and (max-width: 395px) {
    
    
#slogan {
    display: none;
}
    
}

@media screen and (max-width: 905px) { 
    .box {
        display: none;
  }
  
  .box p {
      display: none;
      
  }
  

}

/*----------------------------  985px -----------------------------*/
@media screen and (max-width: 985px) { 
	#header, #content {
		width: 96%;
		padding: 0 2%
	}
	#footer {
		width: 96%;
		padding: 10px 2% 0;
	}
	#sloganbg {
		width: 100%;
	}
	#slogan {
		max-width: 392px;
    	padding: 15px 2%;
	}
	#headerbg {
		display: none;
	}
	#headerbgtop {
		position: relative;
		display: table;
	}
	#header {
		height: 65px;
	}
	#banner, #bannerpages {
		margin: 0;
	}
    #headertop {
        display: table;
       height: 77px;
       margin: 0 auto;
       width: 100%;
    }
	#logo {
	    display: table-row;
	    margin: 28px 0 0;
	    vertical-align: middle;
	    width: 96%;
	    float: none;
	    text-align: center;
	    padding: 20px 2%;
	}
	#logo a img {
	    margin:10px 0;
    }
	#headertitel {
	    display: table-row;
    	padding: 10px 2%;	    
    	vertical-align: middle;
	    width: 96%;
   	    float: none;
   	    text-align:center;
	}	
		#headertitel p {
		    margin:0 0 10px;
}
    #headertitel2 {
        display: table-row;
        float: inherit;
        width: 100%;
        vertical-align: middle;
    }
	.box {
		display: none;
	}
	#bannerimg {
		margin: 0;
	}
}

/*----------------------------  750px -----------------------------*/
@media screen and (max-width: 750px) { 
	#contentlefthome {
		width: 100%;
	}
	#contentleft {
	    padding: 10px 8% 20px 2%;
	    width: 90%;
	    margin: 0;
	}
	#contentlefthome .box {
	    padding: 10px 8% 20px 2%;
	    width: 90%;
	}
	h1 {
		word-wrap: break-word;
	}
	iframe {
		width: 100%;
	}
}

/*----------------------------  510px -----------------------------*/
@media screen and (max-width: 510px) { 
	#content tr td {
	    display: block;
	    float: left;
	    padding: 0 2%;
	    width: 35%;
	}
	#content tr, #content table {
		width: 100%;
	}
	#content tr td:first-child {
		width: 100%;
	}
	#content tr td:last-child {
		width: 40%;
	}
		#content .time tr td {
		    width:20%;
		    box-sizing:border-box;
		}

}

/*----------------------------  460px -----------------------------*/
@media screen and (max-width: 460px) { 
	#logo img {
		width: 100%;
		height: auto;
	}
	#footer ul li {
    	width: 48%;
    	margin: 0 0 10px 0;
	}
	#footer ul li:nth-child(2) {
		border: none;	
	}
	#contentlefthome .box a {
	    width: 85%;
	}
}


/* Stylesheet: Responsive Modified On 2015-02-25 08:38:42 */