html {
  lang: de;
}

.se_gridmenu ul.elementor-nav-menu {
    display: grid;
    grid-template-columns: repeat(2, auto);
     justify-content: end;
    gap: 0.5em 0.2em;
}

.se-grid_square {
    aspect-ratio: 1 / 1;
    transition:all 0.2s ease;
}

.se-grid_quadrat {
    aspect-ratio: 1 / 1;
    transition:all 0.2s ease;
}

.se-grid_square:hover * {
    color: #fff !important;
}

.se-grid_square,
.se-grid_square * {
    transition: 
        background-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.se-grid_square:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.15);
}


.se-grid,
.se-grid * {
    transition: 
        background-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.se-grid:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.15);
}

.se-grid_square,
.se-grid_square * {
    white-space: normal;         /* normale Zeilenumbrüche */
    word-break: normal;          /* keine Wortverstümmelung */
    overflow-wrap: normal;       /* NICHT beliebig umbrechen */

    hyphens: none;               /* Silbentrennung nur wenn nötig */
    -webkit-hyphens: none;
    -ms-hyphens: none;
}

.se_grid_image_container {background-size: cover;}

/* ================================
   FilePond Dark Theme – Elementor
   ================================ */

.elementor-form .filepond--root {
    font-family: inherit;
    margin-top: 8px;
    width:100%;
}

/* Hauptpanel */
.elementor-form .filepond--panel-root {
    background: #FFF;
    border: 0px solid #2b2b2b;
    border-radius: 0px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Hover / Fokus */
.elementor-form .filepond--root:hover .filepond--panel-root,
.elementor-form .filepond--root.filepond--focused .filepond--panel-root {
    border-color: var( --e-global-color-accent );
    box-shadow: 0 0 0 2px rgba(94,156,255,0.15);
}

.elementor-message {
  color: #FFF !important;
}

/* Drag Active */
.elementor-form .filepond--root.filepond--drag-over .filepond--panel-root {
    background: #1a1a1a;
    border-color: var( --e-global-color-accent );
}

.cky-btn-accept {
  background: var( --e-global-color-accent ) !important;
    background-color: var( --e-global-color-accent ) !important;
  color: #ffffff;
  border: 2px solid var( --e-global-color-accent ) !important;
    border-top-color: var( --e-global-color-accent ) !important;
    border-right-color: var( --e-global-color-accent ) !important;
    border-bottom-color: var( --e-global-color-accent ) !important;
    border-left-color: var( --e-global-color-accent ) !important;
}

.cky-btn-preferences {
  color: var( --e-global-color-accent ) !important;
  background: transparent;
    background-color: transparent;
  border: 2px solid var( --e-global-color-accent ) !important;
    border-top-color: var( --e-global-color-accent ) !important;
    border-right-color: var( --e-global-color-accent ) !important;
    border-bottom-color: var( --e-global-color-accent ) !important;
    border-left-color: var( --e-global-color-accent ) !important;
}

.cky-btn-reject {
  color: var( --e-global-color-accent ) !important;
  background: transparent;
    background-color: transparent;
  border: 2px solid var( --e-global-color-accent ) !important;
    border-top-color: var( --e-global-color-accent ) !important;
    border-right-color: var( --e-global-color-accent ) !important;
    border-bottom-color: var( --e-global-color-accent ) !important;
    border-left-color: var( --e-global-color-accent ) !important;
}

.cky-btn-customize {
  color: var( --e-global-color-accent ) !important;
  background: transparent;
    background-color: transparent;
  border: 2px solid var( --e-global-color-accent ) !important;
    border-top-color: var( --e-global-color-accent ) !important;
    border-right-color: var( --e-global-color-accent ) !important;
    border-bottom-color: var( --e-global-color-accent ) !important;
    border-left-color: var( --e-global-color-accent ) !important;
}

.cky-policy {
	 color: var( --e-global-color-accent ) !important;
}

.cky-btn-revisit-wrapper {

  background: var( --e-global-color-accent ) !important;
    background-color: var( --e-global-color-accent ) !important;

}

.cky-btn-revisit:hover{

  background: var( --e-global-color-accent ) !important;
    background-color: var( --e-global-color-accent ) !important;

}

.cky-revisit-bottom-left:hover::before {
  display:none !important;
}

/* Drop Text */
.elementor-form .filepond--drop-label {
    font-size: 15px;
}

.elementor-form .filepond--label-action {
    color: var( --e-global-color-accent );
    text-decoration: none;
    font-weight: 500;
}

/* Dateiliste */
.elementor-form .filepond--item-panel {
    background: #1e1e1e;
    border-radius: 0px;
}

.elementor-form .filepond--file {
    color: #f1f1f1;
}

/* Dateiname */
.elementor-form .filepond--file-info-main {
    font-size: 14px;
    font-weight: 500;
}

/* Dateigröße */
.elementor-form .filepond--file-info-sub {
    opacity: 0.6;
    font-size: 12px;
}

/* Remove Button */
.elementor-form .filepond--file-action-button {
    background-color: #2a2a2a;
    color: #ffffff;
    border-radius: 0px;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.elementor-form .filepond--file-action-button:hover {
    background-color: #ff4d4f;
    transform: scale(1.05);
}

/* Progress Bar */
.elementor-form .filepond--progress-indicator {
    color: var( --e-global-color-accent );
}

.elementor-form .filepond--file-status-main {
    color: #cfcfcf;
}

/* Error State */
.elementor-form .filepond--item-panel[data-filepond-item-state="load-invalid"] {
    background: rgba(255, 77, 79, 0.15);
}

.elementor-form .filepond--file-status-sub {
    color: #ff4d4f;
}

/* Credits entfernen falls vergessen */
.filepond--credits {
    display: none !important;
}

.swiper-pagination {
  margin-bottom: 10px;
}

.elementor-element-dbc6402  {
    background-size: cover !important;            /* Bild füllt Container aus */
    background-position: center center !important;  /* Bild zentriert */
    background-repeat: no-repeat !important;       /* kein Wiederholen */
    width: 100% !important; 
    min-height: 335px !important;                  /* Höhe nach Bedarf anpassen */
}
@media (max-width: 767px) {
    .elementor-element-dbc6402 {
        height: 200px !important; 
    }
}


@media (min-width: 767px) {
.se-grid_square, .se-grid_square * {
  max-height: 200px;
}
}