@charset "utf-8";
.back-to-top {
    background: 0 0;
    margin: 0;
    position: fixed;
    bottom: 50px;
    right: 50px;
    width: 20px;
    height: 20px;
    z-index: 100;
    display: none;
    text-decoration: none;
    color: #94c4db
}
.highlight {
    border-bottom: thin dotted
}
.back-to-top i {
    font-size: 40px
}
.float_left {
    float: left
}
.float_right {
    float: right
}
.text_background {
    color: #FFF;
    background-color: #94c4db
}
.text_background_2 {
    color: #94c4db;
    background-color: none
}
.adress a:hover {
    color: #FFF;
    background-color: #646d72
}
.adress a,
.text_background_padding {
    line-height: 32px;
    padding: 5px;
    color: #FFF;
    background-color: #94c4db
}

#masthead {
    display: block;
    height: 100vh
}

#contact {
	min-height:1200px;
}

/*#contact, #musik, #unterricht {
    background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/
.main .adress li:before {
    content: normal;
    font-family: bulletsregular;
    font-size: 16px;
    top: 6px;
    position: absolute
}
.adress ul li {
    padding: 0;
    margin-bottom: 5px;
    color: #2d3438
}
.adress i {
    display: inline
}
.unterricht .nav a {
    color: #656a6f
}
.unterricht .nav a:active,
.unterricht .nav a:hover {
    color: #FFF
}
strong {
    font-family: robotomedium;
    font-weight: 400
}
.slicknav_menu {
    display: none
}


@media screen and (max-width: 480px) {
    #masthead, #contact, #musik, #unterricht {
    display: block;
    height:auto;
}
.cta{
	margin-top:15px;
	padding-bottom:30px;
	font-size:18px}
}

@media screen and (max-width: 768px) {
    .js header {
        display: none
    }
    .js .slicknav_menu {
        display: block
    }
}