.elementor-kit-7{--e-global-color-primary:#3C414D;--e-global-color-secondary:#B6B6B6;--e-global-color-text:#0A0E23;--e-global-color-accent:#A9CC6A;--e-global-color-ffbc759:#424242;--e-global-color-ee0ed40:#FFFFFF;--e-global-color-82c8ab8:#474747;--e-global-color-d214138:#E0E0E0;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:1.1rem;--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:1.1rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:1.1rem;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:1.4rem;--e-global-typography-text-letter-spacing:-0.5px;--e-global-typography-accent-font-family:"AlphaPipe";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:200;--e-global-typography-accent-letter-spacing:-0.4px;--e-global-typography-f4b852e-font-family:"Montserrat";--e-global-typography-f4b852e-font-size:3.5rem;--e-global-typography-f4b852e-font-weight:700;--e-global-typography-f4b852e-line-height:4.7rem;--e-global-typography-f4b852e-letter-spacing:-3px;--e-global-typography-96438be-font-family:"Montserrat";--e-global-typography-96438be-font-size:3.2rem;--e-global-typography-96438be-font-weight:700;--e-global-typography-96438be-line-height:3.3rem;--e-global-typography-96438be-letter-spacing:-3px;--e-global-typography-671b269-font-family:"AlphaPipe";--e-global-typography-671b269-font-size:1.5rem;--e-global-typography-671b269-font-weight:600;--e-global-typography-671b269-line-height:1.9rem;--e-global-typography-671b269-letter-spacing:-0.5px;--e-global-typography-671b269-word-spacing:1px;--e-global-typography-126632d-font-family:"AlphaPipe";--e-global-typography-126632d-font-size:2.9rem;--e-global-typography-126632d-font-weight:600;--e-global-typography-126632d-line-height:3rem;--e-global-typography-126632d-letter-spacing:-1.6px;--e-global-typography-eb632e4-font-family:"AlphaPipe";--e-global-typography-eb632e4-font-size:1.2rem;--e-global-typography-eb632e4-font-weight:600;--e-global-typography-eb632e4-letter-spacing:-0.8px;--e-global-typography-576c1f1-font-family:"AlphaPipe";--e-global-typography-576c1f1-font-size:2.5rem;--e-global-typography-576c1f1-font-weight:600;--e-global-typography-576c1f1-line-height:2.6rem;--e-global-typography-576c1f1-letter-spacing:0rem;--e-global-typography-a76a295-font-family:"AlphaPipe";--e-global-typography-a76a295-font-size:4rem;--e-global-typography-a76a295-font-weight:300;--e-global-typography-a76a295-letter-spacing:-2px;--e-global-typography-2be84aa-font-family:"Roboto condensed";--e-global-typography-2be84aa-font-size:1.5rem;--e-global-typography-2be84aa-font-weight:500;--e-global-typography-2be84aa-line-height:1.8rem;--e-global-typography-1dbf2f3-font-family:"Roboto condensed";--e-global-typography-1dbf2f3-font-size:65px;--e-global-typography-1dbf2f3-font-weight:900;--e-global-typography-1dbf2f3-line-height:4rem;--e-global-typography-1dbf2f3-letter-spacing:-3px;--e-global-typography-982d45a-font-family:"Roboto condensed";--e-global-typography-982d45a-font-size:5.4rem;--e-global-typography-982d45a-font-weight:900;--e-global-typography-982d45a-line-height:5rem;--e-global-typography-982d45a-letter-spacing:-2.9px;--e-global-typography-8c8f113-font-family:"Roboto condensed";--e-global-typography-8c8f113-font-size:1.4rem;--e-global-typography-8c8f113-font-weight:900;--e-global-typography-8c8f113-line-height:1.7rem;--e-global-typography-8c8f113-letter-spacing:-0.5px;--e-global-typography-68d25de-font-family:"Montserrat";--e-global-typography-68d25de-font-size:1.3rem;--e-global-typography-68d25de-font-weight:300;--e-global-typography-68d25de-line-height:1.5rem;--e-global-typography-68d25de-letter-spacing:0px;--e-global-typography-51162fe-font-family:"Montserrat";--e-global-typography-51162fe-font-size:1.1rem;--e-global-typography-51162fe-font-weight:500;--e-global-typography-51162fe-line-height:1.2rem;--e-global-typography-51162fe-letter-spacing:0px;--e-global-typography-938643b-font-family:"AlphaPipe";--e-global-typography-938643b-font-size:1.6rem;--e-global-typography-938643b-font-weight:600;--e-global-typography-938643b-line-height:1.8rem;--e-global-typography-938643b-letter-spacing:0rem;color:var( --e-global-color-text );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h2{color:#272727;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-f4b852e-font-size:3rem;--e-global-typography-f4b852e-line-height:4rem;--e-global-typography-f4b852e-letter-spacing:-1.5px;--e-global-typography-1dbf2f3-font-size:2.5rem;--e-global-typography-1dbf2f3-letter-spacing:-1.5px;--e-global-typography-982d45a-font-size:3em;--e-global-typography-982d45a-line-height:3.3rem;--e-global-typography-982d45a-letter-spacing:-1.5px;--e-global-typography-8c8f113-font-size:1.5rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:1rem;--e-global-typography-primary-line-height:1rem;--e-global-typography-secondary-font-size:1rem;--e-global-typography-secondary-line-height:1.1rem;--e-global-typography-secondary-letter-spacing:-0.4px;--e-global-typography-text-font-size:1rem;--e-global-typography-text-line-height:1.2rem;--e-global-typography-text-letter-spacing:-0.5px;--e-global-typography-accent-font-size:1.1rem;--e-global-typography-accent-line-height:1.2rem;--e-global-typography-f4b852e-font-size:2.5rem;--e-global-typography-f4b852e-line-height:2.6rem;--e-global-typography-f4b852e-letter-spacing:-1px;--e-global-typography-96438be-font-size:2rem;--e-global-typography-96438be-line-height:2rem;--e-global-typography-96438be-letter-spacing:-1px;--e-global-typography-671b269-font-size:1.5rem;--e-global-typography-671b269-line-height:1.2rem;--e-global-typography-126632d-font-size:2rem;--e-global-typography-126632d-line-height:1.9rem;--e-global-typography-126632d-letter-spacing:-1.1px;--e-global-typography-eb632e4-font-size:1.2rem;--e-global-typography-eb632e4-letter-spacing:-0.5px;--e-global-typography-576c1f1-font-size:1.7rem;--e-global-typography-576c1f1-line-height:1.8rem;--e-global-typography-576c1f1-letter-spacing:-0.9px;--e-global-typography-a76a295-font-size:2rem;--e-global-typography-a76a295-line-height:1.8rem;--e-global-typography-2be84aa-font-size:1.2rem;--e-global-typography-1dbf2f3-font-size:2rem;--e-global-typography-1dbf2f3-line-height:1.8rem;--e-global-typography-1dbf2f3-letter-spacing:-1px;--e-global-typography-982d45a-font-size:3rem;--e-global-typography-982d45a-line-height:3.1rem;--e-global-typography-982d45a-letter-spacing:-2px;--e-global-typography-8c8f113-font-size:1.2rem;--e-global-typography-8c8f113-letter-spacing:-0.5px;--e-global-typography-68d25de-font-size:1.2rem;--e-global-typography-68d25de-line-height:1.4rem;--e-global-typography-51162fe-font-size:1rem;--e-global-typography-51162fe-line-height:1.1rem;--e-global-typography-51162fe-letter-spacing:-0.4px;--e-global-typography-938643b-font-size:1.7rem;--e-global-typography-938643b-line-height:1.8rem;--e-global-typography-938643b-letter-spacing:-0.7px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}@media(min-width:1980px){.elementor-kit-7{--e-global-typography-f4b852e-font-size:6rem;}}/* Start custom CSS */.elementor-kit-7 input[type="checkbox"] {
  accent-color: #A9cc6a;
}
.elementor-kit-7 input[type="checkbox"] {
  transform: scale(1.3); 
  vertical-align: middle; 
  margin-right: 10px;
}
  
.hbold strong {
    font-weight: 700 !important;
}

.dsg {
  font-weight: bold; 
  color: inherit;   
  text-decoration: none; 
  transition: color 0.5s ease; 
}


.dsg:hover {
  color: #A9cc6a;
}


.hov {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 2rem;
    transition: transform 0.5s ease-in-out;
}

.hov::before,
.hov::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.5s ease-in-out;
    pointer-events: none;
    z-index: 0;
}

.hov::before {
    background-image: url('https://socialline.at/wp-content/uploads/2025/03/1a-bg-grey.webp');
    opacity: 0.3;
    transform: scale(1);
}

.hov::after {
    background-image: url('https://socialline.at/wp-content/uploads/2025/03/1a-bg-green.webp');
    opacity: 0;
    transform: scale(1);
}

/* Texte und Überschriften */
.hov h2, .hov p {
    position: relative;
    z-index: 1;
    transition: all 0.5s ease-in-out;
    margin: 0;
}

/* Absatz zuerst unsichtbar */
.hov p {
    opacity: 0;
    transform: scale(0.9);
}

/* Überschrift im Normalzustand vertikal zentriert */
.hov h2 {
    transform: translateY(100%) scale(1);
}

/* Hover-Effekte */
.hov:hover::before {
    opacity: 0;
}

.hov:hover:before {
    opacity: 0;
    transform: scale(0.9);
}

.hov:hover::after {
    opacity: 0.5;
    transform: scale(0.9);
}

/* Überschrift geht beim Hover nach oben */
.hov:hover h2 {
    transform: translateY(-20%) scale(0.8); /* Verschiebung nach oben */
}

/* Text erscheint beim Hover und wird größer */
.hov:hover p {
    opacity: 1;
    transform: scale(1.1); /* Text wird größer */
}

/* Übergang zurück zur Mitte, wenn der Hover vorbei ist */
.hov h2 {
    transition: transform 0.5s ease-out;
}


/* Ken Burns Effekt für alle Bilder mit der Klasse .kenburns-img */
.kb-img {
  animation: kenburns-grow 8s infinite ease-in-out;
}

/* Keyframe für den Ken Burns Effekt */
@keyframes kenburns-grow {
  0% {
    transform: scale(1) translateX(0) translateY(0);
  }
  50% {
    transform: scale(1.07)
    translateY(0%)
  }
  100% {
    transform: scale(1) translateX(0) translateY(0);
  }
}

.kb-img1 {
  animation: kenburns-shrink 8s infinite ease-in-out;
}

/* Keyframe für den Ken Burns Effekt */
@keyframes kenburns-shrink {
  0% {
    transform: scale(1.07) translateX(0) translateY(0);
  }
  50% {
    transform: scale(1)
        translateY(0%);
  }
  100% {
    transform: scale(1.07) translateX(0) translateY(0);
  }
}
/* ORIGINAL beibehalten – nur Zentrierung fixen, keine neuen Abstände */
.thov { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 2rem; transition: transform 0.5s ease-in-out, background-color 0.5s ease-in-out; } .thov h2, .thov p { position: relative; z-index: 1; transition: all 0.5s ease-in-out; margin: 0; } .thov p { opacity: 0; transform: scale(0.9); } .thov h2 { transform: translateY(250%) scale(1); } .thov:hover h2 { transform: translateY(-20%) scale(0.8); } .thov:hover p { opacity: 1; transform: scale(1.1); } .thov:hover { background-color: black; }


/* Basiszustand */
.usp-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #3C414D, #0A0E23); /* dunkel */
  transform: scale(1);
  transition: transform 0.5s ease-in-out; /* Background-Übergang übernimmt das Overlay */
  overflow: hidden;
  isolation: isolate; /* eigener Stacking-Context */
}

/* Overlay: grüner Gradient, weich ein-/ausblenden */
.usp-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #0A0E23, #3C414D); /* grün */
  opacity: 0 !important;                 /* Start transparent */
  transition: opacity 0.5s ease-in-out;  /* smooth Farbwechsel */
  z-index: 1;                             /* unter den Texten, über dem Hintergrund */
  border-radius: inherit;                 /* übernimmt die Containerform (Kreis/Radius) */
  pointer-events: none;                   /* blockiert keine Interaktionen */
}

/* Überschrift & Text (liegen über dem Overlay) */
.usp-box .usp-title,
.usp-box .usp-text {
  position: absolute;
  text-align: center;
  color: #fff;
  z-index: 2; /* sichtbar über dem Overlay */
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

/* Start: nur Titel sichtbar */
.usp-box .usp-title {
  opacity: 1;
  transform: scale(1);
}
.usp-box .usp-text {
  opacity: 0;
  transform: scale(1.2); /* größer starten, setzt sich „auf“ den Container */
}

/* Hover: Overlay einblenden, Zoom, Textwechsel */
.usp-box:hover {
  transform: scale(1.1);
}
.usp-box:hover::before {
  opacity: 1 !important; /* grün einblenden */
}
.usp-box:hover .usp-title {
  opacity: 0;
  transform: scale(0.8); /* optional kleiner ausfaden */
}
.usp-box:hover .usp-text {
  opacity: 1;
  transform: scale(1); /* sanft auf normal */
}

/* Mobile: softer skalieren */
@media (max-width: 768px) {
  .usp-box:hover {
    transform: scale(1.03);
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2024/11/Montserrat-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2024/11/Montserrat-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2024/11/Montserrat-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2024/11/Montserrat-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2024/11/Montserrat-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2024/11/Montserrat-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2024/11/Montserrat-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2024/11/Montserrat-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2024/11/Montserrat-Black.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'AlphaPipe';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2025/02/BC-Alphapipe-L-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'AlphaPipe';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2025/02/BC-Alphapipe-TSB-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'AlphaPipe';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2025/02/BC-Alphapipe-RB-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'AlphaPipe';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2025/02/BC-Alphapipe-L-Italic.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto condensed';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2024/11/RobotoCondensed-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto condensed';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2024/11/RobotoCondensed-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto condensed';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2024/11/RobotoCondensed-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto condensed';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2024/11/RobotoCondensed-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto condensed';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2024/11/RobotoCondensed-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto condensed';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2024/11/RobotoCondensed-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto condensed';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2024/11/RobotoCondensed-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto condensed';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2024/11/RobotoCondensed-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Roboto condensed';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://socialline.at/wp-content/uploads/2024/11/RobotoCondensed-Black.woff2') format('woff2');
}
/* End Custom Fonts CSS */