/*
Theme Name: ArbeitszeugnisPro
Theme URI: https://arbeitszeugnispro.com
Author: ArbeitszeugnisPro
Description: Schlankes Block-Theme für die Website von ArbeitszeugnisPro. Farben und Schriften wie in der App, Schriften lokal eingebunden (keine externen Anfragen).
Version: 1.2.1
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: arbeitszeugnispro
Update URI: false
*/

/* ---------- Basis ---------- */
body { -webkit-font-smoothing: antialiased; }
:where(a, button, summary):focus-visible { outline: 3px solid var(--wp--preset--color--blue); outline-offset: 3px; border-radius: 6px; }
.wp-block-heading { text-wrap: balance; }
.az-placeholder { background: var(--wp--preset--color--mark); padding: 0 4px; border-radius: 3px; font-family: var(--wp--preset--font-family--mono); font-size: .85em; }

/* ---------- Kopfbereich ---------- */
.az-header { background: color-mix(in srgb, var(--wp--preset--color--bg) 90%, transparent); backdrop-filter: saturate(1.4) blur(10px); -webkit-backdrop-filter: saturate(1.4) blur(10px); border-bottom: 1px solid var(--wp--preset--color--line); }
/* WordPress wraps the header part in <header class="wp-block-template-part"> of the
   same height, so the wrapper must be the sticky element. */
.wp-site-blocks > .wp-block-template-part:has(> .az-header) { position: sticky; top: 0; z-index: 50; }
.admin-bar .wp-site-blocks > .wp-block-template-part:has(> .az-header) { top: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) { .admin-bar .wp-site-blocks > .wp-block-template-part:has(> .az-header) { top: 0; } }
.az-header-inner { display: flex; align-items: center; gap: 20px; padding-block: 12px; }
.az-header-inner > * { margin: 0 !important; }
.az-brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 800; font-size: 1.125rem; letter-spacing: -.01em; color: var(--wp--preset--color--ink); text-decoration: none; }
.az-brand img { flex: none; width: 34px; height: 34px; border-radius: 8px; }
.az-header .wp-block-navigation { margin-left: auto !important; }
.az-header .wp-block-navigation a { color: var(--wp--preset--color--muted); text-decoration: none; }
.az-header .wp-block-navigation a:hover { color: var(--wp--preset--color--ink); }
.az-header .wp-block-buttons { flex: none; }
.az-header .wp-block-button__link { white-space: nowrap; }
@media (max-width: 599px) {
  /* Handy: Menü-Symbol ganz rechts, Knopf davor */
  .az-header .wp-block-buttons { margin-left: auto !important; order: 2; }
  .az-header .wp-block-navigation { margin-left: 0 !important; order: 3; }
  /* backdrop-filter would confine the fixed menu overlay to the header bar */
  .az-header { background: var(--wp--preset--color--bg); backdrop-filter: none; -webkit-backdrop-filter: none; }
}
.az-header .wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--paper); color: var(--wp--preset--color--ink); padding: 24px 20px; }
.az-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { padding-top: 56px; gap: 6px; }
.az-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: 1.25rem; font-weight: 700; color: var(--wp--preset--color--ink); padding: 8px 0; }
@media (max-width: 440px) {
  .az-header-inner { gap: 10px; }
  .az-brand { font-size: .98rem; gap: 8px; }
  .az-brand img { width: 28px; height: 28px; border-radius: 7px; }
  .az-header .wp-block-button__link { padding: 9px 12px; font-size: .9rem; }
}

/* ---------- Bausteine ---------- */
.az-eyebrow { font-family: var(--wp--preset--font-family--mono); font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--blue); }
.az-lede { font-size: clamp(1.0625rem, 1.6vw, 1.2rem); color: var(--wp--preset--color--muted); max-width: 58ch; }
.az-section { border-top: 1px solid var(--wp--preset--color--line); padding-top: 72px; padding-bottom: 72px; }
.az-section > .az-head { margin-bottom: 36px; }
.az-head > * { margin-top: 0; margin-bottom: 0; }
.az-head { display: flex; flex-direction: column; gap: 12px; }

/* Buttons */
.wp-block-button.az-btn-store .wp-block-button__link { background: var(--wp--preset--color--ink); color: var(--wp--preset--color--bg); }
.wp-block-button.az-btn-store .wp-block-button__link:hover { background: #000; }
.wp-block-button.az-btn-ghost .wp-block-button__link { background: var(--wp--preset--color--paper); color: var(--wp--preset--color--ink); box-shadow: inset 0 0 0 2px var(--wp--preset--color--line); }
.wp-block-button.az-btn-ghost .wp-block-button__link:hover { box-shadow: inset 0 0 0 2px var(--wp--preset--color--blue); }
.az-trial { display: flex; align-items: center; gap: 8px; font-size: .9375rem; color: var(--wp--preset--color--muted); }
.az-trial::before { content: ""; width: 18px; height: 18px; flex: none; background: var(--wp--preset--color--green); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='8' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='M5.3 9.2l2.4 2.3 5-5' stroke='black' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='8' fill='none' stroke='black' stroke-width='1.6'/%3E%3Cpath d='M5.3 9.2l2.4 2.3 5-5' stroke='black' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat; }

/* ---------- Startbereich ---------- */
.az-hero { padding-top: 56px; padding-bottom: 72px; }
.az-hero .wp-block-columns { gap: 48px; align-items: center; }
.az-hero h1 em { font-style: normal; color: var(--wp--preset--color--blue); }

/* Zeugnis-Ausschnitt */
.az-letter { position: relative; background: var(--wp--preset--color--paper); border: 1px solid var(--wp--preset--color--line); border-radius: 6px; box-shadow: 0 1px 0 var(--wp--preset--color--line), 0 24px 48px -24px rgba(44, 62, 80, .45); padding: 28px 26px 26px; font-family: var(--wp--preset--font-family--serif); font-size: 16.5px; line-height: 1.7; color: var(--wp--preset--color--ink); margin: 0; }
.az-letter .lh { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; font-family: var(--wp--preset--font-family--sans); font-size: 11.5px; color: var(--wp--preset--color--muted); border-bottom: 1px solid var(--wp--preset--color--line); padding-bottom: 12px; margin-bottom: 16px; }
.az-letter .lh b { display: block; font-size: 13px; color: var(--wp--preset--color--ink); }
.az-letter .title { font-family: var(--wp--preset--font-family--serif); font-weight: 500; font-size: 22px; margin: 0 0 10px; letter-spacing: .01em; }
.az-letter p { margin: 0; }
.az-letter p + p { margin-top: 10px; }
.az-letter .hl { background: linear-gradient(transparent 55%, var(--wp--preset--color--mark) 55%); padding: 0 1px; }
.az-letter .anno { display: inline-block; font-family: var(--wp--preset--font-family--sans); font-size: 11px; font-weight: 700; line-height: 1; background: var(--wp--preset--color--navy); color: #fff; padding: 4px 7px; border-radius: 5px; margin-left: 5px; vertical-align: 2px; white-space: nowrap; }
.az-letter .anno i { font-style: normal; font-weight: 500; opacity: .8; }
.az-letter .sig { display: flex; justify-content: space-between; align-items: flex-end; margin-top: 18px; font-family: var(--wp--preset--font-family--sans); font-size: 12px; color: var(--wp--preset--color--muted); }
.az-letter .sig svg { color: var(--wp--preset--color--navy); }
@media (max-width: 560px) { .az-letter { padding: 22px 18px; } }

/* ---------- Ablauf ---------- */
.az-steps { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; counter-reset: azstep; }
.az-steps > * { margin: 0 !important; }
.az-step { background: var(--wp--preset--color--paper); border: 1px solid var(--wp--preset--color--line); border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 8px; counter-increment: azstep; }
.az-step > * { margin: 0 !important; }
.az-step::before { content: counter(azstep); font-family: var(--wp--preset--font-family--mono); font-size: 13px; color: var(--wp--preset--color--blue); border: 1.5px solid var(--wp--preset--color--blue); border-radius: 999px; width: 28px; height: 28px; display: grid; place-content: center; }
.az-step p { font-size: .97rem; color: var(--wp--preset--color--muted); }
.az-chips { list-style: none; padding: 0 !important; display: flex; flex-wrap: wrap; gap: 6px; }
.az-chips li { font-size: 12.5px; background: var(--wp--preset--color--tint); color: var(--wp--preset--color--ink); border-radius: 999px; padding: 2px 9px; margin: 0; }
@media (max-width: 900px) { .az-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .az-steps { grid-template-columns: 1fr; } }

/* ---------- Funktionen ---------- */
.az-features { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px 32px; }
.az-features > * { margin: 0 !important; }
.az-feature { display: flex; flex-direction: column; gap: 8px; }
.az-feature > * { margin: 0 !important; }
.az-feature p { color: var(--wp--preset--color--muted); font-size: .97rem; }
.az-feature::before { content: ""; width: 40px; height: 40px; border-radius: 10px; background: var(--wp--preset--color--tint) var(--az-icon) center / 20px 20px no-repeat; }
.az-feature.az-i-ai { --az-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2l1.6 4.4L16 8l-4.4 1.6L10 14l-1.6-4.4L4 8l4.4-1.6zM15.5 13l.8 2.2 2.2.8-2.2.8-.8 2.2-.8-2.2-2.2-.8 2.2-.8z' fill='%232F86C6'/%3E%3C/svg%3E"); }
.az-feature.az-i-text { --az-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 3h9l3 3v11H4z' fill='none' stroke='%232F86C6' stroke-width='1.6'/%3E%3Cpath d='M7 9h6M7 12h6M7 15h4' stroke='%232F86C6' stroke-width='1.6'/%3E%3C/svg%3E"); }
.az-feature.az-i-letterhead { --az-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='3' y='3' width='14' height='14' rx='2' fill='none' stroke='%232F86C6' stroke-width='1.6'/%3E%3Cpath d='M6 14h8' stroke='%232F86C6' stroke-width='1.6'/%3E%3Crect x='6' y='6' width='4' height='3' fill='%232F86C6'/%3E%3C/svg%3E"); }
.az-feature.az-i-sign { --az-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M2 15c3-6 5-7 5.5-4S5 16 8 14.5 11 8 13 9.5s0 5 3 4' fill='none' stroke='%232F86C6' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E"); }
.az-feature.az-i-people { --az-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='7' cy='7' r='3' fill='none' stroke='%232F86C6' stroke-width='1.6'/%3E%3Ccircle cx='14' cy='8' r='2.4' fill='none' stroke='%232F86C6' stroke-width='1.6'/%3E%3Cpath d='M2 17c0-3 2.2-5 5-5s5 2 5 5M12 17c0-2 .8-3.6 2.5-4.2' fill='none' stroke='%232F86C6' stroke-width='1.6'/%3E%3C/svg%3E"); }
.az-feature.az-i-devices { --az-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='2' y='4' width='11' height='8' rx='1.5' fill='none' stroke='%232F86C6' stroke-width='1.6'/%3E%3Crect x='13' y='7' width='5' height='9' rx='1.2' fill='none' stroke='%232F86C6' stroke-width='1.6'/%3E%3Cpath d='M5 15h6' stroke='%232F86C6' stroke-width='1.6'/%3E%3C/svg%3E"); }
@media (max-width: 900px) { .az-features { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .az-features { grid-template-columns: 1fr; } }

/* ---------- Zeugnissprache ---------- */
.az-grades { background: var(--wp--preset--color--navy); color: #fff; border-radius: 16px; padding: 36px !important; display: grid !important; grid-template-columns: .9fr 1.1fr; gap: 36px; align-items: start; }
.az-grades > * { margin: 0 !important; }
.az-grades .wp-block-heading { color: #fff; }
.az-grades .az-eyebrow { color: #9FD0F5; }
.az-grades .az-lede { color: #C9D5E1; }
.az-scale { border-top: 1px solid rgba(255, 255, 255, .15); }
.az-scale > * { margin: 0 !important; }
.az-row { display: grid !important; grid-template-columns: 1fr auto; gap: 16px; align-items: baseline; padding-block: 12px; border-bottom: 1px solid rgba(255, 255, 255, .15); }
.az-row > * { margin: 0 !important; }
.az-q { font-family: var(--wp--preset--font-family--serif); font-size: 18px; }
.az-g { font-family: var(--wp--preset--font-family--mono); font-size: 13px; color: #9FD0F5; white-space: nowrap; }
.az-grades .az-note { color: #C9D5E1; font-size: 13px; margin-top: 12px !important; }
@media (max-width: 860px) { .az-grades { grid-template-columns: 1fr; padding: 26px 20px !important; } }

/* ---------- Preise ---------- */
.az-prices { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.az-prices > * { margin: 0 !important; }
.az-plan { background: var(--wp--preset--color--paper); border: 1px solid var(--wp--preset--color--line); border-radius: 14px; padding: 24px; display: flex; flex-direction: column; gap: 14px; position: relative; }
.az-plan > * { margin: 0 !important; }
.az-plan.az-best { border: 2px solid var(--wp--preset--color--blue); }
.az-tag { position: absolute; top: -12px; left: 24px; background: var(--wp--preset--color--blue); color: #fff; font-size: 12px; font-weight: 700; border-radius: 999px; padding: 3px 10px; }
.az-price { font-size: 2.375rem; font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; line-height: 1.1; }
.az-sub { color: var(--wp--preset--color--muted); font-size: .92rem; }
.az-checks { list-style: none; padding: 0 !important; display: flex; flex-direction: column; gap: 7px; font-size: .97rem; }
.az-checks li { padding-left: 26px; position: relative; margin: 0; }
.az-checks li::before { content: ""; position: absolute; left: 0; top: .45em; width: 14px; height: 14px; background: var(--wp--preset--color--green); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 7.5l3 3 7-7' stroke='black' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2 7.5l3 3 7-7' stroke='black' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/contain no-repeat; }
.az-fine { color: var(--wp--preset--color--muted); font-size: .875rem; max-width: 70ch; margin-top: 16px !important; }
@media (max-width: 860px) { .az-prices { grid-template-columns: 1fr; } }

/* ---------- Fragen ---------- */
.az-faq { display: flex !important; flex-direction: column; gap: 10px; max-width: 820px; }
.az-faq > * { margin: 0 !important; }
.az-faq .wp-block-details { background: var(--wp--preset--color--paper); border: 1px solid var(--wp--preset--color--line); border-radius: 12px; padding: 0; }
.az-faq summary { cursor: pointer; padding: 16px 20px; font-weight: 700; list-style: none; display: flex; justify-content: space-between; gap: 16px; }
.az-faq summary::-webkit-details-marker { display: none; }
.az-faq summary::after { content: "+"; font-family: var(--wp--preset--font-family--mono); color: var(--wp--preset--color--blue); font-size: 20px; line-height: 1; }
.az-faq details[open] summary::after { content: "–"; }
.az-faq .wp-block-details > :not(summary) { padding: 0 20px 18px; margin: 0; color: var(--wp--preset--color--muted); max-width: 68ch; }

/* ---------- Unterseiten ---------- */
.az-legal { padding-top: 48px; padding-bottom: 72px; }
.az-legal h2 { font-size: 1.375rem; margin-top: 2.2rem; }
.az-legal h3 { margin-top: 1.6rem; }
.az-legal p, .az-legal li { color: var(--wp--preset--color--ink); }

/* ---------- Fußbereich ---------- */
.az-footer { border-top: 1px solid var(--wp--preset--color--line); padding-top: 32px; padding-bottom: 48px; font-size: .9rem; color: var(--wp--preset--color--muted); }
.az-footer-inner { display: flex; flex-wrap: wrap; gap: 12px 28px; align-items: center; justify-content: space-between; }
.az-footer-inner > * { margin: 0 !important; }
.az-footer a { color: var(--wp--preset--color--muted); }
.az-footer-links { display: flex; flex-wrap: wrap; gap: 8px 20px; }

@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }

/* Store-Knöpfe mit Logo */
.wp-block-button.az-btn-store .wp-block-button__link { display: inline-flex; align-items: center; gap: 8px; }
.wp-block-button.az-btn-store .wp-block-button__link::before { content: ""; width: 18px; height: 20px; flex: none; background: currentColor; -webkit-mask: var(--az-logo) center/contain no-repeat; mask: var(--az-logo) center/contain no-repeat; }
.wp-block-button.az-apple { --az-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 22'%3E%3Cpath d='M16.4 11.7c0-2.6 2.1-3.8 2.2-3.9-1.2-1.8-3.1-2-3.7-2-1.6-.2-3.1.9-3.9.9-.8 0-2-.9-3.4-.9-1.7 0-3.3 1-4.2 2.6-1.8 3.1-.5 7.7 1.3 10.2.9 1.2 1.9 2.6 3.2 2.6 1.3-.1 1.8-.8 3.3-.8 1.6 0 2 .8 3.4.8 1.4 0 2.3-1.3 3.1-2.5 1-1.4 1.4-2.8 1.4-2.9 0 0-2.7-1-2.7-4.1zM13.8 4.1c.7-.9 1.2-2 1.1-3.1-1 0-2.2.7-3 1.5-.6.7-1.2 1.9-1 3 1.1.1 2.2-.6 2.9-1.4z'/%3E%3C/svg%3E"); }
.wp-block-button.az-google { --az-logo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 22'%3E%3Cpath d='M1.2.6 11.4 11 1.2 21.4c-.4-.2-.7-.7-.7-1.3V1.9c0-.6.3-1.1.7-1.3zm11.6 9 2.8-2.8 3.4 2c1 .6 1 1.9 0 2.5l-3.4 2-2.8-2.8L11.9 11l.9-1.4zM2.4.1 14.5 7l-2.4 2.4L2.4.1zm0 21.8 9.7-9.3 2.4 2.4-12.1 6.9z'/%3E%3C/svg%3E"); }

/* ---------- Echte App-Bilder (seit 1.1.0) ---------- */
/* Browser-Rahmen: Leiste mit drei Punkten über dem Screenshot */
.wp-block-image.az-browser { margin: 0; background: var(--wp--preset--color--paper); border: 1px solid var(--wp--preset--color--line); border-radius: 12px; overflow: hidden; box-shadow: 0 30px 60px -30px rgba(44, 62, 80, .45), 0 2px 6px rgba(44, 62, 80, .06); }
.wp-block-image.az-browser::before { content: ""; display: block; height: 26px; border-bottom: 1px solid var(--wp--preset--color--line); background: radial-gradient(circle at 16px 13px, #E8A09A 4px, transparent 4.5px), radial-gradient(circle at 32px 13px, #EBC97A 4px, transparent 4.5px), radial-gradient(circle at 48px 13px, #9CCDA6 4px, transparent 4.5px), #F6F8FA; }
.wp-block-image.az-browser img { display: block; width: 100%; height: auto; }

/* Handy-Rahmen */
.wp-block-image.az-phone { margin: 0; background: #111A22; padding: 9px; border-radius: 34px; box-shadow: 0 30px 50px -24px rgba(17, 26, 34, .55); }
.wp-block-image.az-phone img { display: block; width: 100%; height: auto; border-radius: 26px; }

/* Startbereich: Dashboard im Browser, Zeugnis am Handy davor */
.az-hero-cols { align-items: center !important; }
.az-showcase { position: relative; padding: 0 0 36px 48px; }
.az-showcase > * { margin: 0 !important; }
.az-showcase .az-phone-hero { position: absolute; left: 0; bottom: 0; width: 34%; max-width: 210px; padding: 7px; border-radius: 26px; }
.az-showcase .az-phone-hero img { border-radius: 20px; }
@media (max-width: 781px) { .az-showcase { padding: 8px 0 28px 28px; } .az-showcase .az-phone-hero { width: 36%; } }

/* Kennzahlen unter dem Startbereich */
.az-facts { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 48px !important; }
.az-facts > * { margin: 0 !important; }
.az-fact { background: var(--wp--preset--color--paper); border: 1px solid var(--wp--preset--color--line); border-radius: 12px; padding: 14px 16px; font-size: .92rem; color: var(--wp--preset--color--muted); line-height: 1.35; }
@media (max-width: 560px) { .az-fact { font-size: .85rem; padding: 12px 14px; } }
.az-fact strong { display: block; font-size: 1.6rem; font-weight: 800; letter-spacing: -.02em; color: var(--wp--preset--color--navy); }
@media (max-width: 860px) { .az-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Ablauf mit Bild */
.az-step .wp-block-image.az-step-img { margin: -8px -8px 6px !important; border-radius: 8px; overflow: hidden; background: var(--wp--preset--color--bg); border: 1px solid var(--wp--preset--color--line); }
.az-step .wp-block-image.az-step-img img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: top center; }
.az-steps .az-step:nth-child(2) .az-step-img img { object-position: center top; }
.az-steps .az-step:nth-child(3) .az-step-img img { object-position: left top; }

/* Funktionsreihen: Text und Bild abwechselnd */
.wp-block-columns.az-split { gap: 56px; align-items: center !important; margin-top: 72px !important; }
.wp-block-columns.az-split:first-of-type { margin-top: 8px !important; }
@media (min-width: 782px) { .wp-block-columns.az-split.az-rev { flex-direction: row-reverse; } }
.az-split .wp-block-column > * { margin-top: 0; margin-bottom: 0; }
.az-split .wp-block-column > * + * { margin-top: 16px; }
.az-split .wp-block-column > .az-kicker + * { margin-top: 8px; }
.az-kicker { font-family: var(--wp--preset--font-family--mono); font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--green); margin-bottom: 8px !important; }
.az-big { font-size: clamp(1.45rem, 2.4vw, 1.9rem) !important; font-weight: 800 !important; letter-spacing: -.015em !important; margin-top: 0 !important; }
.az-split p:not(.az-kicker) { color: var(--wp--preset--color--muted); }
.az-split .az-chips { margin-top: 18px; }

/* KI: Ergebnis im Browser, Elisa davor */
.az-stack { position: relative; }
.az-stack > * { margin: 0 !important; }
.wp-block-image.az-avatar { position: absolute; right: -14px; bottom: -28px; width: 128px; margin: 0; background: var(--wp--preset--color--paper); border-radius: 50%; padding: 0; box-shadow: 0 16px 30px -12px rgba(44, 62, 80, .45); }
.wp-block-image.az-avatar img { display: block; width: 100%; height: auto; border-radius: 50%; }
@media (max-width: 560px) { .wp-block-image.az-avatar { width: 92px; right: -6px; bottom: -22px; } }

/* Bewertung: zwei Handys */
.az-phones { display: flex !important; justify-content: center; gap: 20px; padding-bottom: 36px; }
.az-phones > * { margin: 0 !important; width: 46%; max-width: 250px; }
.az-phones > :nth-child(2) { transform: translateY(36px); }

/* Briefpapier: PDF-Seite, Unterzeichner davor */
.az-stack-paper { padding: 0 0 70px 0; }
.wp-block-image.az-paper { width: 72%; margin: 0; box-shadow: 0 30px 60px -28px rgba(44, 62, 80, .5), 0 0 0 1px var(--wp--preset--color--line); border-radius: 4px; overflow: hidden; background: #fff; }
.wp-block-image.az-paper img { display: block; width: 100%; height: auto; }
.wp-block-image.az-browser.az-float { position: absolute; right: 0; bottom: 0; width: 78%; }

/* Abschluss */
.az-cta { display: flex !important; flex-direction: column; align-items: center; text-align: center; gap: 14px; }
.az-cta > * { margin: 0 !important; }
.az-cta .az-lede { margin-inline: auto !important; }
.az-cta .wp-block-buttons { justify-content: center; }
.wp-block-image.az-cta-icon { width: 76px; margin: 0; }
.wp-block-image.az-cta-icon img { display: block; width: 100%; height: auto; border-radius: 18px; box-shadow: 0 14px 28px -12px rgba(47, 134, 198, .6); }