/* Farben 
rot #8c3f47
*/
body {
	color:#000;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	background-color: #c5bfb3;
}
a, a:visited {
	color: #960054;
	text-decoration: none;
}
a:hover {
	color:#960054;
	text-decoration:none;
}
a:focus {
	outline:1px dotted #960054;
}
.impressum a, .impressum a:visited {
	color: #fff;
	text-decoration:none;
}
.impressum a:hover {
	color:#c5bfb3;
	text-decoration:none;
}
.impressum a:focus {
	outline:1px dotted #fff;
}
h1 {
	text-align: left;
	color: #960054;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:700;
	font-size:24px;
	margin: 1em 0px 0.5em;
}
h2 {
	text-align:left;
	color: #960054;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:700;
	font-size:16px;
}
.bg-weiss {
	background-color:#FFF;
}
.bg-rot {
	background-color: #079200;
}
ul.aufzaehlung {
	padding-left:15px;}
	
ul.aufzaehlung li {
	list-style-position: inside;
	list-style-type: disc;	
	font-weight:700;
	line-height:2.0;
	}

ul.aufzaehlung li a:hover {
	color: #c5bfb3;
}
ul li, ul li a {
	list-style:none;
	line-height:2;
	margin:0;
	}

a.footer-li {
    border-right: 1px solid #fff;
    padding: 0px 10px 0px 0px;
}
a.footer-re {

    padding: 0px 0px 0px 10px;
}


.row {
	padding-top: 2em;
	padding-bottom: 2em;
}
.row.login {
	padding-top: 1em;
	padding-bottom: 0em;
}
.row.impressum {
	background-color: #960054;
	padding-top: 0.5em;
	padding-bottom: 2em;
}
.row.first {
	padding: 0;
}
.row.first .col_12 {
	padding: 0;
	margin:0;
}
.container.top {
	padding: 40px 0px 0px 0px;
}
.container {
	padding: 0px 0px 20px 0px;
}
.float-none {
	float: none;
	width: 100%;
	clear: both;
}

img.logo {
	width: 100%;
	height: auto;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-bottom: 0px;
}
img.profil {
	width: 100%;
	max-width:240px;
	height: auto;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-bottom: 0px;
	margin-top: 1em;
}
/*img {
	width: 100%;
	height: auto;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-bottom: 0px;
}*/
.small {
	font-size: 66%;
}
.big {
	font-size:120%;
	}
.tags {
	font-family:Verdana;
	font-size:83%;
}

/*
_______________________________
Mobile version - single break point */

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

/*	.row.first {clear: both; width: 100%; max-width: 767px; margin: 0 auto; padding-top: 0;}
	.container.top {padding-left: 0px; padding-right: 0px;}*/

.examplecontainer {
}
 body {
}
 .projekte .pre_3.col_3 {
 width:70%;
 margin:0 15%;
}
 .projekte .col_3.suf_3 {
 width:70%;
 margin:0 15%;
}
.textright {
 text-align:left;
}
.textleft {
 text-align:right;
}
.container.top {
 width: 100%;
 margin-left:0;
 margin-right:0;
 padding-left:0;
 padding-right:0;
 padding-bottom:0px;
}
.container {
 width: 100%;
 margin-left:0;
 margin-right:0;
 padding-left:0;
 padding-right:0;
}
.row.first .col_12 {
	padding: 0;
}



/*.row.projekte {
 width:100%;
padding-left: 20px;
 padding-right: 20px;
}
.projekte .col_3 {
 clear: both;
 float: none;
 margin-left: 0;
 margin-right: 0;
 padding-left: 20px;
 padding-right: 20px;
 width: auto;
 width: -moz-available;
}
.projekte .pre_3.col_3 {
 margin-left:0;
 margin-right:0;
}
.projekte .col_3.suf_3 {
 margin-left:0;
 margin-right:0;
}
 .logo {
 padding-top:0px;
 padding-bottom:0px;
}*/
}


/*
_______________________________
Provide higher res assets for higher resolution mobile screens */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
/* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
	.download {
	background: url(../img/downarrow@2x.png) no-repeat;
	background-size: 27px 28px;
	}
	*/

}