/*
Theme Name: Blocksy Child – wagnergraphics
Template: blocksy
Version: 1.0.0
Author: wagnergraphics
Text Domain: blocksy-child
*/

/* === WG-TYPO-SKALA START ===
   Fliessend zwischen 360px und 1440px Viewport. Werte = bisheriger Look (Templates), nichts veraendert:
   -2 12-13 | -1 14-15 | 0 Fliesstext 17-18 | 1 Lead/H4 19-21 | 2 H3 22-30 | 3 26-36 | 4 H2 34-46 | 5 H1 40-64
   In Blocksy ueberall var(--step-x) statt fester Pixel eintragen. */
:root{
--step--2:clamp(0.75rem,0.729rem + 0.093vw,0.8125rem);
--step--1:clamp(0.875rem,0.854rem + 0.093vw,0.9375rem);
--step-0:clamp(1.0625rem,1.042rem + 0.093vw,1.125rem);
--step-1:clamp(1.1875rem,1.146rem + 0.185vw,1.3125rem);
--step-2:clamp(1.375rem,1.208rem + 0.741vw,1.875rem);
--step-3:clamp(1.625rem,1.417rem + 0.926vw,2.25rem);
--step-4:clamp(2.125rem,1.875rem + 1.111vw,2.875rem);
--step-5:clamp(2.5rem,2rem + 2.222vw,4rem);
}
/* === WG-TYPO-SKALA ENDE === */
/* Rechtsseiten (schmal, boxed): weisse Box hebt sich vom Papiergrund ab */
[data-prefix="single_page"] .ct-container-full[data-content="narrow"] > article{box-shadow:0 1px 2px rgba(28,43,54,.06),0 24px 48px -24px rgba(28,43,54,.28)!important;border-radius:3px!important;--theme-boxed-content-spacing:var(--wg-box-pad)}

/* Textseiten in schmaler Fassung (Rechtsseiten): Abschnitte eine Stufe unter dem Seitentitel */
[data-content="narrow"] .entry-content h2{--theme-font-size:var(--step-3)}
[data-content="narrow"] .entry-content h3{--theme-font-size:var(--step-2)}
[data-content="narrow"] .entry-content h4{--theme-font-size:var(--step-1)}

/* Globale Ergänzungen zu Blocksy. Seitenbezogenes CSS liegt in den Seiten-Templates,
   Footer/FAQ/Formular-CSS im MU-Plugin wg-shared-ui. */

/* Seiten: randlos, die HTML-Templates bringen Hero, Breite und Abstände selbst mit (Entscheidung 10a) */
body.page .site-main > .ct-container{width:100%;max-width:none;padding:0}
body.page .site-main > .ct-container .entry-content.is-layout-constrained > *{max-width:none;margin-inline:0}
body.page .site-main > .ct-container .entry-content .vc_row,body.page .site-main > .ct-container .entry-content .vc_column-inner,body.page .site-main > .ct-container .entry-content .wpb_wrapper,body.page .site-main > .ct-container .entry-content .wpb_raw_html{margin:0;padding:0;max-width:none}
body.page .site-main > .ct-container .entry-content .wpb_content_element{margin-bottom:0}
/* Header: Uncode-Logo-Platzhalter aus dem Hauptmenü (nur noch Mobilmenü) ausblenden */
.menu-item.wg-hide{display:none!important}

/* === WG-HEADER START (1:1 Uncode: Monrad Light 14px Versalien, #303133, Hover Orange) === */
:root{--wg-spring-soft:linear(0, 0.009, 0.035 2.1%, 0.141 4.4%, 0.723 12.9%, 0.938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, 0.991, 0.977 51%, 0.974 53.8%, 0.975 57.1%, 0.997 69.8%, 1.003 76.9%, 1);--wg-paper-light:#F3F4F2;--wg-paper-warm:#ECE8DF;--wg-shadow-soft:0 1px 2px rgba(28,43,54,.08),0 6px 14px -4px rgba(28,43,54,.12),0 26px 52px -18px rgba(28,43,54,.32);--wg-blur:12px;--wg-pad:max(clamp(20px,5vw,80px),calc((100vw - 1600px) / 2));--wg-box-pad:clamp(24px,1rem + 3vw,64px);--wg-paper:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22420%22%20height%3D%22420%22%3E%3Cg%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M272%20380Q277%20385%20283%20387%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.55%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M250%20139Q252%20140%20250%20146%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.35%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M231%20316Q238%20315%20244%20323%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.55%22%20opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M148%20120Q144%20121%20146%20126%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.45%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M258%2034Q267%2038%20272%2040%22%20stroke%3D%22%238a7f6e%22%20stroke-width%3D%22.55%22%20opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M166%20338Q158%20338%20157%20341%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.55%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M92%20409Q84%20402%2084%20403%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.35%22%20opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M379%20218Q372%20215%20365%20211%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.55%22%20opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M196%20370Q193%20374%20199%20383%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.45%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M266%20269Q266%20277%20263%20278%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.45%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M12%20397Q16%20402%2015%20402%22%20stroke%3D%22%238a7f6e%22%20stroke-width%3D%22.55%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M1%205Q2%2010%208%2016%22%20stroke%3D%22%238a7f6e%22%20stroke-width%3D%22.55%22%20opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M69%20391Q73%20391%2084%20400%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.45%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M317%20209Q324%20215%20331%20219%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.55%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M103%20145Q106%20142%20107%20136%22%20stroke%3D%22%238a7f6e%22%20stroke-width%3D%22.35%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M271%20104Q269%20102%20274%20100%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.45%22%20opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M9%20183Q9%20176%205%20171%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.35%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M314%20293Q311%20290%20307%20292%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.55%22%20opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M111%2042Q107%2037%20102%2042%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.55%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M374%20212Q380%20205%20385%20208%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.45%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M89%20126Q89%20133%2093%20137%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.35%22%20opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M119%2023Q123%2025%20127%2025%22%20stroke%3D%22%238a7f6e%22%20stroke-width%3D%22.45%22%20opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M363%20294Q361%20301%20364%20302%22%20stroke%3D%22%238a7f6e%22%20stroke-width%3D%22.45%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M99%20211Q96%20213%2096%20207%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.35%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M186%20374Q178%20380%20174%20382%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.45%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M91%20166Q95%20173%20102%20177%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.45%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M340%2087Q336%2090%20337%2099%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.45%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M351%20411Q349%20411%20341%20419%22%20stroke%3D%22%238a7f6e%22%20stroke-width%3D%22.35%22%20opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M319%20188Q318%20180%20310%20180%22%20stroke%3D%22%238a7f6e%22%20stroke-width%3D%22.35%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M18%20121Q21%20118%2024%20123%22%20stroke%3D%22%238a7f6e%22%20stroke-width%3D%22.35%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M289%201Q278%207%20277%207%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.45%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M338%20403Q337%20404%20339%20397%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.45%22%20opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M12%2091Q15%2089%2019%2093%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.35%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M401%20292Q409%20295%20409%20296%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.35%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M401%20149Q401%20152%20396%20160%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.35%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M312%20283Q313%20280%20318%20283%22%20stroke%3D%22%238a7f6e%22%20stroke-width%3D%22.55%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M330%2047Q330%2048%20332%2042%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.45%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M373%20273Q378%20271%20379%20268%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.45%22%20opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M263%20150Q257%20156%20260%20162%22%20stroke%3D%22%238a7f6e%22%20stroke-width%3D%22.55%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M123%20242Q115%20244%20107%20239%22%20stroke%3D%22%238a7f6e%22%20stroke-width%3D%22.45%22%20opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M420%20230Q423%20232%20424%20227%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.35%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M210%20209Q201%20206%20193%20210%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.35%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M285%20357Q282%20350%20286%20342%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.55%22%20opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M46%20368Q41%20371%2037%20384%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.45%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M358%20210Q365%20213%20368%20210%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.35%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M193%2055Q196%2065%20196%2068%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.55%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M169%20381Q170%20372%20164%20372%22%20stroke%3D%22%238a7f6e%22%20stroke-width%3D%22.45%22%20opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M279%20163Q273%20167%20266%20174%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.55%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M35%2040Q35%2040%2039%2047%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.55%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M93%2099Q86%20102%2087%20111%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.35%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M37%20363Q30%20356%2031%20352%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.35%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M303%2058Q299%2058%20291%2058%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.35%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M140%2036Q139%2030%20135%2027%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.45%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M188%2071Q185%2069%20192%2066%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.55%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M26%205Q21%207%2022%2011%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.55%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M408%20366Q404%20374%20402%20374%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.45%22%20opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M216%20321Q218%20319%20224%20318%22%20stroke%3D%22%238a7f6e%22%20stroke-width%3D%22.55%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M92%2039Q101%2041%20105%2042%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.45%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M80%20132Q71%20128%2071%20116%22%20stroke%3D%22%238a7f6e%22%20stroke-width%3D%22.35%22%20opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M248%20212Q258%20210%20261%20203%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.45%22%20opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M41%20175Q36%20168%2038%20170%22%20stroke%3D%22%238a7f6e%22%20stroke-width%3D%22.35%22%20opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M298%20396Q295%20391%20293%20391%22%20stroke%3D%22%238a7f6e%22%20stroke-width%3D%22.55%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M135%20109Q142%20108%20142%20109%22%20stroke%3D%22%238a7f6e%22%20stroke-width%3D%22.45%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M337%20189Q326%20187%20322%20181%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.35%22%20opacity%3D%22.28%22%2F%3E%3Cpath%20d%3D%22M55%20156Q47%20158%2046%20154%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.35%22%20opacity%3D%22.36%22%2F%3E%3Cpath%20d%3D%22M225%20401Q217%20393%20212%20391%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.35%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M159%20107Q155%20109%20154%20107%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.35%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M366%20102Q356%2096%20352%2098%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.35%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M323%2080Q323%2083%20328%2082%22%20stroke%3D%22%23a39a8a%22%20stroke-width%3D%22.55%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M155%20349Q150%20349%20151%20345%22%20stroke%3D%22%236f7f8f%22%20stroke-width%3D%22.55%22%20opacity%3D%22.28%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--wg-navy:#002B4B;--wg-or:#EF7D00;--wg-or-t:#A35300;--wg-menu:#303133;--wg-spring:cubic-bezier(.3,1.6,.5,1)}
#header .site-logo-container img{height:60px;width:auto;max-height:none;transition:height .3s ease}
#header [data-sticky*="yes"] .site-logo-container img{height:40px}
#header .menu-container > .menu > li > .ct-menu-link{position:relative;font-family:ct_font_sofia__sans,"WG Sofia Sans",system-ui,sans-serif;font-weight:300;font-size:16px;letter-spacing:.05em;text-transform:uppercase;color:var(--wg-menu);padding-inline:14px}
#header .menu-container .menu > li > .ct-menu-link:hover,#header .menu-container .menu > li.current-menu-item > .ct-menu-link,#header .menu-container .menu > li.current-menu-ancestor > .ct-menu-link{color:var(--wg-or)}
#header .menu-container .sub-menu{background:#fff;box-shadow:0 10px 30px rgba(0,43,75,.12)}
#header .menu-container .sub-menu li{border-bottom:1px solid rgba(0,43,75,.08)}
#header .menu-container .sub-menu li:last-child{border-bottom:0}
#header .menu-container .sub-menu .ct-menu-link{font-family:ct_font_sofia__sans,"WG Sofia Sans",system-ui,sans-serif;font-weight:300;font-size:15px;letter-spacing:.05em;text-transform:uppercase;color:var(--wg-menu)}
#header .menu-container .sub-menu .ct-menu-link:hover{color:var(--wg-or)}
/* Menue-Icons (Start/Kontakt) federn wie im Footer */
#header .wg-mi,#header .wg-mi *{fill:none!important}
#header .wg-mi{width:18px;height:18px;stroke:currentColor;stroke-width:1.25;transition:transform .3s var(--wg-spring)}
#header .ct-menu-link:hover .wg-mi,#header .ct-menu-link:focus-visible .wg-mi{transform:rotate(-10deg) scale(1.15)}

/* Icons: Blocksy-Icons gegen die Linien-Icons aus dem Footer tauschen (Maske, Farbe per currentColor) */
.ct-shortcuts-bar [data-shortcut] .ct-icon-container svg{opacity:0}
.ct-shortcuts-bar [data-shortcut] .ct-icon-container{position:relative}
.ct-shortcuts-bar [data-shortcut] .ct-icon-container::after{content:"";position:absolute;inset:-3px;background:currentColor;-webkit-mask:var(--wg-i) center/contain no-repeat;mask:var(--wg-i) center/contain no-repeat;transition:transform .3s var(--wg-spring)}
#header .ct-header-search{color:var(--wg-menu);--wg-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2010a7%207%200%201%200%2014%200a7%207%200%201%200%20-14%200%27%2F%3E%3Cpath%20d%3D%27M21%2021l-6%20-6%27%2F%3E%3C%2Fsvg%3E")}
#header .ct-header-search:hover{color:var(--wg-or)}
.ct-shortcuts-bar [data-shortcut="home"]{--wg-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2012l-2%200l9%20-9l9%209l-2%200%27%2F%3E%3Cpath%20d%3D%27M5%2012v7a2%202%200%200%200%202%202h10a2%202%200%200%200%202%20-2v-7%27%2F%3E%3Cpath%20d%3D%27M9%2021v-6a2%202%200%200%201%202%20-2h2a2%202%200%200%201%202%202v6%27%2F%3E%3C%2Fsvg%3E")}
.ct-shortcuts-bar [data-shortcut="phone"]{--wg-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%204h4l2%205l-2.5%201.5a11%2011%200%200%200%205%205l1.5%20-2.5l5%202v4a2%202%200%200%201%20-2%202a16%2016%200%200%201%20-15%20-15a2%202%200%200%201%202%20-2%27%2F%3E%3C%2Fsvg%3E")}
.ct-shortcuts-bar [data-shortcut^="custom_link"]{--wg-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%207a2%202%200%200%201%202%20-2h14a2%202%200%200%201%202%202v10a2%202%200%200%201%20-2%202h-14a2%202%200%200%201%20-2%20-2v-10z%27%2F%3E%3Cpath%20d%3D%27M3%207l9%206l9%20-6%27%2F%3E%3C%2Fsvg%3E")}
.ct-shortcuts-bar [data-shortcut="scroll_top"]{--wg-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%205l0%2014%27%2F%3E%3Cpath%20d%3D%27M18%2011l-6%20-6%27%2F%3E%3Cpath%20d%3D%27M6%2011l6%20-6%27%2F%3E%3C%2Fsvg%3E")}
.ct-shortcuts-bar [data-shortcut]{color:#fff}
.ct-shortcuts-bar [data-shortcut] .ct-icon-container{color:var(--wg-or)}
.ct-shortcuts-bar [data-shortcut]:hover .ct-icon-container::after,.ct-shortcuts-bar [data-shortcut]:active .ct-icon-container::after,#header .ct-header-search:hover svg{transform:rotate(-10deg) scale(1.15)}
@media (prefers-reduced-motion:reduce){#header .wg-mi,#header .ct-header-search svg,.ct-shortcuts-bar [data-shortcut] .ct-icon-container::after{transition:none}}
#header .ct-header-search svg > *{display:none}
#header .ct-header-search svg{width:20px;height:20px;background:currentColor;-webkit-mask:var(--wg-i) center/contain no-repeat;mask:var(--wg-i) center/contain no-repeat;transition:transform .3s var(--wg-spring)}
/* Header-Raster wie live: 96px, Menuegruppen eng am Logo, Lupe ganz rechts */
#header [data-device="desktop"] [data-row="middle"]{--height:96px}
#header [data-row="middle"]{background-color:rgba(255,255,255,.9)!important;-webkit-backdrop-filter:blur(var(--wg-blur));backdrop-filter:blur(var(--wg-blur));box-shadow:0 1px 0 rgba(28,43,54,.06),0 8px 24px -10px rgba(28,43,54,.10)}
#header [data-device="desktop"] [data-row="middle"] > .ct-container{width:100%;max-width:none;padding-inline:37px;min-height:96px;grid-template-columns:1fr auto 1fr}
#header [data-device="desktop"] [data-column="start"] > [data-items]{justify-content:flex-end}
#header [data-device="desktop"] [data-column="end"] > [data-items]{justify-content:flex-start;width:100%}
#header [data-device="desktop"] [data-column="end"] .ct-header-search{margin-left:auto}
#header [data-device="desktop"] [data-column="middle"]{padding-inline:6px}
/* Mittlere Desktop-Breiten: Menue enger statt Punkte in 'Mehr' zu sammeln */
@media (max-width:1399.98px){#header .menu-container > .menu > li > .ct-menu-link{padding-inline:9px;letter-spacing:.03em}}
@media (max-width:1199.98px){#header .menu-container > .menu > li > .ct-menu-link{padding-inline:6px;font-size:14px;letter-spacing:0}#header [data-device="desktop"] [data-row="middle"] > .ct-container{padding-inline:20px}}
/* === WG-HEADER ENDE === */
/* Footer: Platz fuer die mobile Shortcut-Leiste */
@media (max-width:999.98px){#footer{padding-bottom:70px}}

/* Footer-Content-Block randlos, ohne Blocksy-Abstaende */
#footer > [data-block]{padding:0;margin:0;max-width:none;width:100%}
#footer > [data-block] > .ct-container-full{width:100%;max-width:none;padding:0;margin:0}
#footer article,#footer .entry-content{max-width:none;width:100%;margin:0}
#footer .entry-content.is-layout-constrained > *{max-width:none;margin:0}
/* WP-Kernlayout (is-layout-constrained) setzt Breite und Auto-Raender per !important: fuer Footer, Referenz und randlose Seiten aufheben */
#footer .entry-content.is-layout-constrained > *,body.single-portfolio .entry-content.is-layout-constrained > *,body.page .site-main > .ct-container .entry-content.is-layout-constrained > *{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}

/* === WG-REFERENZ START === */
body.single-portfolio .site-main > .ct-container{width:100%;max-width:none;padding:0}
.wg-ref-hero{position:relative;margin:0!important;display:grid;place-content:center;text-align:center;min-height:330px;padding:60px 24px;background:#002B4B var(--wg-ref-bg) center/cover no-repeat;isolation:isolate;color:#fff}
.wg-ref-hero::before{content:"";position:absolute;inset:0;background:rgba(0,43,75,.86);z-index:-1}
.wg-ref-hero h1{margin:0;color:#fff;font-weight:300;font-size:var(--step-4);max-width:24ch;line-height:1.08;text-transform:uppercase;letter-spacing:.02em}
.wg-ref-cat{margin:14px 0 0;font-size:var(--step--2);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.85)}
/* 70 % Bilder, 30 % Text */
.wg-ref-body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);align-items:start}
.wg-ref-media{display:flex;flex-direction:column;gap:32px;padding:clamp(40px,5vw,80px) clamp(24px,4vw,64px)}
.wg-ref-media figure{margin:0;box-shadow:0 18px 40px -12px rgba(0,0,0,.55)}
.wg-ref-media img{display:block;width:100%;height:auto}
.wg-ref-media.is-asym figure:nth-child(even){width:82%;margin-left:auto}
.wg-ref-media.is-gross{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.wg-ref-media.is-gross figure:first-child{grid-column:1/-1}
/* Info-Karte: von rechts eingeschoben, links oben/unten gerundet, Abstand nach oben */
.wg-ref-info{position:sticky;top:120px;margin-block:clamp(40px,5vw,80px);padding:clamp(28px,3vw,48px);background:#fff;border-radius:3px 0 0 3px;box-shadow:-18px 18px 40px -16px rgba(0,0,0,.5);color:var(--theme-palette-color-3);font-size:var(--step-0);line-height:1.6}
.wg-ref-notes{margin-top:24px;padding-top:20px;border-top:1px solid var(--theme-palette-color-5)}
.wg-ref-notes > * + *{margin-top:1em}
/* Navigation auf Filz, Vorschaubilder quadratisch */
body.single-portfolio .post-navigation{--theme-border-color:rgba(255,255,255,.15);max-width:none;width:100%;margin:0;padding:24px clamp(24px,4vw,64px) 88px;border-top:0;background:none}
body.single-portfolio .post-navigation a{color:#fff}
body.single-portfolio .post-navigation .item-label{color:var(--theme-palette-color-1);font-size:var(--step--2);font-weight:600;letter-spacing:.08em}
body.single-portfolio .post-navigation .item-title{font-size:var(--step-1);font-weight:600;line-height:1.3;color:#fff;transition:color .2s}
body.single-portfolio .post-navigation a:hover .item-title{color:var(--theme-palette-color-1)}
body.single-portfolio .post-navigation .ct-media-container{width:76px;aspect-ratio:1;border-radius:6px;overflow:hidden;box-shadow:0 10px 24px -8px rgba(0,0,0,.6);transition:transform .35s var(--wg-spring)}
body.single-portfolio .post-navigation .ct-media-container img{width:100%;height:100%;object-fit:cover;border-radius:0}
body.single-portfolio .post-navigation a:hover .ct-media-container{transform:scale(1.08) rotate(-3deg)}
body.single-portfolio .post-navigation:before,body.single-portfolio .post-navigation [class*="nav-item"]:after{border-color:rgba(255,255,255,.15)!important;background-color:rgba(255,255,255,.15)}
@media (max-width:999.98px){.wg-ref-body{grid-template-columns:1fr}.wg-ref-info{position:static;order:-1;margin:24px 20px 0;border-radius:12px}.wg-ref-media.is-asym figure:nth-child(even){width:100%}body.single-portfolio .post-navigation{padding:40px 20px 64px}}
@media (prefers-reduced-motion:reduce){body.single-portfolio .post-navigation .ct-media-container{transition:none}}
/* Referenz-Angaben: Zeilen mit Trennlinie dazwischen, Grundlinien buendig */
.wg-ref-facts{margin:0;padding:0;border:0}
.wg-ref-facts > div{display:grid;grid-template-columns:5.5em 1fr;column-gap:20px;align-items:baseline;padding-block:10px;border-bottom:1px solid var(--theme-palette-color-5)}
.wg-ref-facts > div:first-child{padding-top:0}
.wg-ref-facts > div:last-child{border-bottom:0;padding-bottom:0}
.wg-ref-facts dt,.wg-ref-facts dd{margin:0;line-height:1.5;font-size:var(--step-0)}
.wg-ref-facts dt{font-weight:700;color:var(--theme-palette-color-4)}
.wg-ref-facts dd{overflow-wrap:anywhere}
.wg-ref-facts a{color:inherit;text-decoration:underline;text-decoration-color:var(--theme-palette-color-1);text-underline-offset:3px}
.wg-ref-facts a:hover{color:var(--theme-palette-color-2)}
/* === WG-REFERENZ ENDE === */
/* Footer-Content-Block: Blocksy-Boxed-Einstellung einzelner Seiten (Rechtsseiten) gilt nicht fuer den Footer */
#footer [class*="ct-container"] > article{--has-boxed:var(--false);--has-wide:var(--true);--theme-boxed-content-spacing:0px;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;max-width:none!important;width:100%!important}

/* Referenz-Navigation: senkrechter Trenner kurz und mittig */

/* === WG-STIM (Test Startseite): Bewertungen ueberblenden + Punkteraster === */
.wg-home .stim .wg-dotgrid{position:absolute;inset:0;z-index:0;pointer-events:none}
.wg-home .stim .stim-l,.wg-home .stim .stim-r{z-index:1}
@media (min-width:768px){
.wg-home .stim.wg-fade .rv-track{display:grid!important;overflow:hidden!important;scroll-snap-type:none}
.wg-home .stim.wg-fade .rv-track>.rv-slide{display:flex!important;grid-area:1/1;opacity:0!important;visibility:hidden!important;transition:opacity 2s ease,visibility 0s linear 2s!important}
.wg-home .stim.wg-fade .rv-track>.rv-slide.is-on{opacity:1!important;visibility:visible!important;transition:opacity 2s ease,visibility 0s!important}
.wg-home .stim.wg-fade .rv-track .two{display:grid!important}
}
@media (prefers-reduced-motion:reduce){.wg-home .stim.wg-fade .rv-track>.rv-slide{transition:none}}
/* === WG-STIM ENDE === */

/* === WG-REFGRID START (Referenzraster Leistungsseiten: wie alte Seite, Masonry, viel Luft) === */
.wg-refgrid{--gap:clamp(24px,4.5vw,72px);display:block;column-count:3;column-gap:var(--gap);padding:clamp(40px,5vw,80px) var(--wg-pad)}
.wg-refgrid.is-masonry{display:flex;align-items:flex-start;gap:var(--gap);column-count:auto}
.wg-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--gap)}
.wg-refgrid:not(.is-masonry) .wg-refcard{break-inside:avoid;margin-bottom:var(--gap)}
.wg-refcard{position:relative;display:block;border-radius:3px;box-shadow:0 2px 4px rgba(0,0,0,.25),0 22px 48px -18px rgba(0,0,0,.75)}
.wg-refcard-pic{position:relative;display:block;overflow:hidden;border-radius:3px;background:#1d2024}
.wg-refcard-img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.wg-refcard-ov{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:rgba(239,125,0,.9);color:#fff;opacity:0;transition:opacity .4s ease}
.wg-refcard-t{font-size:var(--step-0);font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.3;transform:translateY(10px);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.wg-refcard-ov svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;transform:scale(.6) rotate(-90deg);transition:transform .5s var(--wg-spring)}
.wg-refcard:hover .wg-refcard-ov,.wg-refcard:focus-visible .wg-refcard-ov{opacity:1}
.wg-refcard:hover .wg-refcard-t,.wg-refcard:focus-visible .wg-refcard-t,.wg-refcard:hover .wg-refcard-ov svg,.wg-refcard:focus-visible .wg-refcard-ov svg{transform:none}
.wg-refcard:focus-visible{outline:2px solid #EF7D00;outline-offset:4px}
/* Einschweben von unten, je Spalte leicht versetzt */
.wg-refgrid.rv-on .wg-refcard{opacity:0;transform:translateY(80px)}
.wg-refgrid.rv-on .wg-refcard.in{opacity:1;transform:none;transition:opacity 1.2s ease,transform 1.6s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--col,0) * 140ms)}
@media (hover:none){.wg-refcard-ov{opacity:1;inset:auto 0 0 0;padding:40px 16px 16px;background:linear-gradient(transparent,rgba(0,43,75,.88));justify-content:flex-end}.wg-refcard-t{transform:none;font-size:var(--step--1)}.wg-refcard-ov svg{display:none}}
@media (max-width:899.98px){.wg-refgrid{column-count:2}}
@media (max-width:559.98px){.wg-refgrid{column-count:1}}
@media (prefers-reduced-motion:reduce){.wg-refcard-ov,.wg-refcard-t,.wg-refcard-ov svg{transition:none}}

/* Browserrahmen (nur Webdesign-Raster) */
.wg-refgrid.has-frame .wg-refcard{border-radius:6px;background:#fff}
.wg-bf{display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;background:#ECEEF0;border-bottom:1px solid #D9DDE1;border-radius:6px 6px 0 0}
.wg-bf i{width:9px;height:9px;border-radius:50%;background:#C9CED3;flex:none}
.wg-bf i:first-child{background:#E8725F}.wg-bf i:nth-child(2){background:#F2BE4B}.wg-bf i:nth-child(3){background:#5CC36A}
.wg-bf-url{flex:1;min-width:0;margin-left:8px;height:18px;padding:0 10px;border-radius:9px;background:#fff;color:#5B6873;font-size:11px;line-height:18px;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wg-refgrid.has-frame .wg-refcard-pic{border-radius:0 0 6px 6px}

/* Referenz-Navigation: Trenner buendig mit den beiden Bloecken (oben wie unten) */
body.single-portfolio .post-navigation{align-items:flex-start!important}
body.single-portfolio .post-navigation:after{top:24px!important;bottom:88px!important;height:auto!important}

/* Suchergebnisse: mehr Luft zwischen den Karten */
body.search .entries{row-gap:var(--wg-box-pad)}
body.search .entries > article:not(:last-child){margin-bottom:var(--wg-box-pad)}

/* Alte Uncode-Rasterzeile: eigene Seitenabstaende aus, Breite regelt --wg-pad */
body .entry-content .vc_row.wg-refs-row.wg-refs-row{padding-left:0!important;padding-right:0!important}

/* Suchergebnisse: warmes Papier wie Referenz-Einzelseite, natuerlicher Mehrfach-Schatten */
body.search{background-color:var(--wg-paper-warm);background-image:var(--wg-paper);background-size:420px 420px}
body.search .entry-card{--theme-box-shadow:var(--wg-shadow-soft);box-shadow:var(--wg-shadow-soft)!important}
/* === WG-REFGRID ENDE === */

/* === WG-REF-HELL START (Referenz-Einzelseite hell: warmes Papier statt Filz) === */
body.single-portfolio article.portfolio{background-color:var(--wg-paper-warm)!important;background-image:var(--wg-paper)!important;background-size:420px 420px!important;background-repeat:repeat!important}
.wg-ref-media figure{box-shadow:0 1px 2px rgba(28,43,54,.10),0 6px 14px -4px rgba(28,43,54,.16),0 28px 56px -18px rgba(28,43,54,.42)!important}
.wg-ref-info{box-shadow:-2px 1px 3px rgba(28,43,54,.08),-14px 18px 40px -14px rgba(28,43,54,.38)!important}
body.single-portfolio .post-navigation{--theme-border-color:rgba(28,43,54,.15)}
body.single-portfolio .post-navigation a,body.single-portfolio .post-navigation .item-title{color:var(--theme-palette-color-3)!important}
body.single-portfolio .post-navigation a:hover .item-title{color:var(--theme-palette-color-2)!important}
body.single-portfolio .post-navigation .item-label{color:var(--theme-palette-color-2)!important}
body.single-portfolio .post-navigation .ct-media-container{box-shadow:0 8px 20px -8px rgba(28,43,54,.45)!important}

/* Video in der Info-Karte (Hochformat) */
.wg-ref-video{margin:0 0 clamp(3vh,4.5vw,6vh);border-radius:3px;overflow:hidden;box-shadow:0 10px 24px -10px rgba(28,43,54,.4)}
.wg-ref-video video{display:block;width:100%;height:auto}
@media (prefers-reduced-motion:reduce){.wg-ref-video video{animation:none}}
/* === WG-REF-HELL ENDE === */

/* === WG-SUCHMODAL START === */
#search-modal{-webkit-backdrop-filter:blur(var(--wg-blur));backdrop-filter:blur(var(--wg-blur))}
#search-modal .ct-search-form{--theme-form-field-border-initial-color:rgba(28,43,54,.4);--theme-form-field-border-focus-color:#EF7D00}
#search-modal .ct-search-form .wp-element-button{background:transparent!important;color:var(--theme-palette-color-3)!important;box-shadow:none!important}
#search-modal .ct-search-form .wp-element-button:hover{color:var(--theme-palette-color-2)!important;background:rgba(239,125,0,.08)!important}
#search-modal .ct-search-results > a,#search-modal .ct-search-results > div > a{margin:0!important;padding:14px 0!important;border-bottom:1px solid rgba(28,43,54,.2)}
#search-modal .ct-search-results > a:last-child,#search-modal .ct-search-results > div > a:last-child,#search-modal .ct-search-results .ct-search-more,#search-modal .ct-search-results [class*="more"]{border-bottom:0!important}
/* === WG-SUCHMODAL ENDE === */

/* === WG-FORM START (Blocksy-Ausgleich fuer das Anfrageformular, Grundstil im MU-Plugin wg-shared-ui) === */
/* Einzeilige Felder 56px, Beschriftung vertikal mittig; beim Fokus gleitet sie nach oben */
.wg-form .field-type-text-field .jet-form-builder__field{--theme-form-field-height:56px;height:56px!important;min-height:56px;padding:22px 16px 6px!important;line-height:1.4}
.wg-form .field-type-text-field>.jet-form-builder__label{top:0!important;height:56px;display:flex!important;align-items:center;transform-origin:0 50%!important}
.wg-form .field-type-text-field .jet-form-builder__label-text{line-height:1.2!important;margin:0!important;padding:0!important}
.wg-form .field-type-text-field.jet-form-builder-row:has(.jet-form-builder__field:focus)>.jet-form-builder__label,.wg-form .field-type-text-field.jet-form-builder-row:has(.jet-form-builder__field:not(:placeholder-shown))>.jet-form-builder__label{transform:translateY(-11px) scale(.74)!important}
.wg-form .field-type-textarea-field .jet-form-builder__field{padding:30px 16px 12px!important}
.wg-form .field-type-textarea-field>.jet-form-builder__label{top:16px!important}
/* Datenschutz: echtes Kaestchen unsichtbar (bleibt bedienbar), sichtbares Kaestchen oben buendig, Link buendig mit dem Text */
.wg-form .wg-f-dsgvo{position:absolute!important;width:18px!important;height:18px!important;margin:1px 0 0!important;opacity:0!important}
.wg-form .jet-form-builder-row:has(.wg-f-dsgvo) .jet-form-builder__field-label{position:relative;display:block!important}
.wg-form .wg-f-dsgvo + span{display:flex!important;align-items:flex-start!important;gap:10px;font-size:var(--step--1)!important;line-height:1.45}
.wg-form .wg-f-dsgvo + span::before{flex:0 0 18px!important;width:18px!important;height:18px!important;margin:1px 0 0!important}
.wg-form .wg-f-dsgvo:focus-visible + span::before{outline:2px solid var(--wg-or);outline-offset:2px}
.wg-form .jet-form-builder__desc{margin:6px 0 0 28px!important;padding:0!important;font-size:var(--step--1)!important}
/* === WG-FORM ENDE === */

/* === WG-CARD-TEST START (Leistungskarten auf allen Unterseiten: Schweben + Kippen zur Maus + gestaffeltes Ploppen, Variante Webhosting) === */
/* Einblend-Animation der Templates darf den Hover-Transform nicht festhalten (fill-mode both -> backwards) */
.wg-sub.js .rv.in{opacity:1;animation-fill-mode:backwards!important}
.wg-sub .cards>.card{position:relative;background:rgba(255,255,255,.9)!important;box-shadow:inset 0 0 0 1px #fff,0 1px 2px rgba(28,43,54,.06)!important;transform-style:preserve-3d;transition:transform .9s var(--wg-spring-soft),box-shadow .6s cubic-bezier(.2,.8,.2,1),background-color .4s ease!important}
.wg-sub .cards>.card:is(:hover,:focus-within){background:#fff!important;box-shadow:inset 0 0 0 1px #fff,0 2px 4px rgba(28,43,54,.08),0 16px 30px -12px rgba(28,43,54,.24),0 38px 64px -26px rgba(28,43,54,.40)!important;z-index:2;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-8px) scale(1.03)!important;transition:transform .7s var(--wg-spring-soft),box-shadow .6s cubic-bezier(.2,.8,.2,1),background-color .4s ease!important}
/* zarter Lichtschimmer folgt der Maus */
.wg-sub .cards>.card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,0%),rgba(239,125,0,.10),rgba(255,255,255,0) 58%);opacity:0;transition:opacity .45s ease}
.wg-sub .cards>.card:hover::after{opacity:1}
/* gestaffeltes Ploppen beim Hereinscrollen */
@keyframes wgpop{0%{opacity:0;transform:translateY(36px) scale(.92)}100%{opacity:1;transform:none}}
html.wg-cards-fx .wg-sub.js .cards>.card.rv.in{animation:wgpop 1s var(--wg-spring-soft) calc(var(--i,0) * 90ms) backwards!important}
@media (prefers-reduced-motion:reduce){.wg-sub .cards>.card{transition:background-color .3s ease,box-shadow .3s ease!important}.wg-sub .cards>.card:is(:hover,:focus-within){transform:none!important}html.wg-cards-fx .wg-sub.js .cards>.card.rv.in{animation:none!important}}
/* === WG-CARD-TEST ENDE === */

/* Startseite, Sektion Referenzen: Papier, heller als der Bereich darueber, nicht weiss */
.wg-home section.refs{background-color:#F8F8F6!important;background-image:var(--wg-paper)!important;background-size:420px 420px!important}

/* === WG-DOTS (Punkteraster-Sektionen auf Unterseiten: Inhalt ueber dem Canvas) === */
.wg-dots{position:relative;isolation:isolate}
.wg-dots>:not(canvas):not(svg.grain){position:relative;z-index:1}