:root{

    --fuente-ralewey:'Raleway', sans-serif ;
    --fuente-open-san:'Open Sans', sans-serif;

}

.hauptinhalt{

display:flex;
flex-direction: column!important;

}



.mobiletext{

  display: block!;
  width: 60%;
  margin: 0px auto;
	line-height:1.2;
  font-family:'geomatrixthin'!important;

}

.seitealleJobs{

}

.hauptinhalt{

    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: center;
    align-items: center;
}

.bilder{

    width: 100%;

}

.bilder img {

    max-width: 100%;
   
    
}

.titelundbeschreibung{

    width: 100%;
padding: 1%;
text-align: left;
display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1% 3% 1% 0px;
}

.titelundbeschreibung h1 {

    font-size: 5rem;
    font-weight: bold;
    margin-bottom: 18px;
    color: rgb(159, 0, 0);
    font-family: var(--fuente-ralewey);

}


/* animaciones div */

@keyframes animacionDerecha {
    from {
      transform: translateX(-100%);
    }
    to {
      transform: translateX(0);
    }
  }
  
  @keyframes animacionIzquierda {
    from {
      transform: translateX(100%);
    }
    to {
      transform: translateX(0);
    }
  }

  .loaded .bilder {
    /* Agregamos la animación a la carga de la página */
    -webkit-animation: animacionDerecha 1s ease-in-out;
    animation: animacionDerecha 1s ease-in-out;
  }
  
  .loaded .titelundbeschreibung {
    /* Agregamos la animación a la carga de la página */
    -webkit-animation: animacionIzquierda 1s ease-in-out;
    animation: animacionIzquierda 1s ease-in-out;
  }



  /* mobile version */

  @media(max-width:720px){

    .imagenes-group{

        display: flex;
        flex-direction: column;
        
    }

    .bilder img {

      
        -webkit-clip-path: none;
        clip-path: none;
        -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
        
    }

    
    .nuevoarreglotitulo {

        padding-top: 0px;
        text-align: left;

    }

    .mobiletext{

      display: block;
      width: 90%;
      margin: 0px auto;
      margin-top: 20px;
		line-height:1.4;
    
    }

    div#n2-ss-5item2{

      display: none!important;

    }
	  
	  div#n2-ss-5 .n-uc-kYioCZs0uzPW{
		  
		  margin:0px auto;
		  
	  }

  }


  /* inhalt von css jobs */

  .Wrapeldiv{

    display: flex;
    flex-flow: column nowrap;

  }

  .acordionarbeiter{

    display: flex;
    flex-direction: column;
    width: 70%;
    margin: 0px auto;
    margin-bottom: 30px;

  }

  .ueberunsmitarbeiter{

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;

  }

  .textonombreuberuns{

    width: 80%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: baseline;
    margin-bottom: 12px;

  }

  .arromover{

position: relative;
top: 10px;

  }

  .textonombreuberuns img{

width: 40px;
transform: rotate(-90deg) ;
transition: 300ms;



  }

.drehenarrow img {
transform: rotate(0deg) ;


}

  

  .individualmitarbeiter{

    width: 90%;
    margin: 0px auto;
    margin-bottom: 40px;

  }

  .titleueberuns{

    width: 30%;
    white-space: pre;

  }

  .informationInformationenuwberuns{

    width: 80%;
	  

  }

  .Inhaltetrennen{

    align-items: flex-start;

  }

  .tituloalargado{

    margin-right: 0px;

  }


  

  /* mobile version responsive */

  @media(max-width:720px){

    .acordionarbeiter{

       
        width: 100%;
    padding: 40px;
    box-sizing: border-box;
    padding-top: 0px;

    }

    .individualmitarbeiter{

        width: 100%;

    }

    .titleueberuns{

        width: 100%;
        white-space: pre;
        position: relative;
        left: -17%;
    
      }

      .ueberunsmitarbeiter{

        flex-direction: column;

      }

      .informationInformationenuwberuns{

        width: 100%;

      }

  }


  /* version tablet */

  @media(min-width:720px) and (max-width:1180px){

    .tituloprincipalpaginashome{

        font-size: 3.6rem;
        line-height: 1.2;
    font-weight: 600;

    }

    .imagenes-group{

        display: none;

    }

    .otraclasemas h1{

font-size: 3rem;

    }

    .titleueberuns{

        width: 40%;

    }

  }

  .otraclaseotrganinar{

    -webkit-clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%)!important;
    clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%)!important;

  }
 

/* acordion */

.titlemitarbeiter{

    cursor: pointer;
    

}



.acordionarbeiter li .Wrapeldiv {
    height: 0;
    overflow: hidden;
    transition: height 0.5s ease;
  }
  
  .acordionarbeiter li.active .Wrapeldiv {
    height: auto;
    overflow: visible;
    transition: height 0.5s ease;
  }

.active{

    transition: 1s;
    margin-bottom: 0px;
	

}



@media(min-width:820px){

  .nuevoarreglotitulo{

    font-size: 3rem;
    font-family:var(--fuente-open-san);


  }

  .accordion-header h3{

    font-size: 3.4rem;

  }
	
	.informationInformationenuwberuns p{
		
		font-size:1.6rem!important;
		
	}
	
	.organizartodo{
		
		font-size:1.6rem!important;
		
	}
	
	
	  .informationInformationenuwberuns{

    width: 80%;
		  margin-top:4%;
	  

  }
	.endtexttexto h4 
	{
		font-size:1.8rem;
	}
}

.accordion-header h3{

  font-size: 2.8rem;
  font-family:'geomatrixthin'!important;


}

.ueberunsmitarbeiter h4{

  color: rgb(159, 0, 0);
  font-family:'geomatrixthin'!important;

}

.quitarsegundoconte::before{

content: none!important;

}

.acordionarbeiter .acordionacomodar{

list-style: none;

}

.schliessensiedivundarrow .subirtamanominiarrow{

  width: 16px!important;
  transform: none;

}

.acordionarbeiter ul{

  list-style: none;

}

.organizartodo{

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 10px;
  line-height: 1.4;
  margin-bottom: 10px;
  font-weight: 300;
  font-family:'geomatrixthin'!important;


}


.informationInformationenuwberuns li img{
  width: 10px!important;
  height: 10px!important;
}

.informationInformationenuwberuns ul{

  margin-top: 20px;

}

.informationInformationenuwberuns p {

  font-size: 1.8rem;
  font-family:'geomatrixthin'!important;


}

@media(max-width:720px){

  .hauptinhalt{

    flex-direction: column;

  }

  .hauptinhalt .bilder img{

    clip-path: none;

  }

  .titelundbeschreibung{
    width: 90%;
    margin: 0px auto;
  }
	
	.titelundbeschreibung h1 {
		
		    font-size: 5rem;
		
	}

	
	.titelundbeschreibung p {
		
		    font-size: 1.8rem;
		
	}

  .textverstecken{

    display: none;
    
    }

}

header{

  background-color: white;
  position: relative;

}

div#n2-ss-5 .n2-style-b9880470c8178890efa20e7c510bc08a-heading{

  border-bottom: 0px!important;

}

header .containerimage img{

  top: 0px;

}

header .containermenu nav .menu-principal li a{

  color: rgb(159, 0, 0);

}


.seitealleJobs{

  margin-top: 0px!important;

}