/* Adjustments of older hp version plugins */

/* Ausstattungliste */
.fewobacher .ausstattungsliste h3 {
    margin-top: 0;
    padding-top: 0;
}
.fewobacher .ausstattungsliste div.toogle {
    font-family: 'Tinos', serif;
    font-size: 20px;
}
.fewobacher .ausstattungsliste ul {
    padding-left: 25px;
}
.fewobacher .ausstattungsliste ol {
    margin-top: 5px;
    font-size: 16px;
}
@media (max-width: 860px) {
    .fewobacher .ausstattungsliste ul li {
        width: 100%;
    }
}

/* Bildergalerie */
.bildergalerie a.thumbnail {
    display: block;
    float: left;
    width: 373px;
    height: 240px;
    overflow: hidden;

    margin-left: 20px;
    margin-bottom: 20px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.85);
    border: 1px solid #d0d0d0;

    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 50%;
}
.bildergalerie a.thumbnail:nth-child(3n+1) {
    margin-left: 0;
}
.bildergalerie a.thumbnail img {
    margin: 0;
    margin-top: 0px;
    box-shadow: none;
    border: none;
    width: 373px;
    height: 373px;
    margin-top: -42px;
}
@media (max-width: 1240px) {
    .bildergalerie a.thumbnail {
        width: 290px;
        height: 186px;
    }
    .bildergalerie a.thumbnail img {
        width: 290px;
        height: 290px;
    }
}
@media (max-width: 960px) {
    .bildergalerie a.thumbnail:nth-child(3n+1) {
        margin-left: 20px;
    }
    .bildergalerie a.thumbnail:nth-child(2n+1) {
        margin-left: 0;
    }
    .bildergalerie a.thumbnail {
        width: 47%;
        height: 250px;
    }
    .bildergalerie a.thumbnail img {
        width: 450px;
        height: 450px;
    }
}
@media (max-width: 600px) {
    .bildergalerie a.thumbnail:nth-child(3n+1) {
        margin-left: 0;
    }
    .bildergalerie a.thumbnail {
        margin: 0;
        margin-bottom: 20px;
    }
    .bildergalerie a.thumbnail {
        width: 99%;
        height: auto;
    }
    .bildergalerie a.thumbnail img {
        width: 100%;
        height: auto;
        margin-bottom: -10px;
    }
}
/* PREISLISTE */
.preisliste {
    width: 1148px;
    margin-top: 0;
    font-size: inherit;
}
.preisliste .period, .preisliste .annotation {
    width: 100%;
}
.preisliste .period .date {
    width: 28%;
}
.preisliste .period .row {
    width: 24%;
}
.preisliste .period .row:last-child .price {
    width: auto;
}
@media (max-width: 1240px) {
    .preisliste {
        width: 898px;
    }
}
@media (max-width: 960px) {
    .preisliste {
        width: 97%;
    }
    .preisliste .period .date {
        float: left;
        clear: none;
    }
    .preisliste .period .title {
        float: left;
        margin-right: 20px;
    }
    .preisliste .period div:nth-child(3) {
        clear: left;
    }
    .preisliste .period .row {
        width: 30%;
    }
    .preisliste .period .row .price {
        margin-left: 10px;
        width: auto;
    }
    .preisliste .period .date {
        width: auto;
    }
}
@media (max-width: 600px) {
    .preisliste .period .row {
        width: 100%;
    }
}
/* PREISRECHNER */
.preisrechner {
    border: 1px solid gray;
    border-radius: 0;
    box-shadow: none;
}
.preisrechner .details .pricelist .error {
    font-size: inherit;
}
.preisrechner .row .title {
    width: auto;
    margin-right: 10px;
}
.preisrechner input#btnCalculate {
    font-size: 100%;
    padding: .5em 1em;
    color: rgba(0,0,0,.8);
    border: transparent;
    background-color: #e6e6e6;
    text-decoration: none;
    border-radius: 2px;

    background-color: #0078e7;
    color: #fff;
}
.preisrechner .row input[type="button"] {
    width: auto;
}
.preisrechner .row input[type="button"]:hover {
    cursor: pointer;
    background-color: #338fe0;
}
.preisrechner .row input, .preisrechner .row select {
    font-size: inherit;
}
.preisrechner #psublist {
    font-size: inherit;   
}
.preisrechner .result .nights {
    font-size: inherit;
}
.preisrechner .result .price {
    margin-right: 10px;
}
#psublist .result-row {
    width: 100%;
}
#psublist .result-row div.price {
    font-size: inherit;
}
#psublist .item-row {
    width:  100%;
}
#psublist .item-row div {
    margin-left: 50px;
}
#psublist .item-row div:first-child {
    margin-left: 0;
}
.preisrechner .result .price {
    font-size: 1.3em;
}
#psublist .item-row div.night,
#psublist .item-row div.date,
#psublist .item-row div.season,
#psublist .item-row div.persons,
#psublist .item-row div.price,
#psublist .item-row div.extra
{
    width: auto;    
}
#psublist .item-row div.night {
    clear: left;
}
#psublist .item-row div.date {
    
}
#psublist .item-row div.season {
    
}
#psublist .item-row div.persons {
    
}
#psublist .item-row div.price {
    float: right;
}
#psublist .item-row div.extra {

}
@media (max-width: 960px) {
    .preisrechner .details .pricelist {
        /*font-size: 0.85em;*/
    }
    #psublist .item-row div {
        margin-left: 25px;
    }
    #psublist .item-row div.persons {
        display: none;
    }
}
@media (max-width: 600px) {
    .preisrechner .details .pricelist {
        font-size: 0.9em;
    }
    #psublist .item-row div {
        margin-left: 20px;
    }
}
@media (max-width: 500px) {
    #psublist .item-row div.season {
        display: none;
    }
}
/* BELEGUNG */
div.belegungsplan {
    border: none;
    padding: 0;
    box-shadow: none;
}
.belegungsplan .month .description {
    font-size: inherit;
    font-weight: normal;
    padding: 5px 0;
}
.belegungsplan .title div {
    font-size: 16px;
}
.belegungsplan .weekdays div {
    font-size: 16px;
    /*font-weight: bold;*/
    margin: 2px;
}
.belegungsplan .month {
    width: 376px;
    margin-right: 21px;
}
.belegungsplan .weekdays div {
    width: 50px;
    height: 27px;
}
.belegungsplan .weekdays div:nth-child(7n) {
    margin-right: 0;
}
.belegungsplan .show_all_row {
    font-size: inherit;
}
.belegungsplan .month:nth-child(3n) {
    margin-right: 0;
}
.legend {
    border-top: 1px solid black;
    width: 100%;
    clear: left;
    float: left;
}
.legend h3 {
    font-size: inherit;
}
.legend ul li div {
    width: 28px;
    height: 28px;
}
@media (max-width: 1240px) {
    #psublist .item-row div.season {
        display: none;
    }
    .belegungsplan .month {
        width: 292px;
        margin-right: 22px;
    }
    .belegungsplan .month .description {
        font-size: 0.9em;
    }
    .belegungsplan .weekdays div {
        width: 38px;
        height: 26px;
    }
}
@media (max-width: 960px) {
    /* 2 Months per row */
/*    .belegungsplan .month,
    .belegungsplan .month:nth-child(3n) {
        margin-right: 20px;
    }
*/
    .belegungsplan .month:nth-child(2n),
    .belegungsplan .month:nth-child(3n) {
        margin-right: 1%;
    }
    .belegungsplan .month
    {
        width: 48%;
    }
    .belegungsplan .month {
        margin-left: 1%;
        margin-right: 1%;
    }
    .belegungsplan .weekdays div {
        width: 13%;
        height: 32px;
    }
    .belegungsplan .month {
        display: block;
    }
    .belegungsplan .show_all_row {
        display: none;
    }
}
@media (max-width: 700px) {
    .belegungsplan .month:nth-child(2n),
    .belegungsplan .month:nth-child(3n) {
        margin-left: 0;
        margin-right: 0;
    }
    .belegungsplan .month
    {
        width: 100%;
    }
}
/* KONTAKTFORMULAR */
.contact-table {
    margin-top: 20px;
    width: 90%;
}
.contact-table > .row > .label span.text,
.contact-table > .row > .inputs input, 
.contact-table > .row > .inputs select, 
.contact-table > .row > .inputs textarea {
    font-size: inherit;
}
.contact-table > .row input.submit {
    font-size: 100%;
    padding: .5em 1em;
    color: rgba(0,0,0,.8);
    border: transparent;
    background-color: #e6e6e6;
    text-decoration: none;
    border-radius: 2px;

    background-color: #0078e7;
    color: #fff;
}
.contact-table > .row input.submit {
    width: auto;
}
.contact-table > .row input.submit:hover {
    cursor: pointer;
    background-color: #338fe0;
}
/* ANFAHRT */
.anfahrt {
    width: 100%;
}
.anfahrt .google-maps {
    border: 1px solid gray;
}
.anfahrt .google-maps iframe {
    border: none;
    width: 100%;
    height: 600px;
}
.anfahrt .address {
    width: 100%;
    margin-top: 15px;
    font-size: inherit;
}
.anfahrt .get-route {
    margin-top: 15px;
    padding: 5px;
    font-size: inherit;
    padding: .5em 1em;
    color: rgba(0,0,0,.8);
    border: transparent;
    background-color: #e6e6e6;
    text-decoration: none;
    border-radius: 2px;

    background-color: #0078e7;
    color: #fff;
}
.anfahrt .get-route:hover {
    cursor: pointer;
    background-color: #338fe0;
}