/* medien-digital – Mobil-Ansicht Schmalfilm
   Ergänzt die Grundgestaltung aus md-mobil-video/assets/mobil.css.
   Alle Regeln hängen an html.mdmv; die Klasse wird nur unterhalb von 768 px gesetzt. */

/* Einstieg */
html.mdmv .mdmf-hero .mdmv-hero__foto img { object-position: 100% 30%; transform: scale(1.15); transform-origin: 100% 30%; }
html.mdmv .mdmf-hero .mdmv-hero__foto .mdmv-hero__siegel { width: 86px; }
html.mdmv .mdmf-hero .mdmv-hero__bild { order: 6; max-width: 250px; align-self: center; margin-bottom: 22px !important; }
html.mdmv .mdmf-hero .mdmv-hero__bild img { clip-path: none; margin: 0 auto; }
html.mdmv .mdmf-hero__formate { order: 0; font-size: 15px !important; line-height: 1.4 !important; font-weight: 700; color: #0f6d9e; margin-bottom: 4px !important; }
html.mdmv .mdmf-hero .mdmv-hero__liste { order: 8; }

/* Was im Editor fürs Handy ausgeblendet ist, bleibt ausgeblendet */
html.mdmv main .mdmv-abschnitt .wp-block-columns.uag-hide-mob { display: none !important; }

/* Qualität */
html.mdmv .mdmv-vertrauen .uagb-ifb-desc { margin-left: 0 !important; padding-left: 0 !important; }
html.mdmv .mdmv-vertrauen .wp-block-columns { display: block !important; margin: 0 !important; }
html.mdmv .mdmv-vertrauen .wp-block-column { margin: 0 !important; padding: 0 !important; width: 100% !important; }
html.mdmv .mdmv-vertrauen .wp-block-column > p { font-size: 14px !important; color: var(--mdmv-grau); margin: 0 0 22px !important; }
html.mdmv .mdmv-vertrauen .uagb-heading-text { font-size: 18px !important; text-align: left !important; }

/* Filmspule */
html.mdmv .mdmf-rolle { width: 150px; }
html.mdmv .mdmf-rolle .mdmv-spule { animation-duration: 7s; }

/* Preise */
html.mdmv .mdmf-preise > .WrapContent > .wp-block-columns .wp-block-spacer { display: none; }
html.mdmv .mdmf-preise > .WrapContent > .wp-block-columns .wp-block-column { margin-bottom: 0 !important; }
html.mdmv .mdmf-preise h3.wp-block-heading { margin: 0 0 18px !important; }
html.mdmv .mdmf-preise .mdmv-wahl__leiste { grid-template-columns: 1.5fr 1fr; }
html.mdmv .mdmf-preise .mdmv-wahl__knopf { font-size: 15px; }
html.mdmv .mdmf-tafeln { display: grid; gap: 16px; }
html.mdmv .mdmf-tafel { overflow: hidden; border-radius: 14px; background: #eeefef; box-shadow: 0 3px 10px rgba(0, 0, 0, .12); }
html.mdmv .mdmf-tafel__kopf { padding: 14px 16px 12px; background: #4a4c4e; text-align: center; }
html.mdmv .mdmf-preise .mdmf-tafel__kopf h3 { margin: 0 0 3px !important; font-size: 24px !important; line-height: 1.2 !important; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #00aded; text-align: center !important; }
html.mdmv .mdmf-preise .mdmf-tafel__kopf p { margin: 0; font-size: 13px; line-height: 1.4; color: #fff; }
html.mdmv .mdmf-tafel__inhalt { padding: 16px; }
html.mdmv .mdmf-preise .mdmf-tafel__preis { margin: 0 0 8px; font-size: 16px; line-height: 1.2; text-align: center; color: var(--mdmv-text); }
html.mdmv .mdmf-tafel__preis strong { font-size: 30px; font-weight: 700; }
html.mdmv .mdmf-preise .mdmf-tafel__zusatz { margin: 0; font-size: 14px; line-height: 1.5; text-align: center; color: var(--mdmv-text); }
html.mdmv .mdmf-tafel .md-tafel__mehr { border-top-color: #cfd3d6; }
html.mdmv .mdmf-tafel__liste { margin: 0 !important; padding: 0 0 4px !important; list-style: none; }
html.mdmv .mdmf-tafel__punkt { position: relative; margin: 0; padding: 5px 0 5px 26px; font-size: 15px; line-height: 1.4; color: var(--mdmv-text); list-style: none; }
html.mdmv .mdmf-tafel__punkt::before { content: "✓"; position: absolute; left: 2px; top: 5px; font-weight: 700; color: #0f6d9e; }
html.mdmv .mdmf-tafel__punkt--nein { color: #6b7378; }
html.mdmv .mdmf-tafel__punkt--nein::before { content: "–"; color: #8d9599; }
html.mdmv .mdmf-tafel__punkt--optional::before { content: "+"; }
html.mdmv .mdmf-preise .mdmf-preise__hinweis { margin: 16px 0 20px; font-size: 14px; line-height: 1.5; color: var(--mdmv-grau); }
html.mdmv .mdmf-preise .mdmf-preise__link { margin: 14px 0 0; font-size: 16px; font-weight: 700; }
html.mdmv .mdmf-preise__link a { color: #0f6d9e; }

/* Tabellen */
html.mdmv .mdmf-zusatz,
html.mdmv .mdmf-spulen { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.4; }
html.mdmv .mdmf-zusatz th,
html.mdmv .mdmf-zusatz td { padding: 9px 0; border-bottom: 1px solid var(--mdmv-linie); vertical-align: top; text-align: left; font-weight: 400; color: var(--mdmv-text); }
html.mdmv .mdmf-zusatz td { padding-left: 12px; white-space: nowrap; text-align: right; font-weight: 700; }
html.mdmv .mdmf-spulen th,
html.mdmv .mdmf-spulen td { padding: 9px 8px; border-bottom: 1px solid var(--mdmv-linie); text-align: left; color: var(--mdmv-text); }
html.mdmv .mdmf-spulen th { font-size: 14px; color: var(--mdmv-grau); font-weight: 700; }
html.mdmv .mdmf-spulen td:last-child,
html.mdmv .mdmf-spulen th:last-child { text-align: right; }
html.mdmv .mdmf-spulen td:last-child { font-weight: 700; }
html.mdmv .mdmf-preise .mdmf-spulen__hinweis { margin: 8px 0 18px; font-size: 14px; color: var(--mdmv-grau); }
html.mdmv .mdmf-preise .mdmv-acc__inhalt .wp-block-uagb-icon-list { margin: 0 0 12px; }
html.mdmv .mdmf-preise .mdmv-acc__inhalt h3.wp-block-heading { margin: 0 0 12px !important; font-size: 17px !important; }
html.mdmv .mdmf-preise .mdmv-acc__inhalt .wp-block-columns { display: block !important; }
html.mdmv .mdmf-preise .mdmv-acc__inhalt .wp-block-column { margin: 0 0 18px !important; padding: 0 !important; width: 100% !important; }
html.mdmv .mdmf-preise .mdmv-acc__inhalt figure { margin: 10px 0 !important; }
html.mdmv .mdmf-preise .mdmv-acc__inhalt video { display: block; width: 100%; border-radius: 10px; }

/* Haben Sie Fragen? */
html.mdmv .mdmf-fragen { margin: 22px 0 0 !important; padding: 18px 16px !important; width: 100% !important; box-sizing: border-box; border: 1px solid var(--mdmv-linie); border-radius: 14px; background: var(--mdmv-flaeche); box-shadow: none !important; }
html.mdmv .mdmf-fragen .wp-block-columns { display: flex !important; justify-content: center; margin: 0 0 8px !important; }
html.mdmv .mdmf-fragen .wp-block-column { flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; background: none !important; }
html.mdmv .mdmf-fragen img { display: block; width: 76px !important; height: 76px !important; margin: 0 auto; border-radius: 50%; object-fit: cover; }
html.mdmv .mdmf-fragen p { margin: 0 0 8px !important; font-size: 15px !important; line-height: 1.5 !important; text-align: center !important; }

/* Mehr erfahren: farbige Blöcke aus dem Editor passen sich in den Aufklapper ein */
html.mdmv .mdmv-mehr .mdmv-acc__inhalt h2 mark { color: #0f6d9e !important; background: none !important; }
html.mdmv .mdmv-mehr .mdmv-acc__inhalt .wp-block-uagb-advanced-heading:first-child { display: none; }
html.mdmv .mdmv-mehr .mdmv-acc__inhalt .wp-block-uagb-container { width: 100% !important; max-width: 100% !important; margin: 0 !important; box-sizing: border-box; }
html.mdmv .mdmv-mehr .mdmv-acc__inhalt .wp-block-cover { min-height: 0 !important; }
html.mdmv .mdmv-mehr .mdmv-acc__inhalt .wp-block-cover__image-background { display: none !important; }
html.mdmv .mdmv-mehr .mdmv-acc__inhalt .wp-block-group { padding: 0 !important; }