html, body {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 12px;
	overflow: visible !important;
}
.grid [class*="col-"] {
    float: none!important;
    max-width: 100%;
}
.grid.grid-pad div.col-right.colpadding.white {
	width: 600px;
}
.colpadding {
    padding: 0;
}
a:after, a:link:after  { 
color: #000000;
background-color:transparent; 
content: " * Link: " attr(href) "* ";
}
header,
div.back,
div.backimage,
div.servicenav {
	display:none;
}
div.logonoshow {
    display: block;
    height: 100px!important;
    float: none !important;
    position: relative;
    left:20px;
}
.logonoshow img {
    width: 440px;
}
.dark  p,
div.linkbereiche a,
footer p {
	font-weight: 300;  /* Schrift weiss auf dunkelblau wirkt fetter */
}
pre, code {
	font-size: 1.0em;
}
a, a:visited {
	text-decoration: none;
}
#languagenav a,
#headernav a {
	color: #000000;
}

h1 {				/* alle titel oben */	
	font-size: 1.125em;
	font-weight: 600;
	text-transform: uppercase;
    padding: 0px 0 40px 0;
}
h2 {				/* home titel sub |   Ihre Ansprechpartner   |     */
	font-size:1.125em;
	font-weight: 600;
	padding: 20px 0 20px 0;
}
h3 {		/* Subtitel unter kleinem Foto auf blau*/
	font-size:1.125em;
	font-weight: 400;
	padding: 0;
}
img {
	border:0 none;
}
/* ------------------------------------------  classes  ---------------------- */
.noshow {
	visibility: hidden;
}
.clearboth,
.artikel-links:after,
.clearfix:after {
    visibility: hidden;
    display: block;
    content: ".";
    clear: both;
    height: 0;
}
/*  LOGO
    ------------------------ */
#logoimg img[src*=".svg"] {
	width: 290px;
	max-width: 98%;
}
/*  CONTENT
    ------------------------------------------------------------------------ */

.list ul {
	padding-left: 20px;
}

.list ul li {
	padding: 4px 0;
}


/*  footer
    ------------------------ */

footer {
	border: 3px dotted red;
	background: transparent;
	padding: 20px 0;
}
#socialmedia {
	padding: 40px 40px 40px 0;
	float: left;
}
.copyright p {
	font-size: 0.85em;
	color: #000;
}