.elementor-1187 .elementor-element.elementor-element-archive_header{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:80px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1187 .elementor-element.elementor-element-archive_title{text-align:center;}.elementor-1187 .elementor-element.elementor-element-archive_title .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:42px;font-weight:600;color:#1a2e28;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1187 .elementor-element.elementor-element-3207b26{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;--z-index:2;}.elementor-1187 .elementor-element.elementor-element-3207b26:not(.elementor-motion-effects-element-type-background), .elementor-1187 .elementor-element.elementor-element-3207b26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F0F0;}.elementor-1187 .elementor-element.elementor-element-78c5962{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 20px 0px;}.elementor-1187 .elementor-element.elementor-element-d32ac69 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1187 .elementor-element.elementor-element-79ac05e{--grid-columns:3;}.elementor-1187 .elementor-element.elementor-element-79ac05e .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1187 .elementor-element.elementor-element-79ac05e .e-loop-item > .elementor-section, .elementor-1187 .elementor-element.elementor-element-79ac05e .e-loop-item > .elementor-section > .elementor-container, .elementor-1187 .elementor-element.elementor-element-79ac05e .e-loop-item > .e-con, .elementor-1187 .elementor-element.elementor-element-79ac05e .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-1187 .elementor-element.elementor-element-79ac05e .elementor-pagination{text-align:center;margin-top:60px;}body:not(.rtl) .elementor-1187 .elementor-element.elementor-element-79ac05e .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1187 .elementor-element.elementor-element-79ac05e .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1187 .elementor-element.elementor-element-79ac05e .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-1187 .elementor-element.elementor-element-79ac05e .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-1187 .elementor-element.elementor-element-6d2ae4a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--z-index:3;}.elementor-1187 .elementor-element.elementor-element-6d2ae4a:not(.elementor-motion-effects-element-type-background), .elementor-1187 .elementor-element.elementor-element-6d2ae4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}@media(max-width:1024px){.elementor-1187 .elementor-element.elementor-element-3207b26{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:20px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1187 .elementor-element.elementor-element-78c5962{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:7;}.elementor-1187 .elementor-element.elementor-element-78c5962.elementor-element{--align-self:center;}.elementor-1187 .elementor-element.elementor-element-79ac05e{--grid-columns:2;}}@media(max-width:767px){.elementor-1187 .elementor-element.elementor-element-archive_header{--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1187 .elementor-element.elementor-element-archive_title .elementor-heading-title{font-size:32px;}.elementor-1187 .elementor-element.elementor-element-3207b26{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1187 .elementor-element.elementor-element-79ac05e{--grid-columns:1;}}@media(min-width:768px){.elementor-1187 .elementor-element.elementor-element-3207b26{--content-width:1320px;}}/* Start custom CSS for wp-widget-categories, class: .elementor-element-d32ac69 *//* Container Setup - VOLLE BREITE */
.elementor-1187 .elementor-element.elementor-element-d32ac69 .elementor-widget-container {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0;
}

/* Titel verstecken */
.elementor-1187 .elementor-element.elementor-element-d32ac69 h5 {
  display: none;
}

/* Liste als Flex-Grid */
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  align-items: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  overflow: visible;
  transition: padding 0.3s ease-out;
}

/* Padding NUR wenn expanded */
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul.expanded {
  padding: 0 0 20px 0;
}

/* List Items */
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul li {
  margin: 0;
  padding: 0;
  overflow: visible;
  animation: fadeInUp 0.5s ease-out backwards;
}

/* Staggered Animation - TOP 5 */
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul li:nth-child(1) { animation-delay: 0.05s; }
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul li:nth-child(2) { animation-delay: 0.1s; }
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul li:nth-child(3) { animation-delay: 0.15s; }
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul li:nth-child(4) { animation-delay: 0.2s; }
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul li:nth-child(5) { animation-delay: 0.25s; }

/* VERSTECKTE Items - SOFORT unsichtbar (vor JS) */
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul li:nth-child(n+7):not(.more-toggle-item) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
}

  .elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul.expanded li:nth-child(n+7):not(.more-toggle-item) {                  
    display: flex !important;                                                          
    visibility: visible !important;                                                    
    flex-basis: auto;                                                                  
    max-height: 100px !important;                                                      
    opacity: 1 !important;                                                             
    transform: translateY(0);                                                          
    animation: slideDown 0.5s ease-out backwards;                                      
    overflow: visible !important;                                                      
  } 

.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul.expanded li:nth-child(7) { animation-delay: 0.05s; }
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul.expanded li:nth-child(8) { animation-delay: 0.1s; }
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul.expanded li:nth-child(9) { animation-delay: 0.15s; }
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul.expanded li:nth-child(10) { animation-delay: 0.2s; }
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul.expanded li:nth-child(11) { animation-delay: 0.25s; }
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul.expanded li:nth-child(12) { animation-delay: 0.3s; }

/* Mehr Button - geht in neue Zeile wenn expanded */
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul.expanded .more-toggle-item {
  flex-basis: 100%;
  display: flex;
  justify-content: center;
  margin-top: 0;
}

/* Links als Buttons */
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul li a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 8px 15px 8px 15px;
  background: transparent;
  border: 2px solid #1a1a1a;
  border-radius: 8px;
  color: #1a1a1a;
  text-decoration: none;
  font-weight: 700;
  font-size: 17px;
  line-height: 1.4;
  letter-spacing: 0.3px;
  transition: all 0.3s ease-out;
  white-space: nowrap;
  overflow: visible;
}

/* HOVER - GELB + SCHWARZER SCHATTEN */
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul li a:hover {
  background: #FABE0E;
  color: #1a1a1a;
  border-color: #1a1a1a;
  transform: translate(0, 0);
  box-shadow: 6px 6px 0 #1a1a1a;
  padding-right: 20px;
  z-index: 10;
}

/* ACTIVE/CURRENT - GELB + SCHWARZER SCHATTEN */
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul li.current-cat a,
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul li.current-cat-parent a {
  background: #FABE0E;
  color: #1a1a1a;
  border-color: #1a1a1a;
  box-shadow: 6px 6px 0 #1a1a1a;
  padding-right: 0;
}

/* Count Badge - VERSTECKT im Normal-Zustand */
.elementor-1187 .elementor-element.elementor-element-d32ac69 .cat-badge {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(100%) scale(0.8);
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 24px;
  padding: 0 0px 0px 9px;
  background: #b1b1b1;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  font-size: 13px;
  font-weight: 800;
  color: #ffffff;
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  opacity: 0;
  pointer-events: none;
  transform-origin: right center;
}

/* HOVER - Badge schiebt sich REIN von rechts */
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul li a:hover .cat-badge {
  transform: translateY(-50%) translateX(0) scale(0.8);
  opacity: 1;
  background: #1a1a1a;
  color: #fff;
}

/* ACTIVE - Badge sichtbar */
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul li.current-cat a .cat-badge,
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul li.current-cat-parent a .cat-badge {
  transform: translateY(-50%) translateX(0) scale(0.8);
  opacity: 1;
  background: #1a1a1a;
  color: #fff;
}

/* MEHR Button - immer sichtbar */
.elementor-1187 .elementor-element.elementor-element-d32ac69 .more-toggle-item {
  display: flex !important;
  visibility: visible !important;
  overflow: visible !important;
  max-height: none !important;
  opacity: 1 !important;
}

.elementor-1187 .elementor-element.elementor-element-d32ac69 .more-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 15px;
  background: transparent;
  border: 2px solid #1a1a1a;
  border-radius: 8px;
  color: #999;
  font-weight: 700;
  font-size: 17px;
  line-height: 1.4;
  letter-spacing: 3px;
  cursor: pointer;
  transition: all 0.3s ease-out;
  animation: fadeInUp 0.5s ease-out backwards;
  animation-delay: 0.3s;
  overflow: visible;
}

/* MEHR Button Hover */
.elementor-1187 .elementor-element.elementor-element-d32ac69 .more-toggle:hover {
  border-color: #1a1a1a;
  color: #1a1a1a;
  background: transparent;
  box-shadow: 6px 6px 0 #1a1a1a;
  transform: translate(0, 0);
}

/* Expanded State - Rotation */
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul.expanded .more-toggle {
  transform: rotate(180deg);
}

/* Expanded + Hover */
.elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul.expanded .more-toggle:hover {
  transform: rotate(180deg);
  box-shadow: 6px 6px 0 #1a1a1a;
}

/* Animationen */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 768px) {
  .elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul {
    gap: 10px;
  }
  
  .elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul.expanded {
    padding: 0 0 15px 0;
  }
  
  .elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul li a {
    padding: 8px 12px 8px 12px;
    font-size: 15px;
  }
  
  .elementor-1187 .elementor-element.elementor-element-d32ac69 .cat-badge {
    min-width: 18px;
    height: 22px;
    font-size: 12px;
    padding: 0 6px;
  }
  
  .elementor-1187 .elementor-element.elementor-element-d32ac69 .more-toggle {
    padding: 8px 12px;
    font-size: 15px;
  }
  
  .elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul li a:hover,
  .elementor-1187 .elementor-element.elementor-element-d32ac69 nav ul li.current-cat a,
  .elementor-1187 .elementor-element.elementor-element-d32ac69 .more-toggle:hover {
    box-shadow: 4px 4px 0 #1a1a1a;
  }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-79ac05e *//* Pagination Container */
.elementor-1187 .elementor-element.elementor-element-79ac05e.elementor-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  align-items: center;
  margin: 40px 0;
  padding: 0;
}

/* Alle Page Numbers - Transparent mit schwarzem Rahmen */
.elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  height: 50px;
  padding: 12px 18px;
  background: transparent;
  border: 2px solid #1a1a1a;
  border-radius: 8px;
  color: #1a1a1a;
  text-decoration: none;
  font-weight: 700;
  font-size: 17px;
  line-height: 1;
  transition: all 0.3s ease-out;
  overflow: visible;
  animation: fadeInUp 0.5s ease-out backwards;
}

/* Staggered Animation */
.elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers:nth-child(1) { animation-delay: 0.05s; }
.elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers:nth-child(2) { animation-delay: 0.1s; }
.elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers:nth-child(3) { animation-delay: 0.15s; }
.elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers:nth-child(4) { animation-delay: 0.2s; }
.elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers:nth-child(5) { animation-delay: 0.25s; }
.elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers:nth-child(6) { animation-delay: 0.3s; }
.elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers:nth-child(7) { animation-delay: 0.35s; }
.elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers:nth-child(8) { animation-delay: 0.4s; }
.elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers:nth-child(9) { animation-delay: 0.45s; }

/* Hover - GELB + SCHWARZER SCHATTEN */
.elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers:hover {
  background: #FABE0E;
  color: #1a1a1a;
  border-color: #1a1a1a;
  transform: translate(0, 0);
  box-shadow: 6px 6px 0 #1a1a1a;
}

/* Current Page - GELB + SCHWARZER SCHATTEN */
.elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers.current {
  background: #FABE0E;
  color: #1a1a1a;
  border-color: #1a1a1a;
  box-shadow: 6px 6px 0 #1a1a1a;
  cursor: default;
  pointer-events: none;
}

/* Screen Reader Text verstecken */
.elementor-1187 .elementor-element.elementor-element-79ac05e .elementor-screen-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Prev/Next Buttons (falls vorhanden) */
.elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers.prev,
.elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers.next {
  font-size: 20px;
}

.elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers.prev:hover,
.elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers.next:hover {
  background: #FABE0E;
  box-shadow: 6px 6px 0 #1a1a1a;
}

/* Dots (...) wenn zu viele Seiten */
.elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers.dots {
  border: 2px dashed #1a1a1a;
  color: #999;
  pointer-events: none;
  cursor: default;
}

.elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers.dots:hover {
  background: transparent;
  box-shadow: none;
  transform: none;
}

/* Animation */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive */
@media (max-width: 768px) {
  .elementor-1187 .elementor-element.elementor-element-79ac05e.elementor-pagination {
    gap: 8px;
  }
  
  .elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers {
    min-width: 44px;
    height: 44px;
    padding: 10px 14px;
    font-size: 15px;
  }
  
  .elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers:hover,
  .elementor-1187 .elementor-element.elementor-element-79ac05e .page-numbers.current {
    box-shadow: 4px 4px 0 #1a1a1a;
  }
}/* End custom CSS */