.elementor-kit-13{--e-global-color-primary:#070707;--e-global-color-secondary:#070707;--e-global-color-text:#070707;--e-global-color-accent:#070707;--e-global-color-1490a0a:#F2F0EF;--e-global-color-f870a0a:#FFFFFF;--e-global-color-0e022dd:#FAFAFA;--e-global-color-b842f5f:#F5F5F5;--e-global-color-9c5fd31:#E6E6E6;--e-global-color-e27ce7f:#D6D6D6;--e-global-color-05256f7:#A5A5A5;--e-global-color-285a6e0:#767676;--e-global-color-03b4abb:#575757;--e-global-color-c413e63:#434343;--e-global-color-4be32cf:#292929;--e-global-color-b80fadf:#1A1A1A;--e-global-color-ae27e48:#10B981;--e-global-color-375fad0:#EF4444;--e-global-color-c94a2e7:#E5E7EB;--e-global-color-95684aa:#161616;--e-global-color-23cdd49:#252525;--e-global-typography-primary-font-family:"Switzer";--e-global-typography-primary-font-size:clamp(2.5rem, 5vw + 1rem, 4rem);--e-global-typography-primary-font-weight:normal;--e-global-typography-primary-line-height:1.1;--e-global-typography-primary-letter-spacing:-0.04em;--e-global-typography-secondary-font-family:"Switzer";--e-global-typography-secondary-font-size:clamp(2rem, 3vw + 1rem, 3rem);--e-global-typography-secondary-font-weight:normal;--e-global-typography-secondary-line-height:1.15;--e-global-typography-secondary-letter-spacing:-0.03em;--e-global-typography-text-font-family:"Switzer";--e-global-typography-text-font-size:clamp(1rem, 0.95rem + 0.22vw, 1.125rem);--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.4;--e-global-typography-text-letter-spacing:-0.01em;--e-global-typography-accent-font-family:"Switzer";--e-global-typography-accent-font-size:clamp(1rem, 0.95rem + 0.22vw, 1.125rem);--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.4;--e-global-typography-accent-letter-spacing:-0.01em;--e-global-typography-aa0c36d-font-family:"Switzer";--e-global-typography-aa0c36d-font-size:clamp(3.5rem, 8vw + 1rem, 6.5rem);--e-global-typography-aa0c36d-font-weight:800;--e-global-typography-aa0c36d-line-height:1.05;--e-global-typography-aa0c36d-letter-spacing:-0.05em;--e-global-typography-69a2963-font-family:"Switzer";--e-global-typography-69a2963-font-size:clamp(1.5rem, 2vw + 1rem, 2.25rem);--e-global-typography-69a2963-font-weight:normal;--e-global-typography-69a2963-line-height:1.2;--e-global-typography-69a2963-letter-spacing:-0.02em;--e-global-typography-394588b-font-family:"Switzer";--e-global-typography-394588b-font-size:clamp(1.25rem, 1vw + 1rem, 1.625rem);--e-global-typography-394588b-font-weight:normal;--e-global-typography-394588b-line-height:1.25;--e-global-typography-394588b-letter-spacing:-0.01em;--e-global-typography-de21622-font-family:"Switzer";--e-global-typography-de21622-font-size:clamp(0.75rem, 0.8vw + 0.5rem, 1.01rem);--e-global-typography-de21622-font-weight:500;--e-global-typography-de21622-line-height:1.4;--e-global-typography-de21622-letter-spacing:0.05em;--e-global-typography-a4511ff-font-family:"Switzer";--e-global-typography-a4511ff-font-size:clamp(1rem, 0.2vw + 1rem, 1.125rem);--e-global-typography-a4511ff-font-weight:normal;--e-global-typography-a4511ff-line-height:1.4;--e-global-typography-38e81d6-font-family:"Switzer";--e-global-typography-38e81d6-font-size:clamp(0.906rem, 0.88rem + 0.14vw, 1rem);--e-global-typography-38e81d6-font-weight:normal;--e-global-typography-38e81d6-line-height:1.5;--e-global-typography-e333e75-font-family:"Switzer";--e-global-typography-e333e75-font-size:clamp(0.8125rem, 0.78rem + 0.12vw, 0.875rem);--e-global-typography-e333e75-font-weight:normal;--e-global-typography-e333e75-line-height:1.4;--e-global-typography-e3c4ff8-font-family:"Switzer";--e-global-typography-e3c4ff8-font-size:clamp(0.6875rem, 0.66rem + 0.12vw, 0.75rem);--e-global-typography-e3c4ff8-font-weight:normal;--e-global-typography-e3c4ff8-line-height:1.4;background-color:var( --e-global-color-0e022dd );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:8px;--container-default-padding-right:8px;--container-default-padding-bottom:8px;--container-default-padding-left:8px;}.elementor-widget:not(:last-child){--kit-widget-spacing:16px;}.elementor-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body {
    /* Macht die Schrift auf Macs und iPhones glatter */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    /* Verhindert, dass der Browser 'künstliche' Fettschrift erzeugt */
    font-synthesis: none;
    
    /* Nutzt die modernen Inter-Features */
    font-feature-settings: "cv01", "cv02", "cv05", "cv08", "ss01";
}

/* Entfernt den Abstand über dem ersten Absatz */
.elementor-widget-text-editor p:first-child {
    margin-top: 0 !important;
}

/* Entfernt den Abstand unter dem letzten Absatz */
.elementor-widget-text-editor p:last-child {
    margin-bottom: 0 !important;
}

/* Verhindert das "Margin-Collapsing" im Container */
.elementor-widget-text-editor .elementor-widget-container {
    display: flex;
    flex-direction: column;
}


:root {
    /* Unsere berechneten Werte als Variablen */
    --sp-v: clamp(2rem, 1.25rem + 3.8vw, 5rem); /* Vertikale Abstände */
    --sp-h: clamp(1rem, -0.25rem + 6.4vw, 5rem); /* Horizontale Abstände */
    --sp-gap: clamp(1.5rem, 1rem + 2vw, 3rem);   /* Lücken zwischen Elementen */
}

/* Die Master-Klasse für deine Sektionen */
.abstand {
    /* 1. Äußeres Padding (Safe Zone) */
    padding-bottom: var(--sp-v) !important;
    padding-left: var(--sp-h) !important;
    padding-right: var(--sp-h) !important;
}




.glass-effect {
    background: rgba(255, 255, 255, 0.6) !important;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.3); /* Ein subtiler Rand verstärkt den Glas-Effekt */
}


.elementor-icon-wrapper {
    line-height: 0;

}

/* 1. KARTEN-BASIS (Gilt für alle Geräte) */
.archiv-card {
transition: all 0.3s ease-in-out;
display: flex;
flex-direction: column;
}

.archiv-card img {
height: auto !important;
aspect-ratio: 16 / 9 !important;
object-fit: cover !important;
transition: all 0.5s ease-in-out !important;
will-change: transform;
}

/* 2. RESPONSIVE ANPASSUNG (Nur für Mobile) */
@media (max-width: 767px) {
.archiv-card img {
aspect-ratio: 21 / 9 !important;
}
}

/* 3. HOVER-EFFEKTE (Gilt wieder für alle) */
.archiv-card:hover img {
transform: scale(1.02);
}

/* 4. TITEL & TEXT */
.archiv-card h3 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
min-height: 2.8em;
line-height: 1.4em;
margin-bottom: 10px;
}

.archiv-card .elementor-widget-post-excerpt {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
height: 3.0em;
line-height: 1.5em;
margin-bottom: 15px;
}

/* 5. BUTTON & PFEIL ANIMATION */
.archiv-card .elementor-button {
background-color: transparent !important;
padding: 0 !important;
box-shadow: none !important;
text-shadow: none !important;
border: none !important;
}

.archiv-card .elementor-button-icon {
display: inline-block;
transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* Der Pfeil-Move (jetzt für alle Geräte sichtbar) */
.archiv-card:hover .elementor-button-icon {
transform: translateX(4px) !important;
}

.archiv-card:hover .elementor-button-text {
opacity: 0.8;
}

/* 6. EASE-IN ANIMATION BEIM LADEN */
.archiv-card {
animation: cardFadeIn 0.8s cubic-bezier(0.23, 1, 0.32, 1) backwards;
}

@keyframes cardFadeIn {
0% { opacity: 0; transform: translateY(20px); }
100% { opacity: 1; transform: translateY(0); }
}


/* Erzwingt die Farbe für den Titel und den Text innerhalb der Icon Box */
.elementor-kit-13 .elementor-icon-box-title a,
.elementor-kit-13 .elementor-icon-box-description a {
    color: inherit !important;
    text-decoration: none !important;
}

/* Falls du eine spezifische Farbe willst, ersetze 'inherit' durch deine Farbe, z.B. #111827 */
.elementor-kit-13 .elementor-icon-box-title a:hover,
.elementor-kit-13 .elementor-icon-box-description a:hover {
    color: inherit !important; /* Bleibt auch beim Hover gleich */
    opacity: 0.8; /* Wird nur dezent blasser beim Drüberfahren */
}












/* Verhindert seitliches Scrollen während der Animation */
html, body {
    overflow-x: hidden !important;
}

/* 
Wirkt auf ALLE direkten Haupt-Container der Website. 
Das :not([class*="dialog"]) ist der Trick: Es schützt das Elementor-Popup davor, mitverschoben zu werden! 
*/
body > div:not([class*="dialog"]) {
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Der Push-Effekt: Schiebt die Seite nach links, sobald die Klasse aktiv ist */
body.push-menu-active > div:not([class*="dialog"]) {
    transform: translateX(-100vw) !important; 
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Switzer';
	font-display: auto;
	src: url('https://republic4.at/wp-content/uploads/2026/06/Switzer-Variable.ttf') format('truetype');
}
/* End Custom Fonts CSS */