/* Nachbau Stufe 3: ersetzt, was auf der alten Seite die MotoCMS-Skripte am Aussehen änderten. Rest = alte Stylesheets. */

/* Einblenden beim Scrollen: erst unsichtbar, nachbau.js setzt .animated (animate.css aus assets.min.css) */
html.nachbau-js .wow:not(.animated) { visibility: hidden; }

/* Formular-Platzhalter der Angular-Formulare (Fehler, Senden, Erfolg) nie zeigen */
.ng-cloak, [ng-cloak], .contact-form-loading, [ng-show] { display: none !important; }

/* Slider (fade): Folien übereinander, Höhe = höchste Folie */
.moto-widget-content_slider, .moto-widget-slider .bx-wrapper { position: relative; }
.nachbau-fade { display: grid !important; }
.nachbau-fade > .nachbau-slide { grid-area: 1 / 1; opacity: 0; transition: opacity .6s; pointer-events: none; list-style: none; }
.nachbau-fade > .nachbau-slide.nachbau-aktiv { opacity: 1; pointer-events: auto; z-index: 1; }
.moto-widget-slider .bx-pager { text-align: center; padding-top: 10px; }
.moto-widget-slider .bx-pager-item { display: inline-block; }
.moto-widget-slider .bx-pager-link { display: block; width: 10px; height: 10px; border-radius: 50%; font-size: 0; border: 1px solid; }

/* Karussell: eine Reihe, wird von nachbau.js gemessen */
.nachbau-karussell { margin: 0 auto; }
.nachbau-karussell .bx-viewport { overflow: hidden; }
.nachbau-karussell .moto-widget-carousel-list { display: flex; flex-wrap: nowrap; }
.nachbau-karussell .moto-widget-carousel-item { flex: 0 0 auto; }

/* Google-Maps-Einbettung ersetzt (setzte Google-Cookies): gleich hoher Kasten mit Link */
.nachbau-karte { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; width: 100%;
  background: #ece8e1; color: #2b2b2b; text-decoration: none; font-family: 'PT Serif', serif; font-size: 17px; text-align: center; padding: 20px; box-sizing: border-box; }

/* Ersatz für die 6 Formulare ohne Versand (Vlad Karte 2026-10-12-10): ein Feld im Stil der alten Formularfelder
   (styles.css preset-default: weiß, Schrift #ddb472, PT Serif), darunter der alte Absende-Knopf als Link */
.nachbau-formular-text { background: #fff; color: #ddb472; font: 16px/1.5 'PT Serif', serif; text-align: center; padding: 14px 18px; margin: 0 0 20px; }
.nachbau-formular-text a { color: inherit; text-decoration: underline; }
.nachbau-knopf { display: inline-block; border: 1px solid currentColor; border-radius: 30px; padding: 9px 26px; font-family: 'PT Serif', serif;
  font-size: 12px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; text-decoration: none !important; color: inherit; }

/* Fußzeile: die alte Seite hatte keine; hier nur Impressum + Reservierungs-Datenschutz verlinkt (alt-vs-neu.md Nr. 1) */
/* … und steht auf kurzen Seiten am unteren Fensterrand statt mitten im Bild */
body.moto-website_live { display: flex; flex-direction: column; min-height: 100vh; }
body.moto-website_live > .page { flex: 1 0 auto; width: 100%; }
body.moto-website_live > #section-footer { flex-shrink: 0; width: 100%; }
.nachbau-fuss { background: #000; color: #aaa; text-align: center; font: 13px/1.5 'PT Serif', serif; padding: 14px 16px; }
.nachbau-fuss a { color: #ddd; text-decoration: none; }
.nachbau-fuss a:hover { text-decoration: underline; }

/* Hintergrundvideos: MotoCMS rechnete die Größe per Skript aus („cover“); hier per object-fit */
.moto-background-video-container { overflow: hidden; }
video.moto-background-video { width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; transform: none; }
/* (transform: none — die Klasse moto-absolute-position_center verschiebt um −50 %, MotoCMS glich das per Skript aus; ohne das lag das Video auf /gjk/ halb außerhalb) */
/* Formulare (Worker): Honigtopf unsichtbar, Turnstile nur bei Bedarf */
.nachbau-honig { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.nachbau-turnstile { margin: 8px 0; }