/* home2share Blank — Layout- & Verhaltens-Feinschliff */

/* Kein weißer Abstand zwischen Header und erstem Block */
.wp-site-blocks > header:first-child { margin-block-start: 0 !important; }
.wp-site-blocks > main,
.wp-site-blocks > .wp-block-group.is-layout-flow > main { margin-block-start: 0 !important; }
.wp-site-blocks > main > * { margin-block-start: 0 !important; }
main.wp-block-group > * { margin-block-start: 0 !important; }
/* kein weißer Streifen zwischen letzter Sektion und Footer */
.wp-site-blocks > footer { margin-block-start: 0 !important; }

/* Header überall sticky, über allem */
.wp-site-blocks > header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
}

/* Buchungs-Widget: klebt beim Scrollen direkt unter der Nav-Bar */
.h2s-bookbar {
  position: -webkit-sticky;
  position: sticky;
  top: 67px;
  z-index: 40;
}
@media (max-width: 900px) {
  .h2s-bookbar { position: static; top: auto; margin-top: -24px; }
}

/* Startseite: transparente Nav über dem Vollbild-Hero, solide weiß beim Scrollen */
body.home .wp-site-blocks > header .is-position-sticky.has-background {
  position: fixed; top: 0; left: 0; right: 0;
  background: transparent !important;
  box-shadow: none;
  border-bottom-color: transparent !important;
  transition: background .3s ease, box-shadow .3s ease;
}
body.home .wp-site-blocks > header .is-position-sticky.has-background,
body.home .wp-site-blocks > header .is-position-sticky.has-background a,
body.home .wp-site-blocks > header .is-position-sticky.has-background * { color: #fff !important; }
body.home .wp-site-blocks > header .is-position-sticky.has-background img { filter: brightness(0) invert(1); }
body.home .wp-site-blocks > header.nav-solid .is-position-sticky.has-background {
  background: #ffffff !important;
  box-shadow: 0 2px 16px rgba(2,48,71,.10);
  border-bottom-color: #e6ebf2 !important;
}
body.home .wp-site-blocks > header.nav-solid .is-position-sticky.has-background,
body.home .wp-site-blocks > header.nav-solid .is-position-sticky.has-background a,
body.home .wp-site-blocks > header.nav-solid .is-position-sticky.has-background * { color: #023047 !important; }
body.home .wp-site-blocks > header.nav-solid .is-position-sticky.has-background img { filter: none; }
@media (max-width: 900px) {
  /* Mobil: KEINE transparente Hero-Nav (Logo war unlesbar) → solide NAVY-Bar (fügt sich in den dunklen Hero), Logo weiß. */
  body.home .wp-site-blocks > header .is-position-sticky.has-background {
    position: sticky; top: 0;
    background: #023047 !important;
    box-shadow: 0 2px 16px rgba(2,48,71,.22);
    border-bottom-color: rgba(255,255,255,.12) !important;
  }
  body.home .wp-site-blocks > header .is-position-sticky.has-background,
  body.home .wp-site-blocks > header .is-position-sticky.has-background a,
  body.home .wp-site-blocks > header .is-position-sticky.has-background * { color: #ffffff !important; }
  body.home .wp-site-blocks > header .is-position-sticky.has-background img { filter: brightness(0) invert(1) !important; }
  /* auch nach dem Scrollen (nav-solid) mobil NAVY statt weiß → konsistent */
  body.home .wp-site-blocks > header.nav-solid .is-position-sticky.has-background { background: #023047 !important; box-shadow: 0 2px 16px rgba(2,48,71,.22); border-bottom-color: rgba(255,255,255,.12) !important; }
  body.home .wp-site-blocks > header.nav-solid .is-position-sticky.has-background,
  body.home .wp-site-blocks > header.nav-solid .is-position-sticky.has-background a,
  body.home .wp-site-blocks > header.nav-solid .is-position-sticky.has-background * { color: #ffffff !important; }
  body.home .wp-site-blocks > header.nav-solid .is-position-sticky.has-background img { filter: brightness(0) invert(1) !important; }
}

/* Footer-Navigation in Weiß */
footer .wp-block-navigation a,
footer .wp-block-navigation .wp-block-navigation-item__content,
footer .wp-block-navigation .wp-block-navigation-item__label { color: #ffffff !important; }

/* Social-Icons im Footer */
footer .wp-block-social-links .wp-social-link { background-color: transparent; }
footer .wp-block-social-links a { color: #ffffff; }

/* Team-Fotos: Porträt oben im Card, sauberer Zuschnitt (Kopf bleibt drin) */
.h2s-team-photo { margin: 0 !important; }
.h2s-team-photo img {
  width: 100%;
  aspect-ratio: 1 / 1;
  height: auto;
  object-fit: cover;
  object-position: 50% 6%;
  display: block;
}
@media (max-width: 781px) { .h2s-team-photo img { aspect-ratio: 4 / 5; } }

/* ── v3 „durchgehend/smooth" (langdock-Stil) ───────────────────────── */
.v3-wrap{background:linear-gradient(180deg,#eef4fb 0%,#f1f6fc 40%,#f6fafd 70%,#ffffff 100%);}
.v3-hero{position:relative;overflow:hidden;}
.v3-hero::before{content:"";position:absolute;top:-180px;right:-160px;width:620px;height:620px;border-radius:50%;background:radial-gradient(closest-side,rgba(31,182,172,.20),transparent 70%);pointer-events:none;}
.v3-hero::after{content:"";position:absolute;top:-120px;left:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(22,38,76,.10),transparent 70%);pointer-events:none;}
.v3-kick{font-family:"Montserrat",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:#5e93ad;margin:0 0 20px;}
.v3-h1{font-family:"Montserrat",sans-serif;font-weight:800;line-height:1.06;letter-spacing:-.03em;color:#023047;font-size:clamp(36px,6.2vw,76px);margin:0;position:relative;}
.v3-h2{font-family:"Montserrat",sans-serif;font-weight:800;line-height:1.08;letter-spacing:-.02em;color:#023047;font-size:clamp(28px,4.2vw,52px);margin:0;}
.v3-lead{font-size:clamp(17px,1.7vw,21px);line-height:1.6;color:#5b677a;max-width:52ch;}
.v3-card{background:#fff;border:1px solid #eef2f7;border-radius:22px;box-shadow:0 12px 40px rgba(2,48,71,.06);padding:30px;}
.v3-num{font-family:"Montserrat",sans-serif;font-weight:800;font-size:38px;color:#5e93ad;letter-spacing:-.02em;line-height:1;}
.v3-chip{background:#fff;border:1px solid #eef2f7;border-radius:999px;padding:12px 22px;font-family:"Montserrat",sans-serif;font-weight:600;font-size:14px;color:#023047;box-shadow:0 4px 16px rgba(2,48,71,.05);}
.v3-cta{background:linear-gradient(135deg,#023047,#0a3a56 60%,#5e93ad);border-radius:26px;box-shadow:0 20px 50px rgba(2,48,71,.18);}
.v3-photocard{background:#fff;border:1px solid #eef2f7;border-radius:22px;box-shadow:0 12px 40px rgba(2,48,71,.06);overflow:hidden;}
.v3-h1{text-align:left;}
.v3-h2{text-align:center;}
/* Footer: engerer Zeilenabstand in den Spalten */
footer .wp-block-column > *{margin-block-start:6px;}
footer .wp-block-column > *:first-child{margin-block-start:0;}
footer .wp-block-column h3{margin-bottom:2px;}

/* Footer-Reveal: Footer liegt fix unten, Inhalt schiebt sich beim Scrollen darüber weg */
html,body{margin:0;}
html,body,.wp-site-blocks{background:#eef4fb;}
.wp-site-blocks>header{margin-block-start:0 !important;}
.wp-site-blocks > main{position:relative;z-index:1;background:#eef4fb;}
.wp-site-blocks > footer{position:fixed;left:0;right:0;bottom:0;width:100%;z-index:0;}
@media (max-width:900px){ .wp-site-blocks > footer{position:static;} .wp-site-blocks > main{margin-bottom:0 !important;} }

/* Scroll-Reveal: Inhalte blenden sanft ein statt einfach reinzuscrollen */
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);}
.reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){ .reveal{opacity:1;transform:none;transition:none;} }


/* Consent-Platzhalter für geblockte Dienste (Reviews/Instagram) — sichtbar bis zur Einwilligung */
.h2-consent-ph{max-width:560px;margin:0 auto;background:#fff;border:1px solid #e6ebf2;border-radius:20px;padding:30px 26px;text-align:center;box-shadow:0 10px 30px rgba(2,48,71,.06);font-family:"Montserrat",sans-serif;}
.h2-consent-ph .ic{display:block;width:42px;height:42px;margin:0 auto 12px;}
.h2-consent-ph .h2-cph-t{font-weight:800;font-size:18px;color:#023047;margin:0 0 6px;}
.h2-consent-ph .h2-cph-x{color:#5b677a;font-size:14px;line-height:1.55;margin:0 auto 18px;max-width:46ch;}
.h2-consent-ph .h2-cph-btn{background:#5e93ad;color:#fff;border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:15px;padding:12px 26px;border-radius:12px;}
.h2-consent-ph .h2-cph-btn:hover{background:#4a7d94;}
.cmplz-marketing .h2-consent-ph{display:none;}

/* Team-Portraits: sanft anheben + Bild-Zoom beim Hover */
.v3-photocard{transition:transform .28s ease, box-shadow .28s ease;}
.v3-photocard:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(2,48,71,.16);}
.v3-photocard .h2s-team-photo img{transition:transform .45s ease;}
.v3-photocard:hover .h2s-team-photo img{transform:scale(1.06);}
@media(hover:none){.v3-photocard:hover{transform:none;box-shadow:0 12px 40px rgba(2,48,71,.06);}.v3-photocard:hover .h2s-team-photo img{transform:none;}}

/* ── Burger-Overlay (mobil): vollflächig weiß, wirklich zentriert ───────────────── */
.wp-block-navigation__responsive-container.is-menu-open {
  background: #ffffff !important;
  padding: 0 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
}
/* Content = auto-hoher Block, vom Container mittig zentriert (beide Achsen) */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  position: relative !important; inset: auto !important;
  display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important;
  width: min(86%, 340px) !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;
}
/* Liste: WP-„items-justified-right" aushebeln → zentrierte, gestapelte Spalte, feste Breite mittig */
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container.items-justified-right {
  display: flex !important; flex-direction: column !important;
  align-items: center !important; justify-content: center !important;
  width: min(86%, 340px) !important; margin: 0 auto !important; gap: 0 !important; padding: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
  width: 100% !important; margin: 0 !important; text-align: center !important;
  border-bottom: 1px solid #eef2f7;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  display: block !important; width: 100% !important; text-align: center !important; justify-content: center !important;
  color: #023047 !important; font-family: "Montserrat", sans-serif; font-weight: 700; text-transform: uppercase;
  font-size: 22px; letter-spacing: .08em; padding: 20px 8px !important; transition: color .15s ease;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus { color: #1fb6ac !important; }
/* „Buchen" (letztes Item) als Türkis-Button, gleiche Breite wie die Items */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:last-child { margin-top: 22px !important; border-bottom: 0; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item:last-child .wp-block-navigation-item__content {
  background: #1fb6ac; color: #ffffff !important; border-radius: 14px; padding: 18px 8px !important; letter-spacing: .12em;
}
/* Home-Hero-Regel (header * {color:#fff}) mit hoher Spezifität zurückziehen → Items sichtbar */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-navigation-item .wp-block-navigation-item__label { color: #023047 !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-navigation-item:last-child .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-navigation-item:last-child .wp-block-navigation-item__label { color: #ffffff !important; }
/* navy Schließen-X */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close { position: absolute !important; top: 20px; right: 20px; color: #023047 !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close svg { fill: #023047; width: 28px; height: 28px; }

/* ── Logo bündig zum Text darunter ───────────────────────────────────────────────
   Die Wortmarke (Logo_ohne_Claim_Website.svg, viewBox 0 0 1500 195) hat 55,1 Einheiten
   Leerraum LINKS. Das <img> stand damit korrekt bündig — die sichtbaren Buchstaben aber
   8,5 px weiter rechts als der Text darunter. Gemessen an 521 x-Koordinaten aus 10 Pfaden:
   min x = 55,1, max x = 1462,6 → rechts nur 37,4 Einheiten, die SVG ist asymmetrisch.
   Versatz = Renderhöhe × 55,1/195 = 30 px × 0,2827 = 8,48 px.
   Als Variable, damit der Wert bei geänderter Logohöhe nachvollziehbar bleibt. */
:root{ --h2s-logo-ink: calc(30px * 0.2827); }   /* 8,48 px bei 30 px Logohöhe */
footer .wp-block-column img[alt="home2share"]{ margin-left: calc(-1 * var(--h2s-logo-ink)); }
/* Header genauso — dieselbe SVG, dieselbe Höhe, derselbe Versatz. Ohne das würden Header- und
   Footer-Logo auf UNTERSCHIEDLICHEN Kanten sitzen. Der Versatz greift am <img>, nicht am <a>,
   damit die Klickfläche des Links unverändert bleibt. */
header a[aria-label="home2share Startseite"] img{ margin-left: calc(-1 * var(--h2s-logo-ink)); }

/* ── Bilder in Karten und als Breitband ──────────────────────────────────────────
   Bild oben in der Karte, wie im Limehome-Vorbild. Feste Seitenverhältnisse mit
   object-fit:cover, damit eine Kartenreihe gleich hoch bleibt — die Quelldateien
   haben unterschiedliche Verhältnisse (3:2 und 4:3), ohne cover würde die Reihe
   ausfransen. Radius kleiner als der der Karte (22px), sonst wirkt es aufgeklebt. */
/* RANDLOS oben, wie im Limehome-Vorbild: das Bild läuft bis an die Kartenkante, statt vom
   30-px-Innenabstand eingerückt zu sein. Der Abstand wird per negativer Marge zurückgenommen und
   über --pad geführt, damit beides nicht auseinanderläuft, wenn das Padding je geändert wird.
   Nur die OBEREN Ecken werden gerundet — die unteren sind mitten in der Karte.
   overflow:hidden an der Karte, sonst würde das Bild über die gerundete Ecke hinausstehen. */
.v3-card{ --pad:30px; overflow:hidden; }
/* Selektor MUSS spezifischer sein als WordPress' eigene Regel
     :root :where(.is-layout-flow) > :first-child{margin-block-start:0}
   Die hat Spezifität (0,2,0) — ein blankes `.v3-card-img` (0,1,0) verliert und der negative
   Rand wurde auf 0 zurückgesetzt. Das war die Ursache des weissen Streifens.
   `.v3-card img.v3-card-img` ist (0,2,1) und gewinnt unabhängig von der Ladereihenfolge —
   deshalb ohne !important. */
.v3-card img.v3-card-img{
  display:block; aspect-ratio:16/10; object-fit:cover;
  width:calc(100% + 2*var(--pad,30px));
  margin:calc(-1*var(--pad,30px)) calc(-1*var(--pad,30px)) 18px;
  border-radius:22px 22px 0 0;
}
/* Breites Einzelbild zum Auflockern textlastiger Abschnitte (Longstay). */
.v3-wide-img{
  display:block; width:100%; aspect-ratio:16/7; object-fit:cover;
  border-radius:22px; margin:var(--wp--preset--spacing--40) 0 0;
  box-shadow:0 12px 40px rgba(2,48,71,.08);
}
@media (max-width:820px){
  .v3-card img.v3-card-img{ aspect-ratio:16/9; }
  .v3-wide-img{ aspect-ratio:4/3; border-radius:16px; }
}

/* ══ Burger-Menü: drei Befunde aus der Browser-Prüfung (05.08.2026) ═══════════════════════════
   1) Die Buchungsleiste lag ÜBER dem Vollbildmenü — obwohl das Menü z-index:100000 hat und die
      Leiste nur 900. Grund: das Menü steckt im <header>, der mit position:sticky und z-index:100
      einen eigenen STAPELKONTEXT bildet. Die 100000 gelten nur INNERHALB dieses Kontexts; nach
      außen zählt der Header mit 100 — und 900 schlägt 100. Ein noch größerer Wert am Menü würde
      daran nichts ändern; das ist die klassische Falle bei geschachtelten Stapelkontexten.
      Lösung: die Leiste verschwindet, solange das Menü offen ist. Inhaltlich ohnehin richtig —
      über einem Vollbildmenü hat kein schwebender Handlungsaufruf zu liegen. */
body:has(.wp-block-navigation__responsive-container.is-menu-open) a.h2s-mbook{
  display:none !important;
}

/* 2) Kein Scroll-Sperre: WordPress setzt `has-modal-open` nur auf den Menü-Container, nicht auf
      <body>, und html{overflow:hidden} allein hält mobile Browser nicht auf — gemessen sprang
      window.scrollY bei offenem Menü von 0 auf 500. */
html:has(.wp-block-navigation__responsive-container.is-menu-open),
body:has(.wp-block-navigation__responsive-container.is-menu-open){
  overflow:hidden !important;
  overscroll-behavior:none;
}
/* 2b) Und die FOLGE dieses Scrollens war der schlimmere Teil: der Header bekam `nav-solid`, und
      dessen Regel `… .has-background * { color:#fff !important }` vererbte sich in das im Header
      geschachtelte Menü — weiße Schrift auf weißem Grund, das Menü war unlesbar. Beide Regeln
      tragen !important, es entscheidet die Spezifität: nav-solid liegt bei (0,4,2), die
      Menü-Regel bei (0,3,0) und verlor. Diese hier ist (0,5,0) und gewinnt — als Gürtel zum
      Hosenträger, auch wenn die Sperre oben das Scrollen schon verhindert. */
body.home .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
body.home .wp-site-blocks > header .wp-block-navigation__responsive-container.is-menu-open a{
  color:#023047 !important;
}

/* 3) Das Schließen-Kreuz war 28 × 28 px ohne Innenabstand — unter der 44-px-Empfehlung für
      Trefferflächen. Die Fläche wächst über Padding, das Symbol bleibt gleich groß. */
/* Das X sitzt jetzt GENAU dort, wo vorher der Burger war — vorher stand es auf halber Höhe,
   weil WordPress es absolut ohne top/right platziert und das Theme das Container-Padding auf 0
   gesetzt hatte; damit landete es an seiner statischen Position, und die liegt in einem vertikal
   zentrierenden Flex-Container in der Mitte.
   Hergeleitet statt geschätzt: Root-Padding rechts = 24px, das Burger-Symbol ist 24px breit, seine
   Mitte liegt also 36px vom rechten Rand. Die Kopfleiste hat 18px Innenabstand und ein 30px hohes
   Logo → Höhe 66px, Burger-Mitte 33px von oben. Bei 44px Buttongröße: top 33−22, right 36−22.
   position:FIXED, nicht absolute: dann beziehen sich die Werte auf das Fenster und nicht auf einen
   der WordPress-Zwischencontainer, deren Geometrie ich nicht kontrolliere. */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{
  position:fixed !important;
  top:11px !important;
  right:calc(var(--wp--style--root--padding-right, 24px) + 12px - 22px) !important;
  min-width:44px; min-height:44px; padding:8px !important;
  display:flex !important; align-items:center; justify-content:center;
  z-index:10 !important;
}

/* Einträge waren nach links verschoben: WordPress schachtelt das Overlay als
     .responsive-container > .responsive-close > .responsive-dialog > .container-content
   Das Theme stylte nur den äussersten und den innersten — die beiden dazwischen behielten ihre
   Kern-Regeln (u.a. max-width:wide-size, eigenes Padding) und schoben den Inhalt aus der Mitte.
   Beide werden jetzt neutralisiert, danach zentriert die Inhaltsspalte wirklich. */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{
  width:100% !important; max-width:none !important;
  margin:0 !important; padding:0 !important;
  display:flex !important; align-items:center; justify-content:center;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
  margin:0 auto !important;
}

/* Lia 05.08.: der Hero fing mittig an (Kicker-/H2-Rhythmus) und sprang dann auf linksbündig.
   h1 und Lead tragen ein inline max-width in ch — text-align allein zentriert nur INNERHALB
   dieser schmalen Box, die Box selbst bliebe links kleben. Daher zusätzlich margin-inline:auto.
   Auf .v3-hero begrenzt, damit Kicker in anderen Abschnitten unberührt bleiben. */
.v3-hero .v3-kick,.v3-hero .v3-h1,.v3-hero .v3-lead{text-align:center;}
.v3-hero .v3-h1,.v3-hero .v3-lead{margin-left:auto;margin-right:auto;}

/* Lia 05.08.: „Das bild da so mitten drin … kann man das vlt verdunkeln und dann irgendwie als
   Hintergrund nehmen?" — das longstay.jpg stand als freistehendes <img> zwischen zwei Abschnitten
   und hatte keine Aufgabe. Es ist jetzt der Hintergrund des Abschnitts, der vorher darüber stand.
   isolation:isolate ist nötig, damit ::before mit z-index:-1 über dem eigenen Background des
   Elements landet, aber unter dem Inhalt — ohne die Isolation fiele es hinter die Sektion. */
.ls-band{position:relative;overflow:hidden;isolation:isolate;background-color:#023047;
  background-position:center 42%;background-size:cover;background-repeat:no-repeat;}
.ls-band::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(2,48,71,.80),rgba(2,48,71,.90));}
.ls-band .v3-kick{color:#a8cfe0;}
.ls-band .v3-h2{color:#fff;}
.ls-band .v3-chip{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.30);
  color:#fff;box-shadow:none;}

/* Lia 05.08.: „kann man das vermieten bündig mit dem text darüber hin kriegen?" — die beiden
   Footer-Links hingen an einem <br>, und text-indent greift nur auf der ERSTEN Zeile eines
   Blocks. Jeder Eintrag ist jetzt ein eigener Block mit hängendem Einzug: das ▸ steht links
   außen, der Umbruch fällt unter den Text statt unter das Zeichen. */
.h2s-fnav{display:block;padding-left:1.15em;text-indent:-1.15em;}