/**<---------------Features--------------->**/
.bildcon {
    background-color: #272b3a;
    border-radius: 10px;
    height: 85%;
    width: 100%;
    padding-bottom: 10px;
    padding-left: 8px;
    padding-right: 8px;
    overflow: hidden;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.bildcon:hover {
    background-color: #2c3040;
    transform: translateY(-5px);
}

.bildfeat {
    width: 20%;
    padding-top: 9px;
    padding-left: 4px;
}

.bildfeat2 {
    width: 25%;
    float: right;
    margin: -25px -20px 20px 0;
    overflow: hidden;
}

.card222 {
    border-radius: 8px;
}

/**<---------------Root/Webserver/Map--------------->**/

.maproweb {
    width: auto;
    display: flex;
    border-radius: 8px;
    padding: 20px;
    margin: auto;
    z-index: 0;
    overflow: hidden;
}

.rootweb {
    width: 55%;
    display: flex;
    /**background-color: #363b4d;
    border-radius: 8px;
    padding: 10px;
    z-index: 0;
    /**overflow: hidden;**/
}

.map{
    width: 35%;
    padding-left: 30px;
    z-index: 0;
}

.web {
    background-color: #363b4d;
    padding-bottom: 10px;
    border-radius: 8px;
    width: 100%;
    z-index: 0;
    overflow: hidden;
    margin-right: 20px;
}

.root {
    background-color: #363b4d;
    padding-bottom: 10px;
    border-radius: 8px;
    width: 100%;
    z-index: 0;
    overflow: hidden;
}

.iconweb {
    padding-top: 15px;
    padding-right: 5px;
    width: 25%;
}

.iconwebg {
    width: 25%;
    float: right;
    margin-right: 5px;
    padding-left: 10px;
    padding-bottom: 20px;
    margin-top: -20px;
    overflow: hidden;
    z-index: 1;
}

.textweb {
    padding-left: 10px;
}

.mappic {
    border-radius: 8px;
    /**box-shadow: 10px 10px 50px hsla(0, 0%, 0%, 0.5) inset;**/ 
    padding-left: 30px;
    z-index: 0;
}

.backpic {
    box-shadow: 10px 10px 100px hsla(0, 0%, 0%, 0.5) inset;
    filter: blur(10px);
    position: absolute; 
    width: 100%; 
    height: 57%;
    object-fit: cover; 
    object-position: right; 
    clip-path: polygon(100% 0, 100% 100%, 70% 100%, 0 0);
    z-index: -0,25;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

/**<--------------Trustpilot--------------->**/

.trustpilot1 {
    background-color: #272b3a;
    margin: 10px;
    border-radius: 8px;
    padding: 10px;
    width: auto;
    max-width: 100%;
    transition: background-color 0.3s ease, transform 0.3s ease;
    overflow: hidden;
    position: relative;
}

.trustpilot1:hover {
    background-color: #272b3a;
    transform: translateY(-5px);
}

.trustpilot2 {
    background-color: #272b3a;
    margin: 10px;
    border-radius: 8px;
    padding: 10px;
    width: auto;
    max-width: 100%;
    transition: background-color 0.3s ease, transform 0.3s ease;
    overflow: hidden;
    position: relative;
}

.trustpilot2:hover {
    background-color: #272b3a;
    transform: translateY(-5px);
}

.user {
    border-radius: 8px;
    display: flex;
}

.userpic {
    border-radius: 8px;
    width: 8%;
}

.stars {
    display: flex;
    width: 8%;
}

.userbw {
    padding-top: 2px;
}

.stars2 {
    width: 9%;
    float: right;
    overflow: hidden;
    white-space: nowrap;
    
}

.stars5 {
    display: table-row;
    margin-left: -50px;
    margin-top: -34px;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
}