html{
    scroll-behavior: smooth;
}
body{
    margin:0;
    padding:0;
    font-family:Arial;
    background-image: url("Bilder/Main-1.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    
}

div.topBar{
    width:100%;
    position: fixed;
    top:0;
    background-color:rgba(40,40,40, 0.7);
    text-align:center;
}
a.topBar{
    color:white;
    font-size: 2em;
    padding:10px;
    margin-bottom:5px;
    display:inline-block;
    text-decoration:none;
}

div.TextMain{
    height:auto;
    width:500px;
    background-color:rgba(40,40,40, 0.7);
    color:darkorange;
    font-size: 2em;
    padding:15px;
    margin:auto;
    margin-top:17.5%;
}

a.mobileMenuBtn{
    display:none;
    position: fixed;
    top:2%;
    left:2%;
    font-size:2em;
    color:darkorange;
    text-decoration: none;
}
a.mobileMenuClsBtn{
    position: absolute;
    top:2%;
    left:10%;
    font-size:2em;
    color:darkorange;
    text-decoration: none;
    display:none;
    
}
div.mobileMenu{
    height:100%;
    width:0;
    position:fixed;
    top:0;
    left:0;
    background-color:rgba(40,40,40);
    transition: 0.2s;
    z-index:1;
    border:none;
}
ul.mobileMenu{
    list-style-type: none;
    color:white;
    font-size:2em;
    margin-left:0;
    display:inline-block;
    position:absolute;
    right: 0%;
    top:10%;
    float:left;   
}
li.mobileMenu{
    padding:15px;
}
a.mobileMenu{
    text-decoration: none;
    color:white;
}
.text{
    width:90%;
    height:auto;
    color:white;
    margin:auto;
    margin-top:10%;
    background-color:rgba(40,40,40, 0.7);
    font-size:2em;
    padding:20px;
    text-align:justify;
    
}
.text a{
    color:orange;
    text-decoration: none;
}
.text a:hover{
    text-decoration: underline;
}
.scroll{
    width:100%;
    text-align: center;
    color:white;
    font-size:3em;
    margin:auto;
    margin-top:5%;
}
.scroll a {
    text-decoration: none;
    color:white;
}
#logo{
    margin:auto;
    position:relative;
    top:0;

}
#werbung{
	width:50%;
	height:auto;
	display:block;
	margin:auto;
	margin-top:10%;
}
@media screen and (max-width:900px){
    .topBar{
        display:none;
    }
    a.mobileMenuBtn{
        display:inline-block;
    }
    div.TextMain{
        width:100%;
        font-size:1.3em;
        position:relative;
        bottom:0;
    }
    .text{
        width:90%;
        padding:0;
        font-size:1.5em;
        margin-top:10%;
    }
    .scroll{
        display:none;
    }
}
@media screen and (max-width:500px){
     .topBar{
        display:none;
    }
    a.mobileMenuBtn{
        display:inline-block;
    }
    div.TextMain{
        margin-top:50%;
    }
    .text{
        width:100%;
        margin:0;
        margin-top:20%;
        padding:0;
        text-align:left;
    }
    #logo{
        display:none;
    }
}