@charset "utf-8";
/* CSS Document */

body {
	font-family: 'Source Sans Pro', sans-serif;
	color:#595959;
}
::selection {
	background:#397CB8;
	color:#fff;
	display:none;
}

.light {
    color: #a8a8a8;
}
::-moz-selection {
	background:#397CB8;
	color:#fff;
	display:none;
}
strong, b {
    font-weight: bolder;
}
#logoarea #kontakt {
font-size: 18pt;
color: #aaa;
}
#logoarea #kontakt i {
color:#397cb8;
}
.infoarea {
    font-size: 12pt;
	font-weight:400;
    margin: 0;
}
.infoarea .head {
    font-size: 15pt;
    margin: 0;
	font-weight:400;
}
.infoarea .head strong {
    color: #397cb8;
}
h1 {
    font-size: 24pt;
    font-weight: 300;
    margin-bottom: 0px;
    line-height:29pt;
}
h1 strong {
	font-weight:700;
    color: #397cb8;
}
h2 {
	font-weight:300;
	font-size:22pt;
line-height:27pt;
    margin-bottom: 0;
    margin-top: 40px;
}
h2 strong {
	font-weight:700;
    color: #397cb8;
}
h3 {
	font-weight:300;
	font-size:20pt;
line-height:25pt;
}
h3 strong {
	font-weight:700;
    color: #397cb8;
}
h4 {
	font-weight:300;
	font-size:18pt;
line-height:22pt;
}
h4 strong {
	font-weight:700;
    color: #397cb8;
}
h5 {
	font-weight:300;
	font-size:16pt;
line-height:19pt;
}
h5 strong {
	font-weight:700;
    color: #397cb8;
}
.loesungsuebersicht a {
    text-decoration: none;
}
.haekchen a {
    text-decoration: none;
}
a {
	transition:0.5s;
	color: #397cb8;
}
a:hover {
	color: #67aae6;
}
#slogan {
    font-size: 30pt;
    font-style: italic;
    font-weight: 100;
    margin: 40px 0;
    position: relative;
    text-align: center;
}

#slogan p {
    margin: 70px 0;
    position: relative;
    z-index: 5;
}
#slogan i {
    color: #ccc;
	   z-index: 1;
}