/***************
  hexagon.css 
***************/

/* change container width */
@media (min-width: 992px) {
  .container {
    max-width: 920px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 920px;
  }
}
/* general */
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 22px;
	font-weight: 300;
	font-style: normal;
	line-height: 27px; 
	position: relative;
}
.section_blue { background-color: #1a4756; color: #fefff9;}
.section_blue a { color: #fefff9; }
.section_white { background-color: #fefff9; color: #1a4756;}
.section_white a { color: #1a4756; }
section h1, footer h1 { font-family:Times, Georgia, serif; font-size: 50px; line-height: 93px; }
section p { padding-left: 130px; hyphens: auto; }
.section_white ul { padding-left: 130px; list-style-image: url('../img/bulletpoint-blue.png'); list-style-position: inside; line-height: 34px; }
.section_white ul li { padding-left: 25px; text-indent: -25px;}

/* header, menu */
header { font-size: 17px; line-height: 33px; font-weight: 400; }
header .langswitch { margin-left: 5px; margin-right: 30px; }

.navbar {  border-bottom: 17px solid #1a4756;  }
.navbar-dark .navbar-nav .nav-link { font-size: 22px; font-weight: 400; color: #fefff9; padding-top: 0; padding-bottom: 0;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active {
    color: #fefff9; background-color: #1a4756;  
}
@media (max-width: 991px) {
	.navbar {background-color: #1a4756;}
	.navbar-dark .navbar-nav .nav-link { line-height: 34px; }
}
@media (min-width: 992px) {
	.navbar { padding: 0;  background-color: rgba(26,71,86,0.9); height: 99px; }
	.navbar-dark .navbar-nav .nav-link { line-height: 82px; border-bottom: 17px solid #1a4756; margin-bottom: -17px; }
	.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active { border-bottom: 17px solid #fefff9; }

	.navbar.not-top  { height: 69px; background-color: #275366; border-bottom: 13px solid #1a4756; }
	.navbar-dark.not-top .navbar-nav .nav-link { font-size: 18px;}
	.navbar-dark.not-top .navbar-nav .nav-link { line-height: 62px; border-bottom: 10px solid #1a4756; margin-bottom: -10px; }
	.navbar-dark.not-top .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark.not-top .navbar-nav .nav-link.active { border-bottom: 10px solid #fefff9; }
	.navbar.not-top .navbar-brand img { max-height: 43px; }
}

#home { margin-top: -76px; border-bottom: 17px solid #1a4756; }
@media (min-width: 992px) {
	#home { margin-top: -99px; }
}
#home img, #img_erfahrung img, #img_imprint img { width: 100%; }

/* Zitat */
#testimonial {
	margin-top: 134px;
	margin-bottom: 156px;
	font-size: 36px;
}
blockquote {
    font-family:Times, Georgia, serif;
    position: relative;
    margin: 0.5em;
    padding: 0.5em 3em;
    line-height: 110%;
}
blockquote:before {
    font-family: Times, Georgia, serif;
    position: absolute;
    font-size: 5em;
    line-height: 1;
    bottom:-0.5em;
    left: 0;
    content: "\201D"; 
}
blockquote:after {
    font-family: Times, Georgia, serif;
    position: absolute;
    float:right;
    font-size:5em;
    line-height: 1;
    right:0;
    top:0;
    content: "\201C";
}
blockquote footer {
    padding: 0 2em 0 0;
    text-align:right;
    font-style: normal;
    font-size: 20px;
    line-height: 43px;
}
blockquote cite { font-style: normal; }
blockquote cite:before {
    content: "\2013";
    padding-right: 0.5em;
}

/* Sections */
#ueberuns, #prinzipien, #unique, #methode { padding-top: 50px; }
#datenschutz { padding-top: 134px; }
#experience  { padding-top: 100px; }
#charakteristika {padding-top: 50px; padding-bottom: 144px; }
#charakteristika h1 { font-size: 44px; padding-left: 200px; }
.sil { margin-top: 40px; }
.sil img { width: 100%; }
p.hform { margin: 0; padding-top: 50px; }
#methode p { margin-bottom: 0; }
#handbuch { padding-top: 117px; padding-bottom: 57px; }
#handbuch h1 { text-align: center; background-color: #fff; color: #1a4756; margin-bottom: 70px; }
#handbuch .row { padding-left: 130px; }
#handbuch p.ultitle { padding-left: 0; font-weight: 400; margin-bottom: 10px; }
#handbuch ul { list-style-image: url('../img/bulletpoint-light.png'); list-style-position: inside; line-height: 34px; padding-left: 0;}
#handbuch ul li { padding-left: 25px; text-indent: -25px; margin-bottom: 5px; }

@media (min-width: 992px) {
	#handbuch .leftcol { border-right: 1px solid #406a76; margin-right: 0; padding-right: 0; padding-top: 30px; padding-bottom: 30px;}
	#handbuch .rightcol { padding-left: 30px; padding-top: 30px; padding-bottom: 30px; }
}

#beratung .container { padding-top: 36px; padding-bottom: 30px; }
#beratung .sil { position: relative;}
#beratung .sil h1 { color: #fefff9; position: absolute; bottom: 0; text-align: center; width: 100%; margin-bottom: 0; }
#beratung .row { margin-top: 74px; padding-left: 130px; margin-bottom: 30px; }
#beratung .col-md-6 p { padding-left: 0; }
#beratung .col-md-6 { margin-top: 8px; margin-bottom: 8px; }
#beratung p.title { font-weight: 400; margin-bottom: 5px; }

@media (min-width: 1500px) {
	#beratung { background-image: url('../img/ico-speechbubble.png'); background-position: right 30px center; background-repeat: no-repeat; }
}

@media (min-width: 992px) {
	#beratung .row div:nth-child(odd) { border-right: 1px solid #dbdfde; }
}

@media (max-width: 768px) {
	#beratung .sil h1 { color: #1a4756; bottom: -90px; }
	#beratung .container { padding-top: 82px; }
}

#investition { margin-top: -70px; padding-top: 112px; padding-bottom: 40px; }
#investition .hform { padding-left: 100px; margin-top: 15px; margin-bottom: 20px; }

@media (min-width: 1250px) {
	#investition { background-image: url('../img/ico-analyses.png'); background-position: left 30px center; background-repeat: no-repeat; }
}

#img_imprint { margin-bottom: 218px; }
footer { padding-top: 50px; padding-bottom: 38px; }
footer .row { padding-left: 130px; }
footer .row p { padding-left: 0; }
footer .logo_footer { margin-top: 47px; }
