:root{
    --falken_main: #004593;
}
.bannerosobowe{
    background-image: url(./falken_banner.jpg);
    background-position: center;
    background-size: cover;
}
.falken-title{
    background: linear-gradient(90deg, rgba(253,29,29,1) 52%, rgba(252,176,69,1) 100%);    width: fit-content;
    padding: 0 20px ;
    position: relative;
    z-index: 5;
    transform: skew(-20deg);
    border-radius: 20px 0;
}
.falken-title::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -5;
    top: -5%;
    left: -2%;
    border-radius:  20px 0;
    background: linear-gradient(142deg, rgba(43,185,156,1) 0%, rgba(1,31,117,1) 100%);
    display: inline-flex;



}
.falken-title-video{
    background: linear-gradient(90deg, rgba(253,29,29,1) 52%, rgba(252,176,69,1) 100%);    width: fit-content;
    padding: 0 20px ;
    position: absolute;
    top: 20%;
    left: 10%;
    z-index: 5;
    transform: skew(-20deg);
    border-radius: 20px 0;
}
.falken-title-video::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -5;
    top: -5%;
    left: -2%;
    border-radius:  20px 0;
    background: linear-gradient(142deg, rgba(43,185,156,1) 0%, rgba(1,31,117,1) 100%);
        display: inline-flex;



}

.title-text{
    color: #fff;
    transform: skew(20deg);
    position: relative;
    z-index: 1;
}
iframe{
    width: 100%;
    height: 46.7em;
    pointer-events: none;
    border-radius: 60px;
}
iframe:hover{
    pointer-events: none;
}
.video-desc{
    position: absolute;
    top: 40%;
    left: 5%;
    border-radius: 10px;
    backdrop-filter: blur(10px);
    box-shadow: 5px 5px 20px #333;
    width: fit-content;
    background-color: #aaa5;
}
.video-size{
    height: 20em;
    width: 88%;
    border-radius: 0;
    
}
.global-bg{
    background-image: url(./img/manufactures/falken/Weltkarte.png);
    background-size: cover;
    background-position: center;

    
}
.btn-danger{
    background: linear-gradient(142deg, rgba(43,185,156,1) 0%, rgba(1,31,117,1) 100%);
    border-color: transparent;
    transition: .3s linear;
    

}
.btn-danger:hover{
    background: linear-gradient(142deg, rgb(37, 160, 135) 0%, rgb(5, 47, 161) 100%); 
    border-color: transparent;
}


.global-text{
    background-color: #ddda;
    border-radius: 20px;
    backdrop-filter: blur(2px);
}
@media (max-width:1999px){
    iframe{
        width: 100%;
        height: 46.7em;
        pointer-events: none;
        border-radius: 60px;
    }
}
@media (max-width:991px){
    iframe{
        width: 100%;
        height: 28.5em;
        pointer-events: none;
        border-radius: 60px;
    }
    .falken-title-video{
    top: 5%;
    }
    .video-desc{
     top: 25%;
     left: 4%;
    }
}
@media (max-width:768px){
    iframe{
        width: 100%;
        height: 19.5em;
        pointer-events:all;
        border-radius: 60px;
    }
    .falken-title-video{
    top: 5%;
    }
    .video-desc{
        position: relative;

     top: 0%;
     left: 0%;
    }
}
@media (max-width:538px){
    iframe{
        width: 100%;
        /* height: calc(100vh - 50%); */
        border-radius: 60px;
    }
    .falken-title-video{
    top: 5%;
    }
    .falken-title-video{
        position: relative;
        left: 0%;
    }
    .video-desc{
    position: relative;
    margin-top: 10%;
     top: 0%;
     left: 0%;
    }
}
@media (max-width:576px){
    iframe{
        width: 100%;
        height: 18.1em;
        border-radius: 60px;
    }
    .falken-title-video{
    top: 5%;
    }
    .video-desc{
    position: relative;
    margin-top: 10%;
     top: 0%;
     left: 0%;
    }
}
@media (max-width:537px){
    iframe{
        width: 100%;
        height: 19.3em;
        border-radius: 60px;
    }
    .falken-title-video{
    top: 5%;
    }
    .video-desc{
    position: relative;
    margin-top: 10%;
     top: 0%;
     left: 0%;
    }
}