.bg-color-primary {
  background-color: #4b6584;
}

.font-color-primary {
  color: #4b6584;
}

.border-bottom-color-primary {
  border-bottom: 2px solid #4b6584 !important;
}

.bg-color-secondary {
  background-color: #778ca3;
}

.font-color-secondary {
  color: #778ca3;
}

.border-bottom-color-secondary {
  border-bottom: 2px solid #778ca3 !important;
}

.bg-color-success {
  background-color: #2ecc71;
}

.font-color-success {
  color: #2ecc71;
}

.border-bottom-color-success {
  border-bottom: 2px solid #2ecc71 !important;
}

.bg-color-info {
  background-color: #3498db;
}

.font-color-info {
  color: #3498db;
}

.border-bottom-color-info {
  border-bottom: 2px solid #3498db !important;
}

.bg-color-warning {
  background-color: #f39c12;
}

.font-color-warning {
  color: #f39c12;
}

.border-bottom-color-warning {
  border-bottom: 2px solid #f39c12 !important;
}

.bg-color-danger {
  background-color: #c0392b;
}

.font-color-danger {
  color: #c0392b;
}

.border-bottom-color-danger {
  border-bottom: 2px solid #c0392b !important;
}

.bg-color-light {
  background-color: #ffffff;
}

.font-color-light {
  color: #ffffff;
}

.border-bottom-color-light {
  border-bottom: 2px solid #ffffff !important;
}

.bg-color-gray-100 {
  background-color: #f5f5f5;
}

.font-color-gray-100 {
  color: #f5f5f5;
}

.border-bottom-color-gray-100 {
  border-bottom: 2px solid #f5f5f5 !important;
}

.bg-color-gray-200 {
  background-color: #e9ecef;
}

.font-color-gray-200 {
  color: #e9ecef;
}

.border-bottom-color-gray-200 {
  border-bottom: 2px solid #e9ecef !important;
}

.bg-color-dark {
  background-color: black;
}

.font-color-dark {
  color: black;
}

.border-bottom-color-dark {
  border-bottom: 2px solid black !important;
}

.active {
  background-color: #778ca3;
}

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/
main {
  padding-bottom: 50px;
}

.home {
  padding-top: 25px;
}

.home .plz-form {
  width: 250px;
}

.home .search-lawyer {
  min-height: 45vh;
  margin-bottom: 25px;
  padding: 25px 0;
  background-color: #4b6584;
}

.home .search-lawyer .heading-img {
  background-image: url("../../images/home.jpg");
  background-size: cover;
  background-position: center, center;
  width: 100%;
  height: 45vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
}

.home .description {
  background-color: rgba(255, 255, 255, 0.8);
  min-height: 500px;
  margin-bottom: 25px;
  padding-top: 25px;
}

.home .description h3 {
  text-align: center;
  padding: 10px;
  margin-top: 0;
}

.home .description p {
  padding: 10px;
  max-width: 850px;
  margin: auto;
  text-align: center;
}

.home .description .icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 60px 350px;
}

@media (max-width: 768px) {
  .home .description .icons {
    margin: 60px 0;
  }
}

.home .description .icons h4 {
  margin: 0;
  padding: 36px 0px;
}

.home .description .icons .icon-one,
.home .description .icons .icon-two,
.home .description .icons .icon-three {
  width: 356px;
  display: -ms-grid;
  display: grid;
  justify-items: center;
  text-align: center;
}

.home .description .icons .icon-one p,
.home .description .icons .icon-two p,
.home .description .icons .icon-three p {
  margin: 0;
}

.home .description .icons img {
  width: 150px;
}

.home .space-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

@media (max-width: 768px) {
  .home .space-between {
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }
}

.home .gold-member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 25px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 900px;
  margin: auto;
}

.home .icons {
  -ms-flex-preferred-size: 1500px;
  flex-basis: 1500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.home .icons i {
  font-size: 75px;
  color: #778ca3;
  margin: 5px;
  cursor: pointer;
}

.home .gold-lawyer {
  display: none;
}

.home .lawyer {
  width: 250px;
  margin: 5px;
}

.home .lawyer .heading {
  background-color: black;
  overflow: hidden;
}

.home .lawyer .content {
  background-color: rgba(75, 101, 132, 0.8);
  display: -ms-grid;
  display: grid;
  justify-items: center;
  min-height: 330px;
}

.home .lawyer .content img {
  width: 150px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-fit: center center;
  object-fit: center center;
  margin: 20px 10px;
}

.home .lawyer .content p {
  padding: 2px;
  color: white;
}

.home .lawyer .content .content-text {
  text-align: center;
  margin: 5px;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

.single {
  padding-top: 25px;
}

.single .content-header {
  min-height: 126px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.single .single-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.single .lawyer {
  -ms-flex-preferred-size: 300px;
  flex-basis: 300px;
  margin-right: 10px !important;
  margin-top: 10px !important;
}

.single .lawyer .tel,
.single .lawyer .email,
.single .lawyer .website {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.single .lawyer p,
.single .lawyer i {
  padding: 4px;
}

.single .lawyer i {
  font-size: 35px;
}

.single .lawyer a {
  color: white;
}

.single .lawyer img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.single .lawyer .content {
  padding: 20px;
}

.single .lawyer .icons {
  margin-top: 25px;
}

.single .lawyer a {
  margin: 10px 0;
}

.single .header-modal {
  margin: 0;
}

.single .content-main {
  padding: 0;
  background-color: #4b6584;
  color: white;
  height: 88%;
  overflow: hidden;
}

.map {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-top: 10px !important;
}

#map {
  height: 85%;
  min-height: 430px;
}

.single-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

@media (max-width: 709px) {
  .single-bottom {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.single-bottom img {
  width: 300px;
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  margin-top: 25px;
  border: 5px solid #4b6584;
}

.single-bottom .header-modal {
  margin: 25px 10px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.single-bottom .content-header {
  min-height: 85px;
}

#website-content {
  padding: 25px;
}

#website-content h1,
#website-content h2,
#website-content h3,
#website-content h4,
#website-content h5,
#website-content h6 {
  color: white;
  font-size: 25px;
  margin: 15px 0;
}

#website-content ul,
#website-content ol {
  margin-left: 50px;
}

#website-content ul {
  list-style-type: circle;
}

.single-blog-posts {
  padding: 10px;
  background-color: rgba(75, 101, 132, 0.8);
  text-align: center;
  margin-top: 54px;
}

.single-blog-posts .content-main {
  overflow: hidden;
}

.single-blog-posts h3 {
  color: white;
}

.home-blog h3 {
  color: white;
  text-align: center;
  background-color: rgba(75, 101, 132, 0.8);
  margin: 25px 0;
  padding: 25px 0;
}

.home-blog .blogs {
  padding-top: 0;
}

.blogs-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 10px;
  max-width: 900px;
  margin: auto;
}

.blogs-container .blog {
  margin: 5px;
  width: 250px;
}

.blogs-container .heading {
  background-color: black;
  min-height: 86px;
  overflow: hidden;
}

.blogs-container .content {
  background-color: rgba(75, 101, 132, 0.8);
  display: -ms-grid;
  display: grid;
  justify-items: center;
  min-height: 283px;
}

.blogs-container .content img {
  width: 100%;
  height: 125px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-fit: center center;
  object-fit: center center;
}

.blogs-container .content p {
  padding: 2px;
  color: white;
}

.blogs-container .content .content-text {
  text-align: center;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
  text-align: center;
  margin: 25px;
}

.blogs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 50px;
}

.blogs .blog {
  margin: 5px;
  width: 250px;
  display: none;
}

.blogs .heading {
  background-color: black;
  min-height: 86px;
  overflow: hidden;
}

.blogs .content {
  background-color: rgba(75, 101, 132, 0.8);
  display: -ms-grid;
  display: grid;
  justify-items: center;
  min-height: 283px;
}

.blogs .content img {
  width: 100%;
  height: 125px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-fit: center center;
  object-fit: center center;
}

.blogs .content p {
  padding: 2px;
  color: white;
}

.blogs .content .content-text {
  text-align: center;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
  text-align: center;
  margin: 25px;
}

.blogs .icons {
  -ms-flex-preferred-size: 1500px;
  flex-basis: 1500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.blogs .icons i {
  font-size: 75px;
  color: #778ca3;
  margin: 5px;
  cursor: pointer;
}

.single-blog {
  padding-top: 50px;
}

.single-blog .blog-heading {
  padding: 10px;
  background-color: black;
  color: white;
  margin: 0;
  overflow: hidden;
}

.single-blog .image-container {
  width: 100%;
  background-color: #4b6584;
}

.single-blog .image-container img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}

.single-blog .content {
  background-color: #4b6584;
}

.single-blog .date-container {
  padding: 25px;
}

.single-blog .date-container p {
  color: white;
}

.single-blog #blog-content {
  overflow: hidden;
  padding: 25px;
}

.single-blog #blog-content h1,
.single-blog #blog-content h2,
.single-blog #blog-content h3,
.single-blog #blog-content h4,
.single-blog #blog-content h5,
.single-blog #blog-content h6 {
  margin: 15px 0;
  color: white;
  font-size: 25px;
}

.single-blog #blog-content ul,
.single-blog #blog-content ol {
  margin-left: 50px;
  color: white;
}

.single-blog #blog-content ul {
  list-style-type: circle;
  color: white;
}

.single-blog #blog-content p {
  color: white;
}

.datenschutz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.datenschutz .model {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 25px;
}
/*# sourceMappingURL=home.css.map */