*{font-family:Jost;margin:0px;padding:0px;}
body{background-color:black;color:white;}
body{display:flex;align-items:center;flex-direction:column;}
.hr{opacity:0.05;width:90%;height:1px;background-color:white;}

/*____________________________________________________________________*/
.space{height:100px;}
.navbar{display:flex;align-items:center;justify-content:center;}
.navbar{position:fixed;transition:0.2s ease-in-out;}
.navbar{width:100%;height:100px;opacity:1;backdrop-filter: blur(5px);z-index:1;background-color:rgba(0, 0, 0, 0.535);}
.navbar{border-bottom:1px solid rgba(0, 0, 0, 0.019);}

a{text-decoration:none;color: inherit;}
.container-navbar{width:1500px;height:100%;;}
.container-navbar{display:flex;}
.logo{flex:1;}
.menu{flex:3;display:flex;justify-content:flex-end;align-items:center;flex-direction:row;}
.menu a{padding:25px;}
.logo img{margin-left:25px;height:90%;position:relative;top:10px;left:-20px;}
@media (max-width:900px){
    .menu a{display:none;}
    .logo img{margin-left:50px;}
    
}
/*____________________________________________________________________*/
.wrapper{width:100%;}
.wrapper{display:flex;justify-content:center;}
/*____________________________________________________________________*/
.container{background-color:rgb(5,5,5);border-radius:45px;}
.container{display:flex;flex-wrap:wrap;overflow:hidden;}
.container{margin:25px;}
.container{padding:12.5px;}
/*____________________________________________________________________*/
.box{background-color:rgb(20,20,20);border-radius:20px;}
.box{display:flex;flex:1;justify-content: center;align-items:center;flex-direction:column;}
.box{overflow:hidden;}
.box{margin:12.5px;}
.box img {max-height: 125%;width: auto;height: auto;}
.textbox {margin:25px;}
.textbox l{font-weight:bold;font-size:2rem;}
.textbox l,p,hr,li,.button{margin-top:20px;}
.box img{transition:0.5s ease;}
.box img:hover{scale:1.1;}
/*____________________________________________________________________*/
.button{background-color:orange;color:rgb(10,10,10);}
.button:hover{background-color:rgb(255, 132, 0);cursor:pointer;scale:1.1;}
.button{transition:0.5s ease;}
.button{font-weight:bold;text-align:center;}
.button{display:inline-block;justify-content:center;align-items:center;}
.button{border-radius:100px;user-select: none;}
.button{padding:12.5px;}
/*______________________Global_________________________________*/
.container-hero,.boxhero,.container-2{background-color:rgb(0, 0, 0);}
.container-hero{width:1500px;}
.boxhero{height:800px;min-width:300px;}
.boxhero img {max-height: 90%;width: auto;height: auto;}
.boxherob{flex:1;}
.boxhero l{font-size:3rem;}
.sparks{position:absolute;z-index:1;height:200%;}
.harald{z-index:2;}
/*______________________1_________________________________*/
.container-1{width:1500px;background-color:black;}
.box1{height:400px;min-width:300px;}
.box1a{flex:1.5;transition:0.5s ease-in-out;}
.box1a:hover{flex:1.5;}
/*______________________boxteam___________________________*/
.container-1{width:1500px;background-color:black;}
.boxTeam{height:400px;min-width:300px;}
.boxTeama{flex:1.5;transition:0.5s ease-in-out;}
.boxTeama:hover{flex:1.5;}
.boxTeamb img{max-height:100%;}
.boxTeam img{max-height:100%;}

.boxTeam2{height:400px;min-width:300px;max-width:300px;}
.boxTeama{flex:1.5;transition:0.5s ease-in-out;}
.boxTeama:hover{flex:1.5;}
.boxTeamb img{max-height:100%;}
.boxTeam2 img{max-height:100%;}


.boxTeam3{height:400px;min-width:300px;max-width:370px;}
.boxTeama{flex:1.5;transition:0.5s ease-in-out;}
.boxTeama:hover{flex:1.5;}
.boxTeamb img{max-height:100%;}
.boxTeam3 img{max-height:100%;}

/*______________________2_________________________________*/
.container-2{width:1500px;}
.box2{height:400px;min-width:300px;border-radius:10px;}
.box2 img{transition:0.5s ease;}
.box2a{flex:1;}
.box2c{flex:1.5;}
.box2:hover{flex:3;}
.box2c img{max-height:100%;}
.box2c img:hover{max-height:120%;}
.box2 {transition:0.5s ease;cursor:pointer;}
.box2a img{max-height:150%;}
.box2 img{position:relative;top:25px;scale:1.2;}
.box2 img{height:200%;}
/*______________________3_________________________________*/
.container-3{width:1500px;background-color:black;}
.box3{height:400px;min-width:300px;}
.textbox3{width:95%;}
.box3a{align-items:flex-start;}
/*______________________4_________________________________*/
.container-4{width:1500px;background-color:black;}
.box4{height:600px;min-width:300px;}
.box4b{flex:2;}
.box4a img{height:100%;border-radius:20px;}
.box4a {background:transparent;}

.borderanimation{transition:0.5s ease;background-color:rgba(0, 0, 0);border:1px solid rgb(10,10,10)}
.borderanimation:hover{transition:0.5s ease;background-color:rgba(10, 10, 10);}
.boxanimation img:hover{transition:1s ease;}
.boxanimation img:hover{max-height:150%;}
.boxanimation{transition:1s ease;}
.boxanimation:hover{flex:2;}

.box2c{max-width:250px;}
.box2aa{flex:2;}
.box2cb{flex:2;}

@media (max-width:741px){
    .boxheroa{height:300px;}
    .boxherob{height:500px;}
    .box1a{height:600px;}
    .navbar{display:none;}
    .space{height:100px;}
    .textboxhero{text-align:center;}

    .box{min-width:100%;margin:20px 0px;border-radius:0px;}
    .container{padding:0px;margin:0px;border-radius:0px;}
    .wrapper{max-width:100vw;width:100vw;}
    l,p,a{font-size:0.9rem;}
    .textbox{padding:0px;}
    

}

.b2{position:relative;top:5px;}

.wrapper-galerie{flex-direction:column;align-items:center;}
.container-2{margin:0px;}

.maingalerie{border-radius:5px;}