/*======================================
Theme Name: kraehativ
Description: Child-Theme von Krähativ
Version: 1.0
Author: krähativ design gmbh
Author URI: https://www.kraehativ.de/
Template: Divi
======================================*/



/* FONTS – Start */

@import url('./css/all.min.css'); /* FontAwesome */

/* titillium-web-200italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('webfonts/titillium-web-v17-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/titillium-web-v17-latin-200.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('../fonts/titillium-web-v17-latin-200.ttf') format('truetype');
}

/* titillium-web-300italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('webfonts/titillium-web-v17-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/titillium-web-v17-latin-300.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('../fonts/titillium-web-v17-latin-300.ttf') format('truetype');
}

/* titillium-web- regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('webfonts/titillium-web-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/titillium-web-v17-latin-regular.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('../fonts/titillium-web-v17-latin-regular.ttf') format('truetype');
}

/* titillium-web-600italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('webfonts/titillium-web-v17-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/titillium-web-v17-latin-600.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('../fonts/titillium-web-v17-latin-600.ttf') format('truetype');
}

/* titillium-web-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('webfonts/titillium-web-v17-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/titillium-web-v17-latin-700.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('../fonts/titillium-web-v17-latin-700.ttf') format('truetype');
}

/* titillium-web-900italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('webfonts/titillium-web-v17-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('webfonts/titillium-web-v17-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* FONTS – End */


/* ---------------------------- */


/* BASICS – Start */

:root {
  --hauptfarbe: #41738B;  /* <--- EINFÜGEN:  1. Gestaltungsfarbe  */
  --zusatzfarbe: #61899C; /* <--- EINFÜGEN:  2. Gestaltungsfarbe  */
  --zusatzfarbe-2: #82A0AE; /* <--- EINFÜGEN:  2. Gestaltungsfarbe  */
  --zusatzfarbe-3: #A3B7C0; /* <--- EINFÜGEN:  2. Gestaltungsfarbe  */
  --zusatzfarbe-4: #EFF3F5; /* <--- EINFÜGEN:  2. Gestaltungsfarbe  */
  --weiss: #ffffff;
  --schwarz: #1f1f1f;
  --grau: #F9F9F9;        /* <--- EINFÜGEN:  Grauwert bei Bedarf anpassen  */

  --headlines: normal normal 500 20px/1.5 Titillium Web; /* <--- EINFÜGEN:  Hauptschriftart für Überschriften ...  */
  --copytext: normal normal 500 16px/1.5 Titillium Web; /* <--- EINFÜGEN:  Schriftart für Copytext ...  */
}

body {
  font: var(--copytext);
}


h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font: var(--headlines);
  font-weight: 700;
}


/* h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5 {
  color: var(--hauptfarbe);
} */

h1 {
  font-size: 4.375rem!important;
  font-weight: 700;
}

@media screen and (max-width:1600px) { 
  h1 {
    font-size: 3.775rem!important;
  }
}

@media screen and (max-width:981px) { 
  h1 {
    font-size: 3.375rem!important;
  }
}

@media screen and (max-width:767px) { 
  h1 {
    font-size: 2.375rem!important;
  }
}


h2 {
  font-size: 1.55rem!important;
  font-weight: 500;
  color:var(--hauptfarbe);
  padding-bottom:0px;
}

@media screen and (max-width:981px) { 
  h2 {
    font-size: 1.25rem!important;
  }
}

@media screen and (max-width:767px) { 
  h2 {
    font-size: 1rem!important;
  }
}

.h2-subline {
  padding-left:74px;
}

.h2-subline::before {
  content: '';
  width: 56px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 18px;
  margin: 0 !important;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  background: var(--schwarz);
}

@media screen and (max-width:981px) { 
  .h2-subline {
    padding-left:60px;
    margin-bottom:10px;
  }
  .h2-subline::before {
    width: 40px;
    top: 14px;
  }
}

h3 {
  font-size: 3rem;
  font-weight: 700;
}

@media screen and (max-width:981px) { 
  h3 {
    font-size: 2rem;
  }
}

@media screen and (max-width:767px) { 
  h3 {
    font-size: 1.5rem;
  }
}

h4 {
  font-size: 2.375rem;
  font-weight: 700;
  padding-bottom:0px;
}

@media screen and (max-width:981px) { 
  h4 {
    font-size: 1.75rem;
  }
}

@media screen and (max-width:767px) { 
  h4 {
    font-size: 1.25rem;
  }
}

h5 {
  font-size: 1.625rem;
  font-weight: 500;
}

@media screen and (max-width:981px) { 
  h5 {
    font-size: 1.25rem;
  }
}

@media screen and (max-width:767px) { 
  h5 {
    font-size: 1rem;
  }
}

p {
  font-size: 1.25rem;
  line-height:1.75rem;
  font-weight: 500;
  color:var(--schwarz);
}

@media screen and (max-width:981px) { 
  p {
    font-size: 1.15rem;
  }
}

@media screen and (max-width:767px) { 
  p {
    font-size: 1rem;
  }
}

li {
  font-size: 1.25rem;
  line-height:1.75rem;
  font-weight: 500;
  color:var(--schwarz);
}

@media screen and (max-width:981px) { 
  li {
    font-size: 1.15rem;
  }
}

@media screen and (max-width:767px) { 
  li {
    font-size: 1rem;
  }
}

.p-white p {
  color:var(--weiss);
}

a {
  color: var(--hauptfarbe);
  font-weight: 700;
}

@media screen and (max-width:1750px) { 
  body #page-container .intro-text {
    max-width:650px;
  }
}




body #page-container .et_pb_section .et_pb_button.btn-cta-textlink {
  padding-right: 120px;
  white-space: nowrap;
}

@media screen and (max-width:981px) { 
  body #page-container .btn-cta-textlink,
  body #page-container .btn-cta-textlink p {
    font-size:20px!important;
  }
}

@media screen and (max-width:767px) { 
  body #page-container .btn-cta-textlink,
  body #page-container .btn-cta-textlink p {
    font-size:18px!important;
  }
}

body #page-container .et_pb_section .et_pb_button.btn-cta-textlink:hover {
  padding-right: 160px;
  transition: all 300ms ease 0ms;
}

body #page-container .et_pb_section .et_pb_button.btn-cta-textlink::after {
  content: "\f138";
  line-height: inherit;
  font-size: 40px !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 100 !important;
  color: var(--schwarz);
  position: absolute;
  right: 0;
  top: 0px;
}

@media screen and (max-width:981px) { 
  body #page-container .et_pb_section .et_pb_button.btn-cta-textlink {
    padding-right: 80px;
    white-space: nowrap;
  }
  
  body #page-container .et_pb_section .et_pb_button.btn-cta-textlink:hover {
    padding-right: 100px;
    transition: all 300ms ease 0ms;
  }
  
  body #page-container .et_pb_section .et_pb_button.btn-cta-textlink::after {
    content: "\f138";
    line-height: inherit;
    font-size: 30px !important;
    font-family: "Font Awesome 6 Pro" !important;
    font-weight: 100 !important;
    color: var(--schwarz);
    position: absolute;
    right: 0;
    top: 0px;
  }
}


.btn-cta-textlink:hover::after,
.btn-cta-textlink.p-white:hover::after {
  margin-left:80px;
  transition: all 300ms ease 0ms;
}

.btn-cta-textlink.p-white.textlink-small:hover::after {
  margin-left:40px;
  transition: all 300ms ease 0ms;
}

.btn-cta-textlink::after {
  content: "\f138";
  line-height: inherit;
  font-size: 40px !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 100 !important;
  color: var(--schwarz);
  margin-left:40px;
  transition: all 300ms ease 0ms;
}

@media screen and (max-width: 981px) {
  .btn-cta-textlink::after {
    font-size: 30px !important;
  }
}

.btn-cta-textlink-small::after {
  content: "\f138";
  line-height: inherit;
  font-size: 30px !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 100 !important;
  color: var(--schwarz);
  margin-left:30px;
  transition: all 300ms ease 0ms;
}

.btn-cta-textlink-small:hover::after {
  margin-left:50px;
  transition: all 300ms ease 0ms;
}

.btn-cta-textlink.p-white::after {
  content: "\f138";
  line-height: inherit;
  font-size: 40px !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 100 !important;
  color: var(--weiss);
  margin-left:40px;
  transition: all 300ms ease 0ms;
}

.btn-cta-textlink.p-white.textlink-small::after {
  content: "\f138";
  line-height: inherit;
  font-size: 25px !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 100 !important;
  color: var(--weiss);
  margin-left:20px;
  transition: all 300ms ease 0ms;
}




/* BASICS – End */


/* ---------------------------- */


/* GENERAL STYLES – Start */



/* GENERAL STYLES – End */


/* ---------------------------- */

/* Header */





/* MENU / NAV  – Start */

.nav-header a {
  font-size: 1.55rem;
  font-weight: 500;
  color:var(--schwarz);
}

@media screen and (max-width: 1485px) {
  .nav-header a {
    font-size:1.35rem;
  }
}

@media screen and (max-width: 1350px) {
  .nav-header a {
    font-size:1.25rem;
  }
}

.nav-footer a {
  font-size: 1.25rem;
  line-height:1.75rem;
  font-weight: 500;
  color:var(--schwarz);
}

.nav-footer ul {
  display: flex;
  flex-direction: column;
  max-height: 285px;
}

.nav-footer li {
  padding-right:40px!important;
  cursor:pointer;
}

.nav-footer ul.sub-menu li {
  padding-left:0px!important;
  padding-right:0px!important;
  border-bottom:1px solid var(--schwarz);
}

.nav-footer ul.sub-menu li:first-child {
  padding-top:0px!important;
}

.nav-footer ul.sub-menu li:last-child {
  padding-bottom:0px!important;
  border-bottom:unset;
}

.nav-footer ul.sub-menu li:hover {
  background-color: var(--zusatzfarbe-4);
}

.nav-footer ul.sub-menu li a:hover {
  color: var(--schwarz)!important;
  opacity:1;
}

.nav-unternehmen li {
  padding-left:50px!important;
}

.nav-metallveredlung li {
  padding-right:50px!important;
}

@media screen and (max-width: 1350px) {
  .nav-unternehmen li {
    padding-left:30px!important;
  } 
  .nav-metallveredlung li {
    padding-right:30px!important;
  }
}

@media screen and (max-width: 981px) {
  .nav-unternehmen li {
    padding-left:0px!important;
  } 
  .nav-metallveredlung li {
    padding-right:0px!important;
  }
}

.et-menu .menu-item-has-children>a::after {
  content: "\f13a"!important;
  line-height: inherit;
  font-size: 26px !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 100 !important;
  color: var(--schwarz);
  margin-left: .5em !important;
}

.et-menu .menu-item-has-children:hover>a::after {
  transform: rotate(180deg);
  transition: all 800ms ease 0ms;
}

.et-menu .menu-item-has-children>a {
  padding-right: 40px!important;
}

#menu-hauptmenue-metallveredlung {
  flex-wrap: nowrap;
}

@media screen and (max-width: 1205px) {
  #menu-hauptmenue-metallveredlung,
  #menu-hauptmenue-metallveredlung-en {
    flex-wrap: wrap;
  }
  ul#menu-hauptmenue-metallveredlung>li,
  ul#menu-hauptmenue-metallveredlung-en>li,
  ul#menu-hauptmenue-unternehmen>li,
  ul#menu-hauptmenue-unternehmen-3>li {
    margin-bottom:15px!important;
  }

  #menu-hauptmenue-metallveredlung ul.sub-menu,
  #menu-hauptmenue-metallveredlung-en ul.sub-menu,
  #menu-hauptmenue-unternehmen ul.sub-menu,
  #menu-hauptmenue-unternehmen-3 ul.sub-menu {
    transform: scale(0.8);
    -webkit-transform-origin-x: 0;
    -webkit-transform-origin-y: 0;
  }
}

.et-menu ul.sub-menu,
#menu-hauptmenue-metallveredlung .et-menu li:not(.mega-menu) ul,
#menu-hauptmenue-metallveredlung-en .et-menu li:not(.mega-menu) ul,
#menu-hauptmenue-unternehmen .et-menu li:not(.mega-menu) ul,
#menu-hauptmenue-unternehmen-3 .et-menu li:not(.mega-menu) ul {
  margin-left: 10px!important;
  /* margin-top:20px; */
  width: 400px !important;
  border-top: unset!important;
  position: absolute!important;
  left: 0px!important;
  padding:0px!important;
}

@media screen and (max-width: 1850px) {
  #menu-hauptmenue-unternehmen.et-menu .menu-item-23944185 ul.sub-menu,
  #menu-hauptmenue-unternehmen-3.et-menu .menu-item-23944185 ul.sub-menu {
  left: -150px !important;
	}
}

#menu-hauptmenue-metallveredlung .menu-item-object-leistungen,
#menu-hauptmenue-metallveredlung .menu-item-object-anwndungsgbte,
#menu-hauptmenue-metallveredlung-en .menu-item-object-leistungen,
#menu-hauptmenue-metallveredlung-en .menu-item-object-anwndungsgbte,
#menu-hauptmenue-unternehmen .sub-menu .menu-item-object-page,
#menu-hauptmenue-unternehmen-3 .sub-menu .menu-item-object-page {
  border-bottom: 1px solid var(--schwarz);
}

#menu-hauptmenue-metallveredlung .menu-item-object-leistungen a,
#menu-hauptmenue-metallveredlung .menu-item-object-anwndungsgbte a,
#menu-hauptmenue-metallveredlung-en .menu-item-object-leistungen a,
#menu-hauptmenue-metallveredlung-en .menu-item-object-anwndungsgbte a,
#menu-hauptmenue-unternehmen .sub-menu .menu-item-object-page a,
#menu-hauptmenue-unternehmen-3 .sub-menu .menu-item-object-page a {
  padding-left: 200px!important;
  padding-top:50px;
  transition: all 300ms ease 0ms;
  height:95px;
  display: flex;
  align-items: end;
}

#menu-hauptmenue-metallveredlung .menu-item-object-leistungen a:hover,
#menu-hauptmenue-metallveredlung .menu-item-object-anwndungsgbte a:hover,
#menu-hauptmenue-metallveredlung-en .menu-item-object-leistungen a:hover,
#menu-hauptmenue-metallveredlung-en .menu-item-object-anwndungsgbte a:hover,
#menu-hauptmenue-unternehmen .sub-menu .menu-item-object-page a:hover,
#menu-hauptmenue-unternehmen-3 .sub-menu .menu-item-object-page a:hover {
  padding-left: 220px!important;
  transition: all 300ms ease 0ms;
  
}

#menu-hauptmenue-metallveredlung .menu-item-object-leistungen a,
#menu-hauptmenue-metallveredlung .menu-item-object-anwndungsgbte a,
#menu-hauptmenue-metallveredlung-en .menu-item-object-leistungen a,
#menu-hauptmenue-metallveredlung-en .menu-item-object-anwndungsgbte a,
#menu-hauptmenue-unternehmen .sub-menu .menu-item-object-page a,
#menu-hauptmenue-unternehmen-3 .sub-menu .menu-item-object-page a {
  /* padding-bottom: 10px!important; */
  padding-top:10px!important;
  white-space: nowrap;
  font-size:20px;
}

#menu-hauptmenue-metallveredlung .menu-item-object-leistungen:last-child,
#menu-hauptmenue-metallveredlung .menu-item-object-anwndungsgbte:last-child,
#menu-hauptmenue-metallveredlung-en .menu-item-object-leistungen:last-child,
#menu-hauptmenue-metallveredlung-en .menu-item-object-anwndungsgbte:last-child,
#menu-hauptmenue-unternehmen .sub-menu .menu-item-object-page:last-child,
#menu-hauptmenue-unternehmen-3 .sub-menu .menu-item-object-page:last-child {
  border-bottom: unset;
}

/* #menu-hauptmenue-metallveredlung .menu-item-object-leistungen a,
#menu-hauptmenue-metallveredlung .menu-item-object-anwndungsgbte a {
  font-size:20px;
} */

/* #menu-hauptmenue-metallveredlung .menu-item-object-leistungen:hover,
#menu-hauptmenue-metallveredlung .menu-item-object-anwndungsgbte:hover {
  background-color: var(--zusatzfarbe-4);
} */

#menu-hauptmenue-metallveredlung .menu-item-object-leistungen a:hover,
#menu-hauptmenue-metallveredlung .menu-item-object-anwndungsgbte a:hover,
#menu-hauptmenue-metallveredlung-en .menu-item-object-leistungen a:hover,
#menu-hauptmenue-metallveredlung-en .menu-item-object-anwndungsgbte a:hover,
#menu-hauptmenue-unternehmen .sub-menu .menu-item-object-page a:hover,
#menu-hauptmenue-unternehmen-3 .sub-menu .menu-item-object-page a:hover {
  background-color: unset!important;
}

.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul.sub-menu {
  width:500px!important;
}

.et_pb_menu .et_pb_menu__menu>nav>ul#menu-footermenue>li>ul.sub-menu {
  width:250px!important;
}

/* Sub-Menüs */

/* Change the width of the dropdown container */
.dl-menu ul.sub-menu {
  width: 400px;
}

/* Change the width of the links inside the dropdown */
.dl-menu ul.sub-menu li,
.dl-menu ul.sub-menu li a {
  width: 100%;
}

/* Position the second level dropdown correctly */
.dl-menu .nav li li ul {
  left: 300px;
}
.dl-menu .nav li.et-reverse-direction-nav li ul {
  left:auto;
  right:300px;
}

ul.sub-menu.dipi-collapse-opened a {
  font-family: var(--copytext)!important;
}

/* Menü Bilder Oberflächen */

.menu-item-object-leistungen.menu-item-23944841::before,
.menu-item-object-leistungen.menu-item-25982197::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/05/rieger-metallveredlung-kupfer.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-leistungen.menu-item-23944840::before,
.menu-item-object-leistungen.menu-item-25982198::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/05/rieger-metallveredlung-nickel.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-leistungen.menu-item-23944839::before,
.menu-item-object-leistungen.menu-item-25982196::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/05/rieger-metallveredlung-chrom.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-leistungen.menu-item-23944838::before,
.menu-item-object-leistungen.menu-item-25982199::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/05/rieger-metallveredlung-zinn.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}


.menu-item-object-leistungen.menu-item-23944837::before,
.menu-item-object-leistungen.menu-item-25982195::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/05/rieger-metallveredlung-eloxal.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-leistungen.menu-item-23944836::before,
.menu-item-object-leistungen.menu-item-25982194::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/05/rieger-metallveredlung-nickel.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

/* Menü Bilder Werkstoffe */

.menu-item-object-leistungen.menu-item-23944835::before,
.menu-item-object-leistungen.menu-item-25982202::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/05/rieger-metallveredlung-edelstahl.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-leistungen.menu-item-23944834::before,
.menu-item-object-leistungen.menu-item-25982203::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/05/rieger-metallveredlung-eisen.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-leistungen.menu-item-23944833::before,
.menu-item-object-leistungen.menu-item-25982201::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/05/rieger-metallveredlung-aluminium.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-leistungen.menu-item-23944832::before,
.menu-item-object-leistungen.menu-item-25982204::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/05/rieger-metallveredlung-kupferlegierungen.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-leistungen.menu-item:hover::before {
  width: 220px;
  transition: all 300ms ease 0ms;
}

/* Menü Bilder Anwendungsgebiete */

.menu-item-object-anwndungsgbte.menu-item-23944847::before,
.menu-item-object-anwndungsgbte.menu-item-25982206::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/10/automobilindustrie-anwendungsgebiete-rieger-metallveredlung.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-anwndungsgbte.menu-item-23944843::before,
.menu-item-object-anwndungsgbte.menu-item-25982207::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/10/elektroindustrie-anwendungsgebiete-rieger-metallveredlung.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-anwndungsgbte.menu-item-25981115::before,
.menu-item-object-anwndungsgbte.menu-item-25982208::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/10/industrie-und-handwerk-anwendungsgebiete-rieger-metallveredlung.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-anwndungsgbte.menu-item-23944844::before,
.menu-item-object-anwndungsgbte.menu-item-25982209::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/10/ladenbau-anwendungsgebiete-rieger-metallveredlung.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-anwndungsgbte.menu-item-23944842::before,
.menu-item-object-anwndungsgbte.menu-item-25982210::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/10/leichtbau-anwendungsgebiete-rieger-metallveredlung.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-anwndungsgbte.menu-item-23944845::before,
.menu-item-object-anwndungsgbte.menu-item-25982211::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/10/maschinenbau-anwendungsgebiete-rieger-metallveredlung.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-anwndungsgbte.menu-item-23944846::before,
.menu-item-object-anwndungsgbte.menu-item-25982212::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/10/serienfertigung-anwendungsgebiete-rieger-metallveredlung.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-anwndungsgbte.menu-item-25982434::before,
.menu-item-object-anwndungsgbte.menu-item-25982624::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2025/02/weitere-industrien-anwendungsgebiete-rieger-metallveredlung.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-anwndungsgbte.menu-item:hover::before {
  width: 220px;
  transition: all 300ms ease 0ms;
}


/* Menü Bilder Über uns */

.menu-item-object-page.menu-item-25979918::before,
.menu-item-object-page.menu-item-25982181::before  {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/08/rieger-metallveredlung-ueber-uns-leitbild.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}
.menu-item-object-page:hover::before {
  width: 220px;
  transition: all 300ms ease 0ms;
}
.menu-item-object-page.menu-item-25979918:hover::before {
  width: 220px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25979919::before,
.menu-item-object-page.menu-item-25982180::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/08/rieger-metallveredlung-ueber-uns-geschichte.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25979919:hover::before {
  width: 220px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25979917::before,
.menu-item-object-page.menu-item-25982178::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/08/rieger-metallveredlung-ueber-uns-karriere.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25979917:hover::before {
  width: 220px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25979916::before,
.menu-item-object-page.menu-item-25982182::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/08/rieger-metallveredlung-ueber-uns-newsletter.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25979916:hover::before {
  width: 220px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25979915::before,
.menu-item-object-page.menu-item-25982179::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/08/rieger-metallveredlung-ueber-uns-galvanotechnik.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25979915:hover::before {
  width: 220px;
  transition: all 300ms ease 0ms;
}


/* Menü Bilder Service */

.menu-item-object-page.menu-item-25979921::before,
.menu-item-object-page.menu-item-25982186::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/08/rieger-metallveredlung-service-umweltschutz.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25979921:hover::before {
  width: 220px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25979923::before,
.menu-item-object-page.menu-item-25982188::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/08/rieger-metallveredlung-service-qualitaetssicherung.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25979923:hover::before {
  width: 220px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25980722::before,
.menu-item-object-page.menu-item-25982189::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/08/rieger-metallveredlung-service-ergaenzende-prozesse.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25980722:hover::before {
  width: 220px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25979922::before,
.menu-item-object-page.menu-item-25982187::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/08/rieger-metallveredlung-service-produktionsprogramm.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25979922:hover::before {
  width: 220px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25979920::before,
.menu-item-object-page.menu-item-25982190::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/08/rieger-metallveredlung-service-zuschlagssaetze.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25979920:hover::before {
  width: 220px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25980993::before,
.menu-item-object-page.menu-item-25982191::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/09/rieger-metallveredlung-service-nachhaltigkeit.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25980993:hover::before {
  width: 220px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25980994::before,
.menu-item-object-page.menu-item-25982192::before {
  width: 200px;
  content: " ";
  background-image: url(https://www.rieger-metallveredlung.de/wp-content/uploads/2024/09/rieger-metallveredlung-service-downloads.webp);
  position: absolute;
  left: 10px;
  top: 10px;
  height: 75px;
  transition: all 300ms ease 0ms;
}

.menu-item-object-page.menu-item-25980994:hover::before {
  width: 220px;
  transition: all 300ms ease 0ms;
}


/* MENU / NAV  – End */


/* ---------------------------- */


/* CONTENT – Start */

/* Intro-Slider Startseite */

.intro-slider-home-row .slick-next {
  top: 100%;
  right: 20px!important;
  margin-top: 80px;
}

body .intro-slider-home-row .dmach_carousel_container .slick-prev {
  top: 100%;
  right: 65px!important;
  left: unset!important;
  margin-top: 80px;
}

.et_pb_de_mach_carousel.intro-carousel-home .dmach_carousel_container .slick-next::before {
  content: "\f138";
  line-height: inherit;
  font-size: 32px !important;
  left: auto;
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 100 !important;
  color: var(--schwarz);
}

.et_pb_de_mach_carousel.intro-carousel-home .dmach_carousel_container .slick-prev::before {
  content: "\f137";
  line-height: inherit;
  font-size: 32px !important;
  left: auto;
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 100 !important;
  color: var(--schwarz);
}

.intro-slider-home-img .et_pb_module_inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:rgba(65,115,139,0.3);
  z-index:999;
}

.intro-slider-btn {
  max-width: fit-content;
  padding-right: 60px;
  transition: all 300ms ease 0ms;
}

.intro-slider-btn:hover {
  padding-right: 100px;
  transition: all 300ms ease 0ms;
}

.intro-slider-btn::after {
  content: "\f138";
  line-height: inherit;
  font-size: 40px !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 100 !important;
  color: var(--weiss);
  position: absolute;
  right: 0;
  top: 7px;
  transition: all 300ms ease 0ms;
}

@media screen and (max-width: 981px) {
  .intro-slider-btn::after {
    font-size: 30px !important;
    top: 0px;
    transition: all 300ms ease 0ms;
  }
}

/* Leistungen / Metallveredlung Loop Startseite */

.leistung-card-overlay {
  position: absolute;
  top:0;
  width:100%;
  height:100%;
  z-index:999;
  display:none!important;
  transition: all 300ms ease 0ms;
}

.leistung-card-section:hover .leistung-card-overlay {
  display:block!important;
  transition: all 300ms ease 0ms;
}

.leistung-card-section:hover .leistung-card-title-1  {
  display:none;
}

.leistung-card-section:hover {
  transform: scale(1.1);
  transition: all 800ms ease 0ms;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, .4);
  z-index:99999;
}

.leistung-card-overlay .dmach-post-title {
  font-size: 27px !important;
  margin-left: 30px;
  padding-top:25px;
  line-height: 1.1em;
  padding-bottom:0px;
}

@media screen and (max-width:767px) { 
  .leistung-card-overlay .dmach-post-title {
    font-size: 24px !important;
  }
}

@media screen and (max-width:500px) { 
  .leistung-card-overlay .dmach-post-title {
    font-size: 22px !important;
  }
}

.leistung-card-overlay .et_pb_de_mach_post_meta_item {
  margin-left: 30px;
  padding-bottom:0px;
}

@media screen and (max-width:767px) { 
  .leistung-card-overlay #leistungMeta .dmach-postmeta-value {
    font-size:16px!important;
  }
}

@media screen and (max-width:500px) { 
  .leistung-card-overlay #leistungMeta .dmach-postmeta-value {
    font-size:14px!important;
  }
}

.leistung-card-overlay .et_pb_column.et-last-child {
  height: 100%;
  border-left: 1px solid var(--weiss);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* .leistung-patent {
  display:none!important;
}

.leistungen_category-patent .leistung-patent {
  display:flex!important;
} */

.leistung-card-eigenschaften:hover,
.textlink-leistung-card:hover {
  background-color: #a3b7c088;
}

.leistungen_tag-font-bright .leistung-card .dmach-post-title,
.leistungen_tag-font-bright-2 .leistung-card .dmach-post-title {
  color: var(--weiss)!important;
}

.leistungen_tag-font-dark .leistung-card .dmach-post-title,
.leistungen_tag-font-dark-2 .leistung-card .dmach-post-title {
  color: var(--schwarz)!important;
}


/* Leistungen / Metallveredlung Filter Startseite */

.leistungen-filter select {
  font-size:25px!important;
  color:var(--schwarz)!important;
  background-color: unset!important;
}

.et-db .et-l .et_pb_contact_field[data-filtertype="select"]:after,
.et_pb_contact_field[data-type=select]:after {
  display: none!important;
}

.et-db .et-l .leistungen-filter .select2-selection__rendered {
  line-height:38px!important;
  width: fit-content!important;
  max-width: fit-content!important;
  padding-right:50px!important;
  font-size: 25px;
  padding-left: 0px!important;
}

@media screen and (max-width:981px) { 
  .et-db .et-l .leistungen-filter .select2-selection__rendered {
    line-height:38px!important;
    width: fit-content!important;
    max-width: fit-content!important;
    padding-right:50px!important;
    font-size: 20px;
    padding-left: 0px!important;
  }
}

@media screen and (max-width:767px) { 
  .et-db .et-l .leistungen-filter .select2-selection__rendered {
    line-height:38px!important;
    width: fit-content!important;
    max-width: fit-content!important;
    padding-right:50px!important;
    font-size: 18px;
    padding-left: 0px!important;
  }
}

.et-db .et-l .leistungen-filter .select2-selection__rendered::after {
  content: "\f13a" !important;
  line-height: inherit;
  font-size: 26px !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 100 !important;
  color: var(--schwarz);
  border-top: unset;
  position: absolute;
  top: 2.5px;
  right: 0 !important;
}

.select2-search--dropdown {
  display:none!important;
}

.select2-dropdown {
  margin-top: 50px!important;
  border: none!important;
  border-radius: 0px!important;
  background-color: var(--weiss)!important;
  color: var(--schwarz) !important;
  width:30vw!important;
  font-size: 20px!important;
  padding: 0px!important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, .3);
}

@media screen and (max-width:981px) { 
  .select2-dropdown ul li.select2-results__option {
    font-size: 18px!important;
  }
}

@media screen and (max-width:767px) { 
  .select2-dropdown ul li.select2-results__option {
    font-size: 16px!important;
  }
  .select2-dropdown {
    width:50vw!important;
  }
}

@media screen and (max-width:500px) { 
  .select2-dropdown {
    width:90vw!important;
  }
}

.select2-dropdown li {
  border-bottom:1px solid var(--schwarz)!important;
  padding: 20px;
}

.select2-dropdown li:nth-child(2) {
  padding: 20px;
}

.select2-dropdown li:last-child {
  border-bottom:unset!important;
  padding: 20px;
}

.select2-dropdown li:hover {
  background-color: var(--zusatzfarbe-4)!important;
}

.select2-results__option--selected {
  background-color: var(--zusatzfarbe-4)!important;
  color: var(--schwarz) !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--weiss)!important;
  color: var(--schwarz) !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:hover {
  background-color: var(--zusatzfarbe-4)!important;
}

.leistungen-filter .divi-filter-containter {
  max-width:50%;
  max-width:fit-content!important;
  display: flex!important;
  flex-direction: row!important;
  justify-content: space-between!important;
}

@media screen and (max-width:767px) { 
  .leistungen-filter .divi-filter-containter {
    flex-direction: column!important;
  }
}

.leistungen-filter .select2-selection {
  border:unset!important;
}

.et-db #et-boc .et-l .et_pb_column .et_pb_de_mach_filter_posts .et_pb_de_mach_search_posts_item {
  margin-right: 80px;
}

@media screen and (max-width:981px) { 
  .et-db #et-boc .et-l .et_pb_column .et_pb_de_mach_filter_posts .et_pb_de_mach_search_posts_item {
    margin-right: 50px;
  }
}

@media screen and (max-width:767px) { 
  .et-db #et-boc .et-l .et_pb_column .et_pb_de_mach_filter_posts .et_pb_de_mach_search_posts_item {
    margin-right: 20px;
  }
}

.select2-results__option:first-child {
  display:none;
}

.select2-container--default .select2-results>.select2-results__options {
  max-height:fit-content!important;
}

/* Anwendungsgebiete Startseite – Pixel Hover Gallery */

.anwendungsgebiete-hover-gallery .dipi-hg-title,
.anwendungsgebiete-hover-gallery .dipi-hg-button {
  font-size: 18px !important;
  font-weight: 400;
  line-height:1.7em;
}

@media screen and (max-width:981px) { 
  .anwendungsgebiete-hover-gallery .dipi-hg-title,
  .anwendungsgebiete-hover-gallery .dipi-hg-button {
    font-size: 16px !important;
    line-height:1.3em;
  }
  .anwendungsgebiete-hover-gallery .dipi-hg-button {
    white-space: nowrap;
  }
}

@media screen and (max-width:767px) { 
  .anwendungsgebiete-hover-gallery .dipi-hg-title,
  .anwendungsgebiete-hover-gallery .dipi-hg-button {
    font-size: 14px !important;
    line-height:1.1em;
  }
}

.anwendungsgebiete-hover-gallery .dipi-hg-title {
  padding-bottom:0px;
}

.anwendungsgebiete-hover-gallery .dipi_hover_gallery_item.active .dipi-hg-title {
  display:none;
}

.anwendungsgebiete-hover-gallery .dipi-hg-button {
  display:none;
}

.anwendungsgebiete-hover-gallery .dipi_hover_gallery_item.active .dipi-hg-button {
  display:block;
}

.anwendungsgebiete-hover-gallery .dipi-hg__items {
  height:160px;
  background-color: var(--weiss);
  border-top: 1px solid var(--weiss);
}

.anwendungsgebiete-hover-gallery .dipi-hg-image div::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:#314d5c85;
  z-index:999;
}

body #page-container #et-boc .et-l .dipi_hover_gallery.anwendungsgebiete-hover-gallery .dipi-hg__item .dipi-hg-button.et_pb_button::after {
  content: "\f138";
  line-height: inherit;
  font-size: 22px !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 100 !important;
  color: var(--weiss);
  margin-left: .8em !important;
  transition: all 800ms ease 0ms;
}

body #page-container #et-boc .et-l .dipi_hover_gallery.anwendungsgebiete-hover-gallery .dipi-hg__item .dipi-hg-button.et_pb_button:hover::after {
  margin-left: 1.5em !important;
  transition: all 800ms ease 0ms;
}

@media screen and (max-width:981px) { 
  body #page-container #et-boc .et-l .dipi_hover_gallery.anwendungsgebiete-hover-gallery .dipi-hg__item .dipi-hg-button.et_pb_button::after {
    font-size: 18px !important;
  }
}


/* CTA (Buttons oben bei anderen Buttons) */

.btn-cta-textlink-home:hover .cta-home-bg {
  background-color: var(--zusatzfarbe-3)!important;
}


/* Anwendungsgebiete Startseite – Content / Texte über Bild */

.anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn:first-child::before {
  content: "Automobilindustrie";
  font: var(--copytext);
  font-size:70px;
  font-weight:700;
  color:var(--weiss);
  position: absolute;
  top: 50px;
  left: 70px;
  z-index:9999;
}
.anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn:first-child::after {
  content: "Qualität und Langlebigkeit";
  font: var(--copytext);
  font-size:50px;
  font-weight:400;
  color:var(--weiss);
  position: absolute;
  bottom: 200px;
  left: 70px;
  z-index:9999;
}

.anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn:nth-child(2)::before {
  content: "Elektroindustrie";
  font: var(--copytext);
  font-size:70px;
  font-weight:700;
  color:var(--weiss);
  position: absolute;
  top: 50px;
  left: 70px;
  z-index:9999;
}
.anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn:nth-child(2)::after {
  content: "Zuverlässigkeit und Leitfähigkeit";
  font: var(--copytext);
  font-size:50px;
  font-weight:400;
  color:var(--weiss);
  position: absolute;
  bottom: 200px;
  left: 70px;
  z-index:9999;
}

.anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn:nth-child(3)::before {
  content: "Industrie und Handwerk";
  font: var(--copytext);
  font-size:70px;
  font-weight:700;
  color:var(--weiss);
  position: absolute;
  top: 50px;
  left: 70px;
  z-index:9999;
}
.anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn:nth-child(3)::after {
  content: "Robustheit, Korrosionsbeständigkeit und Qualität";
  font: var(--copytext);
  font-size:50px;
  font-weight:400;
  color:var(--weiss);
  position: absolute;
  bottom: 200px;
  left: 70px;
  z-index:9999;
}

.anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn:nth-child(4)::before {
  content: "Ladenbau";
  font: var(--copytext);
  font-size:70px;
  font-weight:700;
  color:var(--weiss);
  position: absolute;
  top: 50px;
  left: 70px;
  z-index:9999;
}
.anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn:nth-child(4)::after {
  content: "Ästhetik, Haltbarkeit und Funktionalität";
  font: var(--copytext);
  font-size:50px;
  font-weight:400;
  color:var(--weiss);
  position: absolute;
  bottom: 200px;
  left: 70px;
  z-index:9999;
}

.anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn:nth-child(5)::before {
  content: "Leichtbau";
  font: var(--copytext);
  font-size:70px;
  font-weight:700;
  color:var(--weiss);
  position: absolute;
  top: 50px;
  left: 70px;
  z-index:9999;
}
.anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn:nth-child(5)::after {
  content: "Geringes Gewicht, hohe Festigkeit";
  font: var(--copytext);
  font-size:50px;
  font-weight:400;
  color:var(--weiss);
  position: absolute;
  bottom: 200px;
  left: 70px;
  z-index:9999;
}

.anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn:nth-child(6)::before {
  content: "Maschinenbau";
  font: var(--copytext);
  font-size:70px;
  font-weight:700;
  color:var(--weiss);
  position: absolute;
  top: 50px;
  left: 70px;
  z-index:9999;
}
.anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn:nth-child(6)::after {
  content: "Belastbarkeit, Präzision und Langlebigkeit";
  font: var(--copytext);
  font-size:50px;
  font-weight:400;
  color:var(--weiss);
  position: absolute;
  bottom: 200px;
  left: 70px;
  z-index:9999;
}

.anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn:nth-child(7)::before {
  content: "Serienfertigung";
  font: var(--copytext);
  font-size:70px;
  font-weight:700;
  color:var(--weiss);
  position: absolute;
  top: 50px;
  left: 70px;
  z-index:9999;
}
.anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn:nth-child(7)::after {
  content: "Effizienz, Wiederholgenauigkeit und Langlebigkeit";
  font: var(--copytext);
  font-size:50px;
  font-weight:400;
  color:var(--weiss);
  position: absolute;
  bottom: 200px;
  left: 70px;
  z-index:9999;
}

/* Anwendungsgebiete Startseite – Content / Texte über Bild EN */

.anwendungsgebiete-hover-gallery-en .dipi-hg-image.dipi-hg-FadeIn:first-child::before {
  content: "Automotive industry";
  font: var(--copytext);
  font-size:70px;
  font-weight:700;
  color:var(--weiss);
  position: absolute;
  top: 50px;
  left: 70px;
  z-index:9999;
}
.anwendungsgebiete-hover-gallery-en .dipi-hg-image.dipi-hg-FadeIn:first-child::after {
  content: "Quality and durability";
  font: var(--copytext);
  font-size:50px;
  font-weight:400;
  color:var(--weiss);
  position: absolute;
  bottom: 200px;
  left: 70px;
  z-index:9999;
}

.anwendungsgebiete-hover-gallery-en .dipi-hg-image.dipi-hg-FadeIn:nth-child(2)::before {
  content: "Electrical industry";
  font: var(--copytext);
  font-size:70px;
  font-weight:700;
  color:var(--weiss);
  position: absolute;
  top: 50px;
  left: 70px;
  z-index:9999;
}
.anwendungsgebiete-hover-gallery-en .dipi-hg-image.dipi-hg-FadeIn:nth-child(2)::after {
  content: "Reliability and conductivity";
  font: var(--copytext);
  font-size:50px;
  font-weight:400;
  color:var(--weiss);
  position: absolute;
  bottom: 200px;
  left: 70px;
  z-index:9999;
}

.anwendungsgebiete-hover-gallery-en .dipi-hg-image.dipi-hg-FadeIn:nth-child(3)::before {
  content: "Industry and trade";
  font: var(--copytext);
  font-size:70px;
  font-weight:700;
  color:var(--weiss);
  position: absolute;
  top: 50px;
  left: 70px;
  z-index:9999;
}
.anwendungsgebiete-hover-gallery-en .dipi-hg-image.dipi-hg-FadeIn:nth-child(3)::after {
  content: "Robustness, corrosion resistance and quality";
  font: var(--copytext);
  font-size:50px;
  font-weight:400;
  color:var(--weiss);
  position: absolute;
  bottom: 200px;
  left: 70px;
  z-index:9999;
}

.anwendungsgebiete-hover-gallery-en .dipi-hg-image.dipi-hg-FadeIn:nth-child(4)::before {
  content: "Shopfitting";
  font: var(--copytext);
  font-size:70px;
  font-weight:700;
  color:var(--weiss);
  position: absolute;
  top: 50px;
  left: 70px;
  z-index:9999;
}
.anwendungsgebiete-hover-gallery-en .dipi-hg-image.dipi-hg-FadeIn:nth-child(4)::after {
  content: "Aesthetics, durability and functionality";
  font: var(--copytext);
  font-size:50px;
  font-weight:400;
  color:var(--weiss);
  position: absolute;
  bottom: 200px;
  left: 70px;
  z-index:9999;
}

.anwendungsgebiete-hover-gallery-en .dipi-hg-image.dipi-hg-FadeIn:nth-child(5)::before {
  content: "Lightweight construction";
  font: var(--copytext);
  font-size:70px;
  font-weight:700;
  color:var(--weiss);
  position: absolute;
  top: 50px;
  left: 70px;
  z-index:9999;
}
.anwendungsgebiete-hover-gallery-en .dipi-hg-image.dipi-hg-FadeIn:nth-child(5)::after {
  content: "Low weight, high strength";
  font: var(--copytext);
  font-size:50px;
  font-weight:400;
  color:var(--weiss);
  position: absolute;
  bottom: 200px;
  left: 70px;
  z-index:9999;
}

.anwendungsgebiete-hover-gallery-en .dipi-hg-image.dipi-hg-FadeIn:nth-child(6)::before {
  content: "Mechanical engineering";
  font: var(--copytext);
  font-size:70px;
  font-weight:700;
  color:var(--weiss);
  position: absolute;
  top: 50px;
  left: 70px;
  z-index:9999;
}
.anwendungsgebiete-hover-gallery-en .dipi-hg-image.dipi-hg-FadeIn:nth-child(6)::after {
  content: "Durability, precision and longevity";
  font: var(--copytext);
  font-size:50px;
  font-weight:400;
  color:var(--weiss);
  position: absolute;
  bottom: 200px;
  left: 70px;
  z-index:9999;
}

.anwendungsgebiete-hover-gallery-en .dipi-hg-image.dipi-hg-FadeIn:nth-child(7)::before {
  content: "Series production";
  font: var(--copytext);
  font-size:70px;
  font-weight:700;
  color:var(--weiss);
  position: absolute;
  top: 50px;
  left: 70px;
  z-index:9999;
}
.anwendungsgebiete-hover-gallery-en .dipi-hg-image.dipi-hg-FadeIn:nth-child(7)::after {
  content: "Efficiency, repeat accuracy and durability";
  font: var(--copytext);
  font-size:50px;
  font-weight:400;
  color:var(--weiss);
  position: absolute;
  bottom: 200px;
  left: 70px;
  z-index:9999;
}

@media screen and (max-width:1200px) { 
  .anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn::before {
    font-size:60px!important;
  }
  .anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn::after {
    font-size:40px!important;
  }
  .et-db #et-boc .et-l .dipi_hover_gallery_0 .dipi-hg__items, .dipi_hover_gallery_0 .dipi-hg__items {
    grid-template-columns: repeat(4, 2fr)!important;
  }
}

@media screen and (max-width:1000px) { 
  .anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn::before {
    font-size:50px!important;
  }
  .anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn::after {
    font-size:30px!important;
  }
}

@media screen and (max-width:981px) { 
  .anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn::before {
    font-size:40px!important;
    left:40px!important;
    top: 20px!important;
  }
  .anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn::after {
    font-size:25px!important;
    left:40px!important;
    top:70px!important;
  }
}

@media screen and (max-width:767px) { 
  .anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn::before {
    font-size:35px!important;
  }
  .anwendungsgebiete-hover-gallery .dipi-hg-image.dipi-hg-FadeIn::after {
    font-size:20px!important;
  }
  .et-db #et-boc .et-l .dipi_hover_gallery_0 .dipi-hg__items, .dipi_hover_gallery_0 .dipi-hg__items {
    grid-template-columns: repeat(2, 2fr)!important;
  }
}


/* Referenzen Startseite */

.bewertungen-loop-home .et_pb_de_mach_content p {
  font-size:34px;
  line-height:40px;
}

@media screen and (max-width:981px) { 
  .bewertungen-loop-home .et_pb_de_mach_content p {
    font-size:22px;
    line-height:30px;
  }
}

@media screen and (max-width:767px) { 
  .bewertungen-loop-home .et_pb_de_mach_content p {
    font-size:20px;
    line-height:25px;
  }
}

.bewertungen-loop-home .dmach-grid-sizes.divi-filter-archive-loop {
  margin-bottom:0px;
}

/* Über uns Startseite – Hover Gallery */

.unternehmen-hover-gallery .dipi-hg__items .dipi_hover_gallery_item:nth-child(2){
  border-top:1px solid var(--weiss);
  border-bottom:1px solid var(--weiss);
}


.unternehmen-hover-gallery .dipi-hg-image div::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:#314d5c85;
  z-index:999;
}

body #page-container #et-boc .et-l .dipi_hover_gallery.unternehmen-hover-gallery .dipi-hg__item .dipi-hg-button.et_pb_button {
  margin-left:50px;
}

body #page-container #et-boc .et-l .dipi_hover_gallery.unternehmen-hover-gallery .dipi-hg__item .dipi-hg-button.et_pb_button::after {
  content: "\f138";
  line-height: inherit;
  font-size: 40px !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 100 !important;
  color: var(--weiss);
  margin-left: .8em !important;
  transition: all 800ms ease 0ms;
}

body #page-container #et-boc .et-l .dipi_hover_gallery.unternehmen-hover-gallery .dipi-hg__item .dipi-hg-button.et_pb_button:hover::after {
  margin-left: 1.5em !important;
  transition: all 800ms ease 0ms;
}

@media screen and (max-width:981px) { 
  body #page-container #et-boc .et-l .dipi_hover_gallery.unternehmen-hover-gallery .dipi-hg__item .dipi-hg-button.et_pb_button {
    margin-left:20px;
  }  
  body #page-container #et-boc .et-l .dipi_hover_gallery.unternehmen-hover-gallery .dipi-hg__item .dipi-hg-button.et_pb_button::after {
    font-size: 30px !important;
  }
}


/* Anwendungsgebiete Startseite – Content / Texte über Bild */

.unternehmen-hover-gallery .dipi-hg-image.dipi-hg-FadeIn:first-child::before {
  content: "Historie";
  font: var(--copytext);
  font-size:70px;
  font-weight:700;
  color:var(--weiss);
  position: absolute;
  bottom: 100px;
  left: 70px;
  z-index:9999;
}
.unternehmen-hover-gallery.en .dipi-hg-image.dipi-hg-FadeIn:first-child::before {
  content: "History";
}
.unternehmen-hover-gallery .dipi-hg-image.dipi-hg-FadeIn:first-child::after {
  content: "Tradition seit Jahrzehnten";
  font: var(--copytext);
  font-size:50px;
  font-weight:400;
  color:var(--weiss);
  position: absolute;
  bottom: 50px;
  left: 70px;
  z-index:9999;
}
.unternehmen-hover-gallery.en .dipi-hg-image.dipi-hg-FadeIn:first-child::after {
  content: "A tradition for decades";
}

.unternehmen-hover-gallery .dipi-hg-image.dipi-hg-FadeIn:nth-child(2)::before {
  content: "Qualitätsversprechen";
  font: var(--copytext);
  font-size:70px;
  font-weight:700;
  color:var(--weiss);
  position: absolute;
  bottom: 100px;
  left: 70px;
  z-index:9999;
}
.unternehmen-hover-gallery.en .dipi-hg-image.dipi-hg-FadeIn:nth-child(2)::before {
  content: "Quality promise";
}
.unternehmen-hover-gallery .dipi-hg-image.dipi-hg-FadeIn:nth-child(2)::after {
  content: "Höchste Qualität als Standard";
  font: var(--copytext);
  font-size:50px;
  font-weight:400;
  color:var(--weiss);
  position: absolute;
  bottom: 50px;
  left: 70px;
  z-index:9999;
}
.unternehmen-hover-gallery.en .dipi-hg-image.dipi-hg-FadeIn:nth-child(2)::after {
  content: "Highest quality as standard";
}

.unternehmen-hover-gallery .dipi-hg-image.dipi-hg-FadeIn:nth-child(3)::before {
  content: "Nachhaltigkeitskonzepte";
  font: var(--copytext);
  font-size:70px;
  font-weight:700;
  color:var(--weiss);
  position: absolute;
  bottom: 100px;
  left: 70px;
  z-index:9999;
}
.unternehmen-hover-gallery.en .dipi-hg-image.dipi-hg-FadeIn:nth-child(3)::before {
  content: "Sustainability concepts";
}
.unternehmen-hover-gallery .dipi-hg-image.dipi-hg-FadeIn:nth-child(3)::after {
  content: "Umwelt, Wirtschaft & Gesellschaft";
  font: var(--copytext);
  font-size:50px;
  font-weight:400;
  color:var(--weiss);
  position: absolute;
  bottom: 50px;
  left: 70px;
  z-index:9999;
}
.unternehmen-hover-gallery.en .dipi-hg-image.dipi-hg-FadeIn:nth-child(3)::after {
  content: "Environment, economy & society";
}

@media screen and (max-width:981px) { 
  .unternehmen-hover-gallery .dipi-hg-image.dipi-hg-FadeIn::before {
    font-size:60px!important;
    bottom: unset;
    top:20px;
    left: 50px!important;
  }
  .unternehmen-hover-gallery .dipi-hg-image.dipi-hg-FadeIn::after {
    font-size:50px!important;
    bottom: unset;
    top:70px;
    left: 50px!important;
  }
}

@media screen and (max-width:767px) { 
  .unternehmen-hover-gallery .dipi-hg-image.dipi-hg-FadeIn::before {
    font-size:35px!important;
    bottom: unset;
    top:20px;
    left: 35px!important;
  }
  .unternehmen-hover-gallery .dipi-hg-image.dipi-hg-FadeIn::after {
    font-size:25px!important;
    bottom: unset;
    left: 35px!important;
  }
}

/* Footer */

.footer-section .et_pb_row {
  width:100%;
  max-width:100%;
}

.footer-col-left {
  border-right: 1px solid var(--schwarz);
  padding-left:7.3%;
  margin-right:0px!important;
  width: 60.5% !important;
}

.footer-col-right {
  padding-top:0px;
  padding-bottom: 0px;
  width: 39.5%!important;
}

.footer-col-icon {
  max-width: 8%;
  margin-right: 0px !important;
}

.footer-col-siegel {
  width:fit-content;
  max-width: fit-content;
  margin-right: 80px!important;
}

.et_pb_column_1_6.footer-col-siegel {
  margin-right:60px!important;
}

/* Blogübersicht – Load more Button */

body #page-container .blog-loop .dmach-loadmore {
  position: relative!important;
  bottom:unset!important;
  padding-left: 0px!important;
}

body #page-container .blog-loop .dmach-loadmore::after {
  content: "\f138";
  line-height: inherit;
  font-size: 40px !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 100 !important;
  color: var(--schwarz);
  margin-left:40px!important;
  transition: all 300ms ease 0ms;
}

body #page-container .blog-loop .dmach-loadmore:hover::after {
  margin-left:80px!important;
  transition: all 300ms ease 0ms;
}


/* Karriere */

.clearfix:after {
  visibility: visible!important;
  height:unset!important;
}

/* Pixel Advanced Tabs */

.karriere-tabs thead {
  display:none;
}

body #page-container .karriere-tabs tr,
body #page-container .karriere-tabs td {
  border:unset!important;
  background-color: unset!important;
  background: unset!important;
}

body #page-container .karriere-tabs td {
  font-size: 20px;
  color: var(--schwarz);
  padding-left:50px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

body #page-container .karriere-tabs td::before {
  content: "\f058" !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-size: 30px;
  color: #1f1f1f !important;
  font-weight: 100 !important;
  margin-right: 10px;
  position: absolute;
  left: 0;
}

.ausbildung-content h4 {
  font-size:30px;
  margin-bottom:10px;
}

/* Detailseiten Leistungen */

/* Repeater – Leistungen Eigenschaften */

.rpt-leistungen-eigenschaften table {
  margin-top:20px!important;
  margin-left: 35px;
  margin-bottom: 0px;
}

.rpt-leistungen-eigenschaften thead {
  display:none;
}

body #page-container #et-boc .et-l .rpt-leistungen-eigenschaften tbody tr,
body #page-container #et-boc .et-l .rpt-leistungen-eigenschaften tbody td {
  background-color:unset!important;
  border:unset!important;
  background:unset!important;
}

body #page-container #et-boc .et-l .rpt-leistungen-eigenschaften tbody td {
  font-size:16px;
  color:var(--schwarz);
  padding: 5px!important;
}

body #page-container #et-boc .et-l .rpt-leistungen-eigenschaften tbody td::before {
  content: "\f058";
  line-height: 30px;
  font-size: 25px !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 100 !important;
  color: var(--schwarz);
  position: absolute;
  left: 0px;
}

@media screen and (max-width:767px) { 
  body #page-container #et-boc .et-l .rpt-leistungen-eigenschaften tbody td::before {
    left: -35px;
  }
}

.leistung-anwendungsgebiete p {
  display: flex;
  flex-direction: row;
  /* justify-content: space-between; */
}

body #page-container #et-boc .et-l .leistung-anwendungsgebiete span {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  margin-right: 30px;
}

.leistung-anwendungsgebiete span::before {
  line-height: inherit;
  font-size: 70px !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 100 !important;
  color: var(--hauptfarbe);
  margin-bottom: 40px;
}

@media screen and (max-width:981px) { 
  .leistung-anwendungsgebiete span::before {
    font-size: 55px !important;
    margin-bottom: 30px;
  }
}

@media screen and (max-width:767px) { 
  .leistung-anwendungsgebiete span::before {
    font-size: 40px !important;
    margin-bottom: 25px;
  }
}

.leistung-anwendungsgebiete span.dmach_cat_automobilindustrie::before,
.leistung-anwendungsgebiete span.dmach_cat_automotive-industry::before {
  content: "\f85b";
}

.leistung-anwendungsgebiete span.dmach_cat_elektroindustrie::before,
.leistung-anwendungsgebiete span.dmach_cat_electrical-industry::before {
  content: "\f0e7";
}

.leistung-anwendungsgebiete span.dmach_cat_sanitaerindustrie::before,
.leistung-anwendungsgebiete span.dmach_cat_sanitary-industry::before {
  content: "\f7d8";
}

.leistung-anwendungsgebiete span.dmach_cat_leuchtenindustrie::before,
.leistung-anwendungsgebiete span.dmach_cat_lighting-industry::before {
  content: "\f0eb";
}

.leistung-anwendungsgebiete span.dmach_cat_lebensmittelindustrie::before,
.leistung-anwendungsgebiete span.dmach_cat_food-industry::before {
  content: "\e43f";
}

.leistung-anwendungsgebiete span.dmach_cat_moebelindustrie::before,
.leistung-anwendungsgebiete span.dmach_cat_furniture-industry::before {
  content: "\f4cc";
}

.leistung-anwendungsgebiete span.dmach_cat_maschinenbau::before,
.leistung-anwendungsgebiete span.dmach_cat_mechanical-engineering::before {
  content: "\f085";
}

.leistung-anwendungsgebiete span.dmach_cat_beschlagindustrie::before,
.leistung-anwendungsgebiete span.dmach_cat_fittings-industry::before {
  content: "\f3c2";
}

.leistung-anwendungsgebiete span.dmach_cat_medizintechnik::before,
.leistung-anwendungsgebiete span.dmach_cat_medical-technology::before {
  content: "\f0fa";
}

.leistung-anwendungsgebiete span.dmach_cat_luft-raumfahrt::before,
.leistung-anwendungsgebiete span.dmach_cat_aerospace::before {
  content: "\f197";
}

.leistung-anwendungsgebiete span.dmach_cat_bauindustrie::before,
.leistung-anwendungsgebiete span.dmach_cat_construction-industry::before {
  content: "\e656";
}

.leistung-anwendungsgebiete span.dmach_cat_schiffsbauindustrie::before,
.leistung-anwendungsgebiete span.dmach_cat_shipbuilding-industry::before {
  content: "\f21a";
}

.leistung-anwendungsgebiete span.dmach_cat_kunstbranche::before,
.leistung-anwendungsgebiete span.dmach_cat_art-industry::before {
  content: "\e206";
}


/* Zuschlagssätze Tabelle */

.zuschlag-table tbody tr:nth-of-type(even) {
  background-color: var(--zusatzfarbe-4)!important;
}

body #page-container #zuschlagssaetze table {
  border: unset!important;
  margin: 0px!important;
}

/* Leitbild */

/* Info-Circle */

.leitbild-circle h2.dipi-content-heading {
  font-size: 22px!important;
}

.leitbild-circle .dipi-desc li {
  font-size: 16px!important;
}

/* Flipcards */

body #page-container .leitbild-flipcard .dipi-flip-box-front-icon {
  font-weight: 100!important;
  font-size:80px!important;
  margin-bottom: 20px;
}

.leitbild-flipcard .dipi-desc,
.leitbild-flipcard p {
  font-size:16px!important;
}

.leitbild-flipcard li {
  font-size:14px!important;
  text-align: left;
  line-height: 20px;
  padding-top:5px;
  padding-bottom: 5px;
}

.leitbild-flipcard li:last-child {
  padding-bottom: 0px;
}

.leitbild-flipcard h2.dipi-flip-box-heading {
  margin-bottom:10px!important;
}

.leitbild-flipcard ul {
  margin-top:5px!important;
}

@media screen and (max-width:981px) { 
  .section-content-col-2 {
    margin-top: 50px!important;
  }

  .section-content-col-2 .et_pb_row {
    flex-direction:column;
    width: 100%;
  }

  .section-content-col-2 .et_pb_column {
    Width:100%;
    border-right:none;
  }

  .section-content-col-2 .et_pb_column:first-child {
    Width:100%!important;
    border-bottom:1px solid var(--schwarz);
  }

  .section-content-col-2 .et_pb_column:first-child .et_pb_module {
    Width:100%!important;
    margin-left:5%;
  }

  .section-content-col-2 .et_pb_column:first-child .et_pb_module.content-col-2-icons {
    Width:fit-content!important;
    margin-left: 5%!important;
  }
  
  .section-content-col-2 .et_pb_column:last-child {
    padding-top: 50px;
    padding-bottom: 70px;
  }

  .section-content-col-2-cta .et_pb_column:last-child {
    padding-bottom: 0px;
  }

  .section-content-col-2 .et_pb_column:last-child .et_pb_module {
    Width:100%!important;
    margin-left:5%!important;
  }

  .section-content-col-2 .et_pb_column:last-child .et_pb_module.content-cta {
    margin-left:0px!important;
  }
}


/* CONTENT – End */

/* Leistung Cards Startseite – Eigenschaften on hover */

#leistungMeta {
  display:none;
}

#leistungMeta.show {
  display:flex;
}

/* Intro Unterseiten – BG-Kachel für Bild */

@media screen and (max-width:1750px) { 
  body #page-container .intro-bg-kachel {
    max-width:700px;
  }
}

@media screen and (max-width:1700px) { 
  body #page-container .intro-bg-kachel {
    top:25%;
  }
}

@media screen and (max-width:1600px) { 
  body #page-container .intro-bg-kachel {
    top:15%;
  }
}

@media screen and (max-width:1500px) { 
  body #page-container .intro-bg-kachel {
    max-width:600px;
  }
}

@media screen and (max-width:1300px) { 
  body #page-container .intro-bg-kachel {
    max-width:500px;
    top: 10%;
    height: 370px;
  }
}

@media screen and (max-width:981px) { 
  body #page-container .intro-bg-kachel {
    display:none;
  }
}

/* WP-Forms */

/* Kontaktformular */

body #page-container #et-boc .et-l button.wpforms-submit:hover {
  background:unset!important;
}

body #page-container #et-boc .et-l button.wpforms-submit:focus:after {
  position: relative!important;
  border:unset!important;
}

@media screen and (max-width:981px) { 
  body #page-container button.wpforms-submit {
    font-size:20px!important;
  }
  body #page-container button.wpforms-submit::after {
    font-size:35px!important;
  }
}

@media screen and (max-width:767px) { 
  body #page-container button.wpforms-submit {
    font-size:18px!important;
  }
  body #page-container button.wpforms-submit::after {
    font-size:30px!important;
  }
}

/* Anfrageformular */

.et-db #et-boc .et-l .et_pb_module.anfrageformular div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
  background-color: var(--hauptfarbe)!important;
}

.et-db #et-boc .et-l .et_pb_module.anfrageformular div.wpforms-container-full .wpforms-page-button:hover {
  background: var(--zusatzfarbe)!important;
}

.et-db #et-boc .et-l .et_pb_module.anfrageformular div.wpforms-container-full button[type=submit]:not(:hover):not(:active) {
  background-color: var(--hauptfarbe)!important;
}

body #page-container .et-db #et-boc .et-l .et_pb_module.anfrageformular div.wpforms-container-full button[type=submit]:hover,
body #page-container #et-boc .et-l .et_pb_module.anfrageformular button.wpforms-submit:hover {
  background-color: var(--zusatzfarbe)!important;
  background: var(--zusatzfarbe)!important;
}

.et-db #et-boc .et-l .et_pb_module.anfrageformular div.wpforms-container-full .wpforms-page-button:focus:after {
  border: none!important;
}

/* Back-to-top Button */

body .et_pb_scroll_top {
  background:unset!important;
  bottom: 20px!important;
  right: -220px!important;
  display: flex!important;
  align-items: center;
  transition: all 800ms ease 0ms;
}

body .et_pb_scroll_top:hover {
  right: 20px!important;
  transition: all 800ms ease 0ms;
}

body .et_pb_scroll_top:before {
  content: "\f139";
  line-height: inherit;
  font-size: 40px !important;
  font-family: "Font Awesome 6 Pro" !important;
  font-weight: 100 !important;
  color: var(--schwarz);
  transition: all 800ms ease 0ms;
}

body .et_pb_scroll_top:after {
  content:'Zurück zum Seitenanfang';
  font: var(--copytext);
  color:var(--schwarz);
  font-size: 20px;
  padding-left:20px;
}