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


/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/poppins-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/poppins-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/poppins-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/poppins-v15-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/raleway-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/fonts/raleway-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/raleway-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/raleway-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/raleway-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/raleway-v19-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

body{color: #003a65;font-size: 15px;}
section {
    padding: 30px 0;
}

#hero::before {

    background:none;

}

#hero {
  width: 100%;
  height: 440px;
  background: url("../../Finanzierungspartner/Finanzpartner-Hamburg-Start.jpg") center center;
  background-size: cover;
  position: relative;
  margin-top: 150px;
  padding: 0;
}

#hero1 {
  width: 100%;
  max-height: 380px;
  background-size: cover;
  position: relative;
  margin-top: 150px;
  padding: 0;
}

a {
  color: #881207;
  text-decoration: none;
}

a:hover {
  color: #a01e12;
  text-decoration: none;
    
}  #header {
    height:149px; }


#header .logo img {
    max-height: 130px;

}

.header-social-links{margin-top: 100px;}
.header-social-links a {
    color: #cbd4dc;
    padding-left: 8px;

}

.nav-menu {
   margin-top: 107px;

}
.nav-menu a {

    color: #003c67;
    font-size: 15px;

}

.nav-menu li a.active {

    color: #881207;

}
/*.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
    color: #881207;
}*/
a.nav-link {
    color: #003c67;

}

.title a, .title {
    color: #003a65;
    font-size: 15px;
    font-weight: 700
}
.title a:hover {
    color: #881207;

}
a.rot, a.rot:hover {
    color: #881207;

}
.grau, a.grau, a.grau:hover {
    color: #acb6bc;

}

.text-box{
        border-right: 1px solid #acb6bc;
    min-width: 210px;
    max-width: 190px;
   margin-bottom: 30px;
    padding-right: 30px;

}
.text-box-2{
        border-right: 1px solid #acb6bc;
    min-width: 210px
}
.text-box-2ohne{
    min-width: 210px
}
.text-box-4{}
.text-box-4a{margin-top: 95px; margin-right: 40px;}
.text-box-4b{margin-top: 70px; margin-right: 20px;}


.partner{margin-left: 20px; max-width: 225px;}
.partner1{margin-left: 8px; max-width: 200px;}
.profilbild{max-width: 160px;}

.abstand-start{margin-top: 20px;}
.abstand-wir{margin-top: 10px;}
.nummern{line-height: 26px;}
.nummern1{line-height: 24px;}
.back-to-top i{

    background: #003c67;

}

.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
    color: #d5dadd;
}
.testimonials .owl-dot.active {
    background-color: #881207 !important;
}

.testimonials .testimonial-item {
    box-sizing: content-box;
    padding: 30px 30px 0 30px;
    margin: 0px 15px;

}


.mobile-nav-toggle i {
    color: #003c67;
}
.section-bg {
    background-color: #fff;
}
.copyright {
    border-left: 1px solid #acb6bc;
    padding-left: 1rem;
    padding-bottom: 1rem;
}
#footer .copyright {
    text-align: center;
    float: right;
}
#footer {

    background: #fff;
}
#footer a {

 color:#003a65;
}
#footer a:hover {

 color:#881207;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
    .text-box-2, .text-box {
    border-right: none;
        padding-bottom: 0px;
            margin-bottom: 0px;

}
    .testimonials {
    margin: 0px 10px;
}
    #hero {
  height: 500px;
  background: url("../../Finanzierungspartner/Finanzpartner-Hamburg-Start_m.jpg") center center;
  background-size: cover;

}
    #hero1 {

  height: 140px;
}
    .abstand-start{margin-top: 0px;}
    
    .partner {

    max-width: 190px;
}

    .text-box-4a{margin-top: 20px; margin-right: 0px;}
    .text-box-4b{margin-top: 20px; margin-right: 0px;}
    .profilbild{max-width: 300px;}
    
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    
 .text-box-2, .text-box {
    border-right: none;
max-width: none;
}
    .profilbild{max-width: 450px;}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

/* iPad 3 (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio : 2),
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (min-resolution: 192dpi) { 

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
	
}

/* Retina displays ----------- */
@media  only screen 
and (-webkit-min-device-pixel-ratio : 2), 
only screen 
and (min-resolution: 192dpi) {

}


@media (max-width: 768px) {
  .header-social-links {
    padding-right: 10px;
  }
  .header-social-links a {
    padding-left: 6px;
  }
}