body {
    background: none !important;
}

#container {
    font-size: 20px;
    padding: 25px;
    color: rgb(30, 144, 255);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 540px;
    height: 435px;
    
    border-radius: 7px;
    background: #181818;
    border-radius: 25px;
}

.topshit {
    position: absolute;
    width: 590.17px;
    height: 147px;
    left: 0.1px;
    top: 0.13px;
    
    background: #1E90FF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    transform: rotate(0deg);
    border-radius: 25px 25px 0 0;
}

img.lifeinvaderlogo {
    position: absolute;
    width: 152px;
    height: 28px;
    left: 234px;
    top: 46px;
}

.toplinie {
    position: absolute;
    width: 146.01px;
    height: 0px;
    left: 237px;
    top: 95.99px;
    
    border: 1px solid #ffffff;

}

p.toptext {
    position: absolute;
    width: 408px;
    height: 26px;
    left: 113px;
    top: 102px;
    
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    
    color: #ffffff;
}

p.deinwerbetext {
    position: absolute;
    width: 166px;
    height: 26px;
    left: 56px;
    top: 177px;
    
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    
    color: #ffffff;
}

.werbebox {
    position: absolute;
    width: 492px;
    height: 103px;
    left: 53px;
    top: 207px;
    
    border: 1px solid #868686;
    box-sizing: border-box;
    border-radius: 26px;
}

.inputlinie {
    position: absolute;
    width: 283px;
    height: 0px;
    left: 158px;
    top: 276px;
    
    border: 1px solid rgba(0, 0, 0, 0.26);
}

.kosten {
    position: absolute;
    width: 152px;
    height: 23px;
    left: 238px;
    top: 352px;
    
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    
    color: #ffffff;
    
}

button.schalten {
    position: absolute;
    width: 238.86px;
    height: 38.44px;
    left: 182px;
    top: 389px;
    
    background: #1E90FF;
    border: 1px solid #868686;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    transform: rotate(0deg);
}

p.werbunstext {
/* Kosten: $500 */


position: absolute;
width: 152px;
height: 23px;
left: 244px;
top: 342px;

font-family: Poppins;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 27px;

color: #ffffff;
}


img.closebutton{
    position: absolute;
width: 26px;
height: 26px;
left: 546px;
top: 20px;
}


input {
    position: absolute;
    width: 283px;

    left: 158px;
    top: 256px;
    background: none;
    border: none;
    outline: none;
}

img.links {
    position: absolute;
    width: 65px;
    height: 65px;
    left: 59px;
    top: 362px;
    opacity: 0.5;

}

img.rechts {
    position: absolute;
    width: 67px;
    height: 67px;
    left: 479px;
    top: 360px;
    opacity: 0.5;
}

.eingabe{
    position: absolute;
    width: 383px;

    left: 118px;
    top: 236px;
    background: none;
    border: none;
    outline: none;
    color: #868686;;
    font-family: 'Poppins', sans-serif;
}