/* Peers eigene CSS-Blöcke aus WordPress, automatisch übernommen am 22.10.2026 (tools/extract_custom_css.py).
   Nicht von Hand ändern, bevor die Übernahme abgeschlossen ist. */

/* ===== Quelle: wp-block-library-inline-css (aus index.html) ===== */
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/* ===== Quelle: global-styles-inline-css (aus index.html) ===== */
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--metallic-red: #b02b2c;--wp--preset--color--maximum-yellow-red: #edae44;--wp--preset--color--yellow-sun: #eeee22;--wp--preset--color--palm-leaf: #83a846;--wp--preset--color--aero: #7bb0e7;--wp--preset--color--old-lavender: #745f7e;--wp--preset--color--steel-teal: #5f8789;--wp--preset--color--raspberry-pink: #d65799;--wp--preset--color--medium-turquoise: #4ecac2;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 1rem;--wp--preset--font-size--medium: 1.125rem;--wp--preset--font-size--large: 1.75rem;--wp--preset--font-size--x-large: clamp(1.75rem, 3vw, 2.25rem);--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1130px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-metallic-red-color{color: var(--wp--preset--color--metallic-red) !important;}.has-maximum-yellow-red-color{color: var(--wp--preset--color--maximum-yellow-red) !important;}.has-yellow-sun-color{color: var(--wp--preset--color--yellow-sun) !important;}.has-palm-leaf-color{color: var(--wp--preset--color--palm-leaf) !important;}.has-aero-color{color: var(--wp--preset--color--aero) !important;}.has-old-lavender-color{color: var(--wp--preset--color--old-lavender) !important;}.has-steel-teal-color{color: var(--wp--preset--color--steel-teal) !important;}.has-raspberry-pink-color{color: var(--wp--preset--color--raspberry-pink) !important;}.has-medium-turquoise-color{color: var(--wp--preset--color--medium-turquoise) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-metallic-red-background-color{background-color: var(--wp--preset--color--metallic-red) !important;}.has-maximum-yellow-red-background-color{background-color: var(--wp--preset--color--maximum-yellow-red) !important;}.has-yellow-sun-background-color{background-color: var(--wp--preset--color--yellow-sun) !important;}.has-palm-leaf-background-color{background-color: var(--wp--preset--color--palm-leaf) !important;}.has-aero-background-color{background-color: var(--wp--preset--color--aero) !important;}.has-old-lavender-background-color{background-color: var(--wp--preset--color--old-lavender) !important;}.has-steel-teal-background-color{background-color: var(--wp--preset--color--steel-teal) !important;}.has-raspberry-pink-background-color{background-color: var(--wp--preset--color--raspberry-pink) !important;}.has-medium-turquoise-background-color{background-color: var(--wp--preset--color--medium-turquoise) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-metallic-red-border-color{border-color: var(--wp--preset--color--metallic-red) !important;}.has-maximum-yellow-red-border-color{border-color: var(--wp--preset--color--maximum-yellow-red) !important;}.has-yellow-sun-border-color{border-color: var(--wp--preset--color--yellow-sun) !important;}.has-palm-leaf-border-color{border-color: var(--wp--preset--color--palm-leaf) !important;}.has-aero-border-color{border-color: var(--wp--preset--color--aero) !important;}.has-old-lavender-border-color{border-color: var(--wp--preset--color--old-lavender) !important;}.has-steel-teal-border-color{border-color: var(--wp--preset--color--steel-teal) !important;}.has-raspberry-pink-border-color{border-color: var(--wp--preset--color--raspberry-pink) !important;}.has-medium-turquoise-border-color{border-color: var(--wp--preset--color--medium-turquoise) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}

/* ===== Quelle: Inline-Block (aus index.html) ===== */
#top #header_main > .container, #top #header_main > .container .main_menu  .av-main-nav > li > a, #top #header_main #menu-item-shop .cart_dropdown_link{ height:45px; line-height: 45px; }
 .html_top_nav_header .av-logo-container{ height:45px;  }
 .html_header_top.html_header_sticky #top #wrap_all #main{ padding-top:73px; }

/* ===== Quelle: Inline-Block (aus index.html) ===== */
/* PowerSuite Mega-Menu: Container — 3 Spalten für 9 Module (3x3) */
#top #menu-item-6939 > .sub-menu {
  display: none;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  width: 560px;
  padding: 0 0 8px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0 0 12px 12px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
  background: #fff;
  border-top: 3px solid #1a7bb5 !important;
}

#top #menu-item-6939:hover > .sub-menu,
#top #menu-item-6939.sfHover > .sub-menu {
  display: grid !important;
}

/* Uebersicht-Link: volle Breite oben */
#top #menu-item-6939 > .sub-menu > #menu-item-7257 {
  grid-column: 1 / -1;
  border-bottom: 1px solid #e2e8f0;
  margin: 0;
  padding: 0;
}

#top #menu-item-7257 > a {
  font-weight: 600 !important;
  color: #1a7bb5 !important;
  font-size: 13px !important;
  padding: 14px 24px 12px !important;
  letter-spacing: 0.02em;
}

#top #menu-item-7257 > a::before {
  content: "\2192  ";
}

/* Grid-Positionen der 9 Module — spaltenweise gelesen:
   Spalte 1: DataScope, RuleBoard, AutoPurge
   Spalte 2: CustomClean, PayrollFix, LegalHold
   Spalte 3: ResetFlag, RunScope, PersonScope */
#top #menu-item-7258 { grid-column: 1; grid-row: 2; } /* DataScope */
#top #menu-item-7259 { grid-column: 1; grid-row: 3; } /* RuleBoard */
#top #menu-item-7260 { grid-column: 1; grid-row: 4; } /* AutoPurge */
#top #menu-item-7261 { grid-column: 2; grid-row: 2; } /* CustomClean */
#top #menu-item-7262 { grid-column: 2; grid-row: 3; } /* PayrollFix */
#top #menu-item-7301 { grid-column: 2; grid-row: 4; } /* LegalHold */
#top #menu-item-7263 { grid-column: 3; grid-row: 2; } /* ResetFlag */
#top #menu-item-7369 { grid-column: 3; grid-row: 3; } /* RunScope */
#top #menu-item-7689 { grid-column: 3; grid-row: 4; } /* PersonScope */

/* Spaltenueberschriften entfernt — Module stehen gleichberechtigt */
#top #menu-item-7258::before,
#top #menu-item-7259::before,
#top #menu-item-7260::before,
#top #menu-item-7261::before {
  display: none !important;
}

/* Modul-Links: Styling */
#top #menu-item-6939 > .sub-menu > li {
  padding: 0;
  margin: 0;
  border: none !important;
  background: none !important;
}

#top #menu-item-6939 > .sub-menu > li > a {
  padding: 6px 24px !important;
  font-size: 14px !important;
  font-family: 'Inter', sans-serif !important;
  color: #1e293b !important;
  font-weight: 500 !important;
  transition: color 0.15s, background 0.15s !important;
  display: block;
  white-space: nowrap;
  border: none !important;
}

#top #menu-item-6939 > .sub-menu > li > a:hover {
  color: #1a7bb5 !important;
  background: #f0f7fb !important;
}

/* Unterste Reihe: Extra Padding unten */
#top #menu-item-7260 > a,
#top #menu-item-7301 > a,
#top #menu-item-7689 > a {
  padding-bottom: 14px !important;
}

/* Über uns Dropdown: einheitliches Styling */
#top #menu-item-7264 > .sub-menu {
  width: 240px;
  padding: 0 !important;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12) !important;
  background: #fff !important;
  border-top: 3px solid #1a7bb5 !important;
}

#top #menu-item-7264 > .sub-menu > li {
  padding: 0;
  margin: 0;
  border: none !important;
  background: none !important;
}

#top #menu-item-7264 > .sub-menu > li > a {
  padding: 12px 24px !important;
  font-size: 14px !important;
  font-family: 'Inter', sans-serif !important;
  color: #1e293b !important;
  font-weight: 500 !important;
  transition: color 0.15s, background 0.15s !important;
  display: block;
  white-space: nowrap;
  border: none !important;
}

#top #menu-item-7264 > .sub-menu > li > a:hover {
  color: #1a7bb5 !important;
  background: #f0f7fb !important;
}

#top #menu-item-7264 > .sub-menu > li:last-child > a {
  padding-bottom: 14px !important;
  border-radius: 0 0 12px 12px;
}

/* Responsive: Mega-Menu auf Mobile deaktivieren */
@media (max-width: 989px) {
  #top #menu-item-6939 > .sub-menu {
    display: none !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    left: 0 !important;
    transform: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border-top: none !important;
    position: relative !important;
  }
  #top #menu-item-7258::before,
  #top #menu-item-7259::before,
  #top #menu-item-7260::before,
  #top #menu-item-7261::before {
    display: none !important;
  }
  #top #menu-item-7258,
  #top #menu-item-7259,
  #top #menu-item-7260,
  #top #menu-item-7261,
  #top #menu-item-7262,
  #top #menu-item-7263,
  #top #menu-item-7301,
  #top #menu-item-7369,
  #top #menu-item-7689,
  #top #menu-item-7257 {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  #top #menu-item-7264 > .sub-menu {
    width: 100% !important;
    left: 0 !important;
    transform: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border-top: none !important;
    position: relative !important;
  }
}

/* ===== Quelle: Inline-Block (aus index.html) ===== */
/* ==========================================================
   hoelterhoff.consulting — Blog Page Custom Styles
   Scoped to body.blog to prevent any impact on other pages
   Version: 3.3 | 2026-04-01
   Bento Grid Card Design matching site-wide design system
   Hero via page content HTML (hc-hero-blog)
   ========================================================== */

/* --- Schriften lokal (seit 21.10.2026, vorher Google Fonts per @import) ---
   Dateien: /wp-content/uploads/fonts/ (WP-Schriftbibliothek, Quelle @fontsource 5.3.0, SIL OFL).
   Keine Anfrage an Google. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/uploads/fonts/inter-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/uploads/fonts/inter-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/wp-content/uploads/fonts/inter-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/wp-content/uploads/fonts/inter-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/wp-content/uploads/fonts/inter-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/wp-content/uploads/fonts/inter-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/wp-content/uploads/fonts/inter-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/wp-content/uploads/fonts/inter-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('/wp-content/uploads/fonts/inter-latin-ext-800-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('/wp-content/uploads/fonts/inter-latin-800-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/uploads/fonts/jetbrains-mono-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/uploads/fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/wp-content/uploads/fonts/jetbrains-mono-latin-ext-500-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/wp-content/uploads/fonts/jetbrains-mono-latin-500-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/wp-content/uploads/fonts/jetbrains-mono-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:600;font-display:swap;src:url('/wp-content/uploads/fonts/jetbrains-mono-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* --- Base: Apply Inter font only on blog page --- */
body.blog .container.template-blog,
body.blog .container.template-blog * {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  box-sizing: border-box;
}

/* --- Blog Container --- */
body.blog .container.template-blog {
  position: relative;
  padding-top: 0 !important;
}

body.blog .container.template-blog::before {
  display: none !important;
}

body.blog .container.template-blog::after {
  display: none !important;
}

/* --- Hero Section (injected via JS Snippet 7281) --- */
.hc-hero-blog {
  background: linear-gradient(135deg, #0d2b45 0%, #133a5c 50%, #1a4f7a 100%);
  color: #fafafa;
  padding: 100px 24px;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-top: 50px;
}

/* Abstand Hero -> erste Kachel (14.09.2026). Der Hero traegt seit dem Rollout auch .hc-hero,
   und #top #wrap_all .hc-hero { margin: 0 calc(50% - 50vw) } aus der Quick CSS setzt margin-bottom
   auf 0. Zwei IDs + drei Klassen schlagen das ohne !important. */
#top.blog #wrap_all .hc-hero.hc-hero-blog { margin-bottom: 64px; }
@media (max-width: 767px) {
  .responsive #top.blog #wrap_all .hc-hero.hc-hero-blog { margin-bottom: 40px; }
}

/* Hero-Widget rechts (14.09.2026), Markup aus WPCode-Snippet 7281, Grundstil zentral (hc-hv).
   Hier nur, was der Blog anders braucht: Zeilen und Chips sind Links, Titel in Inter statt Mono. */
#top.blog #wrap_all .hc-hv-blog a.hc-hv-row { color: #c8d6e5; text-decoration: none; }
#top.blog #wrap_all .hc-hv-blog a.hc-hv-row:hover { background: rgba(255,255,255,.06); color: #fff; }
#top.blog #wrap_all .hc-hv-blog .hc-hv-row > span:nth-child(2) { font-family: 'Inter', sans-serif; font-size: 11.5px; font-weight: 500; }
#top.blog #wrap_all .hc-hv-blog .hc-hv-pills a { text-decoration: none; }
#top.blog #wrap_all .hc-hv-blog .hc-hv-pills em { font-size: 10.5px; padding: 4px 9px; }
#top.blog #wrap_all .hc-hv-blog .hc-hv-pills a:hover em { background: rgba(96,165,250,.3); color: #fff; }

/* Linke Hero-Spalte (14.09.2026): Buttons und 2x2-Vertrauenszeile. Die Modulseiten bringen ihre
   .hc-btn-Grundregeln im Seiteninhalt mit, der Blog hat keinen Seiteninhalt, deshalb hier.
   Farbe, Radius und Mindesthoehe kommen aus den zentralen Tokens (Quick CSS). */
#top.blog #wrap_all .hc-hero-blog .hc-btn-group { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 32px; opacity: 0; animation: hc-fade-in-up 0.6s ease-out 0.35s forwards; }
#top.blog #wrap_all .hc-hero-blog .hc-btn { padding: 14px 28px; font-size: 16px; font-weight: 600; line-height: 1.2; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; transition: all 0.3s ease; font-family: 'Inter', sans-serif; cursor: pointer; border: 1px solid transparent; }
#top.blog #wrap_all .hc-hero-blog .hc-btn-primary { color: #fff; }
#top.blog #wrap_all .hc-hero-blog .hc-btn-primary:hover { background: var(--hc-action-hover); color: #fff; }
#top.blog #wrap_all .hc-hero-blog .hc-btn-ghost { background: transparent; color: #fafafa; border-color: rgba(255,255,255,.7); }
#top.blog #wrap_all .hc-hero-blog .hc-btn-ghost:hover { background: rgba(250,250,250,.08); color: #fff; }
#top.blog #wrap_all .hc-hero.hc-hero-split .hc-trust-line { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; max-width: 600px; margin-top: 0; }
@media (max-width: 600px) {
  .responsive #top.blog #wrap_all .hc-hero.hc-hero-split .hc-trust-line { grid-template-columns: 1fr; }
}

.hc-hero-blog::before {
  content: '';
  position: absolute;
  top: -40%;
  right: -10%;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(26,123,181,0.15) 0%, transparent 70%);
  pointer-events: none;
}

.hc-hero-blog::after {
  content: '';
  position: absolute;
  bottom: -30%;
  left: -10%;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(90,154,60,0.1) 0%, transparent 70%);
  pointer-events: none;
}

.hc-hero-blog-inner {
  position: relative;
  z-index: 1;
  max-width: 800px;
  margin: 0 auto;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* --- Fade-in Animation (matching other pages) --- */
@keyframes hc-fade-in-up {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}

.hc-hero-blog .hc-badge {
  display: inline-block;
  padding: 8px 20px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 28px;
  background: rgba(26,123,181,0.2);
  border: 1px solid rgba(255,255,255,1);
  color: #8ec8e8;
  letter-spacing: 0.5px;
  opacity: 0;
  animation: hc-fade-in-up 0.6s ease-out 0.1s forwards;
}

.hc-hero-blog .hc-headline {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -1.5px;
  line-height: 1.15;
  margin-bottom: 24px;
  color: #ffffff !important;
  opacity: 0;
  animation: hc-fade-in-up 0.6s ease-out 0.2s forwards;
}

.hc-hero-blog .hc-subtitle {
  font-size: 18px;
  color: rgba(255,255,255,0.75);
  margin-bottom: 0;
  line-height: 1.7;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  animation: hc-fade-in-up 0.6s ease-out 0.3s forwards;
}

/* --- Trust Line (Checkmarks under subtitle) --- */
.hc-hero-blog .hc-trust-line {
  display: flex;
  gap: 24px;
  justify-content: center;
  margin-top: 20px;
  opacity: 0;
  animation: hc-fade-in-up 0.6s ease-out 0.4s forwards;
}

.hc-hero-blog .hc-trust-item {
  display: flex;
  align-items: center;
  gap: 6px;
  color: rgba(255,255,255,0.5);
  font-size: 14px;
}

.hc-hero-blog .hc-check {
  color: #5a9a3c;
  font-weight: 700;
  font-size: 14px;
}

/* --- Main content area: constrain width and add background --- */
body.blog .content.av-content-full {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
  background: transparent;
}

/* --- Page background --- */
body.blog {
  background: #f7f9fc !important;
}

/* --- Article Cards --- */
body.blog article.post-entry {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 0;
  margin-bottom: 24px;
  transition: all 0.3s ease;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

body.blog article.post-entry:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.10);
  border-color: #1a7bb5;
}

/* --- Remove default Enfold blog meta (avatar/timeline) --- */
body.blog .blog-meta,
body.blog .post_author_timeline,
body.blog .post_delimiter,
body.blog .av-vertical-delimiter {
  display: none !important;
}

/* --- Entry Content Wrapper: reorder with flexbox --- */
body.blog .entry-content-wrapper {
  text-align: left !important;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 100% !important;
}

/* Force all flex children to full width */
body.blog .entry-content-wrapper > * {
  width: 100% !important;
  max-width: 100% !important;
}

/* Reorder: Image first, then header, content, read-more, meta */
body.blog .big-preview,
body.blog .big-preview.single-big { order: -2; }
body.blog .entry-content-header { order: -1; }
body.blog .av-vertical-delimiter { order: 0; }
body.blog .entry-content { order: 1; }
body.blog .post-meta-infos { order: 2; }
body.blog .entry-footer { order: 3; }
body.blog .post_delimiter { order: 4; }

/* --- Featured Image --- */
body.blog .big-preview,
body.blog .big-preview.single-big {
  margin: 16px 16px 0 16px !important;
  padding: 0 !important;
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: 8px !important;
}

body.blog .big-preview a {
  display: block !important;
}

body.blog .big-preview img,
body.blog .big-preview.single-big img {
  width: 100% !important;
  max-width: 100% !important;
  height: 240px !important;
  object-fit: cover;
  display: block !important;
  border-radius: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: transform 0.3s ease;
}

body.blog article.post-entry:hover .big-preview img,
body.blog article.post-entry:hover .big-preview.single-big img {
  transform: scale(1.03);
}

/* --- Entry Content Header (Title + Categories) --- */
body.blog .entry-content-header {
  padding: 24px 28px 0;
}

/* --- Heading Wrapper: flex column-reverse to put badges above title --- */
body.blog .av-heading-wrapper {
  display: flex !important;
  flex-direction: column-reverse !important;
  gap: 0 !important;
  align-items: flex-start !important;
}

/* --- Category Badges --- */
body.blog .blog-categories.minor-meta {
  display: block !important;
  font-size: 0 !important;
  position: relative;
  z-index: 1;
  margin-bottom: 12px !important;
  margin-top: 0 !important;
  line-height: 1 !important;
}

body.blog .blog-categories.minor-meta a {
  display: inline-block;
  font-size: 11px !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  padding: 4px 12px;
  border-radius: 999px;
  background: rgba(26,123,181,0.1);
  color: #1a7bb5 !important;
  border: 1px solid rgba(26,123,181,0.2);
  text-decoration: none !important;
  margin-right: 6px;
  margin-bottom: 6px;
  transition: all 0.2s ease;
}

body.blog .blog-categories.minor-meta a:hover {
  background: rgba(26,123,181,0.2);
  color: #1a7bb5 !important;
}

/* --- Post Title --- */
body.blog h2.post-title.entry-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  color: #0d2b45 !important;
  letter-spacing: -0.5px;
  margin: 0 0 4px !important;
  padding: 0 !important;
}

body.blog h2.post-title.entry-title a {
  color: #0d2b45 !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

body.blog h2.post-title.entry-title a:hover {
  color: #1a7bb5 !important;
}

/* --- Entry Content (Excerpt) --- */
body.blog .entry-content {
  padding: 12px 28px 0;
  margin: 0;
}

body.blog .entry-content p {
  font-size: 15px !important;
  color: #6b7a8d !important;
  line-height: 1.7 !important;
  margin-bottom: 0 !important;
}

/* --- Read More Link --- */
body.blog .read-more-link {
  display: inline-block !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #1a7bb5 !important;
  text-decoration: none !important;
  padding: 0 28px 0 0;
  transition: color 0.2s ease;
}

body.blog .read-more-link:hover {
  color: #0d2b45 !important;
}

body.blog .read-more-link::after {
  content: none;
}

/* Hide the default Enfold arrow icon in read-more */
body.blog .read-more-link .iconfont,
body.blog .more-link-arrow,
body.blog .avia-svg-icon {
  display: none !important;
}

/* --- Post Meta (Date + Author) --- */
body.blog .post-meta-infos {
  display: block;
  padding: 16px 28px 24px !important;
  font-size: 13px !important;
  color: #94a3b8 !important;
  border-top: 1px solid #f1f5f9 !important;
  margin-top: 20px !important;
}

body.blog .post-meta-infos a {
  color: #94a3b8 !important;
  text-decoration: none !important;
  font-weight: 500;
}

body.blog .post-meta-infos a:hover {
  color: #1a7bb5 !important;
}

/* --- Entry Footer --- */
body.blog .entry-footer {
  display: none !important;
}

/* --- Hidden spans (structured data) --- */
body.blog article .hidden {
  display: none !important;
}

/* --- Pagination (modern pill style) --- */
body.blog nav.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 48px 0 64px;
  flex-wrap: wrap;
}

body.blog nav.pagination .pagination-meta {
  display: none;
}

body.blog nav.pagination .current,
body.blog nav.pagination a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Inter', sans-serif;
  text-decoration: none;
  transition: all 0.2s ease;
  line-height: 1;
}

body.blog nav.pagination .current {
  background: #1a7bb5;
  color: #ffffff !important;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(26,123,181,0.3);
}

body.blog nav.pagination a {
  background: #f1f5f9;
  color: #1a2332 !important;
  border: none;
}

body.blog nav.pagination a:hover {
  background: #e2e8f0;
  color: #1a7bb5 !important;
  transform: translateY(-1px);
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

body.blog nav.pagination a:active {
  transform: translateY(0);
}

/* === MOBILE FIX v3.4: Padding und Bildüberlauf (2026-04-02) === */

/* Fix: big-preview overflow durch width:100% + margin */
body.blog .big-preview,
body.blog .big-preview.single-big {
  width: auto !important;
}

/* Mobile Responsive */
@media (max-width: 767px) {

  .hc-hero-blog {
    padding: 60px 20px;
  }

  .hc-hero-blog .hc-headline {
    font-size: 28px;
  }

  .hc-hero-blog .hc-subtitle {
    font-size: 16px;
  }

  .hc-hero-blog .hc-trust-line {
    flex-direction: column;
    gap: 8px;
    align-items: center;
  }

  body.blog .content.av-content-full {
    padding: 0 16px;
  }

  body.blog .big-preview,
  body.blog .big-preview.single-big {
    margin: 12px 12px 0 12px !important;
    margin-bottom: 8px !important;
  }

  body.blog .entry-content-header {
    padding: 20px 20px 0;
  }

  body.blog .entry-content {
    padding: 12px 20px 0;
  }

  body.blog .read-more-link {
    padding: 0 20px 0 0;
  }

  body.blog .post-meta-infos {
    padding: 16px 20px 20px !important;
  }

  body.blog .big-preview img,
  body.blog .big-preview.single-big img {
    height: 180px !important;
  }

  body.blog h2.post-title.entry-title {
    font-size: 19px !important;
  }
}


/* --- Blog-Einzelbeitrag: Typografie (v3.4 | 2026-06-12) ---
   Fix: Enfold-Blocksatz raus, klare H2/H3-Hierarchie, straffe Headlines */
body.single-post .entry-content-wrapper,
body.single-post .entry-content-wrapper p,
body.single-post .entry-content-wrapper li {
  text-align: left !important;
}
body.single-post .entry-content-wrapper h2,
body.single-post .entry-content-wrapper h3 {
  text-align: left !important;
  color: #0d2b45 !important;
  line-height: 1.22 !important;
  letter-spacing: -0.015em;
  text-transform: none !important;
}
body.single-post .entry-content-wrapper h2 {
  font-size: 1.8em !important;
  font-weight: 700 !important;
  margin: 1.7em 0 0.55em !important;
}
body.single-post .entry-content-wrapper h3 {
  font-size: 1.25em !important;
  font-weight: 600 !important;
  color: #1a7bb5 !important;
  margin: 1.4em 0 0.45em !important;
}
body.single-post .entry-content-wrapper p,
body.single-post .entry-content-wrapper li {
  line-height: 1.7 !important;
  color: #475569;
}
body.single-post .entry-content-wrapper img {
  border-radius: 12px;
  height: auto;
}


/* ==========================================================
   Blog-Suche (08.10.2026) – Suchleiste auf /blog und Suchergebnisseite.
   Markup kommt aus dem WPCode-PHP-Snippet "Blog: Suche". Die Suchergebnisseite
   traegt per body_class zusaetzlich "blog" und "hc-search", damit die Karten-
   Regeln oben greifen. Selektoren mit #top #wrap_all wegen Enfold-Spezifitaet.
   ========================================================== */

/* --- Suchleiste (beide Seiten) --- */
#top.blog #wrap_all .hc-bsearch {
  max-width: 1100px;
  margin: 0 auto 32px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
#top.blog #wrap_all .hc-bsearch-form {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 10px 10px 10px 18px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
#top.blog #wrap_all .hc-bsearch-form:focus-within {
  border-color: #1a7bb5;
  box-shadow: 0 0 0 4px rgba(26,123,181,0.12), 0 8px 30px rgba(0,0,0,0.08);
}
#top.blog #wrap_all .hc-bsearch-icon {
  display: inline-flex;
  color: #94a3b8;
  flex: 0 0 auto;
}
#top.blog #wrap_all .hc-bsearch-form input[type="search"] {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 12px 4px;
  border: none;
  background: transparent;
  box-shadow: none;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  color: #0d2b45;
  outline: none;
}
#top.blog #wrap_all .hc-bsearch-form input[type="search"]::placeholder { color: #94a3b8; }
#top.blog #wrap_all .hc-bsearch-form input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
#top.blog #wrap_all .hc-bsearch-btn {
  flex: 0 0 auto;
  margin: 0;
  padding: 12px 24px;
  border: none;
  border-radius: 10px;
  background: #1a7bb5;
  color: #ffffff;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease;
}
#top.blog #wrap_all .hc-bsearch-btn:hover { background: #0d2b45; transform: translateY(-1px); }
#top.blog #wrap_all .hc-bsearch-meta {
  margin-top: 10px;
  padding-left: 18px;
  font-size: 13px;
  color: #94a3b8;
}

/* --- Suchergebnisseite: kein Hero, eigener Kopf --- */
#top.hc-search #wrap_all .hc-bsearch { margin-top: 48px; margin-bottom: 40px; }
#top.hc-search #wrap_all .hc-bsearch-head { margin-bottom: 20px; }
#top.hc-search #wrap_all .hc-bsearch-head .hc-badge {
  display: inline-block;
  padding: 6px 16px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  background: rgba(26,123,181,0.1);
  color: #1a7bb5;
  border: 1px solid rgba(26,123,181,0.2);
  margin-bottom: 14px;
}
#top.hc-search #wrap_all h1.hc-bsearch-title {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: -0.8px;
  line-height: 1.2;
  color: #0d2b45;
  margin: 0 0 8px;
  text-transform: none;
}
#top.hc-search #wrap_all .hc-bsearch-count { font-size: 15px; color: #6b7a8d; margin: 0; }
#top.hc-search #wrap_all .hc-bsearch-count a { color: #1a7bb5; text-decoration: none; }
#top.hc-search #wrap_all .hc-bsearch-count a:hover { color: #0d2b45; }

/* Enfold-Elemente der Suchseite ausblenden: eigenes Suchformular, Trefferzeile, Sidebar */
#top.hc-search #wrap_all .page-heading-container,
#top.hc-search #wrap_all h4.extra-mini-title,
#top.hc-search #wrap_all aside.sidebar { display: none !important; }

/* Inhalt auf volle Breite wie auf /blog (Enfold rendert hier av-content-small + sidebar_right) */
#top.hc-search #wrap_all .content.template-search {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  border: none !important;
  background: transparent;
}

/* Trefferkarten: Enfold liefert auf der Suchseite eine Kurzfassung (Zaehler, Titel, Meta im Header,
   Auszug), ohne Bild, Kategorien und Weiterlesen-Link. Darauf das Karten-Design anpassen. */
#top.hc-search #wrap_all .search-result-counter { display: none !important; }
#top.hc-search #wrap_all article.post-entry {
  width: 100% !important;
  margin: 0 0 24px !important;
  left: 0 !important;
  transform: none;
}
#top.hc-search #wrap_all article.post-entry .entry-content-wrapper { padding: 0 !important; margin: 0 !important; }
#top.hc-search #wrap_all article.post-entry .post-meta-infos .minor-meta,
#top.hc-search #wrap_all article.post-entry .post-meta-infos time,
#top.hc-search #wrap_all article.post-entry .post-meta-infos a {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 13px !important;
  color: #94a3b8 !important;
  text-decoration: none !important;
}
#top.hc-search #wrap_all article.post-entry .post-meta-infos a:hover { color: #1a7bb5 !important; }
#top.hc-search #wrap_all article.post-entry .entry-content-header {
  padding: 24px 28px 0;
  border: none !important;
  margin: 0 !important;
}
#top.hc-search #wrap_all article.post-entry h2.post-title {
  border: none !important;
  padding: 0 !important;
  margin: 0 0 6px !important;
}
#top.hc-search #wrap_all article.post-entry .post-meta-infos {
  display: block;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  font-size: 13px !important;
  font-weight: 400;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #94a3b8 !important;
}
#top.hc-search #wrap_all article.post-entry .post-meta-infos .text-sep { margin: 0 6px; color: #cbd5e1; }
#top.hc-search #wrap_all article.post-entry .entry-content { padding: 14px 28px 26px; }
#top.hc-search #wrap_all article.post-entry .entry-content p { margin: 0 !important; }
@media (max-width: 767px) {
  .responsive #top.hc-search #wrap_all article.post-entry .entry-content-header { padding: 20px 20px 0; }
  .responsive #top.hc-search #wrap_all article.post-entry .entry-content { padding: 12px 20px 20px; }
}
#top.hc-search #wrap_all .container,
#top.hc-search #wrap_all .container * { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; box-sizing: border-box; }
#top.hc-search #wrap_all .container { padding-top: 0 !important; }
#top.hc-search #wrap_all .container::before,
#top.hc-search #wrap_all .container::after { display: none !important; }

/* Kein Treffer: Enfold-Hinweis (Du-Anrede) ausblenden, eigener Hinweis aus dem Snippet */
#top.hc-search #wrap_all article#search-fail { display: none !important; }
#top.hc-search #wrap_all .hc-bsearch-empty {
  margin-top: 24px;
  margin-bottom: 64px;
  padding: 24px 28px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  font-size: 15px;
  line-height: 1.7;
  color: #475569;
}
#top.hc-search #wrap_all .hc-bsearch-empty strong { color: #0d2b45; display: block; margin-bottom: 4px; }
#top.hc-search #wrap_all .hc-bsearch-empty a { color: #1a7bb5; text-decoration: none; }

/* Mobil */
@media (max-width: 600px) {
  .responsive #top.blog #wrap_all .hc-bsearch-form { flex-wrap: wrap; padding: 10px 12px; }
  .responsive #top.blog #wrap_all .hc-bsearch-form input[type="search"] { flex-basis: calc(100% - 34px); }
  .responsive #top.blog #wrap_all .hc-bsearch-btn { width: 100%; }
  .responsive #top.blog #wrap_all .hc-bsearch-meta { padding-left: 12px; }
  .responsive #top.hc-search #wrap_all .hc-bsearch { margin-top: 32px; }
  .responsive #top.hc-search #wrap_all h1.hc-bsearch-title { font-size: 24px; }
  .responsive #top.hc-search #wrap_all .content.template-search { padding: 0 16px; }
}

/* ===== Quelle: wp-custom-css (aus index.html) ===== */
/* === Lernportal: Bento Grid Design (Seiten 7149, 7150 + 7200) === */

/* Heller Seitenhintergrund wie Startseite */
body.page-id-7149 .container_wrap.container_wrap_first,
body.page-id-7150 .container_wrap.container_wrap_first ,
body.page-id-7200 .container_wrap.container_wrap_first,
body.page-id-7641 .container_wrap.container_wrap_first,
body.page-id-7644 .container_wrap.container_wrap_first, body.page-id-7647 .container_wrap.container_wrap_first, body.page-id-7648 .container_wrap.container_wrap_first, body.page-id-7649 .container_wrap.container_wrap_first{
  background: #f7f9fc !important;
}

/* Entry-content auf hellem Hintergrund */
body.page-id-7149 .entry-content,
body.page-id-7150 .entry-content ,
body.page-id-7200 .entry-content,
body.page-id-7641 .entry-content,
body.page-id-7644 .entry-content, body.page-id-7647 .entry-content, body.page-id-7648 .entry-content, body.page-id-7649 .entry-content{
  background: #f7f9fc;
  padding: 40px 20px 20px;
  font-family: Inter, -apple-system, sans-serif;
}

/* Seitentitel ausblenden (Badge im Content uebernimmt) */
body.page-id-7149 .post-title-container,
body.page-id-7150 .post-title-container,
body.page-id-7200 .post-title-container,
body.page-id-7641 .post-title-container,
body.page-id-7644 .post-title-container, body.page-id-7647 .post-title-container, body.page-id-7648 .post-title-container, body.page-id-7649 .post-title-container,
body.page-id-7149 .entry-title,
body.page-id-7150 .entry-title ,
body.page-id-7200 .entry-title,
body.page-id-7641 .entry-title,
body.page-id-7644 .entry-title, body.page-id-7647 .entry-title, body.page-id-7648 .entry-title, body.page-id-7649 .entry-title{
  display: none !important;
}

/* Footer nahtlos */
body.page-id-7149 .footer_color,
body.page-id-7150 .footer_color ,
body.page-id-7200 .footer_color,
body.page-id-7641 .footer_color,
body.page-id-7644 .footer_color, body.page-id-7647 .footer_color, body.page-id-7648 .footer_color, body.page-id-7649 .footer_color{
  border-top: none !important;
}

/* Sidebar ausblenden auf Lernportal-Seiten */
body.page-id-7149 .sidebar,
body.page-id-7150 .sidebar ,
body.page-id-7200 .sidebar,
body.page-id-7641 .sidebar,
body.page-id-7644 .sidebar, body.page-id-7647 .sidebar, body.page-id-7648 .sidebar, body.page-id-7649 .sidebar{
  display: none !important;
}

/* Content volle Breite */
body.page-id-7149 .content,
body.page-id-7150 .content ,
body.page-id-7200 .content,
body.page-id-7641 .content,
body.page-id-7644 .content, body.page-id-7647 .content, body.page-id-7648 .content, body.page-id-7649 .content{
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* Sidebar-Klasse auf Container entfernen */
body.page-id-7149 .container_wrap.sidebar_right .content,
body.page-id-7150 .container_wrap.sidebar_right .content ,
body.page-id-7200 .container_wrap.sidebar_right .content,
body.page-id-7641 .container_wrap.sidebar_right .content,
body.page-id-7644 .container_wrap.sidebar_right .content, body.page-id-7647 .container_wrap.sidebar_right .content, body.page-id-7648 .container_wrap.sidebar_right .content, body.page-id-7649 .container_wrap.sidebar_right .content{
  width: 100% !important;
  float: none !important;
}

/* === Fix: Weissen Bereich unter dem Footer entfernen === */
html {
  background-color: #f8f8f8;
}

/* ===== Quelle: Inline-Block (aus lernportal.html) ===== */
body.page-id-7767{background-color:#f7f9fc;}body.page-id-7767 .sidebar{display:none !important;}body.page-id-7767 .content{display:block !important;float:left !important;width:100% !important;max-width:100% !important;}body.page-id-7767 .entry-title{display:none !important;}body.page-id-7767 .post-title-container{display:none !important;}body.page-id-7767 .container_wrap.container_wrap_first{padding-top:0 !important;}body.page-id-7767 .entry-content-wrapper{padding:0 !important;}body.page-id-7767 .entry-content{padding:0 !important;background:transparent !important;}body.page-id-7767 .footer_color{border-top:none !important;}body.page-id-7767 .hc-ki strong{color:#1a2332 !important;}body.page-id-7767 .hc-ki .hc-ki-key strong{color:#3d6b28 !important;}body.page-id-7767 .hc-ki .hc-ki-warn strong{color:#a13123 !important;}body.page-id-7767 .hc-ki-tbl td,body.page-id-7767 .hc-ki-tbl td strong,body.page-id-7767 .hc-ki-tbl td em{color:#1a2332 !important;}body.page-id-7767 .hc-ki-tbl th{color:#ffffff !important;}body.page-id-7767 .hc-ki-sec h3{color:#0d2b45 !important;}body.page-id-7767 .hc-ki-hero h1,body.page-id-7767 .hc-ki-cta h2{color:#fafafa !important;}body.page-id-7767 .hc-ki-btn{color:#ffffff !important;}body.page-id-7767 .hc-ki-nav a{color:#5a6b7f !important;}body.page-id-7768{background-color:#f7f9fc;}body.page-id-7768 .sidebar{display:none !important;}body.page-id-7768 .content{display:block !important;float:left !important;width:100% !important;max-width:100% !important;}body.page-id-7768 .entry-title{display:none !important;}body.page-id-7768 .post-title-container{display:none !important;}body.page-id-7768 .container_wrap.container_wrap_first{padding-top:0 !important;}body.page-id-7768 .entry-content-wrapper{padding:0 !important;}body.page-id-7768 .entry-content{padding:0 !important;background:transparent !important;}body.page-id-7768 .footer_color{border-top:none !important;}body.page-id-7768 .hc-in-card h3{color:#0d2b45 !important;}body.page-id-7768 .hc-in-hero h1{color:#fafafa !important;}body.page-id-7768 .hc-in-btn{color:#ffffff !important;}body.page-id-7149 .content,body.page-id-7150 .content, body.page-id-7200 .content, body.page-id-7641 .content, body.page-id-7644 .content, body.page-id-7647 .content, body.page-id-7648 .content, body.page-id-7649 .content{display:block !important;float:left !important;}@keyframes hc-fade-in-up{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.hc-animate{animation:hc-fade-in-up 0.6s ease-out forwards;opacity:0;}.hc-animate-1{animation-delay:0.1s;}.hc-animate-2{animation-delay:0.2s;}.hc-animate-3{animation-delay:0.3s;}.hc-animate-4{animation-delay:0.4s;}body.page-id-7149 .entry-content-wrapper,body.page-id-7150 .entry-content, body.page-id-7200 .entry-content-wrapper, body.page-id-7641 .entry-content-wrapper, body.page-id-7644 .entry-content-wrapper, body.page-id-7200 .entry-content-wrapper, body.page-id-7641 .entry-content-wrapper, body.page-id-7644 .entry-content-wrapper, body.page-id-7647 .entry-content-wrapper, body.page-id-7648 .entry-content-wrapper, body.page-id-7649 .entry-content-wrapper{padding:0 !important;}body.page-id-7149 .entry-content,body.page-id-7150 .entry-content, body.page-id-7647 .entry-content, body.page-id-7648 .entry-content, body.page-id-7649 .entry-content{padding:0 !important;}