/*
Theme Name: Außenblick
Theme URI: https://beratungspraxis-jentgens.de
Author: Rowena Jentgens
Description: Block-Theme für die Beratungspraxis Außenblick – Supervision, Eltern- und Familienberatung. Schriften lokal eingebunden (keine Verbindung zu Google).
Version: 1.0.6
Requires at least: 6.6
Tested up to: 6.8
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: aussenblick
*/

html { scroll-behavior: smooth; }
section[id], article[id] { scroll-margin-top: 90px; }

/* Kopfzeile */
.ab-header { border-bottom: 1px solid var(--wp--preset--color--linie); position: sticky; top: 0; z-index: 50; background: var(--wp--preset--color--sand); }
.admin-bar .ab-header { top: var(--wp-admin--admin-bar--height, 0); }
.ab-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--wp--preset--color--tinte); }
.ab-brand img { width: 44px; height: auto; display: block; }
.ab-brand__name { font-family: var(--wp--preset--font-family--fraunces); font-size: 1.55rem; font-weight: 500; line-height: 1.1; display: block; }
.ab-brand__sub { font-size: .8rem; color: var(--wp--preset--color--grau); letter-spacing: .04em; display: block; }
.ab-nav-cta .wp-block-navigation-item__content { background: var(--wp--preset--color--tinte); color: var(--wp--preset--color--sand) !important; border-radius: 999px; padding: .7em 1.3em !important; font-weight: 600; }

/* Kleine Überzeilen */
.ab-kicker { font-size: .85rem; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--grau); }

/* Hervorgehobene Leitsätze */
.ab-leitsatz { font-family: var(--wp--preset--font-family--fraunces); font-style: italic; font-size: clamp(1.2rem, 1rem + .6vw, 1.35rem); line-height: 1.42; color: var(--wp--preset--color--tinte); }

/* Bilder */
.ab-img img { width: 100%; object-fit: cover; border-radius: 26px; display: block; }
.ab-img--hero img { aspect-ratio: 5 / 4; object-position: center 55%; }
.ab-img--portrait img { aspect-ratio: 4 / 5; object-position: center 20%; }
.ab-img--seminar img { aspect-ratio: 4 / 5; object-position: center 45%; border-radius: 20px; }

/* Karten */
.ab-card { background: #fff; border-radius: 28px; padding: clamp(28px, 4vw, 48px); }
.ab-card > * + * { margin-block-start: 1.2rem; }
.ab-card__title { font-size: clamp(1.9rem, 1.5rem + 1.2vw, 2.25rem) !important; font-weight: 500 !important; }
.ab-kicker--sup { color: var(--wp--preset--color--petrol); font-weight: 600; }
.ab-kicker--fam { color: var(--wp--preset--color--terrakotta); font-weight: 600; }

/* Listen mit Gedankenstrich */
.ab-dash { list-style: none; padding-left: 0; }
.ab-dash li { position: relative; padding-left: 1.6em; margin-block: .45em; }
.ab-dash li::before { content: "—"; position: absolute; left: 0; color: #8A8F8B; }
.ab-dash--sup li::before { color: var(--wp--preset--color--petrol); }
.ab-dash--fam li::before { color: var(--wp--preset--color--terrakotta); }

/* Preise */
.ab-preise { list-style: none; padding: 0; border-top: 1px solid #E8E2D8; }
.ab-preise li { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: .6rem 0; border-bottom: 1px solid #F0EBE3; color: var(--wp--preset--color--grau); font-size: .95rem; }
.ab-preise strong { font-family: var(--wp--preset--font-family--fraunces); font-weight: 400; font-size: 1.5rem; color: var(--wp--preset--color--tinte); white-space: nowrap; }

.ab-link a { font-weight: 600; text-decoration: none; }
.ab-link--sup a { color: var(--wp--preset--color--petrol); }
.ab-link--fam a { color: var(--wp--preset--color--terrakotta); }

/* Buttons in Bereichsfarben */
.ab-btn-sup .wp-block-button__link { background: var(--wp--preset--color--petrol); }
.ab-btn-fam .wp-block-button__link { background: var(--wp--preset--color--terrakotta); }
.ab-btn-hell .wp-block-button__link { background: var(--wp--preset--color--sand); color: var(--wp--preset--color--tinte); }

/* Seminar-Band */
.ab-seminar { background: var(--wp--preset--color--tinte); color: #F5F1EA; border-radius: 32px; padding: clamp(24px, 4vw, 64px); }
.ab-seminar h2 { color: #F5F1EA; }
.ab-seminar p { color: #D8D2C7; }
.ab-seminar .ab-kicker { color: #E9B89A; font-weight: 600; }
.ab-seminar .ab-seminar__frage { font-family: var(--wp--preset--font-family--fraunces); font-style: italic; font-size: 1.4rem; line-height: 1.4; }
.ab-fakten { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; list-style: none; padding: 0; }
.ab-fakten li { display: flex; flex-direction: column; color: #B9B3A8; font-size: .9rem; }
.ab-fakten strong { font-family: var(--wp--preset--font-family--fraunces); font-weight: 400; font-size: 1.6rem; color: #F5F1EA; }
.ab-seminar .ab-hinweis { color: #B9B3A8; font-size: .95rem; }

/* Methoden */
.ab-methode { border-top: 2px solid var(--wp--preset--color--tinte); padding-top: 1.4rem; }
.ab-methode h3 { font-size: 1.6rem; font-weight: 500; }
.ab-schritt__nr { font-family: var(--wp--preset--font-family--fraunces); font-size: 2.4rem; color: #8A8F8B; line-height: 1; margin-bottom: .4rem !important; }
.ab-schritt h3 { font-family: var(--wp--preset--font-family--source-sans); font-size: 1.2rem; font-weight: 600; }

/* Kontakt */
.ab-kontakt { background: #E9E2D6; border-radius: 32px; padding: clamp(28px, 5vw, 64px) clamp(24px, 6vw, 80px); }
.ab-kontakt a { color: var(--wp--preset--color--tinte); }
.ab-kontaktdaten { line-height: 1.9; }

/* Fußzeile */
.ab-footer { border-top: 1px solid var(--wp--preset--color--linie); color: var(--wp--preset--color--grau); font-size: .95rem; }
.ab-footer a { color: var(--wp--preset--color--grau); }

@media (max-width: 781px) {
  .ab-img--hero img { aspect-ratio: 4 / 3; }
  .ab-img--seminar img { aspect-ratio: 16 / 10; }
  .ab-brand__sub { font-size: .72rem; }
  .ab-brand img { width: 38px; }
  .ab-hero .wp-block-buttons { flex-direction: column; align-items: stretch; }
  .ab-hero .wp-block-button__link { width: 100%; text-align: center; }
}

/* Abschnitte & Raster */
.ab-header, .ab-footer { padding-left: var(--wp--style--root--padding-left); padding-right: var(--wp--style--root--padding-right); }
.ab-header { padding-top: 14px; padding-bottom: 14px; }
.ab-footer { padding-top: 28px; padding-bottom: 28px; }
.ab-section { padding-top: clamp(56px, 8vw, 110px); }
.ab-section:last-child { padding-bottom: clamp(56px, 8vw, 96px); }
.ab-hero .wp-block-columns, .ab-ueber .wp-block-columns { align-items: center; gap: clamp(32px, 6vw, 80px); }
.ab-cards { gap: 32px; }
.ab-cards > .wp-block-column { display: flex; }
.ab-cards .ab-card { flex: 1; }
.ab-seminar .wp-block-columns { align-items: center; gap: clamp(24px, 4vw, 56px); margin: 0; }
.ab-ablauf { margin-top: 2.5rem; }
.ab-ablauf .wp-block-columns { gap: 40px; margin: 0; }
.ab-kontakt .wp-block-columns { gap: 64px; margin: 0; }
.ab-werdegang { font-family: var(--wp--preset--font-family--source-sans) !important; font-size: 1.2rem !important; font-weight: 600 !important; }
.ab-kicker { margin-bottom: 0; }

/* Fußzeile: Kontakt */
.ab-footer { gap: .4rem 2rem; }
.ab-footer__kontakt a { white-space: nowrap; }

/* Kontaktleiste auf dem Handy (wird in functions.php ausgegeben) */
.ab-mobilbar { display: none; }
@media (max-width: 781px) {
  .ab-mobilbar { display: flex; gap: 10px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px)); background: var(--wp--preset--color--sand); border-top: 1px solid var(--wp--preset--color--linie); }
  .ab-mobilbar a { flex: 1; display: flex; align-items: center; justify-content: center; gap: .5em; min-height: 46px; border-radius: 999px; font-weight: 600; font-size: 1rem; line-height: 1.2; text-decoration: none; }
  .ab-mobilbar__tel { background: var(--wp--preset--color--tinte); color: var(--wp--preset--color--sand); }
  .ab-mobilbar__mail { background: #fff; color: var(--wp--preset--color--tinte); border: 1px solid var(--wp--preset--color--linie); }
  body { padding-bottom: calc(68px + env(safe-area-inset-bottom, 0px)); }
}
@media print { .ab-mobilbar { display: none !important; } }