.clr, .clear {float:none; clear:both;}
.content .unterkuenfte {
    margin: 30px 0 50px;
}
.content .unterkuenfte h3, .content .unterkuenfte h2 {text-transform:uppercase;  font-family: 'Anton', sans-serif; font-weight:normal; letter-spacing:1px;}
.content .unterkuenfte h3 {margin-top: 0;}
.content .unterkuenfte .ortschaft {float:left;}
.content .unterkuenfte .ortschaft.odd {margin-right:45px;}
.content .unterkuenfte .ortschaft .hotel  {margin-right:3px; position:relative; margin-bottom:3px;}
.content .unterkuenfte .ortschaft .hotel.last  {margin-right:0;}
.content .unterkuenfte .ortschaft .hotelbewertungen {position:relative; margin: 0;}

.content .unterkuenfte .ortschaft .hotel .title,
.content .unterkuenfte .ortschaft .hotelbewertungen .title {
    position:absolute;
    bottom:10px;
    left:10px;
    width:110px;
    font-size:20px;
    text-transform: uppercase;
    font-family: 'Anton', sans-serif;
    line-height:1;
}
.content .unterkuenfte .ortschaft .hotel, .content .unterkuenfte .ortschaft .hotelbewertungen {width:130px; height:130px; overflow:hidden; float:left; position:relative; }
.content .unterkuenfte .ortschaft .hotel img {display:none; margin: 0 auto; height: 130px; width: auto;}
.content .unterkuenfte .ortschaft .hotel.hover img {display:block;}
.content .unterkuenfte .ortschaft .hotel.hover {background:#FFFFFF!important; -webkit-box-shadow: inset 0px 0px 10px 2px #AAA; box-shadow: inset 0px 0px 10px 2px #AAA; z-index:10;}
.content .unterkuenfte .ortschaft .hotel.hover .title {display: none;}

.content .unterkuenfte .ortschaft .hotel a.linkwrap, .content .unterkuenfte .ortschaft .hotelbewertungen a.linkwrap {display:block; height:100%; width:100%; z-index:1000; text-indent:-9999px; overflow:hidden; position:absolute; top:0px; left:0px;}

.content .unterkuenfte .ortschaft.fullW {
    width:100%;
}

/* Fallback */
.content .unterkuenfte .ortschaft .hotel.even {background:#9AB36B;}
.content .unterkuenfte .ortschaft .hotel.odd {background:#4B6B48;}
.content .unterkuenfte .ortschaft .hotelbewertungen {background:#E1E9A0;}

/* Sommer */
.sommer .content .unterkuenfte .ortschaft .hotel.even {background:#9AB36B;}
.sommer .content .unterkuenfte .ortschaft .hotel.odd {background:#4B6B48;}
.sommer .content .unterkuenfte .ortschaft .hotelbewertungen {background:#E1E9A0;}

/* Winter */
.winter .content .unterkuenfte .ortschaft .hotel.even {background:#CDDEC6;}
.winter .content .unterkuenfte .ortschaft .hotel.odd {background:#4DAAAB;}
.winter .content .unterkuenfte .ortschaft .hotelbewertungen {background:#1E4F6A;}

/* CHANGES 20.04.2016 by JW */

.winter .content .unterkuenfte .ortschaft .hotel.odd,
.sommer .content .unterkuenfte .ortschaft .hotel.odd {background:#9C0A15;}
.winter .content .unterkuenfte .ortschaft .hotel.even,
.sommer .content .unterkuenfte .ortschaft .hotel.even {background:#999999;}
.winter .content .unterkuenfte .ortschaft .hotelbewertungen,
.sommer .content .unterkuenfte .ortschaft .hotelbewertungen {background:#000000;}

/* END CHANGES 20.04.2016 by JW */

#searchandbook .field {margin-bottom:5px;}
#searchandbook label {width:35%; display:inline-block;}
#searchandbook input {width:60%}
#searchandbook select {width:64%}
#searchandbook input, #searchandbook select {
    border: 0 none;
    color: #ffffff;
    background: #999999;
    padding: 5px;
    margin: 0;
}
#searchandbook select .divider {
    color: #9C0A15;
}
#searchandbook .submit {
    position: relative;
    margin: 0;
}

#searchandbook .submit button {
    width: 100%;
    padding: 10px;
    font: normal 20px/1em 'Anton', sans-serif;
    color: #FFF;
    background: #9C0A15;
    border: 0 none;
}
#searchandbook .error {
    background: #B36167 !important;
}
#searchandbook .hide {
    display: none;
}
#searchandbook .info-txt {
    font-size: 12px;
    padding: 15px;
}
#searchandbook .info-txt .icon-info {
    width: 16px;
    height: 16px;
    background: url('../img/info_icon.png') no-repeat 0 0;
    display: none;
}

@media only screen and (max-width: 1230px) {
    #searchandbook .info-txt {
        position: absolute;
        top: 0;
        left: 0;
        padding: 12px;
    }
    #searchandbook .info-txt span {
        display: none;
        position: absolute;
        left: 0;
        bottom: 40px;
        width: 220px;
        background: #ffffff;
        padding: 5px;
        box-shadow: 0 0 5px 2px #666666;
    }
    #searchandbook .info-txt:hover span {
        display: block;
    }
    #searchandbook .info-txt span:after {
        content: ' ';
        position: absolute;
        bottom: -12px;
        left: 13px;
        border-top: 12px solid #FFF;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
    }
    #searchandbook .info-txt .icon-info {
        display: block;
    }
}

@media only screen and (max-width: 790px) {
    .content .unterkuenfte .ortschaft.odd {margin-right: 0;}
}

@media only screen and (max-width: 530px) {
    .content .unterkuenfte .ortschaft {width:100%;}

    .content .unterkuenfte .ortschaft .hotel,
    .content .unterkuenfte .ortschaft .hotelbewertungen {
        width: 32.32%;
        margin: 0.5%;
        height: 100px;
    }

    .content .unterkuenfte .ortschaft .hotel.hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .content .unterkuenfte .ortschaft .hotel.hover img {
        -webkit-box-shadow: none;
        box-shadow: none;
        height: 100px;
    }

    .content .unterkuenfte .ortschaft .hotel .title,
    .content .unterkuenfte .ortschaft .hotelbewertungen .title {
        width: 84.99%;
        margin: 7.5%;
        left: 0;
        font-size: 15px;
    }
    .content .unterkuenfte .ortschaft .hotelbewertungen .title {
        text-align: center;
    }
}