/* Wichtig: Nach dem anlegen der Styles, Crossbrowser und mobile Engeräte testen */
/* Styles immer eindeutig einem Element zuweisen, als Beispiel ein <p> in einem article stylen: */
/* Nicht p {color: red;}, sondern article.block-white p {color: red;}, somit werden nicht alle <p>  geändert, sondern nur die <p> in einem article mit der Klasse block-white*/

/* Wenn Standard-Styles überschrieben werden, kann die Seite kaputt gehen..*/

 
/*1024px un mehr*/

.block-overlay img {width: 100%;}

/*.block-gray img { border: 1px solid #ccc; }*/

.fliesstext ul li { 
	background: url('./img/list.png') no-repeat 0px 2px transparent;
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 1px 34px;
	vertical-align: middle;
	}
	
article.block .centered { text-align: center ; }

article.block .small, article.block .small a { font-size: small ; }

article.block .large { font-size: 4rem; }

article.block .extralarge { font-size: 6rem; }

p.read-more-center {margin-top:35% !important;}

/*1023px - 768px*/
@media only screen and (max-width:1023px)
{ 


}

/*767px - 501px*/
@media handheld,only screen and (max-width:767px) { 

p.read-more-center {margin-top:10% !important;}
.mobile-noshow { display: none !important;} 

}

/*501px*/
@media handheld,only screen and (max-width:500px)
{ 

.mobile-noshow { display: none !important;}

}

/*retina*/
@media only screen and (-moz-min-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2)
{

.fliesstext ul li { 
	background: url(./img/list@2x.png) no-repeat 0px 2px transparent;
	background-size:27px 25px;
	}
}