.elementor-kit-7{--e-global-color-primary:#23A638;--e-global-color-secondary:#0F0F0F;--e-global-color-text:#666666;--e-global-color-accent:#E6E6E6;--e-global-color-18a1b56:#333333;--e-global-color-7014614:#A7ECB2;--e-global-color-5f13376:#FFFFFF;--e-global-color-7145c89:#F0F0F0;--e-global-typography-primary-font-family:"Raleway";--e-global-typography-primary-font-size:4.5rem;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:4.5rem;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-size:3.25rem;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:3.25rem;--e-global-typography-text-font-family:"Raleway";--e-global-typography-text-font-size:1.25rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.75rem;--e-global-typography-accent-font-family:"Raleway";--e-global-typography-accent-font-size:1.75rem;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:2rem;--e-global-typography-57c5567-font-family:"Raleway";--e-global-typography-57c5567-font-size:2.5rem;--e-global-typography-57c5567-font-weight:500;--e-global-typography-57c5567-line-height:2.5rem;--e-global-typography-c2a5cfd-font-family:"Raleway";--e-global-typography-c2a5cfd-font-size:0.875rem;--e-global-typography-c2a5cfd-font-weight:700;--e-global-typography-c2a5cfd-line-height:1rem;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-7{--e-global-typography-primary-font-size:3.6rem;--e-global-typography-primary-line-height:4rem;--e-global-typography-secondary-font-size:2.6rem;--e-global-typography-accent-font-size:1.4rem;--e-global-typography-accent-line-height:1.6rem;}}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-primary-font-size:2.88rem;--e-global-typography-primary-line-height:3.2rem;--e-global-typography-secondary-font-size:2.1rem;--e-global-typography-accent-font-size:1.12rem;--e-global-typography-accent-line-height:1.28rem;}.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:2.3rem;--e-global-typography-primary-line-height:2.56rem;--e-global-typography-secondary-font-size:1.665rem;--e-global-typography-text-font-size:1rem;--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-line-height:1.2rem;--e-global-typography-c2a5cfd-font-size:0.7rem;--e-global-typography-c2a5cfd-line-height:0.7rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */::selection {
    background: rgba(35, 166, 56, 1);
    color: #ffffff;
}

.header {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    max-width: 1300px;
    transform: translate(-50%, -50%);
    left: 50%;
    top: calc(50% + 30px);
}

.nav-mobil {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.reifen-eigenmarke {
    left: 50%;
    bottom: 0;
    transform: translate(0%, 60%);
}

.reifen-eigenmarke img {
    max-width: 1600px;
}

.eigenmarke-fade {
    background: linear-gradient(rgba(15, 15, 15, 0) 0%, rgba(15, 15, 15, 0.5) 30%, rgba(15, 15, 15, 0.8) 60%, rgba(15, 15, 15, 0.95) 80%, rgba(15, 15, 15, 1) 100%);
}

 @keyframes infiniteRotate {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(360deg);
      }
    }

    /* Wendet die Animation auf ein Element an */
    .rotating {
      display: inline-block; /* Notwendig, um Transformations-Effekte zu ermöglichen */
      animation: infiniteRotate 180s linear infinite;
      transform-origin: center center;
        will-change: transform;
    pointer-events: none;
    }
    
.hero-start {
    transform: translate(-50%, -50%);
    overflow-x: hidden !Important;
}

.hero-start-video {
    min-width: 2000px;
}

.team-card {
    aspect-ratio: 3/4
}

.team-card-name {
    backdrop-filter: blur(10px);
}

.side-menu {
    top: calc(50% + 30px);
    transform: translate(0%, -50%);
}

.headline {
  opacity: 0;
  text-align: center;
}

.headline h1 {
  line-height: 1em !Important;
}

.headline-green span {
    color: #23A638;
}

.headline svg {
    width: 75px;
    margin-bottom: -0.2%;
}

.headline svg path {
    fill: #A7ECB2; 
}

.headline span {
    font-weight: 400;
}

.start-cards {
    aspect-ratio: 1/1;
    border-radius: 12px;
    transition: all 0.2s ease-in-out;
}

.cards-button {
    border-radius: 50px;
    transition: all 0.2s ease-in-out !Important;
    width: 75px;
    height: 75px;
}

.start-cards:hover .cards-button {
    width: 115px;
    height: 115px;
    margin-right: -20px;
    margin-bottom: -20px;
    border-radius: 24px 0px 0px 0px;
}

.icon {
    display: flex;
    width: 100px;
    height: 100px;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(50%, 50%);
}
        
.icon > * {
    transition: all 0.2s ease-in-out;
}
        
.plus-horizontal {
    background: #ffffff;
    width: 36px;
    height: 2px;
    position: absolute;
    transform: translate(calc(-50% + 18px), calc(-50% + 0.8px));
}
        
.plus-vertical {
    height: 18px;
    width: 2px;
    background: #ffffff;
    position: absolute;
}

#blue {
    transform: translate(0px, 50%);
}
        
#green {
    transform: translate(0px, -50%);
}

.start-cards:hover #blue{
    transform: rotate(45deg)  translate(12px, -2px);
}
        
.start-cards:hover #green{
    transform: rotate(-45deg) translate(12px, 2px);
}

.mehr-erfahren {
    max-width: 203px;
}

.button {
    cursor: pointer;
}

.button svg {
    transition: transform 0.2s ease-in-out;
}

.button:hover svg {
    transform: translateX(8px);
}

.referenzen-title span {
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 400;
}

.absolute-center {
    transform: translate(-50%, -50%);   
}

.kontaktformular a {
    color: #23A638;
}

.eigenmarke-text {
    font-feature-settings: "lnum" 1;
}

.grid-gesellschafter {
    overflow: hidden;
}

.grid-logo {
    aspect-ratio: 7/8;
}

.grid-back {
    position: absolute;
    top: 100%;
    transition: top 0.4s ease-in-out;
}

.grid-back a {
    color: white;
}

.grid-gesellschafter:hover .grid-back {
    top: 0%;
}

/* ============ Fade in Effekt ============ */

.fade-in-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in-up.show {
  opacity: 1;
  transform: translateY(0);
}

.kontaktformular option {
    color: rgb(230, 230, 230);
    background-color: rgb(15, 15, 15);
}

.kontaktformular option:hover {
    background-color: rgb(36, 36, 36);
}

.referenzen-img {
    aspect-ratio: 1/1;
    width: 100px;
}

@media (max-width: 1366px) {
.grid-logo {
    aspect-ratio: 1/1;
}
}

@media (max-width: 767px) {
  .button {
      max-width: 250px;
  }
  
  .hero-start-video {
    min-width: 1000px;
}

.rotating {
    animation: none;
  }

}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://tecar-international.com/wp-content/uploads/2025/03/raleway-v34-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://tecar-international.com/wp-content/uploads/2025/03/raleway-v34-latin-200.woff2') format('woff2');
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://tecar-international.com/wp-content/uploads/2025/03/raleway-v34-latin-300.woff2') format('woff2');
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://tecar-international.com/wp-content/uploads/2025/03/raleway-v34-latin-500.woff2') format('woff2');
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://tecar-international.com/wp-content/uploads/2025/03/raleway-v34-latin-600.woff2') format('woff2');
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://tecar-international.com/wp-content/uploads/2025/03/raleway-v34-latin-700.woff2') format('woff2');
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://tecar-international.com/wp-content/uploads/2025/03/raleway-v34-latin-800.woff2') format('woff2');
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://tecar-international.com/wp-content/uploads/2025/03/raleway-v34-latin-900.woff2') format('woff2');
}
/* End Custom Fonts CSS */