@charset "utf-8";
/* CSS Document */
body{
    background-color: #FFFFFF;
    background-image: url(../images/hintergrundbild.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
.clear{
    clear: both;
    width: 0px;
    height: 0px;
}
h2{
	text-shadow:  2px  2px 2px white,
                  2px -2px 2px white,
                 -2px  2px 2px white,
                 -2px -2px 2px white;
}
#inhalt_container{
    max-width: 1200px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.logo{
    width: 330px;
    height: auto;
    margin-top: 35px;
    float: left;
}
.logo img{
    width: 100%;
    height: auto;
}
.text_klein{
    font-size: small;	
}
.angebot{
    float: right;
    margin-top: 230px;
    color: #FFFFFF;
}
.titel{
    margin-top: 30px;
    color: #FFFFFF;
    font-size: xx-large;
}
.buchen {
    width: 400px;
    height: 80px;
    background-color: #DB1D61;
    color: #FFFFFF;
    font-size: large;
    border-radius: 14px;
    border: 4px solid #FFFFFF;
    text-align: center;
    line-height: 80px;
}
.buchen a{
    display: block;
    color: #FFFFFF;
    text-decoration: none;
}
.leistungen{
    width: 45%;
    margin-top: 40px;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    float: left;
    background-color: #FFFFFF;
    opacity: 0.85;
    color: #111111;
    border-radius: 14px;
}
.skigebiet{
    width: 100%;
	margin-top: 40px;
    padding-right: auto;
    padding-left: auto;
}
.skigebiet img{
    width: 20%;
    margin-top: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    margin-left: 2%;
}
.hotel{
    width: 100%;
	margin-top: 40px;
    padding-right: auto;
    padding-left: auto;
}
.hotel img{
    width: 20%;
    margin-top: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    margin-left: 2%;
}
.anmelden{
    width: 45%;
    margin-top: 40px;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    float: left;
    background-color: #FFFFFF;
    opacity: 0.85;
    color: #111111;
    border-radius: 14px;
}
.input{
    width: 95%;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-bottom: 16px;
}
.plz{
    width: 33%;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-bottom: 16px;
    margin-right: 2%;
}
.ort{
    width: 56%;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-bottom: 16px;
}
@media screen and (max-width: 900px) {
.logo{
    width: 100%;
    height: auto;
    margin-top: 35px;
    float: none;
}
.logo img{
    width: 40%;
    height: auto;
}
.angebot{
    float: none;
    margin-top: 20px;
    color: #FFFFFF;
    background-color: #234E79;
    opacity: 0.83;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.titel{
    margin-top: 30px;
    color: #234E79;
    background-color: #FFFFFF;
    opacity: 0.83;
    font-size: x-large;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-bottom: 30px;
}
.buchen{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.leistungen{
    width: 90%;
    margin-top: 40px;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    float: left;
    background-color: #FFFFFF;
    opacity: 0.85;
    color: #111111;
    margin-right: auto;
    margin-left: auto;
}	
.skigebiet img{
    width: 45%;
    margin-top: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    margin-left: 2%;
}
.hotel img{
    width: 45%;
    margin-top: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    margin-left: 2%;
}
.anmelden{
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
	
}