@charset "UTF-8";
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body { margin: 0; }
main { display: block; }
h1 { font-size: 2em; margin: 0.67em 0; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; }
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; }
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }
[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }
[type=search]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }

/***** Base *****/
* { box-sizing: border-box; }

body {
  background-color: #FFFFFF;
  color: #2F3941;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 1024px) {
  body > main { min-height: 65vh; }
}

h1, h2, h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; margin-top: 0; }
h1 { font-size: 32px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; font-weight: 600; }
h4 { font-size: 16px; }

a { color: #1F73B7; text-decoration: none; }
a:visited { color: rgba(249, 249, 249, 1); }
a:hover, a:active, a:focus { text-decoration: underline; }

.hbs-form input, .hbs-form textarea, .search input, .search textarea { color: #000; font-size: 14px; }
.hbs-form input, .search input { max-width: 100%; box-sizing: border-box; transition: border 0.12s ease-in-out; }
.hbs-form input:where(:not([type=checkbox])), .search input:where(:not([type=checkbox])) { outline: none; }
.hbs-form input:where(:not([type=checkbox])):focus, .search input:where(:not([type=checkbox])):focus { border: 1px solid #17494D; }
.hbs-form input[disabled], .search input[disabled] { background-color: #ddd; }
.hbs-form select, .search select { -webkit-appearance: none; -moz-appearance: none; background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff; background-position: right 10px center; border: 1px solid #848F99; border-radius: 4px; padding: 8px 30px 8px 10px; outline: none; color: #555; width: 100%; }
.hbs-form select:focus, .search select:focus { border: 1px solid #17494D; }
.hbs-form textarea, .search textarea { border: 1px solid #848F99; border-radius: 2px; resize: vertical; width: 100%; outline: none; padding: 10px; }
.hbs-form textarea:focus, .search textarea:focus { border: 1px solid #17494D; }

.container { max-width: 1160px; margin: 0 auto; padding: 0 5%; }
@media (min-width: 1160px) { .container { padding: 0; width: 90%; } }
.container-divider { border-top: 1px solid #ddd; margin-bottom: 20px; }
ul { list-style: none; margin: 0; padding: 0; }

.visibility-hidden { border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; }

/***** Buttons *****/
.button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
  background-color: transparent; border: 1px solid #17494D; border-radius: 4px; color: #17494D; cursor: pointer; display: inline-block; font-size: 12px; line-height: 2.34; margin: 0; padding: 0 20px; text-align: center; transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, color 0.15s ease-in-out; user-select: none; white-space: nowrap; width: 100%; -webkit-touch-callout: none;
}
@media (min-width: 768px) { .button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button { width: auto; } }
.button:visited, .pagination-next-link:visited, .pagination-prev-link:visited, .pagination-first-link:visited, .pagination-last-link:visited { color: #17494D; }
.button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .button:active, .button:focus, .button.button-primary, .subscriptions-subscribe button[data-selected=true], .article-subscribe button[data-selected=true], .section-subscribe button[data-selected=true] { background-color: #17494D; color: #FFFFFF; text-decoration: none; }

.button-large, .hbs-form input[type=submit] {
  cursor: pointer; background-color: #17494D; border: 0; border-radius: 4px; color: #FFFFFF; font-size: 14px; line-height: 2.72; min-width: 190px; padding: 0 1.9286em; width: 100%;
}
@media (min-width: 768px) { .button-large, .hbs-form input[type=submit] { width: auto; } }
.button-large:hover, .button-large:active, .button-large:focus, .hbs-form input[type=submit]:hover, .hbs-form input[type=submit]:active, .hbs-form input[type=submit]:focus { background-color: #000; }
.button-large[disabled], .hbs-form input[type=submit][disabled] { background-color: #ddd; }

/***** Forms *****/
.form { max-width: 650px; }
.form-field ~ .form-field { margin-top: 25px; }
.form-field label { display: block; font-size: 13px; margin-bottom: 5px; }
.form-field input { border: 1px solid #848F99; border-radius: 4px; padding: 10px; width: 100%; }
.form-field input:focus { border: 1px solid #17494D; }
.form-field textarea { vertical-align: middle; }
.form-field input[type=checkbox] + label { margin: 0 0 0 10px; }
.form-field .optional { color: #5a6d7c; margin-left: 4px; }
.form-field p { color: #5a6d7c; font-size: 12px; margin: 5px 0; }
.form footer { margin-top: 40px; padding-top: 30px; }

/***** Header *****/
.header { max-width: 1160px; margin: 0 auto; padding: 0 5%; position: relative; align-items: center; display: flex; height: 71px; justify-content: space-between; }
.logo img { max-height: 37px; vertical-align: middle; }
.logo span { margin: 0 10px; color: #17494D; }
.logo a { display: inline-block; }
.logo a:hover, .logo a:focus, .logo a:active { text-decoration: none; }

.user-nav { display: inline-block; position: absolute; white-space: nowrap; }
@media (min-width: 768px) { .user-nav { position: relative; } }

/***** Footer *****/
.footer { border-top: 1px solid #ddd; margin-top: 60px; padding: 30px 0; }
.footer a { color: #5a6d7c; }
.footer-inner { max-width: 1160px; margin: 0 auto; padding: 0 5%; display: flex; justify-content: space-between; }
@media (min-width: 1160px) { .footer-inner { padding: 0; width: 90%; } }
.footer-language-selector button { color: #5a6d7c; display: inline-block; }
.powered-by-zendesk a, .powered-by-zendesk a:visited { color: #5a6d7c; }

/***** Breadcrumbs *****/
.breadcrumbs { margin: 0 0 15px 0; padding: 0; display: flex; }
@media (min-width: 768px) { .breadcrumbs { margin: 0; } }
.breadcrumbs li { display: inline-block; color: #5a6d7c; font-size: 13px; }
.breadcrumbs li + li::before { content: ">"; margin: 0 4px; }
.breadcrumbs li a:visited { color: #1F73B7; }

/***** Search field *****/
.search-container { position: relative; }
.search { border-color: #848F99; border-radius: 30px; border-style: solid; border-width: 1px; display: flex; position: relative; transition: border 0.12s ease-in-out; }
.search:focus-within { border-color: #17494D; }
.search input[type=search], .search .clear-button { background-color: #fff; border-radius: 30px; border: none; }
.search input[type=search] { appearance: none; -webkit-appearance: none; box-sizing: border-box; color: #666; flex: 1 1 auto; height: 40px; width: 100%; }
.search .clear-button { align-items: center; box-sizing: border-box; color: #777; cursor: pointer; display: none; flex: none; justify-content: center; padding: 0 15px; }
.search .clear-button:hover { background-color: #17494D; color: #fff; }
.search-has-value .clear-button { display: flex; }
[dir=ltr] .search input[type=search] { padding-left: 40px; padding-right: 20px; }
.search-icon { position: relative; top: 50%; transform: translateY(-50%); position: absolute; left: 15px; z-index: 1; width: 18px; height: 18px; color: #777; pointer-events: none; }

/***** Hero *****/
.hero { background-image: url(/hc/theming_assets/01KPZDQKM80NQMJ2G9YKEHJME9); background-position: center; background-size: cover; height: 300px; padding: 0 20px; text-align: center; width: 100%; }
.hero-inner { position: relative; top: 50%; transform: translateY(-50%); max-width: 610px; margin: 0 auto; }

.page-header { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; margin: 10px 0; }
@media (min-width: 768px) { .page-header { align-items: baseline; flex-direction: row; flex-wrap: wrap; gap: 16px; margin: 0; } }

.sub-nav { align-items: baseline; display: flex; flex-direction: column; flex-wrap: wrap; gap: 15px 30px; justify-content: space-between; margin-bottom: 55px; }
@media (min-width: 768px) { .sub-nav { flex-direction: row; } }
.sub-nav .breadcrumbs { margin: 0; }
.sub-nav .search-container { max-width: 300px; width: 100%; }

/***** Blocks *****/
.blocks-list { display: flex; flex-wrap: wrap; justify-content: flex-start; list-style: none; padding: 0; }
.blocks-item { border: 1px solid #17494D; border-radius: 4px; box-sizing: border-box; color: #17494D; display: flex; flex: 1 0 340px; margin: 0 0 30px; max-width: 100%; text-align: center; }
.blocks-item:hover, .blocks-item:focus, .blocks-item:active { background-color: #17494D; }
.blocks-item-link { color: #17494D; padding: 20px 30px; display: flex; flex-direction: column; flex: 1; justify-content: center; border-radius: inherit; }
.blocks-item-title { margin-bottom: 0; font-size: 16px; }

/***** Article *****/
.article { flex: 1 0 auto; }
@media (min-width: 1024px) { .article { flex: 1 0 66%; max-width: 66%; min-width: 640px; padding: 0 30px; } }
.article-container { display: flex; flex-direction: column; }
@media (min-width: 1024px) { .article-container { flex-direction: row; } }
.article-body { display: flow-root; }
.article-body a { color: #1F73B7; text-decoration: underline; }
.article-body img { height: auto; max-width: 100%; }
.article-content { line-height: 1.6; margin: 40px 0; word-wrap: break-word; }
.article-votes { border-top: 1px solid #ddd; padding: 30px 0; text-align: center; }
.article-vote { margin: 10px 5px; min-width: 90px; width: auto; }

.article-sidebar { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; flex: 1 0 auto; margin-bottom: 20px; padding: 0; }
@media (min-width: 1024px) { .article-sidebar { border: 0; flex: 0 0 17%; height: auto; max-width: 17%; } }

/***** Category pages *****/
.category-container { display: flex; justify-content: flex-end; }
.category-content { flex: 1; max-width: 100%; }
@media (min-width: 1024px) { .category-content { flex: 0 0 80%; } }
.section-tree { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; }
@media (min-width: 768px) { .section-tree { flex-direction: row; } }
.section-tree .section { flex: initial; max-width: 100%; }
@media (min-width: 768px) { .section-tree .section { flex: 0 0 45%; } }
.section-tree-title { margin-bottom: 0; font-size: 18px; font-weight: 600; }
.section-tree-title a { color: #2F3941; }
.article-list-item { font-size: 16px; padding: 15px 0; }
.article-list-item a { color: #2F3941; }

/***** Search results *****/
.search-results { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; }
@media (min-width: 1024px) { .search-results { flex-direction: row; } }
.search-results-column { flex: 1; }
@media (min-width: 1024px) { .search-results-column { flex: 0 0 75%; } }
.search-result-title { font-size: 16px; margin-bottom: 0; }

/***** Pagination *****/
.pagination { margin: 20px 0; text-align: center; }
.pagination-next-link { padding-right: 10px; }
.pagination-prev-link { padding-left: 10px; }

/***** Notifications *****/
.notification { border: 1px solid; display: table; font-family: sans-serif; font-size: 12px; padding: 13px 15px; width: 100%; color: #555; }
.notification-error { background: #ffeded; border-color: #f7cbcb; }
.notification-inline.notification-error { background-color: #fff0f1; border: 1px solid #e35b66; color: #cc3340; border-radius: 4px; padding: 5px; margin-top: 5px; }

/***** Collapsible sidebar *****/
.collapsible-sidebar { flex: 1; max-height: 45px; overflow: hidden; padding: 10px 0; position: relative; }
@media (min-width: 1024px) { .collapsible-sidebar { max-height: none; padding: 0; } }

/***** Upload Dropzone *****/
.upload-dropzone { border: 1px solid #848F99; }

/***** Summary component *****/
zd-summary-block { background: #f3f6f6; }

/***** Dropdown *****/
.dropdown { position: relative; display: inline-block; }
.dropdown-toggle { cursor: pointer; background: none; border: 0; display: inline-block; padding: 0; text-align: initial; vertical-align: middle; }
.dropdown-toggle[aria-expanded=true] + .dropdown-menu { display: block; }
.dropdown-menu {
  background: #fff;
  border: 1px solid #d8dcde;
  border-radius: 3px;
  box-shadow: 0px 20px 30px 0px rgba(23,73,77,0.15);
  display: none;
  font-size: 14px;
  left: 0;
  margin-top: 1px;
  min-width: 170px;
  padding: 10px 0;
  position: absolute;
  z-index: 1000;
}
.dropdown-menu [role=menuitem], .dropdown-menu [role=menuitemradio] {
  color: #2f3941;
  cursor: pointer;
  display: block;
  padding: 7px 20px;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  width: 100%;
  text-align: start;
}
.dropdown-menu [role=menuitem]:hover, .dropdown-menu [role=menuitemradio]:hover {
  background: rgba(31,115,183,0.08);
}
.dropdown-menu-end { left: auto; right: 0; }

/* ============================================================
   EGLO Help Center - Custom CSS (Final, cleaned)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;500;600;700&display=swap');

body,
.eglo-header,
.eglo-page-wrap,
.eglo-page-wrap-request,
.eglo-hero,
.eglo-section,
hbs-form,
.request-form {
  font-family: 'Lato', sans-serif !important;
}

:root {
  --eglo-teal:       #1a8a87;
  --eglo-teal-dark:  #156e6b;
  --eglo-teal-light: #e8f5f5;
  --eglo-text:       #2d2d2d;
  --eglo-text-muted: #666;
  --eglo-border:     #e0e0e0;
  --eglo-bg:         #f5f5f5;
  --eglo-white:      #ffffff;
  --eglo-radius:     6px;
  --eglo-shadow:     0 1px 4px rgba(0,0,0,0.08);
}

/* Header */
.header { display: none !important; }

.skip-navigation {
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
}

.eglo-header {
  background: var(--eglo-white) !important;
  border-bottom: 1px solid var(--eglo-border);
  position: sticky;
  top: 0;
  z-index: 200;
  width: 100%;
}
.eglo-header-inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
  height: 56px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.eglo-header-brand { flex-shrink: 0; }
.eglo-header-logo-link {
  display: flex;
  align-items: center;
  text-decoration: none !important;
}
.eglo-header-logo {
  height: 32px;
  width: auto;
  display: block;
}
.eglo-header-nav {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.eglo-header-shop-btn,
.eglo-header-shop-btn:link,
.eglo-header-shop-btn:visited {
  display: inline-block;
  background: var(--eglo-teal);
  color: var(--eglo-white) !important;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 8px 18px;
  border-radius: var(--eglo-radius);
  text-decoration: none !important;
  transition: background 0.15s;
  white-space: nowrap;
}
.eglo-header-shop-btn:hover { background: var(--eglo-teal-dark); color: var(--eglo-white) !important; }

/* Padding fuer Inhalt */
body > main { padding-left: 5% !important; padding-right: 5% !important; }
@media (min-width: 1160px) {
  body > main {
    padding-left: calc((100% - 1044px) / 2) !important;
    padding-right: calc((100% - 1044px) / 2) !important;
  }
}

/* Buttons */
.submit123,
input[type="submit"],
button[type="submit"],
.button-large,
.hbs-form input[type="submit"] {
  background-color: #1a8a87 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  font-family: 'Lato', sans-serif !important;
}
.submit123:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.button-large:hover,
.hbs-form input[type="submit"]:hover {
  background-color: #156e6b !important;
  color: #ffffff !important;
}

/* Footer Dropdown nach oben */
.footer-language-selector button {
  color: var(--eglo-text-muted);
  display: inline-block;
  background: none;
  border: none;
  cursor: pointer;
  font-family: 'Lato', sans-serif;
  font-size: 0.875rem;
  padding: 0;
}
.footer-language-selector .dropdown-menu {
  bottom: 100% !important;
  top: auto !important;
  margin-bottom: 4px !important;
  margin-top: 0 !important;
}

/* EGLO Custom */
.eglo-hero {
  background: var(--eglo-bg);
  padding: 56px 24px 48px;
  text-align: center;
}
.eglo-hero-inner { max-width: 860px; margin: 0 auto; }
.eglo-hero-title {
  font-size: 1.875rem; font-weight: 600; color: var(--eglo-text) !important;
  margin: 0 0 8px; line-height: 1.25;
}
.eglo-hero-subtitle { font-size: 0.95rem; color: var(--eglo-text-muted); margin: 0 0 28px; }

.eglo-search-form {
  display: flex; align-items: center; max-width: 520px; margin: 0 auto;
  background: var(--eglo-white); border: 1px solid var(--eglo-border);
  border-radius: var(--eglo-radius); overflow: hidden; box-shadow: var(--eglo-shadow);
}
.eglo-search-input {
  flex: 1; border: none !important; outline: none !important; box-shadow: none !important;
  padding: 12px 16px; font-size: 0.95rem; color: var(--eglo-text);
  background: transparent; min-width: 0; -webkit-appearance: none; font-family: inherit;
}
.eglo-search-input::placeholder { color: #aaa; }
.eglo-search-form .clear-button { display: none !important; }
.eglo-search-btn {
  background: none; border: none; padding: 10px 16px; cursor: pointer;
  color: var(--eglo-text-muted); display: flex; align-items: center;
  transition: color 0.15s; flex-shrink: 0;
}
.eglo-search-btn:hover { color: var(--eglo-teal); }

.eglo-section { padding: 48px 24px; background: var(--eglo-white); }
.eglo-section + .eglo-section { border-top: 1px solid var(--eglo-border); }
.eglo-container { max-width: 860px; margin: 0 auto; }
.eglo-section-title { font-size: 1.25rem; font-weight: 600; color: var(--eglo-text); margin: 0 0 24px; }

.eglo-category-grid {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
}
@media (max-width: 600px) { .eglo-category-grid { grid-template-columns: repeat(2, 1fr); } }
.eglo-category-card {
  background: var(--eglo-white); border: 1px solid var(--eglo-border);
  border-radius: var(--eglo-radius); transition: border-color 0.15s, box-shadow 0.15s;
}
.eglo-category-card:hover { border-color: var(--eglo-teal); box-shadow: 0 2px 8px rgba(26,138,135,0.12); }
.eglo-category-link,
.eglo-category-link:link,
.eglo-category-link:visited,
.eglo-category-link:hover,
.eglo-category-link:active {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 12px; padding: 28px 16px; text-decoration: none !important;
  color: var(--eglo-text) !important; text-align: center;
}
.eglo-category-icon {
  width: 44px; height: 44px; display: flex; align-items: center;
  justify-content: center; color: var(--eglo-text-muted);
}
.eglo-category-icon svg { stroke: var(--eglo-text-muted); transition: stroke 0.15s; }
.eglo-category-card:hover .eglo-category-icon svg { stroke: var(--eglo-teal); }
.eglo-category-name { font-size: 0.9rem; font-weight: 500; line-height: 1.3; }

.eglo-faq-list {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;
}
@media (max-width: 560px) { .eglo-faq-list { grid-template-columns: 1fr; } }
.eglo-faq-item { border: 1px solid var(--eglo-border); border-radius: var(--eglo-radius); transition: border-color 0.15s; }
.eglo-faq-item:hover { border-color: var(--eglo-teal); }
.eglo-faq-item:last-child:nth-child(odd) { grid-column: 1 / -1; }
.eglo-faq-link {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 16px; text-decoration: none; color: var(--eglo-text); font-size: 0.9rem; gap: 8px;
}
.eglo-faq-link:hover { text-decoration: none; color: var(--eglo-text); }
.eglo-faq-title { flex: 1; }
.eglo-faq-arrow { flex-shrink: 0; color: var(--eglo-text-muted); }
.eglo-faq-item:hover .eglo-faq-arrow { color: var(--eglo-teal); }

.eglo-contact-divider { display: none !important; }
.eglo-contact-section { margin-top: 48px !important; padding-top: 0 !important; border-top: none !important; }
.eglo-contact-title { font-size: 1.125rem !important; font-weight: 700 !important; color: var(--eglo-text) !important; margin: 0 0 16px !important; }
.eglo-contact-box {
  border: 1px solid var(--eglo-border); border-radius: var(--eglo-radius);
  padding: 28px 32px; display: flex; align-items: center; gap: 20px;
}
@media (max-width: 480px) { .eglo-contact-box { flex-direction: column; align-items: flex-start; padding: 20px; } }
.eglo-contact-icon { flex-shrink: 0; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; color: var(--eglo-text-muted); }
.eglo-contact-content { flex: 1; }
.eglo-contact-text { margin: 0 0 12px; font-size: 0.9rem; color: var(--eglo-text-muted); line-height: 1.5; }
.eglo-contact-btn,
.eglo-contact-btn:link,
.eglo-contact-btn:visited {
  display: inline-block; background: var(--eglo-teal); color: var(--eglo-white) !important;
  padding: 9px 20px; border-radius: var(--eglo-radius); font-size: 0.875rem;
  font-weight: 500; text-decoration: none !important; transition: background 0.15s;
}
.eglo-contact-btn:hover { background: var(--eglo-teal-dark); color: var(--eglo-white) !important; }

.eglo-page-wrap { max-width: 1100px; margin: 0 auto; padding: 32px 24px 64px; }
.eglo-page-inner { display: grid; grid-template-columns: 1fr 280px; gap: 48px; align-items: start; }
.eglo-page-wrap a:not(.eglo-contact-btn):not(.eglo-vote-btn) { color: var(--eglo-text) !important; }
.eglo-page-wrap a:not(.eglo-contact-btn):not(.eglo-vote-btn):hover { color: var(--eglo-teal) !important; }

.eglo-breadcrumb { margin-bottom: 20px; font-size: 0.85rem; }
.eglo-breadcrumb ol, .eglo-breadcrumb ul, .eglo-breadcrumb .breadcrumbs {
  display: flex !important; flex-wrap: wrap; align-items: center; gap: 4px;
  list-style: none !important; padding: 0 !important; margin: 0 !important;
}
.eglo-breadcrumb li { display: flex; align-items: center; gap: 4px; }
.eglo-breadcrumb li + li::before { content: '>'; color: #aaa; font-size: 0.75rem; }
.eglo-breadcrumb a, .eglo-breadcrumb a:link, .eglo-breadcrumb a:visited { color: var(--eglo-text-muted) !important; text-decoration: none !important; }
.eglo-breadcrumb a:hover { color: var(--eglo-teal) !important; }
.eglo-breadcrumb li:last-child, .eglo-breadcrumb li:last-child a { color: var(--eglo-text) !important; font-weight: 500; }

.eglo-page-title { font-size: 1.5rem !important; font-weight: 700 !important; color: var(--eglo-text) !important; margin: 0 0 28px !important; line-height: 1.25; }

.eglo-sidebar { position: sticky; top: 72px; align-self: start; }
.eglo-sidebar-search { margin-bottom: 16px; }
.eglo-sidebar-search-form {
  display: flex; align-items: center; border: 1px solid var(--eglo-border);
  border-radius: var(--eglo-radius); overflow: hidden; background: var(--eglo-white);
}
.eglo-sidebar-search-input {
  flex: 1; border: none !important; outline: none !important; box-shadow: none !important;
  padding: 8px 12px; font-size: 0.875rem; color: var(--eglo-text);
  background: transparent; min-width: 0; -webkit-appearance: none; font-family: inherit;
}
.eglo-sidebar-search-input::placeholder { color: #aaa; }
.eglo-sidebar-search-btn {
  background: none; border: none; padding: 8px 10px; cursor: pointer;
  color: var(--eglo-text-muted); display: flex; align-items: center; flex-shrink: 0;
}
.eglo-sidebar-search-btn:hover { color: var(--eglo-teal); }

.eglo-sidebar-nav {
  display: grid !important; grid-template-columns: 1fr 1fr !important;
  grid-auto-rows: 1fr !important; gap: 8px !important;
  border: none !important; background: transparent !important; overflow: visible !important;
}
.eglo-sidebar-nav-item,
.eglo-sidebar-nav-item:link,
.eglo-sidebar-nav-item:visited {
  display: flex !important; flex-direction: column !important;
  align-items: center !important; justify-content: center !important;
  gap: 8px !important; padding: 16px 10px !important;
  font-size: 0.8rem !important; font-weight: 500 !important;
  font-family: 'Lato', sans-serif !important; color: var(--eglo-text) !important;
  text-decoration: none !important; text-align: center !important;
  border: 1px solid var(--eglo-border) !important; border-radius: var(--eglo-radius) !important;
  background: var(--eglo-white) !important; transition: border-color 0.15s, box-shadow 0.15s !important;
  line-height: 1.3 !important; height: 100% !important; box-sizing: border-box !important;
}
.eglo-sidebar-nav-item:hover { border-color: var(--eglo-teal) !important; box-shadow: 0 2px 8px rgba(26,138,135,0.12) !important; }
.eglo-sidebar-nav-item.is-active,
.eglo-sidebar-nav-item.is-active:link,
.eglo-sidebar-nav-item.is-active:visited {
  background: #f2f1f0 !important; border-color: var(--eglo-teal) !important;
  color: var(--eglo-teal) !important; font-weight: 600 !important;
}
.eglo-sidebar-nav-label { flex: none !important; min-width: 0 !important; }
.eglo-sidebar-nav-icon {
  flex-shrink: 0 !important; width: 22px !important; height: 22px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  color: var(--eglo-text-muted) !important;
}
.eglo-sidebar-nav-item.is-active .eglo-sidebar-nav-icon,
.eglo-sidebar-nav-item:hover .eglo-sidebar-nav-icon { color: var(--eglo-teal) !important; }
.eglo-sidebar-nav--mobile { display: none !important; }

.eglo-section-group-title {
  font-size: 1.125rem !important; font-weight: 700 !important; color: var(--eglo-text) !important;
  margin: 48px 0 0 0 !important; padding: 0 !important;
}
.eglo-article-list { list-style: none !important; margin: 8px 0 0 0 !important; padding: 0 !important; }
.eglo-article-item { border-bottom: 1px solid var(--eglo-border) !important; padding: 12px 0 !important; }
.eglo-article-item:last-child { border-bottom: none !important; }
.eglo-article-title-text { font-size: 0.9375rem !important; font-weight: 400 !important; color: var(--eglo-text) !important; margin: 0 0 4px 0 !important; line-height: 1.4 !important; }
.eglo-article-readmore,
.eglo-article-readmore:link,
.eglo-article-readmore:visited {
  display: inline-flex !important; align-items: center !important; gap: 4px !important;
  font-size: 0.8125rem !important; font-weight: 500 !important;
  color: var(--eglo-teal) !important; text-decoration: none !important; transition: gap 0.15s !important;
}
.eglo-article-readmore:hover { color: var(--eglo-teal-dark) !important; gap: 7px !important; }
.eglo-section-divider { border: none !important; border-top: 1px solid var(--eglo-border) !important; margin: 0 !important; }
.eglo-section-group:last-of-type + .eglo-section-divider { display: block !important; margin-top: 40px !important; }
.eglo-show-all, .eglo-show-all:link, .eglo-show-all:visited {
  display: inline-block !important; margin: 6px 0 0 0 !important;
  font-size: 0.8125rem !important; color: var(--eglo-teal) !important;
  text-decoration: none !important; font-weight: 500 !important;
}
.eglo-show-all:hover { text-decoration: underline !important; }

.eglo-article-body { font-size: 0.9375rem; line-height: 1.7; color: var(--eglo-text); margin-bottom: 40px; }
.eglo-article-body h2 { font-size: 1.125rem; font-weight: 700; margin: 32px 0 12px; }
.eglo-article-body h3 { font-size: 1rem; font-weight: 600; margin: 24px 0 8px; }
.eglo-article-body p { margin: 0 0 16px; }
.eglo-article-body ul, .eglo-article-body ol { padding-left: 20px; margin: 0 0 16px; }
.eglo-article-body li { margin-bottom: 6px; }
.eglo-article-body img { max-width: 100%; height: auto; border-radius: var(--eglo-radius); }

.eglo-vote { display: flex; align-items: center; gap: 16px; padding: 20px 0; border-top: 1px solid var(--eglo-border); border-bottom: 1px solid var(--eglo-border); margin-bottom: 40px; flex-wrap: wrap; }
.eglo-vote-label { margin: 0; font-size: 0.9rem; font-weight: 500; }
.eglo-vote-buttons { display: flex; gap: 8px; }
.eglo-vote-buttons .article-vote, .eglo-vote-buttons button {
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  padding: 7px 16px !important; border: 1px solid var(--eglo-border) !important;
  border-radius: var(--eglo-radius) !important; font-size: 0.875rem !important;
  color: var(--eglo-text) !important; background: var(--eglo-white) !important;
  cursor: pointer !important; transition: border-color 0.15s, background 0.15s !important;
  min-width: auto !important; width: auto !important; line-height: normal !important; font-family: inherit !important;
}
.eglo-vote-buttons .article-vote:hover, .eglo-vote-buttons button:hover {
  border-color: var(--eglo-teal) !important; background: var(--eglo-teal-light) !important;
}

.eglo-page-wrap-request { max-width: 680px; margin: 0 auto; padding: 32px 24px 80px; }
.eglo-request-intro { font-size: 0.9rem; color: var(--eglo-text-muted); margin: 0 0 28px; line-height: 1.6; }

.eglo-page-wrap-request input[type="text"],
.eglo-page-wrap-request input[type="email"],
.eglo-page-wrap-request input[type="tel"],
.eglo-page-wrap-request textarea,
.eglo-page-wrap-request select,
.request-form input[type="text"],
.request-form input[type="email"],
.request-form textarea,
.request-form select {
  width: 100% !important; padding: 10px 12px !important; font-size: 0.9rem !important;
  color: var(--eglo-text) !important; background: var(--eglo-white) !important;
  border: 1px solid var(--eglo-border) !important; border-radius: var(--eglo-radius) !important;
  outline: none !important; box-sizing: border-box !important;
  font-family: 'Lato', sans-serif !important; transition: border-color 0.15s, box-shadow 0.15s !important;
  -webkit-appearance: none !important;
}
.eglo-page-wrap-request input:focus,
.eglo-page-wrap-request textarea:focus,
.eglo-page-wrap-request select:focus,
.request-form input:focus,
.request-form textarea:focus,
.request-form select:focus {
  border-color: var(--eglo-teal) !important; box-shadow: 0 0 0 3px rgba(26,138,135,0.1) !important;
}
.eglo-page-wrap-request textarea, .request-form textarea { min-height: 140px !important; resize: vertical !important; }
.eglo-page-wrap-request label, .request-form label {
  display: block !important; font-size: 0.875rem !important; font-weight: 500 !important;
  color: var(--eglo-text) !important; margin-bottom: 6px !important; font-family: inherit !important;
}
.eglo-page-wrap-request .form-field, .request-form .form-field { margin-bottom: 20px !important; }
.eglo-page-wrap-request .upload-dropzone, .request-form .upload-dropzone {
  border: 2px dashed var(--eglo-border) !important; border-radius: var(--eglo-radius) !important;
  padding: 20px !important; text-align: center !important;
  font-size: 0.875rem !important; color: var(--eglo-text-muted) !important;
}
.eglo-page-wrap-request .upload-dropzone:hover, .request-form .upload-dropzone:hover { border-color: var(--eglo-teal) !important; }

@media (max-width: 768px) {
  .eglo-page-inner { display: flex !important; flex-direction: column !important; }
  .eglo-sidebar { display: contents !important; position: static !important; top: auto !important; }
  .eglo-sidebar-search { order: -2 !important; width: 100% !important; margin-bottom: 8px !important; display: block !important; }
  .eglo-sidebar-search-form { width: 100% !important; }
  .eglo-page-main { order: 1 !important; }
  #eglo-cat-nav { display: none !important; }
  .eglo-sidebar-nav--mobile {
    display: grid !important; grid-template-columns: 1fr 1fr !important;
    grid-auto-rows: auto !important; gap: 8px !important; width: 100% !important;
    margin-top: 8px !important; margin-bottom: 24px !important;
    background: transparent !important; order: 1 !important;
  }
  .eglo-section-group-title { font-size: 1rem !important; margin-top: 24px !important; }
}

hbs-form { display: block; max-width: 600px; }
hbs-form input[type="text"], hbs-form input[type="email"], hbs-form input[type="tel"],
hbs-form textarea, hbs-form select {
  width: 100% !important; padding: 10px 12px !important; font-size: 0.9rem !important;
  color: var(--eglo-text) !important; background: var(--eglo-white) !important;
  border: 1px solid var(--eglo-border) !important; border-radius: var(--eglo-radius) !important;
  outline: none !important; box-sizing: border-box !important;
  font-family: 'Lato', sans-serif !important; transition: border-color 0.15s !important;
}
hbs-form input:focus, hbs-form textarea:focus, hbs-form select:focus {
  border-color: var(--eglo-teal) !important; box-shadow: 0 0 0 3px rgba(26,138,135,0.1) !important;
}
hbs-form textarea { min-height: 140px !important; resize: vertical !important; }
hbs-form label {
  display: block !important; font-size: 0.875rem !important; font-weight: 500 !important;
  color: var(--eglo-text) !important; margin-bottom: 6px !important; font-family: inherit !important;
}
hbs-form .form-field { margin-bottom: 20px !important; }

.eglo-page-wrap-request .eglo-breadcrumb { margin-bottom: 16px; }
.eglo-page-wrap-request .eglo-page-title { margin-bottom: 8px !important; }
.eglo-hero {
  background-image: url(/hc/theming_assets/01KPZDQKM80NQMJ2G9YKEHJME9) !important;
  background-size: cover !important;
  background-position: center !important;
}
.eglo-hero {
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
}

/* New request page */
.eglo-request-container {
  max-width: 1044px !important;
  width: 90% !important;
  margin: 0 auto !important;
  padding: 32px 0 64px !important;
}
.eglo-request-topbar {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 48px !important;
  margin-bottom: 48px !important;
}
.eglo-request-breadcrumbs {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.eglo-request-breadcrumbs .breadcrumbs {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}
.eglo-request-breadcrumbs .breadcrumbs li {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 13px !important;
  color: #1f2d33 !important;
  white-space: nowrap !important;
}
.eglo-request-breadcrumbs .breadcrumbs li + li::before {
  content: ">" !important;
  margin: 0 7px !important;
  color: #777 !important;
}
.eglo-request-breadcrumbs a,
.eglo-request-breadcrumbs a:visited {
  color: #1f2d33 !important;
  text-decoration: none !important;
}
.eglo-request-breadcrumbs a:hover {
  color: var(--eglo-teal) !important;
  text-decoration: none !important;
}
.eglo-request-container h1 {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}
.eglo-request-container .form {
  max-width: 650px !important;
}

/* New request custom search */
.eglo-request-search-custom {
  width: 280px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  border: 1px solid var(--eglo-border) !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #fff !important;
  flex: 0 0 280px !important;
}
.eglo-request-search-custom input[type="search"] {
  flex: 1 !important;
  height: 34px !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  background: #fff !important;
}
.eglo-request-search-custom button {
  width: 36px !important;
  height: 34px !important;
  border: 0 !important;
  border-radius: 0 6px 6px 0 !important;
  background: var(--eglo-teal) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  cursor: pointer !important;
}
.eglo-request-search-custom button:hover {
  background: var(--eglo-teal-dark) !important;
}
.eglo-request-search-custom .clear-button,
.search .clear-button {
  display: none !important;
}

@media (max-width: 768px) {
  .eglo-request-container {
    width: auto !important;
    padding: 24px 20px 48px !important;
  }
  .eglo-request-topbar {
    display: block !important;
    margin-bottom: 32px !important;
  }
  .eglo-request-search-custom {
    width: 100% !important;
    flex: none !important;
    margin-top: 16px !important;
  }
}

/* Mobile title above category grid */
@media (max-width: 768px) {
  html[lang="de"] .eglo-sidebar-nav--mobile::before { content: "Weitere Kategorien"; }
  html[lang="en"] .eglo-sidebar-nav--mobile::before { content: "More categories"; }
  html[lang="pl"] .eglo-sidebar-nav--mobile::before { content: "Więcej kategorii"; }
  html[lang="it"] .eglo-sidebar-nav--mobile::before { content: "Altre categorie"; }
  html[lang="fr"] .eglo-sidebar-nav--mobile::before { content: "Autres catégories"; }
  html[lang="nl"] .eglo-sidebar-nav--mobile::before { content: "Meer categorieën"; }

  .eglo-sidebar-nav--mobile::before {
    grid-column: 1 / -1 !important;
    display: block !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    color: var(--eglo-text) !important;
  }

  .eglo-sidebar-nav--mobile .eglo-sidebar-nav-item {
    min-height: 82px !important;
  }
}

/* Search results pagination */
.search-results .pagination,
.pagination {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 32px 0 0 !important;
  text-align: center !important;
}
.pagination li {
  display: inline-flex !important;
  width: auto !important;
}
.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link {
  width: auto !important;
  min-width: 72px !important;
  height: 36px !important;
  padding: 0 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--eglo-border) !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: var(--eglo-text) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}
.pagination-next-link:hover,
.pagination-prev-link:hover,
.pagination-first-link:hover,
.pagination-last-link:hover {
  border-color: var(--eglo-teal) !important;
  color: var(--eglo-teal) !important;
  background: var(--eglo-teal-light) !important;
  text-decoration: none !important;
}

/* Content links only. Buttons and cards stay readable. */
.article-body a:not(.eglo-contact-btn):not(.button):not(.button-large):not(.eglo-sidebar-nav-item),
.article-content a:not(.eglo-contact-btn):not(.button):not(.button-large):not(.eglo-sidebar-nav-item),
.eglo-article-body a:not(.eglo-contact-btn):not(.button):not(.button-large):not(.eglo-sidebar-nav-item),
.eglo-page-wrap .eglo-page-main a:not(.eglo-contact-btn):not(.button):not(.button-large):not(.eglo-sidebar-nav-item) {
  color: var(--eglo-teal) !important;
  text-decoration: underline !important;
}

.article-body a:not(.eglo-contact-btn):not(.button):not(.button-large):not(.eglo-sidebar-nav-item):hover,
.article-content a:not(.eglo-contact-btn):not(.button):not(.button-large):not(.eglo-sidebar-nav-item):hover,
.eglo-article-body a:not(.eglo-contact-btn):not(.button):not(.button-large):not(.eglo-sidebar-nav-item):hover,
.eglo-page-wrap .eglo-page-main a:not(.eglo-contact-btn):not(.button):not(.button-large):not(.eglo-sidebar-nav-item):hover {
  color: var(--eglo-teal-dark) !important;
}

/* Buttons: keep text white */
.eglo-contact-btn,
.eglo-contact-btn:link,
.eglo-contact-btn:visited,
.eglo-contact-btn:hover,
.eglo-header-shop-btn,
.eglo-header-shop-btn:link,
.eglo-header-shop-btn:visited,
.eglo-header-shop-btn:hover,
button[type="submit"],
.button-large,
.hbs-form input[type="submit"] {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Schriftfarbe */
:root {
  --eglo-text: #282828;
}

body,
h1, h2, h3, h4, h5, h6,
p,
li,
label,
.eglo-page-wrap,
.eglo-article-body,
.article-body {
  color: #282828 !important;
}

/* Search Results: nur Weiterlesen als Link */
.search-results .eglo-article-title-text,
.search-results .eglo-article-title-text a,
.search-results .search-result-title a {
  color: #282828 !important;
  text-decoration: none !important;
}

.search-results .eglo-article-readmore,
.search-results .eglo-article-readmore:link,
.search-results .eglo-article-readmore:visited {
  color: var(--eglo-teal) !important;
  text-decoration: underline !important;
}

/* Kategorie-Kacheln: niemals Link-Optik */
.eglo-sidebar-nav-item,
.eglo-sidebar-nav-item:link,
.eglo-sidebar-nav-item:visited,
.eglo-sidebar-nav-item:hover,
.eglo-sidebar-nav-item:focus,
.eglo-sidebar-nav-item:active,
.eglo-sidebar-nav-item *,
.eglo-sidebar-nav-label {
  color: #282828 !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
}

.eglo-sidebar-nav-item:hover,
.eglo-sidebar-nav-item:hover * {
  color: var(--eglo-teal) !important;
  text-decoration: none !important;
  text-decoration-line: none !important;
}

/* Mobile Kategorie-Kacheln wie Desktop */
@media (max-width: 768px) {
  .eglo-sidebar-nav--mobile a,
  .eglo-sidebar-nav--mobile a:link,
  .eglo-sidebar-nav--mobile a:visited,
  .eglo-sidebar-nav--mobile a:hover,
  .eglo-sidebar-nav--mobile a:focus,
  .eglo-sidebar-nav--mobile a:active,
  .eglo-sidebar-nav--mobile a *,
  .eglo-sidebar-nav--mobile .eglo-sidebar-nav-label {
    color: #282828 !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
  }

  .eglo-sidebar-nav--mobile a:hover,
  .eglo-sidebar-nav--mobile a:hover * {
    color: var(--eglo-teal) !important;
    text-decoration: none !important;
  }
}