.elementor-212 .elementor-element.elementor-element-96fc0ea{--display:flex;}.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 );}/* Start custom CSS for html, class: .elementor-element-5284acc *//* Basis-Stil */
#btn10, #btn40, #btn50 {
  margin: 15px 12px;
  border-radius: 12px;
  border: 2px solid #000;
  padding: 18px 36px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  color: #FFFFFF !important;                     /* weiße Schrift */
  text-shadow: 1px 1px 2px #000,                   /* leichter schwarzer Schatten für Top-Kontrast */
             -1px -1px 2px #000,
             1px -1px 2px #000,
             -1px 1px 2px #000;
}

/* Deutsche Flagge – Schwarz / Rot / Gold (exakt 1/3 je Farbe) */
#btn10, #btn40, #btn50 {
  background: linear-gradient(to bottom,
    #000000 0%,
    #000000 33.33%,
    #DD0000 33.33%,
    #DD0000 66.66%,
    #FFCE00 66.66%,
    #FFCE00 100%
  );
}

/* Icons */
#btn10::before { content: "🔥"; margin-right: 8px; }
#btn40::before { content: "⭐"; margin-right: 8px; }
#btn50::before { content: "💥"; margin-right: 8px; }

/* Hover – etwas intensivere Deutschland-Farben */
#btn10:hover, #btn40:hover, #btn50:hover {
  background: linear-gradient(to bottom,
    #1a1a1a 0%,
    #1a1a1a 33.33%,
    #c00000 33.33%,
    #c00000 66.66%,
    #e6b800 66.66%,
    #e6b800 100%
  );
  transform: scale(1.05);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6);
}

/* Fokus – goldener Ring */
#btn10:focus, #btn40:focus, #btn50:focus {
  outline: none;
  box-shadow: 0 0 0 5px rgba(255, 206, 0, 0.8);
}

/* Responsive */
@media (max-width: 767px) {
  #btn10, #btn40, #btn50 {
    width: 100%;
  }
}/* End custom CSS */