#nav_mobile{

    background: linear-gradient(to bottom, purple,white);
}

#navigation{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display:none;
;
    background: linear-gradient(to bottom, white,purple);
}

#navigation p{

    font-size: 2em;
}
#navigation ul{

    margin-top:5em;
}

#navigation ul li{

    text-align: center;
    border: 1px solid gray;
    height:2em;
    margin: 15px auto;
    width: 90%;
    display: block;
}
#navigation ul li a{

    text-decoration: none;
    font-size: 1.2em;
    color:black;
    font-family: Verdana;

}

.closebtn{

    position: absolute;
    top:1em;
    right:1em;
    rotate: 45deg  ;
    font-weight: bold;
}

.max-width_sm{

    display: block;
    width: 90%;
    margin-left:1.4em;

}

.nav_header_text{

    font-family: Calibri,sans-serif;
    text-align: center;
    font-size: 1.6em;
    line-height:46px;
    color:black;
}

.header_nav_mobile{


}

.logo_nav_mobile img{

    padding:.4em;
}

#mobile_teaser{
    padding-bottom: 4em;
    border-bottom: 1px solid ;

}

#mobile_teaser p, #mobile_teaser_bottom p{

    font-family: Calibri,sans-serif;
    font-size: 2em;
    text-align: center;
    font-weight: bold;
}
#mobile_content{
    margin-top: 1em;
}

.content_left_one,.content_left_two{

    background: linear-gradient(to bottom,lightgrey,purple);
    height:4em;
    margin: 0 1em;
    text-align: center;
    opacity: .9;
    border: 0.2px solid #f0dced;

}

.content_left_one a,.content_left_two a{
    text-decoration: none;
    color:white;
    font-family: Calibri,sans-serif;
    font-weight: bold;
    line-height: 4em;
}

.content_bottom{

    margin:1em 0;
}

.content_bottom img{

    width: 100%;
    max-width: 100%;
    height: auto;
}

.content_bottom {

    background: lightgray;
    font-family: Calibri,sans-serif;
    font-size:1.4em;
    text-align: center;
    line-height: 2em;
    font-weight: lighter;

}

.content_bottom p a{
    text-decoration: none;
    color:black;
    padding: 10px;

}

.content_bottom ul li{
    font-size: 1em;
    color: purple;

}

#footer_mobile{

    background: dimgrey;
    position: fixed;
    bottom: 0;
    margin-top:5em;
}


#footer_mobile p{

    font-family: Calibri,sans-serif;
    font-size: 1.2em;
    padding-left: .2em;
}

/*LEISTUNGEN CSS*/

#leistungen{


}

.header_leistungen{

    font-family: Calibri,sans-serif;
    text-align: center;
    font-size: 1.4em;
}

.leistungen_1m .leistungen_bottom{
    margin-top: 2em;

}

.leistungen_1 p, .leistungen_bottom p{

    font-family: Calibri,sans-serif;
    font-size: 1.2em;
    text-align: center;
}

.leistungen_1 img, .leistungen_bottom img{

    display: block;
    margin-top: 1em;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
}

.leistungen_bottom{

    padding-bottom: 10em;
}

.hidden{

    display: none;
}

#scroll_one, #scroll_two, #scroll_three,#scroll_four{

    border:none;
    background: none;
    font-family: Calibri,sans-serif;
    font-size: 1em;
    font-weight: lighter;
}

#contact p{

    font-family: Calibri,sans-serif;
    font-size: 1.2em;
    text-align: center;
    margin-top: 2em;
}

#contact a{

    text-decoration: none;
    color: #800080FF;
}

#formular{


}

#formular label, input,textarea{

    display: block;
    margin-top: 2em;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
}

#formular input{
    height:2em;
    width: 60%;
    padding: 0 0.2em;
}

#formular button{

    width:30%;
    display: block;
    margin-top: 2em;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    background: none;
    border: 1px solid #800080FF;
    padding: 1em;
    border-radius: 15px;
}

#adress{

    font-family: Calibri,sans-serif;
    font-size: 1.2em;
    text-align: center;
    margin-top: 2em;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding:0;
}

#adress p{
    margin-top:0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding:0;

}