/* ============================================================
   rechtsanwalt-wien.com – Anpassungen an die Inhalte dieser Seite
   Lädt NACH pr-imperial.css. Grundgestaltung bleibt 1:1 die der
   Hauptseite; hier nur, was die längeren Texte von rechtsanwalt-
   wien.com verlangen.
   ============================================================ */

/* 1. Hero: lange Schauzeile (H1) kleiner und breiter führen,
      damit sie 2–3 statt 4 Zeilen braucht. */
#pr-home #h-hero h1.elementor-heading-title{
  font-size:clamp(38px,4.3vw,64px)!important;
  line-height:1.08!important;
  max-width:1040px;
  margin-left:auto!important;
  margin-right:auto!important;
}
#pr-home #h-herotext .lead{
  max-width:760px!important;
}
#pr-home #h-herotext .lead p{ margin:0 0 8px; }

/* 1b. Siegel im Hero als ruhige, gleich hohe Reihe */
#pr-home #h-herotext .hero-badges{
  justify-content:center!important;
  gap:12px!important;
  margin-top:26px!important;
}
#pr-home #h-herotext .hero-badges a{
  flex:0 0 auto!important;
  display:flex;align-items:center;justify-content:center;
  height:auto;padding:7px 12px;
  background:rgba(255,253,247,.92);
  border:1px solid rgba(165,129,60,.30);
  border-radius:3px;
  box-shadow:0 12px 26px -20px rgba(22,38,30,.55);
}
#pr-home #h-herotext .hero-badges img{
  display:block!important;
  height:84px!important;width:auto!important;
  max-width:none!important;max-height:none!important;
}
@media (max-width:520px){
  #pr-home #h-herotext .hero-badges img{ height:58px!important; }
}

/* 2. Kanzlei-Block: Abstand Kicker → Überschrift */
#pr-home #h-qtext h2.elementor-heading-title{ margin-top:12px!important; }

/* 3. „Unser Anspruch“: Bild oben bündig und beim Lesen des langen
      Textes mitlaufend, statt mittig mit Loch darüber. */
#pr-home #h-featimg{
  align-self:flex-start!important;
  position:sticky!important;
  top:120px;
}
@media (max-width:900px){
  #pr-home #h-featimg{ position:static!important; }
}

/* 4. Leistungen: 4 Karten in einer Reihe statt 3 + 1 */
#pr-home #h-grid3{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
}
#pr-home #h-grid3 > .e-con,
#pr-home #h-grid3 > .elementor-element{
  width:auto!important;max-width:none!important;margin:0!important;
}
@media (max-width:1100px){
  #pr-home #h-grid3{ grid-template-columns:repeat(2,minmax(0,1fr))!important; }
}
@media (max-width:640px){
  #pr-home #h-grid3{ grid-template-columns:1fr!important; }
}

/* 5. CTA „Ihre Erstberatung“: Kicker auf Dunkelgrün in Gold */
#pr-home #h-cta .eyebrow .elementor-heading-title,
#pr-home #h-cta .eyebrow{
  color:#C9A75F!important;
  -webkit-text-fill-color:#C9A75F!important;
  text-shadow:none!important;
  background:none!important;
}
#pr-home #h-cta .eyebrow::before{ background:#C9A75F!important; }
#pr-home #h-cta .lk small + b + small{ letter-spacing:1.4px; }

/* 5b. Themenseiten-CTA: Porträt von Dr. Pichler als ruhiges rundes Bild über den Buttons */
#pr-home #n-ctabox > img,
#pr-home #n-ctabox .elementor-widget-container > img,
#pr-home #n-ctabox img{
  display:block!important;
  width:104px!important;height:104px!important;
  max-width:none!important;max-height:none!important;
  border-radius:50%!important;
  object-fit:cover!important;object-position:50% 22%!important;
  border:1px solid rgba(201,167,95,.55)!important;
  box-shadow:0 14px 30px -18px rgba(0,0,0,.7)!important;
  margin:0 0 16px!important;
  flex:0 0 auto!important;
}

/* 5c. Footer-Formularblock ausblenden, wenn er leer ist (Kontaktseite: Formular steht im Inhalt) */
#prFt-form:not(:has(.gform_wrapper)){ display:none!important; }

/* 5d. Inhalte der Themenseiten, die es auf der Hauptseite nicht gibt */
#pr-home .prose .pr-video,
#pr-home .pr-video{
  position:relative; width:100%; aspect-ratio:16/9; margin:34px 0; border-radius:3px; overflow:hidden;
  border:1px solid rgba(165,129,60,.30); box-shadow:0 24px 48px -36px rgba(12,23,18,.55); background:#0C1712;
}
#pr-home .pr-video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
#pr-home .pr-toggle{
  border:1px solid rgba(165,129,60,.30); border-radius:3px; background:#FFFDF7; margin:0 0 12px; padding:0;
}
#pr-home .pr-toggle summary{
  cursor:pointer; list-style:none; padding:16px 20px; font-family:'Spectral',serif; font-size:20px; font-weight:600; color:#16261E;
}
#pr-home .pr-toggle summary::-webkit-details-marker{ display:none; }
#pr-home .pr-toggle summary::after{ content:"+"; float:right; color:#8A6A2B; font-family:'Manrope',sans-serif; }
#pr-home .pr-toggle[open] summary::after{ content:"–"; }
#pr-home .pr-toggle .pr-toggle-inhalt{ padding:0 20px 16px; }
/* Unterseiten-Hero volle Breite: sonst schrumpft der Container auf die Breite des Einleitungstexts,
   und kurze H1 („Über Uns“, Profilnamen) brechen bei 86 % davon grundlos um. */
#pr-home #n-herowrap,
#pr-home #n-mtext{ width:100%!important; }
/* Das Überschriften-Widget selbst schrumpft sonst auf Textbreite (align-items:center),
   und die max-width:86 % der H1 bezieht sich dann auf diese Textbreite → Umbruch bei kurzen Titeln. */
#pr-home #n-herowrap > .elementor-widget-heading,
#pr-home #n-mtext > .elementor-widget-heading{
  align-self:stretch!important;
  width:100%!important;
  max-width:100%!important;
}
#pr-home #n-herowrap > .elementor-widget-heading h1,
#pr-home #n-mtext > .elementor-widget-heading h1{
  margin-left:auto!important;
  margin-right:auto!important;
}
/* Hero-Buttons auf Unterseiten (Über uns) mittig */
#pr-home #n-hero .hero-cta{ justify-content:center!important; }
/* Profile: Kompetenz-Balken auf hellem Grund */
#pr-home .pr-skills .skill-bars{ max-width:760px; margin:10px 0 34px; }
#pr-home .pr-skills .skill-bars .skill-row{ color:#16261E!important; }
#pr-home .pr-skills .skill-bars .skill-track{ background:rgba(22,38,30,.12)!important; }
#pr-home .pr-skills .skill-bars .skill-fill{ background:linear-gradient(90deg,#8A6A2B,#C9A75F)!important; }
#pr-home #n-mtext .lead p{ margin:10px 0 0; font-size:18px; color:#46514A; }

/* 6. Mobile Schnellkontakt-Leiste („Mail senden“ / „Jetzt anrufen!“) –
      wie bisher auf rechtsanwalt-wien.com nur am Handy, im Look der Hauptseite. */
.rw-mobilbar{ display:none; }
@media (max-width:767px){
  .rw-mobilbar{
    display:flex; gap:10px;
    position:fixed; left:0; right:0; bottom:0; z-index:9990;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    background:linear-gradient(180deg,#12211A,#0C1712);
    border-top:1px solid rgba(201,167,95,.35);
    box-shadow:0 -12px 30px -18px rgba(0,0,0,.6);
  }
  .rw-mobilbar a{
    flex:1 1 50%;
    display:flex; align-items:center; justify-content:center; gap:8px;
    min-height:46px; border-radius:999px;
    font-family:'Manrope',sans-serif; font-size:14px; font-weight:700; letter-spacing:.2px;
    text-decoration:none!important;
  }
  .rw-mobilbar .rw-mb-soft{ color:#FAF6EC!important; border:1px solid rgba(255,255,255,.22); background:rgba(255,255,255,.06); }
  .rw-mobilbar .rw-mb-gold{
    color:#FFFDF7!important;
    background-image:linear-gradient(135deg,#8A6A2B 0%,#6E5320 46%,#8A6A2B 100%);
    box-shadow:0 12px 28px -16px rgba(110,83,32,.75), inset 0 1px 0 0 rgba(255,255,255,.18);
  }
  body{ padding-bottom:70px; }
}

/* ============================================================
   16.09.2026 – Wünsche Lukas
   ============================================================ */

/* 7. Siegel als eigener Abschnitt unter dem Hero, ohne Kasten.
      Die Bilddateien haben einen hellen Hintergrund fest eingebrannt;
      multiply lässt ihn mit dem Seitenhintergrund verschmelzen. */
#h-siegel{
  background:var(--bg,#F6F2EB);
  padding:30px 0 26px;
}
#h-siegel .pr-siegel{
  max-width:1240px;margin:0 auto;padding:0 40px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:46px;
}
#h-siegel .pr-siegel a{ display:block;line-height:0; }
#h-siegel .pr-siegel img{
  display:block;height:96px;width:auto;max-width:none;
  mix-blend-mode:multiply;
}
@media (max-width:760px){
  #h-siegel{ padding:22px 0 18px; }
  #h-siegel .pr-siegel{ gap:26px;padding:0 20px; }
  #h-siegel .pr-siegel img{ height:66px; }
}
/* die alte Siegelreihe im Hero entfällt */
#pr-home #h-herotext .hero-badges{ display:none!important; }

/* 8. Team: kein heller Balken unter dem Foto.
      Die Karten sind Container mit Elementabstand; das Foto hat festes 3:4,
      der Rest zeigte den hellen Kartengrund. */
#pr-home [id^="t-m"]{
  --gap:0px!important; --row-gap:0px!important; --column-gap:0px!important;
  gap:0!important;
  font-size:0;
}
#pr-home [id^="t-m"] > .elementor-element{ margin:0!important; }
#pr-home [id^="t-m"] .tmeta{ font-size:initial; }

/* 9. Kategorie-Übersicht, Suche und 404 (16.09.2026) – Vorlagen „Pichler Archiv + Suche“ / „Pichler 404“ */
/* Titel kommt per Shortcode-Widget: wie beim Überschriften-Widget volle Breite, sonst bricht er grundlos um */
#pr-home #n-herowrap > .elementor-widget-shortcode{
  align-self:stretch!important;width:100%!important;max-width:100%!important;
}
#pr-home #n-herowrap > .elementor-widget-shortcode h1{ margin-left:auto!important;margin-right:auto!important; }
/* leere Kategoriebeschreibung nimmt keinen Platz ein */
#pr-home #n-herowrap > .elementor-widget-shortcode:not(:has(h1)):not(:has(p)){ display:none!important; }
#pr-home #n-herowrap .archive-description{ margin:14px auto 0;max-width:min(700px,80%);color:#16261E; }

/* Karten: etwas Luft zum Seitenkopf */
#pr-home .pr-archiv{ padding-top:44px!important; }
#pr-home .pr-archiv .pcard{ text-decoration:none!important; }
#pr-home .pr-archiv .pr-leer{
  font-family:'Spectral',serif;font-size:clamp(20px,2vw,24px);line-height:1.45;
  color:#16261E!important;text-align:center;margin:16px auto 40px;max-width:760px;
}

/* Seitennavigation: Zurück | Seitenzahlen | Weiter */
#pr-home .pr-seiten{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  margin:48px 0 0;padding-top:28px;border-top:1px solid rgba(165,129,60,.30);
}
#pr-home .pr-seiten .pr-nav-platz{ display:block;min-width:128px; }
#pr-home .pr-seiten .btn{ white-space:nowrap;text-decoration:none!important; }
#pr-home .pr-zahlen{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;
  font-family:'Manrope',sans-serif;font-size:14px;font-weight:600;
}
#pr-home .pr-zahlen .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;height:40px;padding:0 10px;border-radius:999px;
  border:1px solid rgba(165,129,60,.30);background:#FFFDF7;
  color:#16261E!important;text-decoration:none!important;transition:border-color .25s,color .25s;
}
#pr-home .pr-zahlen a.page-numbers:hover{ border-color:#8A6A2B;color:#846529!important; }
#pr-home .pr-zahlen .page-numbers.current{
  background-image:linear-gradient(135deg,#8A6A2B 0%,#6E5320 46%,#8A6A2B 100%);
  border-color:transparent;color:#FFFDF7!important;
}
#pr-home .pr-zahlen .page-numbers.dots{ border:0;background:none;min-width:auto;padding:0 2px; }
@media (max-width:640px){
  #pr-home .pr-seiten{ flex-wrap:wrap;justify-content:center; }
  #pr-home .pr-seiten .pr-nav-platz{ display:none; }
  #pr-home .pr-zahlen{ order:3;width:100%; }
}

/* 404: Elementor rendert sie im Bereich „Einzelbeitrag“; die Imperial-Regeln für den Auftakt von
   Beiträgen (Foto, 760 px Höhe, 132 px Abstand) treffen dort den äußeren Container. Aufheben –
   der Seitenkopf #n-hero darin bringt seine Gestaltung selbst mit. */
.error404 .elementor-location-single > #pr-home.e-con.e-parent{
  background:none!important;background-color:transparent!important;background-image:none!important;
  min-height:0!important;height:auto!important;padding-top:0!important;padding-bottom:0!important;
  box-shadow:none!important;border-bottom:0!important;overflow:visible!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:flex-start!important;text-align:inherit!important;
}
.error404 .elementor-location-single > #pr-home.e-con.e-parent::before,
.error404 .elementor-location-single > #pr-home.e-con.e-parent::after{ display:none!important;content:none!important; }
.error404 #pr-home .hero-cta .btn{ text-decoration:none!important; }