@media screen {

	/************************/
	/* Globale Formatierung */
	/************************/

	/*** HTML Tags formatieren ***/
	body {
		font-family: 'Pontano Sans', arial, sans-serif !important;
		font-size: 1em;
		line-height: 1.5em;
		background: #666666;
	}
	
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Pontano Sans', arial, sans-serif !important;
	}
	
	h1 {
		font-weight: normal;
		font-size: 1.75em;
		line-height: 1.5em;
		padding-top: 0.5em;
		padding-bottom: 1em;
		margin-bottom: 0em;
		text-align: left; !important;
	}

	h2 {
		font-weight: normal;
		background-color: transparent;
		font-size: 1.25em;
		padding: 0em;
		text-align: left; !important;
	}
	
	h3 {
		font-weight: normal;
		font-size: 1.15em;
	}

	table tr:hover {
		background: transparent;
	}

	a:hover{
		background: transparent;
		color: inherit;
	}
	
	img {
		width: inherit;
		max-width: 100%;
		height: auto;
	}

	/*** TYPO3 Formate überschreiben ***/
	.ce-above .ce-gallery, .ce-below .ce-gallery, .ce-column {
	    float: none;
	}

	/*** YAML Formate überschreiben ***/
	.ym-wrapper {
		background-color: transparent;
		max-width: 85em;
	}
	
	.ym-wbox, header .ym-wbox {
		background-color: transparent;
		padding: 0 0.5em;
	}
	
	.ym-gbox-left {
	    padding: 0 0.25em 0 0;
	}

	.ym-gbox-right {
	    padding: 0 0 0 0.25em;
	}

	.ym-hlist {
	    background: transparent;
	    line-height: 1em;
	}
	
	.ym-hlist ul {
	    padding: 0;
	}
	
	.ym-hlist ul li {
	    font-size: 1em;
	    line-height: 1;
	    margin: 0;
	}
	
	.ym-hlist ul li a, .ym-hlist ul li strong {
	    color: #333333;
	    font-size: 0.9em;
	    line-height: 1.5em;
	    padding: 0 0.2em 0 0;
	    text-shadow: none;
	}

	/*** News Formatierung Agentur Hugo-Richter ***/
	#ahr-news-list .anzeige {
		border-top: 0.1em solid #dddddd;
		padding: 1.0em 0;
	}
	
	#ahr-news-single .anzeige {
		border-top: 0.1em solid #dddddd;
		border-bottom: 0.1em solid #dddddd;
		padding: 1.0em 0;
		margin-bottom: 1em;
	}
	
	header .anzeige {
		text-align: left;
		color: #333333;
	}
	
	.anzeige .hinweis{
		font-size: 0.7em;
		line-height: 1em;
	}
	
	.anzeige .ce-gallery{
		margin-bottom: 0;
	}

	/*** Allgemeine Formatierung ***/
	.desktop {
		display: none !important;
	}
	
	.mobile {
		display: block;
	}

	.responsive-video {
	  position: relative;
	  padding-bottom: 55%;
	  padding-top: 15px;
	  height: 0;
	  overflow: hidden;
	  border: 0.1em solid #dddddd;
	}
	
	.responsive-video iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  border: 0;
	}
	
	/**********/
	/* Header */
	/**********/

	header {
		text-align: center;
		background: transparent;
	}
	
	header .ym-gbox {
		padding: 0;
	}
	
	header .ce-gallery {
		margin: 0 !important;
	}

	header#adheader .ym-wrapper {
		padding: 0.5em 0;
		background: #ffffff;
	}

	header#logoheader {
		padding: 0;
	}
	
	header#logoheader.mobile .ce-gallery{
		float: right;
	}

	header#logoheader .ym-wrapper {
		background: #ffffff;
		padding-top: 0.5em;
		height: 8.25em;
	}

	header#logoheader .ym-gbox-right {
		padding: 0;
	}

	header#logoheader .ym-gbox-left {
		padding: 0;
	}

	#logo {
		text-align: left;
	}
	
	#logo a, #logo a:hover{
	    color: transparent !important;
	    background: transparent !important;
	}
	
	.desktop #logo {
		padding-right: 0.5em;
	}
	
	/**************/
	/* Navigation */
	/**************/

	/* Menü */
	nav {
		background: #666666;
	}
	
	#mainmenu .ym-wrapper {
		padding: 0.5em 0;
	  background: #ffffff;
	}
	
	#mainmenu .ym-g75 {
		width: 100%;
	}

	
	/* Suche */
	#mainmenu .resetbutt, #mainmenu .submitbutt {
	    display: none;
	}
	
	#mainmenu #searchbox{
		float: right;
	
	}
	
	#mainmenu  .tx-kesearch-pi1 form {
    margin: 0;
	}
	
	/**************/
	/* Rootline   */
	/**************/
	
	#rootline .ym-wrapper {
	    background: #ffffff;
	}

	#rootline a::after {
    content: " >";
	}
	
	#rootline li:last-child a::after {
    content: "";
	}


	/****************/
	/* Main         */
	/****************/

	main .ym-wbox {
/*		padding: 0.001em 0em 1em 0em;*/
		background-color: #ffffff;
	}
	
	main aside {
		padding: 0 !important;
	}
	
	main aside .ym-gbox-right {
	    border: 0.0em solid #000;
	    padding: 0;
	}
	
	main aside.desktop .news-overview {
	    border: 0.10em solid #dddddd;
	    padding: 0;
	    background-color: #ffffff;
	}
	
	main aside .newslist-sidebar h2 {
	    margin: 0;
	    color: #333333;
	}
	
	main aside .ym-gbox-right .ym-gbox-right{
	    border: 0.0em solid #000;
	}
	
	main aside h2 {
		padding: 1em;
		text-align: center;
	}

	main aside .news .article {
		padding: 0.25em 0.25em;
		margin: 0 0.1em 0.0em 0.1em;
	}
	
	main aside .news .article:last-child {
		margin-bottom: 1.5em;
	}
	
	main aside .news .article a {
		color: #333333;
	}
	

	main aside .news-list-date {
		font-size: 1.0em;
		line-height: 1.25em;
	}

	main aside .news h3 {
		font-size: 1em;
		line-height: 1.25em;
	}


	main aside .topnews {
		font-weight: bold;
	}
	
	main aside .topnews a {
		font-weight: bold;
	}
	
	main aside #layerslider-container {
		margin-bottom: 0.625em;
	}

	
	/********************/
	/* Main Hauptspalte */
	/********************/

	/* Startseite */
	
	.teaser-area {
		padding-right: 0.5em;
	}
	
	.teaser-area .ce-gallery {
		margin-bottom: 1.25em;
	}

	.teaser-area #layerslider-container {
		margin-bottom: 1.25em;
	}

	.mobile .newslist-sidebar .anzeige {
		margin-bottom: 0.5em;
	}
	
	.mobile .newslist-sidebar .anzeige .hinweis {
		display: none;
	}
	
	
	/* Newsliste */
	
	.news-list-view .article, .news-list-view .article:last-child  {
		padding: 1.0em 0;
		border-top: 0.1em solid #dddddd;
		margin-bottom: 0em;
	}
	
	.news-list-view .article .ym-gbox-left {
		padding: 0 0.5em 0 0;
	}
	
	.news-list-view .article .ym-gbox-right {
		padding: 0 0 0 0.5em;
	}
	
	#ahr-news-list .sidebar .ym-gbox-right{
		padding-left: 0.0em;
	}

	#ahr-news-list .sidebar h3 {
		padding-top: 1.0em;
	}
	
	#ahr-news-list .sidebar ul {
		list-style-type: none;
	}
	
	#ahr-news-list .sidebar ul li {
		margin-left: 0;
	}

	#ahr-news-list .sidebar ul li a{
		color: #333333;
	}

	.news h2 {
		font-weight: bold;
	}
	
	.news .ortsmarke p {
		display: inline;
		margin: 0 0 1em 0;
	}
	
	.news a.more{
		color: #333333;
		font-weight: bold;
		font-size: 0.9em;
	}
	
	.archive-link {
		padding-top: 1em;
		border-top: 0.1em solid #dddddd;
	}

	/* News Detailansicht */

	#ahr-news-single .ym-g75 .ym-gbox-left {
		padding-right: 0.5em;
	}

	.news .article .news-img-wrap a {
	    border: 0em solid #ddd;
	    float: none;
	    padding: 0;
	}

	.news .article .news-img-wrap img {
	    width: 100%;
	    float: left;
	}

	.news-single .ortsmarke {
		/* float:left; */
		margin: 0 0.5em 1em 0;
		font-weight: bold;
	}
	
	.news-single p {
		font-size: 1.4em;
		line-height: 2.0em;
	}
	
	.news-text-wrap a{
		font-weight: bold;
	}

	.news-single .footer {
	    border-bottom: 0 none;
	    border-top: 0 none;
	    margin-bottom: 1em;
	    margin-top: 1em;
	    padding: 1em 0 0;
	}
	
	.facebook_like {
		display: inline-block;
	}
	
	#twitter-widget-0, #twitter-widget-1{
		position: relative !important;
		top: 5px;
	}
	
	/* Google Kalender */
	.terminuebersicht {
	    border: 0 none;
	    height: 40em;
	    width: 100%;
	}

	main.maincontent .ym-gbox{
		padding: 2em 0 0 0;
	}
	
	main.maincontent .ym-gbox .ym-gbox{
		padding: 0em 1.5em 0 1.5em;
	}
	
	/*********************/
	/* Main Sidebar News */
	/*********************/

	.sidebar h4 {
		font-size: 1em;
	}
	
	
		
	/**********/
	/* Footer */
	/**********/

	footer {
		color: #ffffff;
		background: #333333;
	}	
	
	footer .ym-wbox {
		padding: 1.5em 0.5em;
		background: transparent;
	}
	
	footer .ym-gbox-left, footer .ym-gbox {
		padding-right: 0.5em;
	}
	
	footer .ym-gbox-right, footer .ym-gbox {
		padding-left: 0.5em;
	}
	
	footer #legal {
		float: left;
	}
	
	footer #legal li {
		float: left;
		margin-left: 0em;
		margin-right: 1em;
	}

	footer #social .ce-row {
		float: right;
	}

	footer #social .ce-column {
		float: left;
	}
	
}

/********************/
/* Tablet & Desktop */
/********************/

@media screen  and (min-width: 801px) {


	#ahr-news-list .sidebar .ym-gbox-right{
		padding-left: 2.5em;
	}
	
}	

@media screen  and (min-width: 1025px) {

	.mobile {
		display: none;
	}
	
	#mainmenu .ym-g75 {
		width: 75%;
	}

	.desktop .newslist-sidebar .anzeige {
		display: none !important;
	}
	
	.desktop {
		display: block !important;
	}

	nav .ym-wrapper {
		background: #ffffff;
	}
}	

@media screen  and (min-width: 1200px) {

	.nl-2018 {
		padding-left: 5em !important;
		padding-right: 5em !important;
	}

}	

@media screen  and (min-width: 1368px) {

	header#adheader{
    position: fixed;
    width: 100%;
    z-index: 100;
	}
	
	header#logoheader{
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 8.75em;
	}
	
	#logo a, #logo a:hover{
	    position: absolute;
	}

	nav#mainmenu{
		padding-top: 17.15em;
	}

}