.elementor-1809 .elementor-element.elementor-element-20cbdbd2:not(.elementor-motion-effects-element-type-background), .elementor-1809 .elementor-element.elementor-element-20cbdbd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://die-sehwerkstatt.de/wp-content/uploads/2026/05/Wildkameras-1.png");background-position:0px -308px;background-repeat:no-repeat;background-size:cover;}.elementor-1809 .elementor-element.elementor-element-20cbdbd2 > .elementor-background-overlay{background-color:#000000;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1809 .elementor-element.elementor-element-20cbdbd2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:8em 1em 8em 1em;}.elementor-1809 .elementor-element.elementor-element-517d8129 .elementor-heading-title{font-family:var( --e-global-typography-5d167aa-font-family ), Sans-serif;font-size:var( --e-global-typography-5d167aa-font-size );font-weight:var( --e-global-typography-5d167aa-font-weight );line-height:var( --e-global-typography-5d167aa-line-height );text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-accent );}.elementor-1809 .elementor-element.elementor-element-cc6656b{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1809 .elementor-element.elementor-element-cc6656b:not(.elementor-motion-effects-element-type-background), .elementor-1809 .elementor-element.elementor-element-cc6656b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1809 .elementor-element.elementor-element-089a872{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1809 .elementor-element.elementor-element-ff7b15c{--display:flex;}.elementor-1809 .elementor-element.elementor-element-e3bd0ab .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-1809 .elementor-element.elementor-element-fb6804c{--display:flex;}.elementor-1809 .elementor-element.elementor-element-714d1ca{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1809 .elementor-element.elementor-element-ff7b15c{--width:33%;}.elementor-1809 .elementor-element.elementor-element-fb6804c{--width:33%;}.elementor-1809 .elementor-element.elementor-element-714d1ca{--width:33%;}}@media(max-width:1024px){.elementor-1809 .elementor-element.elementor-element-20cbdbd2:not(.elementor-motion-effects-element-type-background), .elementor-1809 .elementor-element.elementor-element-20cbdbd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px -67px;}.elementor-1809 .elementor-element.elementor-element-20cbdbd2{padding:4em 1em 0em 1em;}.elementor-1809 .elementor-element.elementor-element-517d8129 .elementor-heading-title{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );}}@media(max-width:767px){.elementor-1809 .elementor-element.elementor-element-20cbdbd2:not(.elementor-motion-effects-element-type-background), .elementor-1809 .elementor-element.elementor-element-20cbdbd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-1809 .elementor-element.elementor-element-20cbdbd2{padding:6em 0em 0em 0em;}.elementor-1809 .elementor-element.elementor-element-517d8129 .elementor-heading-title{font-size:var( --e-global-typography-5d167aa-font-size );line-height:var( --e-global-typography-5d167aa-line-height );}}/* Start custom CSS for container, class: .elementor-element-cc6656b */.elementor-element.elementor-element-2058f808.e-con-full.e-flex.e-con.e-child {
    box-shadow: 0px 0px 30px 0px rgba(90.99999999999994, 181, 81, 0.5);
}

:root {
  --mh-green: #5bb551;
  --mh-dark: #050505;
  --mh-panel: #111111;
  --mh-panel-2: #1a1a1a;
  --mh-text: #f3f3f3;
  --mh-muted: #b8b8b8;
  --mh-border: #2d2d2d;
}


h2.ueberschH2 {
    color: white;
}

.mh-btn {  
    display: block;
  margin: 0 auto;
  background: var(--mh-green);
  color: #fff;
  border: none;
  padding: 13px 32px;
  font-weight: 800;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: .5px;
}

.mh-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.82);
  z-index: 99999;
  overflow-y: auto;
  padding: 35px 18px;
}

.mh-overlay.active {
  display: block;
}

.mh-modal {
  max-width: 1080px;
  margin: 50px auto;
  background: var(--mh-dark);
  color: var(--mh-text);
  border: 1px solid var(--mh-border);
  position: relative;
  box-shadow: 0 30px 90px rgba(0,0,0,.65);
}

.mh-close {
  position: absolute;
  right: 18px;
  top: 18px;
  width: 42px;
  height: 42px;
  border: 1px solid var(--mh-border);
  background: #111;
  color: #fff;
  font-size: 30px;
  cursor: pointer;
  z-index: 5;
}

.mh-close:hover {
  background: var(--mh-green);
}

.mh-header {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  padding: 42px;
  background: linear-gradient(120deg, #080808, #182515);
  border-bottom: 1px solid var(--mh-border);
}

.mh-label {
  color: var(--mh-green);
  font-weight: 900;
  letter-spacing: 1.5px;
}

.mh-header h2 {
  margin: 8px 0 8px;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1;
}

.mh-header p {
  margin: 0;
  color: var(--mh-muted);
  font-size: 18px;
}

.mh-price {
  min-width: 230px;
}

.mh-price strong {
  display: block;
  color: var(--mh-green);
  font-size: 46px;
}

.mh-price span {
  color: var(--mh-muted);
  font-size: 14px;
}

.mh-top {
  display: grid;
  grid-template-columns: 45% 55%;
  gap: 34px;
  padding: 42px;
}
.mh-price strong {
    padding-bottom: 10px;
}

.mh-image {
  background: #fff;
  padding: 20px;
}

.mh-image img {
  width: 100%;
  display: block;
}

.mh-intro h3,
.mh-section h3 {
  margin: 0 0 16px;
  font-size: 28px;
  color: var(--mh-green);
}

.mh-intro p,
.mh-section p {
  color: var(--mh-muted);
  line-height: 1.65;
}

.mh-highlight {
  margin: 24px 0;
  padding: 18px;
  border-left: 6px solid var(--mh-green);
  background: var(--mh-panel);
  font-size: 20px;
}

.mh-highlight strong {
  color: var(--mh-green);
  font-size: 32px;
}

.mh-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.mh-badges span {
  border: 1px solid var(--mh-green);
  color: var(--mh-green);
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 700;
}

.mh-section {
  padding: 38px 42px;
  border-top: 1px solid var(--mh-border);
}

.mh-dark {
  background: var(--mh-panel);
}

.mh-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.mh-card,
.mh-accessories div {
  background: var(--mh-panel);
  border: 1px solid var(--mh-border);
  padding: 22px;
}

.mh-card h4,
.mh-accessories h4,
.mh-app h4 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 18px;
}

.mh-card p,
.mh-accessories p {
  margin: 0;
  font-size: 14px;
}

.mh-specs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: var(--mh-border);
}

.mh-specs div {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  background: #080808;
  padding: 14px 16px;
}

.mh-specs span {
  color: var(--mh-muted);
}

.mh-specs strong {
  color: #fff;
  text-align: right;
}

.mh-app {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  background: var(--mh-panel);
  border: 1px solid var(--mh-border);
  padding: 26px;
}

.mh-app ul {
  margin: 0;
  padding-left: 20px;
  color: var(--mh-muted);
  line-height: 1.9;
}

.mh-app li::marker {
  color: var(--mh-green);
}

.mh-costs table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 18px;
  border: 1px solid var(--mh-border);
}

.mh-costs th,
.mh-costs td {
  padding: 15px;
  text-align: left;
  border-bottom: 1px solid var(--mh-border);
}

.mh-costs th {
  background: var(--mh-panel);
  color: var(--mh-green);
}

.mh-active-row {
  background: rgba(91,181,81,.16);
  color: #fff;
  font-weight: 800;
}

.mh-accessories {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.mh-footer {
  padding: 34px 42px 42px;
  background: #0b0b0b;
  border-top: 1px solid var(--mh-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
}

.mh-footer p {
  margin: 0;
  color: var(--mh-muted);
}

.mh-footer div {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.mh-main,
.mh-second {
    
        font-family: "Raleway", Sans-serif;
    font-size: 13px;
  display: inline-block;
  padding: 14px 22px;
  text-decoration: none;
  font-weight: 500;
  text-transform: uppercase;
}

.mh-main {
  background: var(--mh-green);
  color: #fff;
}

a.mh-main:hover{
  color: #fff!important;
}
a.mh-second:hover{
  color: #fff!important;
}


.mh-second {
  color: white!important;
}

@media (max-width: 850px) {
  .mh-header,
  .mh-top,
  .mh-app,
  .mh-footer {
    grid-template-columns: 1fr;
    flex-direction: column;
    text-align: left;
  }

  .mh-price {
    text-align: left;
  }

  .mh-grid,
  .mh-accessories,
  .mh-specs {
      grid-template-columns: 1fr;
  }

  .mh-header,
  .mh-top,
  .mh-section,
  .mh-footer {
    padding: 28px;
  }
}/* End custom CSS */