.elementor-kit-9{--e-global-color-primary:#276A7E;--e-global-color-secondary:#1B1B1B;--e-global-color-text:#18191D70;--e-global-color-accent:#61CE70;--e-global-color-51d1408:#EEEEEE;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-letter-spacing:0.5px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-letter-spacing:0.5px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-letter-spacing:0.3px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:17px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-letter-spacing:-0.5px;--e-global-typography-cccc3b4-font-family:"Geist Mono";--e-global-typography-cccc3b4-font-size:16px;--e-global-typography-cccc3b4-font-weight:500;--e-global-typography-cccc3b4-letter-spacing:-0.5px;background-color:#EEEEEE;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Geist Mono", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-51d1408 );border-radius:7px 7px 7px 7px;padding:12px 24px 12px 24px;}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 a{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-9 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-9 h1{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-9 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-9 h3{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-9 h4{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-9 h5{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-9 h6{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:0px;--container-default-padding-right:30px;--container-default-padding-bottom:0px;--container-default-padding-left:30px;}.elementor-widget:not(:last-child){--kit-widget-spacing:30px;}.elementor-element{--widgets-spacing:30px 30px;--widgets-spacing-row:30px;--widgets-spacing-column:30px;}@media(max-width:1024px){.elementor-kit-9{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-9 a{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-9 h1{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-9 h2{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-9 h3{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-9 h4{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-9 h5{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-9 h6{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-9 a{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-kit-9 h1{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-9 h2{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-9 h3{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-9 h4{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-9 h5{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-kit-9 h6{letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.text-accent {
    color: #1B1B1B60;
}

/* Tech-Grid System für Ucepts
   Erzeugt Linien, die 30px oben und unten überstehen
*/

.tech-border-v {
    position: relative; /* Wichtig als Anker */
}

/* Die linke und rechte Linie */
.tech-border-v::before,
.tech-border-v::after {
    content: '';
    position: absolute;
    top: -30px;    /* 30px nach oben raus */
    bottom: -30px; /* 30px nach unten raus */
    width: 1px;    /* Die feine Linie */
    background-color: var(--e-global-color-text); /* Deine globale Farbe */
    opacity: 0.15; /* Ganz dezent (wie im Design) */
    pointer-events: none; /* Damit man durchklicken kann */
    z-index: 0;
}

/* Linie Links */
.tech-border-v::before {
    left: 0;
}

/* Linie Rechts */
.tech-border-v::after {
    right: 0;
}

/* OPTIONAL: Falls du auch horizontale Linien willst, die links/rechts überstehen */
.tech-border-h {
    position: relative;
}

.tech-border-h::before,
.tech-border-h::after {
    content: '';
    position: absolute;
    left: -30px;
    right: -30px;
    height: 1px;
    background-color: var(--e-global-color-text);
    opacity: 0.15;
    pointer-events: none;
    z-index: 0;
}

.tech-border-h::before { top: 0; }
.tech-border-h::after { bottom: 0; }

/* TECH GRID BOX (Alle 4 Seiten gleichzeitig) 
   Erzeugt einen Kasten mit überstehenden Ecken (Blueprint Look)
*/

.tech-border-box {
    position: relative;
    overflow: visible !important; /* Wichtig für den Überstand */
}

/* 1. Die Vertikalen Linien (Links & Rechts) */
.tech-border-box::before {
    content: '';
    position: absolute;
    top: -30px;    /* Überstand Oben */
    bottom: -30px; /* Überstand Unten */
    left: 0;
    right: 0;
    /* Trick: Wir nutzen Border-Left und Border-Right gleichzeitig */
    border-left: 1px solid var(--e-global-color-text);
    border-right: 1px solid var(--e-global-color-text);
    opacity: 0.15;
    pointer-events: none;
    z-index: 0;
}

/* 2. Die Horizontalen Linien (Oben & Unten) */
.tech-border-box::after {
    content: '';
    position: absolute;
    left: -30px;   /* Überstand Links */
    right: -30px;  /* Überstand Rechts */
    top: 0;
    bottom: 0;
    /* Trick: Wir nutzen Border-Top und Border-Bottom gleichzeitig */
    border-top: 1px solid var(--e-global-color-text);
    border-bottom: 1px solid var(--e-global-color-text);
    opacity: 0.15;
    pointer-events: none;
    z-index: 0;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter';
	font-display: auto;
	src: url('https://new.ucepts.de/wp-content/uploads/2026/01/Inter-VariableFont_opszwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Geist Mono';
	font-display: auto;
	src: url('https://new.ucepts.de/wp-content/uploads/2026/01/GeistMono-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */