/* Farbe */
/* Burger */
/* TODO: wurde schon in bootstrap.scss gesetzt */
/* Mediaqueries */
/* Pagination */
ul.pagination {
  display: table;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
ul.pagination li {
  display: inline-block;
}
ul.pagination li a, ul.pagination li span {
  padding: 10px 15px;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
}
ul.pagination li a {
  color: #fff;
  border-color: rgba(255, 255, 255, 0);
  background-color: #00497b;
}
ul.pagination li a:hover {
  color: #00497b;
  border: 1px solid;
  background-color: #fff;
}
ul.pagination li span {
  border-color: #00497b;
}
ul.pagination li:not(:last-child) {
  margin-right: 12px;
}
.footer {
  background-color: #eff4f7 !important;
  background-image: url("/wp-content/uploads/2021/08/metalogic-Schmuckelement.svg") !important;
  background-repeat: no-repeat !important;
  background-position: top left !important;
  background-size: contain !important;
  padding: 40px 0 60px 0;
}
.footer .row {
  /*
		align-items: flex-end;
		.col:last-child{
            align-self: center;
        }
		*/
}
.footer .wp-block-image {
  margin-bottom: 2em;
}
.footer h2 {
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.footer h2:after {
  content: none;
}
.footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 50% 50%;
}
.footer ul li a {
  color: #747474;
}
.footer ul li a:hover {
  color: #00497b;
}
.footer .footer-socials {
  display: flex !important;
}
.footer .footer-socials .linked-in, .footer .footer-socials .twitter, .footer .footer-socials .facebook {
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 5px;
  background: #00497b;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 12px;
}
.footer .footer-socials .linked-in {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0.3,16h3.3V5.3H0.3V16z M12,5c-1.6,0-2.7,0.9-3.1,1.7h0V5.3H5.7V16H9v-5.3C9,9.3,9.2,8,11,8 c1.7,0,1.7,1.6,1.7,2.8V16H16v-5.9C16,7.3,15.4,5,12,5z M1.9,0C0.9,0,0,0.9,0,1.9C0,3,0.9,3.9,1.9,3.9C3,3.9,3.8,3,3.8,1.9 C3.8,0.9,3,0,1.9,0z'/%3E%3C/svg%3E%0A");
  background-size: 16px;
}
.footer .footer-socials .twitter {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 23 16' style='enable-background:new 0 0 23 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M5.2,4.6c0,0-2-1.1-1.9-2.9c0,0,4.5,1.7,6.2,2.8C10.6,5.2,11,5.8,11,5.8s1.3-4.2,3.6-5.6c0,0,0,0.2-0.2,0.5 c0,0,0.9-0.7,1.7-0.7c0,0,0.1,0.3-0.6,0.7c0,0,1.6-0.6,1.7-0.1s-1.9,0.9-1.9,0.9s4-0.2,5,4.5c0,0,1.6,0.4,2.7-0.1 c0,0-0.2,1.1-2.5,1.3c0,0,1,0.5,2.6,0.3c0,0-0.9,1.2-2.8,1c0,0-0.7,4.7-6.4,6.7S3.1,15.6,0,11.5c0,0,3.9,3.7,8.5-0.3 c0,0-1.5,0.1-1.7-0.8C6.7,9.6,7.7,9.2,7.7,9.2S5.8,9.5,4.9,7.8c0,0,0.4-0.6,1.5-0.6c0,0-2.4-0.4-2.5-2.3C3.9,4.8,4.6,4.6,5.2,4.6z' /%3E%3C/svg%3E%0A");
  background-size: 22px;
}
.footer .footer-socials .facebook {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 9 19' style='enable-background:new 0 0 9 19;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M9,6.2H6V4.4c0-1.1,1-1.1,1-1.1h2V0H6C1.7,0,2,4.1,2,4.1v2.1H0v3.3h2V19h4c0,0,0-5.3,0-9.5h2.6L9,6.2z'/%3E%3C/svg%3E%0A");
  background-size: 10px;
}
.footer_bottom {
  display: flex;
  align-items: center;
  color: #fff;
  font-family: "Roboto";
  font-size: 15px;
  background-color: #00497b;
}
.footer_bottom .container {
  padding: 24px 0;
}
@media (max-width: 1200px) {
  .footer_bottom {
    text-align: center;
  }
}
@media (min-width: 1201px) {
  .footer_bottom .legals {
    text-align: right;
  }
}
.footer_bottom .legals a {
  color: #fff;
  padding: 0 10px;
  border-left: 1px solid #668fb8;
}
.footer_bottom .legals a:first-child {
  border-left: none;
}
.footer_bottom .legals a:hover {
  color: #fff;
}
/*Responsive*/
@media (max-width: 990px) {
  .footer {
    padding: 80px 0 60px 0;
  }
  .footer .row {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 50% 50%;
  }
}
@media (max-width: 575px) {
  .footer {
    padding: 80px 0 60px 0;
  }
  .footer .row {
    display: block;
  }
  .footer .row .col {
    margin-bottom: 40px;
  }
}
.services {
  position: relative;
  background-color: #eff4f7;
}
.services h3 {
  margin-bottom: 0;
}
.services > .wpb_column:nth-child(1) {
  padding: 50px 0;
}
.services > .wpb_column:nth-child(1) h2, .services > .wpb_column:nth-child(1) p {
  color: #fff;
}
@media (max-width: 768px) {
  .services > .wpb_column:nth-child(1) {
    background-image: url(/wp-content/uploads/2021/08/services-bg.jpg);
  }
}
.services > .wpb_column:nth-child(2) {
  padding: 70px 0 81px 0;
  background-color: #eff4f7;
}
@media (max-width: 768px) {
  .services > .wpb_column:nth-child(2) {
    width: 100vw;
    background-color: #eff4f7;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
  }
}
.services:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background-image: url(/wp-content/uploads/2021/08/services-bg.jpg);
  height: 100%;
  background-size: cover;
}
@media (min-width: 768px) {
  .services:before {
    width: 50%;
  }
}
.service-spalten .vc_column-inner {
  border: 1px solid #e3e3e3;
  padding: 0 0 30px 0;
}
@media (max-width: 576px) {
  .service-spalten .vc_column-inner {
    margin: 0 20px;
  }
}
.service-spalten .mpIcon.predefined {
  height: 200px;
  justify-content: center;
}
.service-spalten .wpb_text_column {
  margin-bottom: 0;
  padding: 20px;
  text-align: center;
}
.service-spalten .mpButton {
  text-align: center;
}
.service-spalten .wpb_column:nth-child(1) .mpIcon.predefined {
  background-image: url(/wp-content/uploads/2021/08/Service-Icon-HG-01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.service-spalten .wpb_column:nth-child(2) .mpIcon.predefined {
  background-image: url(/wp-content/uploads/2021/08/Service-Icon-HG-02.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.service-spalten .wpb_column:nth-child(3) .mpIcon.predefined {
  background-image: url(/wp-content/uploads/2021/08/Service-Icon-HG-03.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.icon-service-big .icon {
  width: 160px !important;
  height: 160px !important;
  background-size: 150px !important;
  background-position: top !important;
}
.loesung-icons-big .vc_column-inner {
  border: 1px solid #e3e3e3;
  padding: 30px 25px 10px 25px !important;
}
@media (max-width: 576px) {
  .loesung-icons-big .vc_column-inner {
    margin: 0 20px;
  }
}
.loesung-icons-big .mpIcon.predefined .text {
  color: #00497b;
  font-family: "Cabin";
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  margin: 20px 0;
}
.produkte-teaser {
  background-image: url(/wp-content/uploads/2021/08/Startseite-Produkte-Hintergrund.jpg);
  background-repeat: no-repeat !important;
  background-position: bottom !important;
  background-size: contain !important;
  background-color: #00497b;
}
.produkte-einzel {
  padding: 20px 0 !important;
}
.produkte-einzel .wpb_text_column {
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: 20px;
}
.produkte-einzel .wpb_text_column h1, .produkte-einzel .wpb_text_column h2, .produkte-einzel .wpb_text_column h3, .produkte-einzel .wpb_text_column h4, .produkte-einzel .wpb_text_column h5, .produkte-einzel .wpb_text_column h6, .produkte-einzel .wpb_text_column p {
  color: #fff;
}
.produkte-einzel .wpb_text_column h2 {
  margin-bottom: 20px;
}
.produkte-einzel .wpb_text_column h2:after {
  content: none;
}
.produkte-einzel .wpb_text_column h2:before {
  content: "";
  display: inline-block;
  height: 23px;
  width: 11px;
  margin-right: 6px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 22' style='enable-background:new 0 0 10 22;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%236692B0;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st0' points='2.4,22 0,20.3 6.4,11 0,1.7 2.4,0 10,11 '/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}
.produkte-einzel .wpb_column:first-child .vc_column-inner {
  background: #00497b;
  margin: 0 15px 35px;
}
.produkte-einzel .wpb_column:first-child .vc_column-inner .wpb_text_column {
  padding: 20px 5px 0;
  border: none;
}
.produkte-einzel-home {
  padding: 20px 0 !important;
}
.produkte-einzel-home .wpb_text_column {
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: 20px;
}
.produkte-einzel-home .wpb_text_column h1, .produkte-einzel-home .wpb_text_column h2, .produkte-einzel-home .wpb_text_column h3, .produkte-einzel-home .wpb_text_column h4, .produkte-einzel-home .wpb_text_column h5, .produkte-einzel-home .wpb_text_column h6 {
  color: #fff;
}
.produkte-einzel-home .wpb_text_column h2 {
  margin-bottom: 20px;
}
.produkte-einzel-home .wpb_text_column h2:after {
  content: none;
}
.produkte-einzel-home .wpb_text_column h2:before {
  content: "";
  display: inline-block;
  height: 23px;
  width: 11px;
  margin-right: 6px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 22' style='enable-background:new 0 0 10 22;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%236692B0;%7D%0A%3C/style%3E%3Cg%3E%3Cpolygon class='st0' points='2.4,22 0,20.3 6.4,11 0,1.7 2.4,0 10,11 '/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}
.produkte-einzel-home .wpb_column:first-child .vc_column-inner {
  background: #fff;
  margin: 0 15px 35px;
}
.produkte-einzel-home .wpb_column:first-child .vc_column-inner .wpb_text_column {
  padding: 20px 5px 0;
  border: none;
}
.produkte-einzel-home .wpb_column:first-child .vc_column-inner .wpb_text_column h2, .produkte-einzel-home .wpb_column:first-child .vc_column-inner .wpb_text_column h3 {
  color: #00497b;
}
.schmuck-hg {
  background-color: #eff4f7 !important;
  background-image: url("/wp-content/uploads/2021/08/metalogic-Schmuckelement.svg") !important;
  background-repeat: no-repeat !important;
  background-position: top left !important;
  background-size: 700px !important;
}
.weiss h1, .weiss h2, .weiss h3, .weiss h4, .weiss h5, .weiss h6, .weiss p, .weiss a {
  color: #fff;
}
/* Pfeil-Link */
.arrow {
  display: inline-block;
  position: relative;
  color: #00497b;
  padding-left: 12px;
}
.arrow:hover {
  color: #00497b;
}
.arrow:before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 9px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.6 9'%3E%3Cpath fill='none' stroke='%23004489' stroke-width='1.2' stroke-miterlimit='10' d='M.6.6l3.9 3.9-3.9 4'/%3E%3C/svg%3E");
  background-size: 6px 9px;
  background-position: center;
  background-repeat: no-repeat;
}
/* Post-Detail */
.single-post .content {
  padding-top: 40px;
}
.single-post em, .single-anwender em {
  color: #00497b;
}
.single-post .site-content, .single-anwender .site-content {
  padding: 100px 0;
}
.single-post .site-content .vc_row, .single-anwender .site-content .vc_row {
  padding: 20px 0;
}
.single-post .site-content .vc_row:first-child, .single-anwender .site-content .vc_row:first-child {
  padding-top: 0;
}
.single-post imageDate, .single-anwender imageDate {
  display: block;
  position: relative;
}
.single-post imageDate date, .single-anwender imageDate date {
  position: absolute;
  left: 27px;
  background: #00497c;
  color: #fff;
  text-align: center;
  border-radius: 0 0 5px 5px;
  padding: 8px 12px;
}
.single-post imageDate date day, .single-anwender imageDate date day {
  display: block;
  font-family: "Cabin";
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
}
.single-post imageDate date month, .single-anwender imageDate date month {
  display: block;
  text-transform: uppercase;
  font-family: "Cabin";
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}
/* Searchresult */
.searchresult {
  padding: 100px 0;
}
.searchresult .results {
  display: block;
  margin-bottom: 30px;
}
.searchresult li {
  margin-bottom: 10px;
}
.searchresult li h3 {
  margin-bottom: 0;
}
.searchresult li a, .searchresult li a:hover {
  color: #747474;
}
/*Kontaktformular*/
select {
  padding: 10px 15px;
  border: 1px solid #e3e3e3;
  border-radius: 0;
  color: #747474;
}
textarea {
  width: 100%;
  height: 130px;
  padding: 10px 15px;
  margin: 30px 0;
  border: 1px solid #e3e3e3;
  border-radius: 0;
}
.form-2-col {
  display: grid;
  grid-template-columns: 49% 49%;
  grid-column-gap: 2%;
}
.form-2-col input {
  width: 100%;
  border: 1px solid #e3e3e3;
  padding: 10px 15px;
  margin: 30px 0;
}
@media (max-width: 1200px) {
  .form-2-col {
    display: block;
  }
  .form-2-col input {
    width: 100%;
  }
}
.wpcf7-submit {
  padding: 10px 15px;
  background-color: #00497b;
  border: 1px solid #fff;
  border-radius: 5px;
  transition: all 0.2s;
  font-family: "Roboto";
  color: #fff;
  margin: 30px 0;
}