/* Allgemeines
----------------------------------------------------------------------------- */
body {
	background:#FFFFFF;
	font-family: CarosLight, sans-serif;
	font-size:16px;
	color:#686F75;	
}

img {
    display:block;
    max-width:100%;
    height:auto;
}

/* Header
----------------------------------------------------------------------------- */
.logo {
	margin:0 auto;
	width:242px;
	padding:60px 0;
}

@media (max-width:767px) {
	.logo {
		padding:40px 0;
	}
}

/* Keyvisual
----------------------------------------------------------------------------- */
.keyvisual {
	height:344px;
	background:url(../images/keyvisual.png) #1F1F20 center no-repeat;
	border-bottom:solid 4px #45484C;
	background-size:2000px;
	}

.keyvisual h1 {
	font-family: CarosLight, sans-serif;
	font-weight:normal;
	color:#FFFFFF;
	font-size:46px;
	text-transform:uppercase;
	text-align:center;
	margin:0;
	position:relative;
	top:40%;
}

.keyvisual h1  small {
	font-family:Caros, sans-serif;
	color:#F4F4F4;
	font-size:16px;
	display:block;
	margin-bottom:14px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.keyvisual {
		background-image:url(../images/keyvisual_2x.png); 
	}
}

@media (max-width:767px) {
	.keyvisual h1 {
		font-size:40px;
	}
	
	.foto {
		margin-bottom:20px;
	}
}

@media (max-width:560px) {
	.keyvisual h1 {
		top:36%;
	}
}


/* Intro
----------------------------------------------------------------------------- */
.intro {
	padding:80px 0 60px;
	background:#F4F4F4;
}

.intro .borderbox {
	border-top:solid 4px #FFFFFF;
	padding-top:18px;
}

.logo {
	margin:0 auto;
	width:242px;
	padding:60px 0;
}

@media (max-width:767px) {
	.intro {
		padding:60px 0 40px;
	}
}

/* Profile and legal
----------------------------------------------------------------------------- */
.profile {
	padding:160px 0 40px;
	background:url(../images/bg_profile.svg) #FFFFFF top no-repeat;
	background-size: 104vw;
}

.profile .col-sm-8 div {
	padding:20px 0 0;
}

.btn {
	background:#FFFFFF;
	border:2px solid #683DFF;
	border-radius:6px;
	color:#683DFF;
	padding:10px 60px;
	font-family:Caros, sans-serif; 
	text-transform:uppercase;
	font-size:16px;
}

.btn:hover, .btn:focus, .btn:active {
	background:#683DFF;
	color:#FFFFFF;
}

.back {
	background:#F4F4F4;
	padding:6px 30px;
	margin-bottom:30px;
	font-family:Caros, sans-serif; 
	font-size:14px;
}

@media (max-width:767px) {
	.profile {
		padding:80px 0 60px;
	}
}

/* Qualifications
----------------------------------------------------------------------------- */
.qualifications {
	padding:110px 0 30px;
	background:url(../images/bg_qualifications.svg) #F4F4F4 top no-repeat;
	background-size: 104vw;
}

.qualifications .borderbox {
	border-top:solid 4px #FFFFFF;
	padding-top:15px;
}

@media (max-width:767px) {
	.qualifications {
		padding:70px 0 40px;
	}
}

@media (min-width:1600px) {
	.qualifications {
		padding:125px 0 15px;
	}
}

@media (min-width:1800px) {
	.qualifications {
		padding:140px 0 10px;
	}
}

@media (min-width:2200px) {
	.qualifications {
		padding:160px 0 0;
	}
}

/* Contact
----------------------------------------------------------------------------- */
.contact {
	padding:100px 0 60px;
	background:url(../images/bg_contact.svg) #FFFFFF top no-repeat;
	background-size: 104vw;
}

@media (max-width:767px) {
	.contact {
		padding:80px 0 60px;
	}
}

/* Footer
----------------------------------------------------------------------------- */
.footer {
	background:#45484C;
	padding:40px 0 20px;
	color:#C2C9CF;
}

.footer .impressum{
	text-align:right;
}
@media (max-width:991px) {
	.footer .impressum{
		text-align:left;
		margin-bottom:15px;
	}
}

.footer a{
	color:#686F75;
}

.footer a:hover{
	color:#C2C9CF;
	text-decoration:none;
}

/* Text
----------------------------------------------------------------------------- */
h2 {
	font-family:CarosMedium, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	color:#45484C;
	font-size:20px;
	margin:0 0 12px;
}

h2 small{
	color:#683DFF;
	display:block;
	font-size:14px;
	margin-bottom:6px;
}

h3 {
	font-family:CarosMedium, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	color:#683DFF;
	font-size:16px;
	margin:0 0 16px;
}

h4 {
	font-family:CarosMedium, sans-serif;
	font-weight:normal;
	line-height:22px;
	color:#45484C;
	font-size:16px;
	margin:0 0 3px;
}

h4 small {
	color:#683DFF;
	font-size:16px;
}

p {
	margin:0 0 15px;
	line-height:24px;
}

p.dark{
	color:#45484C; 
}

p.light{
	color:#C2C9CF;
	font-family:Caros, sans-serif; 
}

p.space{
	margin-bottom:30px;
}

.link {
	color:#C03D9D;
	font-family:Caros, sans-serif;
}

.link:hover {
	color:#683DFF;
	text-decoration:none;
}

strong {
	font-family:CarosMedium, sans-serif;
	font-weight:normal;
}