.elementor-kit-1001{--e-global-color-primary:#17161A;--e-global-color-secondary:#4A4843;--e-global-color-text:#4A4843;--e-global-color-accent:#9A3324;--e-global-color-paper:#F5F3EC;--e-global-color-paper2:#EDEAE0;--e-global-color-ink3:#807C72;--e-global-color-line:#181619;--e-global-color-linesoft:#CFCABD;--e-global-color-accent2:#B84A38;--e-global-typography-primary-font-family:"Archivo";--e-global-typography-primary-font-weight:900;--e-global-typography-secondary-font-family:"Archivo";--e-global-typography-secondary-font-weight:800;--e-global-typography-text-font-family:"Spectral";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.62em;--e-global-typography-accent-font-family:"Archivo";--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:0.03em;--e-global-typography-display-font-family:"Archivo";--e-global-typography-display-font-size:136px;--e-global-typography-display-font-weight:900;--e-global-typography-display-line-height:0.92em;--e-global-typography-display-letter-spacing:-0.03em;--e-global-typography-h1-font-family:"Archivo";--e-global-typography-h1-font-size:80px;--e-global-typography-h1-font-weight:900;--e-global-typography-h1-line-height:0.95em;--e-global-typography-h1-letter-spacing:-0.03em;--e-global-typography-h2sec-font-family:"Archivo";--e-global-typography-h2sec-font-size:38px;--e-global-typography-h2sec-font-weight:900;--e-global-typography-h2sec-text-transform:uppercase;--e-global-typography-h2sec-line-height:1em;--e-global-typography-h2sec-letter-spacing:-0.02em;--e-global-typography-h3-font-family:"Archivo";--e-global-typography-h3-font-size:1.3rem;--e-global-typography-h3-font-weight:800;--e-global-typography-h3-line-height:1.2em;--e-global-typography-h3-letter-spacing:-0.01em;--e-global-typography-lead-font-family:"Spectral";--e-global-typography-lead-font-size:23px;--e-global-typography-lead-font-weight:400;--e-global-typography-lead-line-height:1.5em;--e-global-typography-textsm-font-family:"Spectral";--e-global-typography-textsm-font-size:0.94rem;--e-global-typography-textsm-font-weight:400;--e-global-typography-textsm-line-height:1.55em;--e-global-typography-label-font-family:"Archivo";--e-global-typography-label-font-size:0.78rem;--e-global-typography-label-font-weight:700;--e-global-typography-label-text-transform:uppercase;--e-global-typography-label-line-height:1.3em;--e-global-typography-label-letter-spacing:0.12em;--e-global-typography-labelsm-font-family:"Archivo";--e-global-typography-labelsm-font-size:0.74rem;--e-global-typography-labelsm-font-weight:700;--e-global-typography-labelsm-text-transform:uppercase;--e-global-typography-labelsm-line-height:1.3em;--e-global-typography-labelsm-letter-spacing:0.1em;--e-global-typography-meta-font-family:"Archivo";--e-global-typography-meta-font-size:0.78rem;--e-global-typography-meta-font-weight:500;--e-global-typography-meta-text-transform:uppercase;--e-global-typography-meta-line-height:1.4em;--e-global-typography-meta-letter-spacing:0.04em;--e-global-typography-nav-font-family:"Archivo";--e-global-typography-nav-font-size:0.82rem;--e-global-typography-nav-font-weight:600;--e-global-typography-nav-text-transform:uppercase;--e-global-typography-nav-line-height:1.3em;--e-global-typography-nav-letter-spacing:0.02em;--e-global-typography-navsub-font-family:"Archivo";--e-global-typography-navsub-font-size:0.86rem;--e-global-typography-navsub-font-weight:500;--e-global-typography-navsub-line-height:1.3em;--e-global-typography-btn-font-family:"Archivo";--e-global-typography-btn-font-size:0.86rem;--e-global-typography-btn-font-weight:700;--e-global-typography-btn-text-transform:uppercase;--e-global-typography-btn-line-height:1.62em;--e-global-typography-btn-letter-spacing:0.03em;--e-global-typography-btnsm-font-family:"Archivo";--e-global-typography-btnsm-font-size:0.8rem;--e-global-typography-btnsm-font-weight:700;--e-global-typography-btnsm-text-transform:uppercase;--e-global-typography-btnsm-line-height:1.62em;--e-global-typography-btnsm-letter-spacing:0.03em;--e-global-typography-brand-font-family:"Archivo";--e-global-typography-brand-font-size:1.35rem;--e-global-typography-brand-font-weight:900;--e-global-typography-brand-text-transform:uppercase;--e-global-typography-brand-line-height:1em;--e-global-typography-brand-letter-spacing:-0.01em;background-color:var( --e-global-color-paper );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-1001 button,.elementor-kit-1001 input[type="button"],.elementor-kit-1001 input[type="submit"],.elementor-kit-1001 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-btn-font-family ), Sans-serif;font-size:var( --e-global-typography-btn-font-size );font-weight:var( --e-global-typography-btn-font-weight );text-transform:var( --e-global-typography-btn-text-transform );line-height:var( --e-global-typography-btn-line-height );letter-spacing:var( --e-global-typography-btn-letter-spacing );color:var( --e-global-color-paper );border-style:solid;border-width:1.5px 1.5px 1.5px 1.5px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;padding:0.95em 1.5em 0.95em 1.5em;}.elementor-kit-1001 button:hover,.elementor-kit-1001 button:focus,.elementor-kit-1001 input[type="button"]:hover,.elementor-kit-1001 input[type="button"]:focus,.elementor-kit-1001 input[type="submit"]:hover,.elementor-kit-1001 input[type="submit"]:focus,.elementor-kit-1001 .elementor-button:hover,.elementor-kit-1001 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-paper );}.elementor-kit-1001 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1001 p{margin-block-end:1.1em;}.elementor-kit-1001 a{color:var( --e-global-color-primary );}.elementor-kit-1001 a:hover{color:var( --e-global-color-accent );}.elementor-kit-1001 h2{color:var( --e-global-color-primary );font-family:"Archivo", Sans-serif;font-size:32px;font-weight:800;line-height:1.06em;letter-spacing:-0.02em;}.elementor-kit-1001 h3{color:var( --e-global-color-primary );font-family:"Archivo", Sans-serif;font-size:1.3rem;font-weight:700;line-height:1.2em;}.elementor-kit-1001 h4{color:var( --e-global-color-primary );font-family:"Archivo", Sans-serif;font-size:1.1rem;font-weight:700;line-height:1.25em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1108px;}.e-con{--container-max-width:1108px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-1001{--e-global-typography-display-font-size:102px;--e-global-typography-h1-font-size:63px;--e-global-typography-h2sec-font-size:31px;--e-global-typography-lead-font-size:18px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-1001 h2{font-size:27px;}.elementor-kit-1001 button,.elementor-kit-1001 input[type="button"],.elementor-kit-1001 input[type="submit"],.elementor-kit-1001 .elementor-button{font-size:var( --e-global-typography-btn-font-size );line-height:var( --e-global-typography-btn-line-height );letter-spacing:var( --e-global-typography-btn-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-1001{--e-global-typography-display-font-size:31px;--e-global-typography-display-line-height:0.98em;--e-global-typography-h1-font-size:31px;--e-global-typography-h2sec-font-size:27px;--e-global-typography-lead-font-size:18px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-1001 h2{font-size:24px;}.elementor-kit-1001 button,.elementor-kit-1001 input[type="button"],.elementor-kit-1001 input[type="submit"],.elementor-kit-1001 .elementor-button{font-size:var( --e-global-typography-btn-font-size );line-height:var( --e-global-typography-btn-line-height );letter-spacing:var( --e-global-typography-btn-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =====================================================================
   Göttler – Site Settings → Custom CSS (Kit 9) · 29.09.2026
   Nur was Elementor nativ nicht kann. Alles andere über Widget-Einstellungen + Kit-Globals.
   ===================================================================== */

/* Header-Menü: Dropdown „Tätigkeitsschwerpunkte" 280px breit + Innenabstand wie im Entwurf – keine native Option für das Desktop-Untermenü */
.gh-hnav .sub-menu{min-width:280px!important;padding:6px}

/* Menü-Icons: TB-Menüs kennen keine CSS-Klassen pro Eintrag — Zuordnung über die Ziel-URL, SVGs als data-URI (TB-Medien enthalten keine SVG-Icons).
   Icon übernimmt die Textfarbe (auch Hover) */
.gh-hnav .sub-menu a[href$="/taetigkeitsschwerpunkte/arbeitsrecht/"]::before,
.gh-hnav .sub-menu a[href$="/taetigkeitsschwerpunkte/gesellschaftsrecht/"]::before,
.gh-hnav .sub-menu a[href$="/taetigkeitsschwerpunkte/bank-und-kapitalmarktrecht/"]::before,
.gh-hnav .sub-menu a[href$="/taetigkeitsschwerpunkte/versicherungsrecht/"]::before,
.gh-hnav .sub-menu a[href$="/dienstleistungen/berufsunfaehigkeit/"]::before,
.gh-hnav .sub-menu a[href$="/taetigkeitsschwerpunkte/wirtschaftsmediation/"]::before,
.gh-hnav .sub-menu a[href$="/taetigkeitsschwerpunkte/autokaufrecht/"]::before,
.gh-hnav .sub-menu a[href$="/dienstleistungen/zeitarbeit/"]::before,
.gh-hnav .sub-menu a[href$="/taetigkeitsschwerpunkte/guetestelle/"]::before{content:"";flex:none;width:17px;height:17px;margin-right:.6em;background:currentColor;-webkit-mask:var(--gh-ic) center/contain no-repeat;mask:var(--gh-ic) center/contain no-repeat}
.gh-hnav .sub-menu a[href$="/taetigkeitsschwerpunkte/arbeitsrecht/"]{--gh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E %3Crect x='2' y='7' width='20' height='14' rx='2'%3E%3C/rect%3E %3Cpath d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'%3E%3C/path%3E %3C/svg%3E")}
.gh-hnav .sub-menu a[href$="/taetigkeitsschwerpunkte/gesellschaftsrecht/"]{--gh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E %3Crect x='4' y='2' width='16' height='20' rx='2'%3E%3C/rect%3E %3Cpath d='M9 22v-4h6v4M8 6h.01M12 6h.01M16 6h.01M8 10h.01M12 10h.01M16 10h.01M8 14h.01M16 14h.01'%3E%3C/path%3E %3C/svg%3E")}
.gh-hnav .sub-menu a[href$="/taetigkeitsschwerpunkte/bank-und-kapitalmarktrecht/"]{--gh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M3 22h18M6 18v-7M10 18v-7M14 18v-7M18 18v-7M12 2 3 8h18l-9-6z'%3E%3C/path%3E %3C/svg%3E")}
.gh-hnav .sub-menu a[href$="/taetigkeitsschwerpunkte/versicherungsrecht/"]{--gh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M12 2v2M12 22a2 2 0 0 0 2-2v-8M2 12a10 10 0 0 1 20 0z'%3E%3C/path%3E %3C/svg%3E")}
.gh-hnav .sub-menu a[href$="/dienstleistungen/berufsunfaehigkeit/"]{--gh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M20.42 4.58a5.4 5.4 0 0 0-7.65 0L12 5.36l-.77-.78a5.4 5.4 0 1 0-7.65 7.65l.78.78L12 21l7.64-7.99.78-.78a5.4 5.4 0 0 0 0-7.65z'%3E%3C/path%3E %3Cpath d='M3.5 12h4l1.5-3 2.5 6 1.5-3h4'%3E%3C/path%3E %3C/svg%3E")}
.gh-hnav .sub-menu a[href$="/taetigkeitsschwerpunkte/wirtschaftsmediation/"]{--gh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='m11 17 2 2a1 1 0 1 0 3-3M14 14l2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4'%3E%3C/path%3E %3Cpath d='m21 3-1 9M3 4l4.5 4.5M3 9l3 3'%3E%3C/path%3E %3C/svg%3E")}
.gh-hnav .sub-menu a[href$="/taetigkeitsschwerpunkte/autokaufrecht/"]{--gh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M5 17H3v-5l2-5h14l2 5v5h-2M5 17a2 2 0 1 0 4 0M15 17a2 2 0 1 0 4 0M5 17h10M6 12h12'%3E%3C/path%3E %3C/svg%3E")}
.gh-hnav .sub-menu a[href$="/dienstleistungen/zeitarbeit/"]{--gh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'%3E%3C/path%3E %3Ccircle cx='9' cy='7' r='4'%3E%3C/circle%3E %3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'%3E%3C/path%3E %3C/svg%3E")}
.gh-hnav .sub-menu a[href$="/taetigkeitsschwerpunkte/guetestelle/"]{--gh-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E %3Cpath d='m16 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z'%3E%3C/path%3E %3Cpath d='m2 16 3-8 3 8c-.87.65-1.92 1-3 1s-2.13-.35-3-1Z'%3E%3C/path%3E %3Cpath d='M7 21h10M12 3v18M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2'%3E%3C/path%3E %3C/svg%3E")}

/* Initiale (Klasse gh-initiale): Elementors Drop-Cap greift nicht bei dynamischen Inhalten (ACF, Post Content).
   Erster Absatz im Fliesstext bzw. direkter Text ohne <p> (ACF-Lead) */
.gh-initiale p:first-of-type::first-letter,
.elementor-widget.gh-initiale:not(:has(p))::first-letter{float:left;font-family:var(--e-global-typography-primary-font-family),sans-serif;font-weight:900;font-size:3.4em;line-height:.72;margin:.06em .12em 0 0;color:var(--e-global-color-accent)}

/* Brotkrumen (AIOSEO-Shortcode im Text-Editor, Klasse gh-crumbs): Text-Editor hat keine Linkfarben-Option */
.gh-crumbs a{color:inherit}
.gh-crumbs a:hover{color:var(--e-global-color-accent)}
.gh-crumbs .aioseo-breadcrumb-separator{margin:0 .5em;opacity:.4}

/* Loop-Zeilen (Klassen gh-index / gh-rail-list am Loop Grid): Einrückung + Pfeil beim Hover der ganzen Zeile.
   Elementor kann Kind-Elemente nicht auf den Hover des Eltern-Containers reagieren lassen */
.gh-index .e-loop-item>.e-con,.gh-rail-list .e-loop-item>.e-con{transition:padding .3s cubic-bezier(.2,.7,.2,1),background-color .2s}
.gh-index .e-loop-item>.e-con:hover{padding-left:20px}
.gh-index .e-loop-item .elementor-widget-heading:last-child .elementor-heading-title{transition:transform .3s cubic-bezier(.2,.7,.2,1),color .2s}
.gh-index .e-loop-item>.e-con:hover .elementor-widget-heading:last-child .elementor-heading-title{color:var(--e-global-color-accent);transform:translateX(6px)}
.gh-rail-list .e-loop-item>.e-con:hover{padding-left:.3em}
.gh-rail-list .e-loop-item>.e-con:hover .elementor-heading-title a{color:var(--e-global-color-accent)}

/* News-Liste (Klasse gh-news): laufende Nummer 01, 02 … als erste Spalte – Elementor-Loops haben keinen Index.
   position:static, weil Elementor ::before an Containern absolut (Hintergrund-Overlay) positioniert */
.gh-news .elementor-loop-container{counter-reset:gh-news}
.gh-news .e-loop-item{counter-increment:gh-news}
.gh-news .e-loop-item>.e-con::before{content:counter(gh-news,decimal-leading-zero);position:static;inset:auto;flex:none;width:64px;height:auto;background:none;border:0;opacity:1;font-family:var(--e-global-typography-primary-font-family),sans-serif;font-weight:700;font-size:.95rem;color:var(--e-global-color-accent)}
@media(max-width:767px){.gh-news .e-loop-item>.e-con::before{width:40px}}

/* Beitragsinhalt aus Gutenberg (Klasse gh-prose am Post-Content): Abstände, Listen, Tabellen, Buttons, FAQ.
   Gutenberg-Blöcke lassen sich in Elementor nicht einzeln gestalten */
.gh-prose h2,.gh-prose h3,.gh-prose h4{margin:1.7em 0 .4em}
.gh-prose strong{color:var(--e-global-color-primary)}
.gh-prose a{color:var(--e-global-color-accent);text-decoration:underline;text-underline-offset:.15em}
.gh-prose ul{list-style:none;padding-left:0}
.gh-prose ul li{position:relative;padding-left:1.5em;margin-bottom:.4em}
.gh-prose ul li::before{content:"—";position:absolute;left:0;color:var(--e-global-color-accent);font-weight:700}
.gh-prose table{width:100%;border-collapse:collapse;font-size:.95em}
.gh-prose td,.gh-prose th{padding:.6em .8em;border-bottom:1px solid var(--e-global-color-linesoft);text-align:left;vertical-align:top}
.gh-prose figure{margin:1.6em 0}
.gh-prose .wp-block-button__link{display:inline-flex;border-radius:0;padding:.95em 1.5em;background:var(--e-global-color-primary);color:var(--e-global-color-paper);font-family:var(--e-global-typography-primary-font-family),sans-serif;font-weight:700;font-size:.86rem;letter-spacing:.03em;text-transform:uppercase;text-decoration:none}
.gh-prose .wp-block-button__link:hover{background:var(--e-global-color-accent)}
.gh-prose details{border-bottom:1px solid var(--e-global-color-linesoft);padding:.9em 0}
.gh-prose summary{cursor:pointer;font-family:var(--e-global-typography-primary-font-family),sans-serif;font-weight:700;color:var(--e-global-color-primary)}

/* WPForms-Kontaktformular (Widget-Klasse gh-form). Farben, Rahmenfarbe/-stärke und Button-Farben kommen aus den Stil-Einstellungen des WPForms-Widgets.
   Hier nur, was das Widget nicht kann: Radius 0 (Wert 0 wird vom Widget verworfen), Größen in rem, nur Unterstrich statt Rahmen, Schriften/Versalien wie Entwurf, Pfeil im Button */
.gh-form .wpforms-container.wpforms-container-full{max-width:660px;margin:0;--wpforms-field-size-input-spacing:6px;--wpforms-field-border-radius:0;--wpforms-button-border-radius:0;--wpforms-field-size-font-size:1.06rem;--wpforms-field-size-padding-h:0px;--wpforms-label-size-font-size:.72rem;--wpforms-button-size-font-size:.86rem;--wpforms-button-size-height:auto;--wpforms-button-size-padding-h:1.5em}
.gh-form .wpforms-container-full .wpforms-form .wpforms-field :is(input:not([type=radio],[type=checkbox]),textarea){border-width:0 0 1.5px;box-shadow:none;font-family:var(--e-global-typography-text-font-family),serif}
.gh-form .wpforms-container-full .wpforms-form .wpforms-field :is(input,textarea):focus{border-color:var(--e-global-color-accent);box-shadow:none}
.gh-form .wpforms-container-full .wpforms-form .wpforms-field{padding:11px 0}
.gh-form .wpforms-container-full .wpforms-form .wpforms-field-label{font-family:var(--e-global-typography-label-font-family),sans-serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.gh-form .wpforms-container-full .wpforms-form .wpforms-required-label{color:inherit}
.gh-form .wpforms-container-full .wpforms-form .wpforms-field-label-inline{font-size:.92rem;line-height:1.5;color:var(--e-global-color-secondary)}
.gh-form .wpforms-container-full .wpforms-form button[type=submit]{display:inline-flex;align-items:center;gap:.55em;padding-block:.95em;font-family:var(--e-global-typography-btn-font-family),sans-serif;font-weight:700;letter-spacing:.03em;text-transform:uppercase;transition:background .2s,border-color .2s}
.gh-form .wpforms-container-full .wpforms-form button[type=submit]:hover{background:var(--e-global-color-accent);border-color:var(--e-global-color-accent)}
.gh-form .wpforms-container-full .wpforms-form button[type=submit]::after,.gh-form .wpforms-container-full .wpforms-form button[type=submit]:focus::after{content:"";position:static;flex:none;width:16px;height:16px;border:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%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 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.gh-form .wpforms-container-full .wpforms-form button[type=submit]:focus-visible{outline:2px solid var(--e-global-color-accent);outline-offset:3px}

/* Halbe Felder (Straße/PLZ, Telefon/E-Mail) am Handy einspaltig wie im Entwurf – WPForms bricht sie bei 390px nicht um */
@media(max-width:600px){.gh-form .wpforms-container-full .wpforms-form .wpforms-field.wpforms-one-half{float:none;width:100%;margin-left:0}}

/* Lange URLs als Linktext (Datenschutz, Beiträge) sprengen am Handy die Breite – Umbruch an beliebiger Stelle */
.gh-prose a{overflow-wrap:anywhere}

/* Handy: lange Einzelwörter/Schrägstrich-Komposita (z. B. „Wirtschaftsmediation", „Zeitarbeit/Arbeitnehmerüberlassung") sprengen bei 360px die Breite.
   Notumbruch überall; Silbentrennung nur in Titeln und erst ab 16 Zeichen (wie .jr-h1 im Entwurf, Fließtext bleibt ungetrennt). Elementor hat keine Silbentrennungs-Option */
@media(max-width:767px){body{overflow-wrap:break-word}:is(h2,h3).elementor-heading-title{hyphens:auto;hyphenate-limit-chars:16 6 6}}
/* Seitentitel (H1) und Hero-Titel (Klasse gh-display) wie .jr-h1/.jr-display im Entwurf: immer Silbentrennung, Hero ausbalanciert – sonst läuft „Vertrauenssache." bei 1440px über den Rand */
h1.elementor-heading-title,.gh-display .elementor-heading-title{hyphens:auto;overflow-wrap:break-word}
.gh-display .elementor-heading-title{text-wrap:balance}
/* Spalten „Warum Kanzlei Göttler" (Klasse gh-cols) am Handy mit feiner Trennlinie wie im Entwurf – Rahmenfarbe ist in Elementor nicht responsiv */
@media(max-width:767px){.gh-cols>.e-con{border-top-color:var(--e-global-color-linesoft)!important}}

/* Bewertungen: Sterne erben sonst die Fließtext-Zeilenhöhe (29px statt 15px) – Star-Rating-Widget hat keine Zeilenhöhen-Option */
.elementor-star-rating{line-height:1}
/* Bewertungen: Name in der Zeile „von" dunkel wie im Entwurf (.by b) – Text-Editor kann fette Passagen nicht separat einfärben */
.gh-by b,.gh-by strong{color:var(--e-global-color-primary)}

/* Inhaltsverzeichnis (TOC-Widget, Klasse gh-toc): feine Trennlinie + Abstand je Eintrag wie Entwurf (.jr-rail-list) – TOC-Widget hat keine Eintrags-Rahmen */
.gh-toc .elementor-toc__list-item{border-bottom:1px solid var(--e-global-color-linesoft);padding:.6em 0;margin:0}
.gh-toc .elementor-toc__list-item:last-child{border-bottom:0}

/* Header 1025–1365px: Hauptmenü (inkl. „Home") passt sonst nicht in eine Zeile (Tablet-Querformat, Laptops 1280/1366) – Telefon ausblenden, Menüabstände enger.
   Elementor 4 bietet hier keinen weiteren Breakpoint für das Nav-Menu-Widget */
@media(min-width:1025px) and (max-width:1365px){.gh-hdr-tel{display:none}.elementor-location-header .elementor-nav-menu--main .elementor-item{padding-left:4px!important;padding-right:4px!important;font-size:.74rem!important}}

/* Mobil-Menü im Off-Canvas (Nav-Menu vertikal, Klasse gh-mnav) wie Entwurf .mobile-nav: Untermenü dauerhaft offen, Elternpunkt als Label, Trennlinien.
   Das Nav-Menu-Widget kennt kein „immer geöffnet" und keine Trennlinien im Hauptmenü */
.gh-mnav .elementor-nav-menu>li>a{border-bottom:1px solid var(--e-global-color-linesoft)}
.gh-mnav .sub-menu{display:block!important;position:static!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;box-shadow:none!important}
.gh-mnav .elementor-nav-menu .sub-arrow{display:none!important}
.gh-mnav .elementor-nav-menu .menu-item-has-children>a.elementor-item{pointer-events:none;border-bottom:0;padding:18px 0 4px!important;font-size:.72rem!important;letter-spacing:.12em!important;color:var(--e-global-color-accent)!important}
/* „Alle Schwerpunkte im Überblick“ steht in TB als letzter Punkt im Untermenü */
/* Google-Bewertungen (Plugin „Widgets for Google Reviews", Shortcode-Widget mit Klasse gh-grw) im Look der Entwurf-Karten (.jr-review):
   2 Spalten, Linie oben, Sterne → Zitat → Name · Zeit, ohne Avatar/Hintergrund. Farben kommen aus den Plugin-Optionen; Layout hat dort keine Einstellung */
.gh-grw .wp-gr{--rev-color:transparent;--rpi-star-size:15px}
.gh-grw .wp-gr .grw-reviews{display:block!important;columns:2 320px;column-gap:56px}
.gh-grw .wp-gr .grw-review{display:block!important;width:auto!important;padding:0!important;break-inside:avoid}
.gh-grw .wp-gr .grw-review-inner{margin:0!important;border-top:2px solid var(--e-global-color-primary);border-radius:0!important;box-shadow:none!important;padding:20px 0 28px!important;gap:10px!important}
.gh-grw .wp-gr .grw-review-inner>svg,.gh-grw .wp-gr .grw-img-wrap{display:none!important}
.gh-grw .wp-gr .rpi-stars{order:-1}
.gh-grw .wp-gr .grw-review .wp-google-feedback{height:auto!important;max-height:none!important;overflow:visible!important}
.gh-grw .wp-gr .grw-review-inner>.rpi-row12-center{order:3}
.gh-grw .wp-gr .rpi-row12-center>.rpi-col6{--dir:row;justify-content:flex-start!important;align-items:baseline;gap:.4em;font-family:var(--e-global-typography-primary-font-family),sans-serif;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}
.gh-grw .wp-gr .wp-google-name{flex:none!important;width:auto!important;font-size:inherit!important;font-weight:700;color:var(--e-global-color-primary)!important}
.gh-grw .wp-gr .wp-google-time{font-size:inherit!important;text-transform:uppercase!important;color:var(--e-global-color-ink3)!important}
.gh-grw .wp-gr .wp-google-time::before{content:"· "}
.gh-grw .wp-gr .wp-google-text{font-family:var(--e-global-typography-text-font-family),serif;font-style:italic;font-size:1.06rem!important;line-height:1.55!important;color:var(--e-global-color-primary)!important}
.gh-grw .wp-gr .wp-google-text::before{content:"„"}.gh-grw .wp-gr .wp-google-text::after{content:"“"}

/* gh-mobile (QA 02.10.): Handy-Korrekturen */
@media (max-width:767px){h1,h2,h3,.elementor-heading-title{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.elementor-element-6a7e0200{padding-left:10px!important;padding-right:10px!important}.elementor-element-bb35758{width:100%!important;max-width:100%!important}.gh-dl-list .e-loop-item > .e-con{flex-wrap:wrap!important;row-gap:6px}.gh-dl-list .e-loop-item > .e-con > .elementor-element:not(:first-child){width:100%!important;max-width:100%!important;flex-basis:100%!important;margin-left:0!important}.gh-dl-f{min-height:40px!important}.elementor-widget-template:has(.gh-toc){display:none!important}.gh-initiale p:first-of-type::first-letter,.gh-initiale::first-letter{float:none!important;font-size:inherit!important;line-height:inherit!important;margin:0!important;font-family:inherit!important;font-weight:inherit!important;color:inherit!important}.elementor-field-type-acceptance input[type=checkbox]{width:22px;height:22px}.elementor-element-cd5c691{max-width:100vw}}

/* gh-mnav: Die Kanzlei hat Unterpunkte, bleibt aber ein normaler Link (QA 05.10.) */
.gh-mnav .elementor-nav-menu .menu-item-has-children>a.elementor-item[href="/die-kanzlei/"]{pointer-events:auto;padding:12px 0!important;font-size:.9rem!important;letter-spacing:normal!important;color:var(--e-global-color-primary)!important;border-bottom:1px solid var(--e-global-color-linesoft)}


/* gh (QA 29.10.): neue Plugin-Version kürzt Rezensionen (line-clamp + „weiterlesen") – voll ausschreiben */
.gh-grw .wp-gr[data-layout="grid"] .grw-review .wp-google-feedback{display:block!important;-webkit-line-clamp:unset!important;min-height:0!important;max-height:none!important;height:auto!important;overflow:visible!important}
.gh-grw .wp-gr .wp-more-toggle,.gh-grw .wp-gr .grw-more{display:none!important}


/* gh (QA 29.10.): neue Plugin-Version – Variablen umbenannt (.rpi-card). Sterne 15px, kein Kartenhintergrund, Trennlinie, Text voll, „weiterlesen" aus */
.gh-grw .wp-gr{--card-bg:transparent!important;--rev-bg:transparent!important}
.gh-grw .wp-gr .rpi-stars{--star-size:15px!important;--stars-w:calc(5*(15px + 2px))!important}
.gh-grw .wp-gr[data-layout="grid"] .grw-review .wp-google-feedback{display:block!important;-webkit-line-clamp:unset!important;min-height:0!important;max-height:none!important;height:auto!important;overflow:visible!important}
.gh-grw .wp-gr[data-layout="grid"] .rpi-card>.grw-review-inner{border-top:2px solid var(--e-global-color-primary)!important;border-radius:0!important}
.gh-grw .wp-gr .wp-more-toggle,.gh-grw .wp-gr .grw-more{display:none!important}

/* ---------------------------------------------------------------------
   Überschriften Unterseiten (Kundenfeedback 26.10.2026): etwas kleiner,
   mehr Zeilenabstand. Startseite (page-id-439) bleibt unverändert.
   --------------------------------------------------------------------- */
body:not(.page-id-439){
  --e-global-typography-h1-font-size:64px;
  --e-global-typography-h1-line-height:1.08em;
}
body:not(.page-id-439) h2.wp-block-heading{font-size:28px;line-height:1.25em;}
body:not(.page-id-439) h3.wp-block-heading{font-size:1.2rem;line-height:1.35em;}
body:not(.page-id-439) h4.wp-block-heading{line-height:1.4em;}
@media(max-width:1024px){
  body:not(.page-id-439){--e-global-typography-h1-font-size:52px;}
  body:not(.page-id-439) h2.wp-block-heading{font-size:25px;}
}
@media(max-width:767px){
  body:not(.page-id-439){
    --e-global-typography-h1-font-size:30px;
    --e-global-typography-h1-line-height:1.15em;
  }
  body:not(.page-id-439) h2.wp-block-heading{font-size:22px;}
}

/* Bildausschnitt einzelner Hero-Bilder (Kundenwunsch 27.10.2026): das Bild wird im Hero
   flach zugeschnitten (object-fit:cover), Standard ist die Bildmitte. Gezielt per Dateiname,
   damit die übrigen Dienstleistungsseiten unverändert bleiben. */
img[src*="Personalgespraech"]{object-position:center 20%;}

/* Footer "Weitere Bereiche": Zeitarbeit & Personalvermittlung (Kundenwunsch 27.10.2026). Zwei Menüeinträge
   mit eigenem Link, per CSS in eine Zeile gesetzt und mit "&" verbunden. Ein Menüeintrag kann nur einen Link haben. */
.elementor-element-7dafce9a .elementor-nav-menu--main .elementor-nav-menu{display:flex;flex-direction:row;flex-wrap:wrap;}
.elementor-element-7dafce9a .elementor-nav-menu--main .elementor-nav-menu>li{flex:0 0 100%;}
.elementor-element-7dafce9a .elementor-nav-menu--main .elementor-nav-menu>li:has(>a[href="/dienstleistungen/zeitarbeit/"]){flex:0 0 auto;}
.elementor-element-7dafce9a .elementor-nav-menu--main .elementor-nav-menu>li:has(>a[href="/dienstleistungen/personalvermittlung-und-vermittlungsprovision/"]){flex:1 1 auto;}
.elementor-element-7dafce9a .elementor-nav-menu--main .elementor-nav-menu>li:has(>a[href="/dienstleistungen/zeitarbeit/"]){display:flex;align-items:baseline;} .elementor-element-7dafce9a .elementor-nav-menu--main .elementor-nav-menu>li:has(>a[href="/dienstleistungen/zeitarbeit/"])::after{content:"&";margin:0 .3em;font-family:var(--e-global-typography-textsm-font-family),Sans-serif;font-size:var(--e-global-typography-textsm-font-size);font-weight:var(--e-global-typography-textsm-font-weight);line-height:var(--e-global-typography-textsm-line-height);color:var(--e-global-color-secondary);}/* End custom CSS */