/* Alles ausschalten was generell nicht gebraucht wird */ 

@media only screen and (max-device-width : 1024px) {
	.mod_banner {
		display: none;
		}
	.mobile_whatsapp {
    	display: inline;
		}
	.sharebuttons li {
    	width: 50px;
		}
	#menu_wrapper {
		display: none;
	}
	#menu_wrapper-sticky-wrapper {
		display: none;
	}
	#header {
		position: fixed;
		display: block;
		z-index: 100;
		left:0;
		top: 0;
		margin:0;
		padding:0;
	    border-bottom: 1px #ccc solid;
		width: 100%;
		height: 44px;
		background-color: #fff;
	}
	#mm_trigger {
    display: inline-block;
	}
	.mm_trigger {
		float:left;
		width: 10%;
		margin-left: 5px;
		margin-top: 10px;
		font-size: 1.5em;
		text-align: left;
		color: #006633;
	}
	.mod_logo {
		float:left;
		margin:0;
		padding:0;
		width: 85%;
		text-align: center;
		margin-top: 4px;
	}
	.mod_logo img {
		width: 276px;
		height: 36px;
	}


	#sticky-wrapper {
		display: none;
	}

	.mod_newsreader	.info span.top {
		float:left;
		margin-left:0;
	}

    .sc-autoheight {
    	height: 100%!important;
    }
    .mod_breadcrumb  {
    	display: none;
    }

	#skyscraper {
		display: none!important;
	}

	.image_container.float_above {
	    padding-left: 0px!important;
	    overflow: hidden;
	}
	.image_container.float_above img {
		height: 100%!important;
		width: calc(100% - 10px)!important;
	}

	.pagination .three-col {
		display: none;
	} 
	.pagination .nine-col {
		width: 100%!important;
		text-align: center!important;
	}

.mod_newsreader .layout_full time {
	position: static!important;
	clear: both!important;
	text-align: center;
	top: 0px!important;
	z-index: 10;
	height: 13px!important;
	width: 100%!important;
	padding:0!important;
}

.newsba {
	display: inline;
	clear: both;
	padding-bottom: 10px;
}

.swiperimage picture img {
	display: none;
}

.swiper-inlinecontent {
    position:static;
    padding:0;
}

#news-ticker {
	display: none;
}

}

/* Alles (portrait and landscape) ----------- 
extrem dirty - ich muss das unbedingt mal richtig fixen
*/

@media only screen
and (min-width : 320px)
and (max-device-width : 768px) {

	#left {
		display: none!important;
	}
	#main {
		padding:0;
		margin:0;
	}	
	#wrapper {
		width: 100%!important;
		margin:0;
		padding:0;
		border: none;
	}
   	#wrapper #inside {
		width: 96%;
		padding: 0;
		margin:0;
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 50px;
		background-image: none;
		background-color: #fff;
		border: none;
	}
    .sc2,
    .sc3 {
    	width: 100%!important;
    	margin:0!important;
    	padding:0!important;
    	border: none!important;
    }

 	#readspeaker_button {
 		clear: both;
 		float:left;
 		margin-top: 20px;
 	}
 	.ce_text h3{
 		margin-left:0px!important;
 	}


nav.footer {
    float:left!important;
    font-size: 0.750em!important;
}

nav.footer ul li {
    float:left!important;
    margin-left: 0px!important;
    margin-right: 15px!important;
}
nav.footer ul li:last-child {
    margin-right: 0px!important;
}

footer .copy {
	display: none;
    float: left;
    font-family: 'gnmbook', georgia, serif;
    font-size: 0.875em;
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 120%;

}

.ce_text h1 {
	font-size: 1.5em!important;
}


}

/* iPads Tablets (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	#wrapper {
		width: 100%!important;
		margin:0;
		padding:0;
		border: none;
	}
	#wrapper #inside {
		border-top: 60px #fff solid!important;
		width: 96%!important;
		padding: 0 2% 0 2%;
		border: none;
	}

 	#readspeaker_button {
 		float: right;
 		clear: right;
 		margin-top: 0px;
 	}

 	.ce_text h3{
 		margin-left:-10px!important;
 	}

.mod_newsreader .layout_full time {
	position: relative!important;
	text-align: right!important;
	top: -20px!important;
	z-index: 10!important;
	height: 10px!important;
	width: 100px!important;
	padding:0!important;
	overflow: hidden!important;
}

nav.footer {
    float:right;
    font-family: 'gnbregular', serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.875em;
}

nav.footer ul {
    
}

nav.footer ul li {
    float:right;
    display: block;
    margin-left: 30px;
    padding-top: 10px;
}

footer .copy {
    float: left;
    font-family: 'gnmbook', georgia, serif;
    font-size: 0.875em;
    font-weight: 400;
    margin: 0;
    padding: 0;
    line-height: 120%;

}


}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	   
}