{"id":25,"date":"2026-08-25T19:01:58","date_gmt":"2026-08-25T19:01:58","guid":{"rendered":"https:\/\/competitors.mh-studio.de\/?page_id=25"},"modified":"2026-08-26T20:22:20","modified_gmt":"2026-08-26T18:22:20","slug":"startseite","status":"publish","type":"page","link":"https:\/\/competitors.mh-studio.de\/","title":{"rendered":"Startseite"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25\" class=\"elementor elementor-25\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17a02df1 e-con-full e-flex e-con e-parent\" data-id=\"17a02df1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/competitors.mh-studio.de\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/720p_HeroVideo_GottfriedMack2026.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-42c3da9e e-con-full e-flex e-con e-child\" data-id=\"42c3da9e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4417f959 elementor-widget elementor-widget-heading\" data-id=\"4417f959\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Stuckateurbetrieb &amp; Ger\u00fcstbau seit 1987<\/p>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca7bfda elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"ca7bfda\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Handwerk, das h\u00e4lt, <br>was es verspricht<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0bd30c4 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"0bd30c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7bf14704 e-con-full e-flex e-con e-child\" data-id=\"7bf14704\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bf62fc2 elementor-align-left gm-btn-24 elementor-widget elementor-widget-button\" data-id=\"1bf62fc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"\/kontakt\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Angebot anfragen<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3a9b68ad elementor-align-left elementor-button-link gm-btn-24-ghost elementor-widget elementor-widget-button\" data-id=\"3a9b68ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"\/referenzen\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Referenzen ansehen<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d4769e9 e-con-full e-flex e-con e-parent\" data-id=\"d4769e9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e94b83 elementor-widget elementor-widget-html\" data-id=\"7e94b83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     GOTTFRIED MACK \u00b7 KUNDEN-LOGO-KARUSSELL (horizontal, endlos)\r\n     Einfach in ein Elementor HTML-Widget einf\u00fcgen.\r\n\r\n     Funktionsweise:\r\n     - EIN durchgehendes Flex-Band (\"Spur\"), l\u00e4uft endlos nach links.\r\n     - JS dupliziert die einzelnen Logo-Kacheln (nicht einen ganzen\r\n       Wrapper) und h\u00e4ngt sie direkt in dieselbe Spur \u2014 dadurch bleibt\r\n       der Abstand (gap) an der Nahtstelle exakt so gro\u00df wie \u00fcberall\r\n       sonst, kein sichtbarer Sprung im Loop.\r\n     - Fade-Maske links\/rechts, Logos laufen weich rein\/raus.\r\n     - Pausiert bei Hover\/Touch.\r\n     - Auf Mobile bleibt es dieselbe eine Reihe, nur kompakter und\r\n       etwas flotter.\r\n     - prefers-reduced-motion wird respektiert (horizontales Scrollen\r\n       per Touch\/Trackpad bleibt dann trotzdem m\u00f6glich).\r\n\r\n     ANPASSEN:\r\n     - Logos unten im HTML ersetzen (src + alt)\r\n     - Geschwindigkeit: --gm-logo-dauer weiter unten in Sekunden\r\n     - Abstand: --gm-logo-gap\r\n     ============================================================ -->\r\n\r\n<style>\r\n.gm-logos{\r\n  --gm-schwarz:#262624;\r\n  --gm-rot:#D90718;\r\n  --gm-kalk:#F2F2F2;\r\n  --gm-logo-dauer:32s;      \/* Umlaufzeit, gr\u00f6\u00dfer = langsamer *\/\r\n  --gm-logo-gap:56px;       \/* Abstand zwischen den Logos *\/\r\n\r\n  position:relative;\r\n  background:var(--gm-schwarz);\r\n  padding:80px 0;\r\n  overflow:hidden;\r\n  font-family:\"Archivo\",system-ui,-apple-system,sans-serif;\r\n}\r\n\r\n\/* Volle Breite, Fade-Maske links\/rechts *\/\r\n.gm-logos__fenster{\r\n  position:relative;\r\n  width:100%;\r\n  overflow-x:hidden;\r\n  overflow-y:visible;\r\n  padding:14px 0;   \/* Puffer nach oben\/unten, damit die Hover-Anhebung + Schatten nicht am Fenster-Rand kollidieren *\/\r\n  -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);\r\n  mask-image:linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);\r\n}\r\n\r\n\/* Periodischer Licht-Sweep, l\u00e4uft alle paar Sekunden einmal quer\r\n   \u00fcber die gesamte Logo-Reihe \u2014 das gibt den \"boom\"-Kick, ohne\r\n   dass es dauerhaft ablenkt (kurzer Puls, lange Pause dazwischen) *\/\r\n.gm-logos__fenster::after{\r\n  content:\"\";\r\n  position:absolute;inset:0;\r\n  background:linear-gradient(100deg, transparent 42%, rgba(217,7,24,.10) 50%, transparent 58%);\r\n  transform:translateX(-120%);\r\n  animation:gmLogosSweep 6s ease-in-out infinite;\r\n  pointer-events:none;\r\n  z-index:2;\r\n}\r\n@keyframes gmLogosSweep{\r\n  0%{transform:translateX(-120%)}\r\n  14%{transform:translateX(120%)}\r\n  100%{transform:translateX(120%)}\r\n}\r\n\r\n\/* Eine einzige durchgehende Spur \u2014 JS h\u00e4ngt die Duplikate direkt\r\n   als weitere Kinder hier an, dadurch bleibt der gap \u00fcberall gleich *\/\r\n.gm-logos__spur{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:var(--gm-logo-gap);\r\n  width:max-content;\r\n  animation:gmLogosLinks var(--gm-logo-dauer) linear infinite;\r\n}\r\n\r\n@keyframes gmLogosLinks{\r\n  from{transform:translateX(0)}\r\n  to{transform:translateX(-50%)}   \/* -50%, weil die Spur per JS verdoppelt wird *\/\r\n}\r\n\r\n\/* Pausieren bei Hover, damit man in Ruhe ein Logo anschauen kann *\/\r\n.gm-logos__fenster:hover .gm-logos__spur{\r\n  animation-play-state:paused;\r\n}\r\n\r\n.gm-logos__kachel{\r\n  display:flex;align-items:center;justify-content:center;\r\n  flex:none;\r\n  min-width:240px;height:148px;\r\n  padding:24px 30px;\r\n  background:#FFFFFF;\r\n  border-radius:8px;\r\n  box-shadow:0 1px 0 rgba(0,0,0,.04);\r\n  transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;\r\n}\r\n.gm-logos__kachel:hover{\r\n  transform:translateY(-6px) scale(1.05);\r\n  box-shadow:0 14px 34px -8px rgba(217,7,24,.45),0 0 0 2px rgba(217,7,24,.5);\r\n}\r\n\r\n.gm-logos__kachel img{\r\n  max-width:100%;\r\n  max-height:92px;\r\n  width:auto;height:auto;\r\n  object-fit:contain;\r\n}\r\n\r\n\/* F\u00fcr Logos, die bei gleicher H\u00f6he optisch viel gr\u00f6\u00dfer wirken als\r\n   der Rest (z.B. sehr breite Wortmarken) \u2014 einzeln \u00fcber die\r\n   Zusatzklasse \"gm-logos__kachel--klein\" auf dem img-Tag kleiner\r\n   skalieren, ohne alle anderen Logos zu beeinflussen. *\/\r\n.gm-logos__kachel img.gm-logos__kachel--klein{\r\n  max-height:56px;\r\n}\r\n\r\n\/* ---------- Responsive ----------\r\n   Bleibt bewusst dieselbe Struktur (eine horizontale Reihe),\r\n   nur kompakter und etwas flotter, damit es auf schmalen\r\n   Screens nicht z\u00e4h wirkt. *\/\r\n@media (max-width:640px){\r\n  .gm-logos{padding-block:56px;--gm-logo-gap:24px;--gm-logo-dauer:20s}\r\n  .gm-logos__kachel{min-width:180px;height:116px;padding:16px 20px}\r\n  .gm-logos__kachel img{max-height:68px}\r\n  .gm-logos__kachel img.gm-logos__kachel--klein{max-height:42px}\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .gm-logos__spur{animation:none!important}\r\n  .gm-logos__fenster{overflow-x:auto}\r\n  .gm-logos__fenster::after{animation:none!important;display:none}\r\n}\r\n<\/style>\r\n\r\n<section class=\"gm-logos\" aria-label=\"Unsere Kunden\" id=\"gmLogosSektion\">\r\n\r\n  <div class=\"gm-logos__fenster\" id=\"gmLogoFenster\">\r\n    <div class=\"gm-logos__spur\" id=\"gmLogoSpur\">\r\n      <div class=\"gm-logos__kachel\"><img decoding=\"async\" src=\"https:\/\/competitors.mh-studio.de\/wp-content\/uploads\/2026\/08\/Logos-01.svg\" alt=\"Kunde 1\"><\/div>\r\n      <div class=\"gm-logos__kachel\"><img decoding=\"async\" src=\"https:\/\/competitors.mh-studio.de\/wp-content\/uploads\/2026\/08\/Logos-02.svg\" alt=\"Kunde 2\"><\/div>\r\n      <div class=\"gm-logos__kachel\"><img decoding=\"async\" src=\"https:\/\/competitors.mh-studio.de\/wp-content\/uploads\/2026\/08\/Unbenannt-1.svg\" alt=\"Kunde 3\"><\/div>\r\n      <div class=\"gm-logos__kachel\"><img decoding=\"async\" src=\"https:\/\/competitors.mh-studio.de\/wp-content\/uploads\/2026\/08\/Unbenannt-1-03-2.svg\" alt=\"Kunde 4\"><\/div>\r\n      <div class=\"gm-logos__kachel\"><img decoding=\"async\" src=\"https:\/\/competitors.mh-studio.de\/wp-content\/uploads\/2026\/08\/Unbenannt-1-05-5.svg\" alt=\"Kunde 5\"><\/div>\r\n      <div class=\"gm-logos__kachel\"><img decoding=\"async\" src=\"https:\/\/competitors.mh-studio.de\/wp-content\/uploads\/2026\/08\/Unbenannt-1-06.svg\" alt=\"Kunde 6\"><\/div>\r\n      <div class=\"gm-logos__kachel\"><img decoding=\"async\" src=\"https:\/\/competitors.mh-studio.de\/wp-content\/uploads\/2026\/08\/Unbenannt-1-07.svg\" alt=\"Kunde 7\"><\/div>\r\n      <div class=\"gm-logos__kachel\"><img decoding=\"async\" src=\"https:\/\/competitors.mh-studio.de\/wp-content\/uploads\/2026\/08\/Unbenannt-1-10.svg\" alt=\"Kunde 8\"><\/div>\r\n      <div class=\"gm-logos__kachel\"><img decoding=\"async\" src=\"https:\/\/competitors.mh-studio.de\/wp-content\/uploads\/2026\/08\/Minimax_Logo.svg_.png\" alt=\"Minimax\"><\/div>\r\n      <div class=\"gm-logos__kachel\"><img decoding=\"async\" class=\"gm-logos__kachel--klein\" src=\"https:\/\/competitors.mh-studio.de\/wp-content\/uploads\/2026\/08\/Kreissparkasse_Reutlingen.svg_.png\" alt=\"Kreissparkasse Reutlingen\"><\/div>\r\n      <div class=\"gm-logos__kachel\"><img decoding=\"async\" class=\"gm-logos__kachel--klein\" src=\"https:\/\/competitors.mh-studio.de\/wp-content\/uploads\/2026\/08\/Volksbank.png\" alt=\"Volksbank\"><\/div>\r\n      <div class=\"gm-logos__kachel\"><img decoding=\"async\" src=\"https:\/\/competitors.mh-studio.de\/wp-content\/uploads\/2026\/08\/LandehauptstadtStuttgart-1.png\" alt=\"Landeshauptstadt Stuttgart\"><\/div>\r\n      <div class=\"gm-logos__kachel\"><img decoding=\"async\" src=\"https:\/\/competitors.mh-studio.de\/wp-content\/uploads\/2026\/08\/8cf3d11c-c6ab-4fc3-a41b-bc952c5e2d98.png\" alt=\"Outletcity Metzingen\"><\/div>\r\n      <div class=\"gm-logos__kachel\"><img decoding=\"async\" src=\"https:\/\/competitors.mh-studio.de\/wp-content\/uploads\/2026\/08\/GWG-Tuebingen.png\" alt=\"GWG T\u00fcbingen\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/* Dupliziert JEDE einzelne Logo-Kachel (nicht einen Wrapper) und\r\n   h\u00e4ngt sie direkt in dieselbe Spur an. Dadurch ist der Abstand\r\n   zwischen der letzten Original-Kachel und der ersten Klon-Kachel\r\n   exakt derselbe \"gap\" wie \u00fcberall sonst \u2014 kein sichtbarer Sprung\r\n   an der Nahtstelle des Loops. L\u00e4uft nur einmal beim Laden. *\/\r\n(function(){\r\n  var spur = document.getElementById('gmLogoSpur');\r\n  if (!spur) return;\r\n  var kacheln = Array.prototype.slice.call(spur.children);\r\n  kacheln.forEach(function(kachel){\r\n    var klon = kachel.cloneNode(true);\r\n    klon.setAttribute('aria-hidden', 'true'); \/\/ Duplikat aus Screenreader-Sicht ausblenden\r\n    spur.appendChild(klon);\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9348f5b e-con-full e-flex e-con e-parent\" data-id=\"9348f5b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5651363 elementor-widget elementor-widget-html\" data-id=\"5651363\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     GOTTFRIED MACK \u00b7 LEISTUNGEN (Bento-Grid mit Bild-Reveal)\r\n     Einfach in ein Elementor HTML-Widget einf\u00fcgen.\r\n\r\n     Funktionsweise:\r\n     - Asymmetrisches Grid (Bento-Style): unterschiedlich gro\u00dfe\r\n       Kacheln, nicht alle gleich, das wirkt weniger \"Template\".\r\n     - Im Ruhezustand: dunkle Kachel, Nummer + Titel.\r\n     - Bei Hover: Hintergrundbild blendet ein (Kenburns-artiges\r\n       Zoom-out von leicht vergr\u00f6\u00dfert auf normal), dunkler Verlauf\r\n       dar\u00fcber f\u00fcr Textlesbarkeit, schr\u00e4ger roter Akzentstrich\r\n       erscheint (gleiche Formsprache wie der 2.4-Button), Pfeil\r\n       f\u00e4hrt rein.\r\n     - Eine Kachel ist die durchgehend rote CTA-Kachel zur\r\n       Leistungs\u00fcbersicht, hebt sich bewusst vom Rest ab.\r\n     - Mobile: Grid f\u00e4llt auf eine Spalte zur\u00fcck, alle Kacheln\r\n       gleich hoch, Spans werden aufgehoben.\r\n\r\n     ANPASSEN:\r\n     - Bild-URLs unten ersetzen (echte Projektfotos je Gewerk)\r\n     - Links (href) auf die jeweiligen Leistungsseiten anpassen\r\n     ============================================================ -->\r\n\r\n<style>\r\n.gm-leistungen{\r\n  --gm-schwarz:#262624;\r\n  --gm-rot:#D90718;\r\n  --gm-kalk:#F2F2F2;\r\n  --gm-linie:rgba(242,242,242,.10);\r\n\r\n  background:var(--gm-schwarz);\r\n  padding:90px 64px;\r\n  font-family:\"Archivo\",system-ui,-apple-system,sans-serif;\r\n}\r\n\r\n.gm-leistungen__kopf{\r\n  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;\r\n  max-width:1320px;margin:0 auto 44px;\r\n}\r\n.gm-leistungen__eyebrow{\r\n  font-weight:600;font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;\r\n  color:rgba(242,242,242,.5);margin:0 0 12px;\r\n}\r\n.gm-leistungen__titel{\r\n  margin:0;color:var(--gm-kalk);\r\n  font-family:\"Archivo Black\",\"Arial Black\",sans-serif;font-weight:400;\r\n  font-size:clamp(28px,3.6vw,42px);letter-spacing:-0.02em;text-transform:uppercase;\r\n  max-width:14ch;\r\n}\r\n.gm-leistungen__sub{\r\n  margin:0;max-width:36ch;\r\n  color:rgba(242,242,242,.62);font-size:15px;line-height:1.6;\r\n}\r\n\r\n.gm-leistungen__grid{\r\n  max-width:1320px;margin:0 auto;\r\n  display:grid;\r\n  grid-template-columns:repeat(4, 1fr);\r\n  grid-auto-rows:180px;\r\n  gap:14px;\r\n}\r\n\r\n\/* Bento-Spans: manche Kacheln gr\u00f6\u00dfer\/breiter als andere *\/\r\n.gm-leistungen__karte:nth-child(1){grid-column:span 2;grid-row:span 2}\r\n.gm-leistungen__karte:nth-child(2){grid-column:span 2}\r\n.gm-leistungen__karte:nth-child(3){grid-column:span 1}\r\n.gm-leistungen__karte:nth-child(4){grid-column:span 1;grid-row:span 2}\r\n.gm-leistungen__karte:nth-child(5){grid-column:span 2}\r\n.gm-leistungen__karte:nth-child(6){grid-column:span 1}\r\n.gm-leistungen__karte:nth-child(7){grid-column:span 1}\r\n.gm-leistungen__karte:nth-child(8){grid-column:span 2}\r\n.gm-leistungen__karte--cta{grid-column:span 2}\r\n\r\n.gm-leistungen__karte{\r\n  position:relative;\r\n  display:flex;flex-direction:column;justify-content:flex-end;\r\n  padding:22px 24px;\r\n  background:#1a1a19;\r\n  border:1px solid var(--gm-linie);\r\n  overflow:hidden;\r\n  text-decoration:none;\r\n  isolation:isolate;\r\n}\r\n\r\n\/* Hintergrundbild-Layer, unsichtbar im Ruhezustand *\/\r\n.gm-leistungen__bild{\r\n  position:absolute;inset:0;\r\n  background-size:cover;background-position:center;\r\n  opacity:0;\r\n  transform:scale(1.12);\r\n  transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1);\r\n  z-index:-2;\r\n}\r\n.gm-leistungen__karte:hover .gm-leistungen__bild{\r\n  opacity:1;\r\n  transform:scale(1);\r\n}\r\n\r\n\/* Dunkler Verlauf \u00fcber dem Bild, f\u00fcr Textlesbarkeit immer da,\r\n   wird bei Hover etwas kr\u00e4ftiger *\/\r\n.gm-leistungen__schleier{\r\n  position:absolute;inset:0;\r\n  background:linear-gradient(180deg, rgba(26,26,25,.15) 0%, rgba(26,26,25,.55) 55%, rgba(26,26,25,.92) 100%);\r\n  transition:opacity .4s ease;\r\n  z-index:-1;\r\n}\r\n\r\n\/* Schr\u00e4ger roter Akzentstrich, gleiche Formsprache wie der\r\n   2.4-Button \u2014 f\u00e4hrt bei Hover von unten links rein *\/\r\n.gm-leistungen__karte::before{\r\n  content:\"\";\r\n  position:absolute;left:0;right:0;bottom:0;height:3px;\r\n  background:var(--gm-rot);\r\n  transform:scaleX(0) skewX(-18deg);\r\n  transform-origin:left;\r\n  transition:transform .4s cubic-bezier(.2,.8,.2,1);\r\n}\r\n.gm-leistungen__karte:hover::before{\r\n  transform:scaleX(1) skewX(-18deg);\r\n}\r\n\r\n.gm-leistungen__nummer{\r\n  position:relative;z-index:1;\r\n  font-variation-settings:\"wght\" 700;\r\n  font-size:12px;letter-spacing:.14em;\r\n  color:rgba(242,242,242,.5);\r\n  margin:0 0 10px;\r\n  transition:color .3s ease;\r\n}\r\n.gm-leistungen__karte:hover .gm-leistungen__nummer{\r\n  color:rgba(242,242,242,.85);\r\n}\r\n\r\n.gm-leistungen__name{\r\n  position:relative;z-index:1;\r\n  margin:0;\r\n  font-family:\"Archivo Black\",\"Arial Black\",sans-serif;font-weight:400;\r\n  font-size:clamp(17px,1.7vw,22px);\r\n  color:var(--gm-kalk);\r\n  letter-spacing:-0.01em;text-transform:uppercase;\r\n  line-height:1.08;\r\n  transform:translateY(4px);\r\n  transition:transform .35s cubic-bezier(.2,.8,.2,1);\r\n}\r\n.gm-leistungen__karte:hover .gm-leistungen__name{\r\n  transform:translateY(0);\r\n}\r\n\r\n.gm-leistungen__pfeil{\r\n  position:absolute;top:20px;right:20px;z-index:1;\r\n  width:34px;height:34px;\r\n  display:flex;align-items:center;justify-content:center;\r\n  border:1px solid rgba(242,242,242,.25);\r\n  opacity:0;\r\n  transform:translate(-6px,6px);\r\n  transition:opacity .3s ease,transform .35s cubic-bezier(.34,1.56,.64,1),background .25s ease,border-color .25s ease;\r\n}\r\n.gm-leistungen__karte:hover .gm-leistungen__pfeil{\r\n  opacity:1;transform:translate(0,0);\r\n  background:var(--gm-rot);border-color:var(--gm-rot);\r\n}\r\n.gm-leistungen__pfeil svg{width:14px;height:14px;color:var(--gm-kalk)}\r\n\r\n\/* ---------- CTA-Kachel: durchgehend rot statt Bild-Reveal ---------- *\/\r\n.gm-leistungen__karte--cta{\r\n  background:var(--gm-rot);\r\n  justify-content:center;align-items:flex-start;\r\n}\r\n.gm-leistungen__karte--cta .gm-leistungen__name{\r\n  transform:none;font-size:clamp(19px,2vw,26px);\r\n}\r\n.gm-leistungen__karte--cta .gm-leistungen__nummer{\r\n  color:rgba(242,242,242,.75);\r\n}\r\n.gm-leistungen__karte--cta::before{display:none}\r\n.gm-leistungen__karte--cta .gm-leistungen__pfeil{\r\n  opacity:1;transform:none;\r\n  border-color:rgba(242,242,242,.4);background:transparent;\r\n}\r\n.gm-leistungen__karte--cta:hover .gm-leistungen__pfeil{\r\n  background:var(--gm-kalk);border-color:var(--gm-kalk);\r\n}\r\n.gm-leistungen__karte--cta:hover .gm-leistungen__pfeil svg{color:var(--gm-rot)}\r\n.gm-leistungen__karte--cta:hover{\r\n  background:#c00410;\r\n}\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n@media (max-width:1000px){\r\n  .gm-leistungen__grid{grid-template-columns:repeat(2, 1fr);grid-auto-rows:200px}\r\n  .gm-leistungen__karte:nth-child(1){grid-column:span 2;grid-row:span 1}\r\n  .gm-leistungen__karte:nth-child(4){grid-row:span 1}\r\n}\r\n@media (max-width:640px){\r\n  .gm-leistungen{padding-block:64px}\r\n  .gm-leistungen__grid{grid-template-columns:1fr;grid-auto-rows:170px}\r\n  .gm-leistungen__karte,\r\n  .gm-leistungen__karte:nth-child(1),\r\n  .gm-leistungen__karte:nth-child(2),\r\n  .gm-leistungen__karte:nth-child(3),\r\n  .gm-leistungen__karte:nth-child(4),\r\n  .gm-leistungen__karte:nth-child(5),\r\n  .gm-leistungen__karte:nth-child(6),\r\n  .gm-leistungen__karte:nth-child(7),\r\n  .gm-leistungen__karte:nth-child(8),\r\n  .gm-leistungen__karte--cta{\r\n    grid-column:span 1;grid-row:span 1;\r\n  }\r\n  \/* Auf Mobile Bild direkt sichtbar statt nur bei Hover (kein\r\n     Hover-Ger\u00e4t), damit die Kacheln nicht leer wirken *\/\r\n  .gm-leistungen__bild{opacity:.55;transform:scale(1)}\r\n  .gm-leistungen__karte::before{transform:scaleX(1) skewX(-18deg)}\r\n  .gm-leistungen__pfeil{opacity:1;transform:none}\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .gm-leistungen__bild,.gm-leistungen__name,.gm-leistungen__pfeil,.gm-leistungen__karte::before{\r\n    transition:none!important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"gm-leistungen\" aria-label=\"Unsere Leistungen\">\r\n  <div class=\"gm-leistungen__kopf\">\r\n    <div>\r\n      <div class=\"gm-leistungen__eyebrow\">Was wir k\u00f6nnen<\/div>\r\n      <h2 class=\"gm-leistungen__titel\">Acht Gewerke, ein Ansprechpartner<\/h2>\r\n    <\/div>\r\n    <p class=\"gm-leistungen__sub\">Von der einzelnen Fassade bis zur kompletten Sanierung. Wir koordinieren, Sie haben einen Kontakt statt sieben Baustellen im Kopf.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"gm-leistungen__grid\">\r\n\r\n    <a class=\"gm-leistungen__karte\" href=\"\/leistungen\/innen-aussenputz\/\">\r\n      <div class=\"gm-leistungen__bild\" style=\"background-image:url('HIER-BILD-URL-INNEN-AUSSENPUTZ.jpg')\"><\/div>\r\n      <div class=\"gm-leistungen__schleier\"><\/div>\r\n      <span class=\"gm-leistungen__pfeil\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7M17 7H8M17 7v9\"\/><\/svg><\/span>\r\n      <div class=\"gm-leistungen__nummer\">01<\/div>\r\n      <h3 class=\"gm-leistungen__name\">Innen- &amp; Au\u00dfenputz<\/h3>\r\n    <\/a>\r\n\r\n    <a class=\"gm-leistungen__karte\" href=\"\/leistungen\/vollwaermeschutz\/\">\r\n      <div class=\"gm-leistungen__bild\" style=\"background-image:url('HIER-BILD-URL-VOLLWAERMESCHUTZ.jpg')\"><\/div>\r\n      <div class=\"gm-leistungen__schleier\"><\/div>\r\n      <span class=\"gm-leistungen__pfeil\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7M17 7H8M17 7v9\"\/><\/svg><\/span>\r\n      <div class=\"gm-leistungen__nummer\">02<\/div>\r\n      <h3 class=\"gm-leistungen__name\">Vollw\u00e4rmeschutz<\/h3>\r\n    <\/a>\r\n\r\n    <a class=\"gm-leistungen__karte\" href=\"\/leistungen\/trockenbau-reutlingen\/\">\r\n      <div class=\"gm-leistungen__bild\" style=\"background-image:url('HIER-BILD-URL-TROCKENBAU.jpg')\"><\/div>\r\n      <div class=\"gm-leistungen__schleier\"><\/div>\r\n      <span class=\"gm-leistungen__pfeil\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7M17 7H8M17 7v9\"\/><\/svg><\/span>\r\n      <div class=\"gm-leistungen__nummer\">03<\/div>\r\n      <h3 class=\"gm-leistungen__name\">Trockenbau<\/h3>\r\n    <\/a>\r\n\r\n    <a class=\"gm-leistungen__karte\" href=\"\/leistungen\/geruestbau\/\">\r\n      <div class=\"gm-leistungen__bild\" style=\"background-image:url('HIER-BILD-URL-GERUESTBAU.jpg')\"><\/div>\r\n      <div class=\"gm-leistungen__schleier\"><\/div>\r\n      <span class=\"gm-leistungen__pfeil\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7M17 7H8M17 7v9\"\/><\/svg><\/span>\r\n      <div class=\"gm-leistungen__nummer\">04<\/div>\r\n      <h3 class=\"gm-leistungen__name\">Ger\u00fcstbau<\/h3>\r\n    <\/a>\r\n\r\n    <a class=\"gm-leistungen__karte\" href=\"\/leistungen\/altbausanierung\/\">\r\n      <div class=\"gm-leistungen__bild\" style=\"background-image:url('HIER-BILD-URL-ALTBAUSANIERUNG.jpg')\"><\/div>\r\n      <div class=\"gm-leistungen__schleier\"><\/div>\r\n      <span class=\"gm-leistungen__pfeil\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7M17 7H8M17 7v9\"\/><\/svg><\/span>\r\n      <div class=\"gm-leistungen__nummer\">05<\/div>\r\n      <h3 class=\"gm-leistungen__name\">Altbausanierung<\/h3>\r\n    <\/a>\r\n\r\n    <a class=\"gm-leistungen__karte\" href=\"\/leistungen\/stuckarbeiten\/\">\r\n      <div class=\"gm-leistungen__bild\" style=\"background-image:url('HIER-BILD-URL-STUCKARBEITEN.jpg')\"><\/div>\r\n      <div class=\"gm-leistungen__schleier\"><\/div>\r\n      <span class=\"gm-leistungen__pfeil\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7M17 7H8M17 7v9\"\/><\/svg><\/span>\r\n      <div class=\"gm-leistungen__nummer\">06<\/div>\r\n      <h3 class=\"gm-leistungen__name\">Stuckarbeiten<\/h3>\r\n    <\/a>\r\n\r\n    <a class=\"gm-leistungen__karte\" href=\"\/leistungen\/innenausbau-malerarbeiten\/\">\r\n      <div class=\"gm-leistungen__bild\" style=\"background-image:url('HIER-BILD-URL-INNENAUSBAU-MALER.jpg')\"><\/div>\r\n      <div class=\"gm-leistungen__schleier\"><\/div>\r\n      <span class=\"gm-leistungen__pfeil\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7M17 7H8M17 7v9\"\/><\/svg><\/span>\r\n      <div class=\"gm-leistungen__nummer\">07<\/div>\r\n      <h3 class=\"gm-leistungen__name\">Innenausbau &amp; Malerarbeiten<\/h3>\r\n    <\/a>\r\n\r\n    <a class=\"gm-leistungen__karte\" href=\"\/leistungen\/komplettsanierung\/\">\r\n      <div class=\"gm-leistungen__bild\" style=\"background-image:url('HIER-BILD-URL-KOMPLETTSANIERUNG.jpg')\"><\/div>\r\n      <div class=\"gm-leistungen__schleier\"><\/div>\r\n      <span class=\"gm-leistungen__pfeil\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7M17 7H8M17 7v9\"\/><\/svg><\/span>\r\n      <div class=\"gm-leistungen__nummer\">08<\/div>\r\n      <h3 class=\"gm-leistungen__name\">Komplettsanierung<\/h3>\r\n    <\/a>\r\n\r\n    <a class=\"gm-leistungen__karte gm-leistungen__karte--cta\" href=\"\/leistungen\/\">\r\n      <span class=\"gm-leistungen__pfeil\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M7 17L17 7M17 7H8M17 7v9\"\/><\/svg><\/span>\r\n      <div class=\"gm-leistungen__nummer\">\u00dcbersicht<\/div>\r\n      <h3 class=\"gm-leistungen__name\">Alle Leistungen im Detail<\/h3>\r\n    <\/a>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Stuckateurbetrieb &amp; Ger\u00fcstbau seit 1987 Handwerk, das h\u00e4lt, was es verspricht Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Angebot anfragen Referenzen ansehen Was wir k\u00f6nnen Acht Gewerke, ein Ansprechpartner Von der einzelnen Fassade bis zur kompletten Sanierung. Wir koordinieren, Sie haben einen Kontakt statt [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/competitors.mh-studio.de\/index.php?rest_route=\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/competitors.mh-studio.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/competitors.mh-studio.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/competitors.mh-studio.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/competitors.mh-studio.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25"}],"version-history":[{"count":64,"href":"https:\/\/competitors.mh-studio.de\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":136,"href":"https:\/\/competitors.mh-studio.de\/index.php?rest_route=\/wp\/v2\/pages\/25\/revisions\/136"}],"wp:attachment":[{"href":"https:\/\/competitors.mh-studio.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}