@import url(bootstrap.min.css);
.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px; }
  .arrow.right {
    transform: rotate(-45deg) scale(1.5); }
  .arrow.left {
    transform: rotate(135deg) scale(1.5); }
  .arrow.up {
    transform: rotate(-135deg) scale(1.5); }
  .arrow.down {
    transform: rotate(45deg) scale(1.5); }
  .arrow.white {
    border: solid white;
    border-width: 0 3px 3px 0; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888; }

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px; }

/* raleway-regular - latin */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/raleway-v17-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/raleway-v17-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-v17-latin-regular.woff2") format("woff2"), url("fonts/raleway-v17-latin-regular.woff") format("woff"), url("fonts/raleway-v17-latin-regular.ttf") format("truetype"), url("fonts/raleway-v17-latin-regular.svg#Raleway") format("svg"); }
/* Legacy iOS */
/* raleway-500 - latin */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/raleway-v17-latin-500.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/raleway-v17-latin-500.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-v17-latin-500.woff2") format("woff2"), url("fonts/raleway-v17-latin-500.woff") format("woff"), url("fonts/raleway-v17-latin-500.ttf") format("truetype"), url("fonts/raleway-v17-latin-500.svg#Raleway") format("svg"); }
/* Legacy iOS */
/* raleway-700 - latin */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/raleway-v17-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/raleway-v17-latin-700.eot?#iefix") format("embedded-opentype"), url("fonts/raleway-v17-latin-700.woff2") format("woff2"), url("fonts/raleway-v17-latin-700.woff") format("woff"), url("fonts/raleway-v17-latin-700.ttf") format("truetype"), url("fonts/raleway-v17-latin-700.svg#Raleway") format("svg"); }
/* Legacy iOS */
.bow {
  border: 1px solid #eee; }

.nav-link {
  color: rgba(255, 255, 255, 0.87) !important; }
  .nav-link:hover {
    transition: all 0.5s ease;
    color: rgba(255, 255, 255, 0.51) !important; }

.btn {
  margin-top: 15px;
  padding: 5px 15px;
  border-radius: 5px;
  background: none;
  border: 2px solid #a8a5cf;
  text-transform: uppercase;
  color: #a8a5cf; }
  .btn:hover {
    background: #a8a5cf;
    color: #fff; }
  .btn.btn-white {
    background: #fff;
    border: 2px solid #fff;
    color: #1e358c; }
    .btn.btn-white:hover {
      background: transparent;
      color: #fff; }

body {
  font-family: "Raleway", sans-serif;
  line-height: 30px; }

section {
  height: 100vh;
  height: 50vh; }

a {
  color: rgba(255, 255, 255, 0.85); }
  a:hover {
    color: #fff; }

h1 {
  font-weight: 400 !important; }

#start {
  color: rgba(255, 255, 255, 0.67);
  background-color: #1e358c;
  background-image: url(../images/circleb.png), url(../images/leuchtturm.jpg);
  background-repeat: no-repeat, no-repeat;
  background-position: bottom left, center center;
  background-size: auto, cover;
  height: 730px; }
  #start .logo {
    width: 370px; }
  #start h1 {
    text-transform: uppercase; }
  #start h2 {
    color: #1e358c;
    font-size: 21px;
    font-weight: 500; }
  #start .parentjob {
    height: 45vh; }
  #start .job {
    position: absolute;
    right: 0;
    bottom: 5px; }
    #start .job a {
      display: block;
      padding: 5px;
      border: 2px solid #fff;
      border-radius: 15px;
      text-transform: uppercase;
      font-weight: bold;
      font-family: "Comic Sans MS", Georgia, serif;
      text-align: right; }
      #start .job a:hover {
        text-decoration: none;
        opacity: 0.7; }

#vorsorge {
  background-color: #1e358c;
  color: rgba(255, 255, 255, 0.67);
  padding: 150px 0;
  height: auto; }

#unternehmen {
  background-color: #2745b6;
  color: rgba(255, 255, 255, 0.67);
  padding: 150px 0;
  height: 687px;
  height: auto; }

#altersvorsorge {
  color: rgba(255, 255, 255, 0.67);
  padding: 150px 0;
  background: url(../images/frau_steg.jpg) center center no-repeat;
  background-size: cover;
  height: 730px;
  height: auto; }

#referenzen {
  color: rgba(255, 255, 255, 0.67);
  padding: 150px 0;
  background: linear-gradient(90deg, #a8a5cf 0%, #1e358c 100%);
  height: auto; }

#wir {
  color: rgba(255, 255, 255, 0.67);
  padding: 150px 0;
  background: url(../images/paar_steg.jpg) center center no-repeat;
  background-size: cover;
  height: 730px;
  height: auto; }

.teamx em {
  margin-left: 15px;
  display: inline-block; }

#engagement, #zitat-1 {
  color: rgba(255, 255, 255, 0.67);
  padding: 150px 0;
  background: linear-gradient(90deg, #1e358c 0%, #a8a5cf 100%);
  height: auto; }

#kontakt {
  padding: 150px 0 150px 0;
  background: #d9d9d9;
  height: auto; }
  #kontakt h1 {
    color: #1e358c; }
  #kontakt .point {
    width: 50%; }
  #kontakt a {
    color: #1e358c; }

#kontaktform {
  background-color: #1e358c;
  color: rgba(255, 255, 255, 0.67);
  padding: 150px 0;
  height: 687px;
  height: auto; }
  #kontaktform input[type="text"], #kontaktform input[type="submit"], #kontaktform textarea {
    width: 100%;
    margin-bottom: 9px;
    background: #eee;
    padding: 5px 15px;
    border-radius: 5px;
    border: 1px solid #eee; }
    #kontaktform input[type="text"]:hover, #kontaktform input[type="submit"]:hover, #kontaktform textarea:hover {
      border: none;
      margin: 1px 0 10px;
      background: #a8a5cf; }
    #kontaktform input[type="text"]:focus, #kontaktform input[type="submit"]:focus, #kontaktform textarea:focus {
      background: #eee; }
    #kontaktform input[type="text"].btn-bleu, #kontaktform input[type="submit"].btn-bleu, #kontaktform textarea.btn-bleu {
      background-color: #a8a5cf;
      border: 1px solid #a8a5cf;
      color: #eee; }
      #kontaktform input[type="text"].btn-bleu:hover, #kontaktform input[type="submit"].btn-bleu:hover, #kontaktform textarea.btn-bleu:hover {
        border: none;
        margin: 15px 0 11px 0; }
    #kontaktform input[type="text"].half, #kontaktform input[type="submit"].half, #kontaktform textarea.half {
      width: 49%;
      float: left; }
  #kontaktform .accept {
    line-height: 21px; }

#sitemap {
  color: #474747;
  padding: 150px 0 150px 0;
  background: #fbfbfb;
  height: auto; }
  #sitemap a {
    color: #474747; }
  #sitemap .col-md-6:first-child a, #sitemap .col-sm-3:first-child a {
    clear: both;
    float: left;
    margin-bottom: 5px; }

#end {
  border-top: 1px solid #d9d9d9;
  color: #474747;
  padding-bottom: 30px;
  background: #fff;
  height: auto; }
  #end .row {
    margin-top: -15px; }
  #end a {
    background: #707070;
    color: #fff;
    width: 50px;
    padding-top: 6px;
    height: 50px;
    border-radius: 50px;
    display: inline-block;
    font-size: 27px;
    text-decoration: none;
    margin: -10px 0 15px; }

#impressum, #datenschutz {
  color: #474747;
  padding: 30px 0;
  background: #fff;
  height: auto; }
  #impressum a, #datenschutz a {
    color: #1e358c; }
  #impressum h3, #datenschutz h3 {
    font-size: 1.3rem; }
  #impressum h4, #datenschutz h4 {
    font-size: 1.2rem; }

.bild {
  height: 370px;
  padding: 3px;
  border: 1px solid #ddd;
  text-align: center !important; }
  .bild a {
    color: #111;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding-top: 81px;
    background: url("../images/map-bocholt.jpg") center center; }

#karte {
  width: 100%;
  padding: 3px;
  border: 1px solid #ddd;
  height: 370px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  display: none; }

#gradient {
  background: linear-gradient(90deg, #a8a5cf 0%, #1e358c 100%); }

.box {
  float: left;
  margin: -50px 21px -50px 21px;
  background-color: rgba(168, 165, 207, 0.93);
  width: 100px;
  height: 100px;
  transform: rotate(45deg); }

.accordion {
  width: 100%; }

.card-header {
  background-color: #7873b4; }
  .card-header .btn {
    margin: 0;
    border: none; }
  .card-header .btn-link {
    color: #eee; }

.card-body {
  background-color: #1e358c;
  color: rgba(255, 255, 255, 0.67); }
  .card-body h2 {
    font-size: 23px;
    line-height: 31px;
    margon-bottom: 15px; }
  .card-body h4 {
    font-size: 23px; }
  .card-body ol > li {
    margin-bottom: 15px; }

table {
  width: 100% !important; }
  table td {
    width: 70%;
    padding: 5px;
    border: 1px solid rgba(255, 255, 255, 0.67); }
    table td:nth-child(2n) {
      width: auto;
      text-align: center; }
    table td:nth-child(3n) {
      width: auto;
      text-align: right !important;
      white-space: nowrap; }
    table td:last-child {
      width: auto;
      text-align: right !important;
      white-space: nowrap; }

.vorsorge td {
  width: 50% !important;
  vertical-align: top;
  border-color: rgba(255, 255, 255, 0.11);
  white-space: unset !important;
  line-height: 21px; }

.vorsorgex {
  list-style: none;
  padding: 0;
  margin: 15px 0;
  width: 100%; }
  .vorsorgex li {
    font-weight: 500; }
    .vorsorgex li:nth-child(2n) {
      width: 100%;
      text-align: right;
      font-style: italic;
      font-weight: 400;
      margin-bottom: 10px; }

.scroll-top {
  position: fixed;
  bottom: 0;
  right: 2%;
  z-index: 100;
  background: rgba(30, 53, 143, 0.71);
  display: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  .scroll-top a {
    padding: 5px 17px !important;
    display: block; }

@media (min-width: 1170px) {
  .navbar-nav {
    margin-top: 77px; } }
@media (min-width: 992px) and (max-width: 1170px) {
  .navbar-nav {
    margin-top: 53px; } }
@media (max-width: 1170px) {
  .logo {
    width: 270px !important; } }
@media (min-width: 768px) {
  .nav-link {
    font-size: 1.5rem !important; } }
@media (max-width: 767px) {
  #start .parentjob {
    height: 15vh;
    right: 15px; }

  .accordion {
    padding: 0 5px; }

  #wir {
    height: auto; }

  section {
    height: auto !important; }

  table th {
    line-height: 17px; }
  table td, table th {
    padding: 3px;
    font-size: 13px; } }
@media (max-width: 480px) {
  body {
    overflow-x: hidden; }

  #start {
    background-image: url(../images/circleb.png), url(../images/leuchtturm_xs.jpg); }
    #start h2 {
      color: #eee; }
    #start .logo {
      max-width: 250px; }

  #altersvorsorge {
    background: url(../images/frau_steg_xs.jpg) center center no-repeat;
    background-size: cover;
    color: #eee; }

  #wir {
    background: url(../images/paar_steg_xs.jpg) center center no-repeat;
    background-size: cover;
    color: #eee; }

  h5 .btn {
    padding-left: 5px !important;
    font-size: 15px; }

  #sitemap h4 {
    margin: 20px 0 -15px; } }
@media (max-width: 359px) {
  #start .logo {
    max-width: 270px; } }

/*# sourceMappingURL=screen.css.map */