/* Wrapper */
body {
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: 'Open Sans', Arial, sans-serif;
    background-image: url('/Content/images/mandators/Hackl/CustomBGNeu.jpg');
}

div.landingpage {
    padding-top: 20px;
    padding-bottom: 20px;
    height: 100%;
}

div.wrapper {
    background-color: #ffffff;
    padding: 20px;
}


@media (min-width: 1200px) {
    div.wrapper.container {
        max-width: 850px;
    }
}
@media (min-width: 992px) {
    div.wrapper.container {
        max-width: 850px;
    }
}

#page-wrapper {
    margin: 0 0 0 0;
    min-height: auto;
}

@media (max-width: 768px) {
    div.landingpage {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        height: auto;
    }
    div.wrapper {
        padding: 15px;
    }
}

html, body { height: auto !important; min-height: auto !important; overflow: auto !important; -webkit-overflow-scrolling: touch; }
div.page-container { height: auto !important; min-height: auto !important; overflow: auto !important; display: block;
                     align-items: start !important; align-content: start !important; -webkit-overflow-scrolling: touch;}


/* Header */
header { margin-bottom: 30px; }
header img { width: 100%; max-width: 100%; }



/* Text formatting */
main h1, .pnlShoppingCart h1, .pnlOnlineBooking h1, .pnlOrdering h1 { color: #563419; font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; font-size: 35px; line-height: 38px; 
                                                                      margin-bottom: 20px; padding: 0; background-color: transparent; hyphens: auto; }
main h2 { color: #563419 !important; font-family: 'Open Sans', Arial, sans-serif !important; font-weight: 700; font-size: 30px !important;  padding: 0 !important; background-color: transparent !important;  }
main h3 { color: #563419; font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; font-size: 25px; }
main p { color: #666666; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; }

main a.btn-primary,
main button.btn-primary { background-color: #563419; border-color: #563419; color: #ffffff;  font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; text-decoration: none; border-radius: 0; }
main a.btn-primary:link,
main a.btn-primary:visited,
main button.btn-primary:link,
main button.btn-primary:visited { background-color: #563419; border-color: #563419; text-decoration: none; }
main button.btn-primary:hover,
main button.btn-primary:focus,
main button.btn-primary:active,
main a.btn-primary:hover,
main a.btn-primary:focus,
main a.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.active:focus { background-color: #563419 !important; border-color: #563419; text-decoration: none; }



main a.btn-scondary,
main button.btn-scondary { background-color: #563419; border-color: #ffffff; color: #ffffff; border-width: 1px; font-family: 'Open Sans', Arial, sans-serif; 
                           font-weight: 600; text-decoration: none; border-radius: 0; transition: 0.1s; }
main a.btn-scondary:link,
main a.btn-scondary:visited,
main button.btn-scondary:link,
main button.btn-scondary:visited { background-color: #563419; border-color: #ffffff; text-decoration: none; }
main button.btn-scondary:hover,
main button.btn-scondary:focus,
main button.btn-scondary:active,
main a.btn-scondary:hover,
main a.btn-scondary:focus,
main a.btn-scondary:active,
.btn-scondary:hover,
.btn-scondary:focus,
.btn-scondary:active,
.btn-scondary.active,
.open .dropdown-toggle.btn-scondary,
.btn-scondary:active:focus,
.btn-scondary:active:hover,
.btn-scondary.active:hover,
.btn-scondary.active:focus { background-color: #563419; border-color: #ffffff; color: #ffffff; text-decoration: none; }

.GroupHeadline { color: #563419 !important; font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; }

@media (max-width: 768px) {
    main h1 { font-size: 28px !important; line-height: 32px !important;  }
    main h2 { font-size: 24px !important; line-height: 28px !important;}
    main h3 { font-size: 22px !important; line-height: 26px !important; }
}



/* Boxes */
div.center { padding-left: 0; padding-right: 0; -webkit-overflow-scrolling: touch; min-height: auto !important;}
div.center.pnlOrderingContent { padding: 0 !important; }

.payment-choice { margin-top: 20px;}

main .event-facts { background-color: #f1e8db; padding: 20px; margin-top: 20px; margin-bottom: 30px;}
main .event-facts h2,
main .event-facts h3,
main .event-facts p { color: #563419; }

main .event-description { background-color: #f1e8db; padding: 20px; margin-bottom: 30px; }
main .event-description h2,
main .event-description p { color: #563419 !important; }

main .portrait {  background-color: #f1e8db;padding: 20px; margin-bottom: 30px;  }
main .portrait h2 { margin-bottom: 15px; }
main .portrait h2,
main .portrait p { color: #563419 !important; }

main .portrait img { max-width: 150px; margin-right: 20px; margin-bottom: 20px; float: left;}

@media (max-width: 768px) {
    main .portrait img { max-width: 100%; margin-right: 0; margin-bottom: 20px; float: none; }
}



main .btn-book { margin-bottom: 30px;}

#pnlOnlineBookingForm { margin-top: 0; }
table.tblFixprices tr td,
table.tblFixprices tr td label { font-size: 18px; }
table.tblFixprices tr td .priceGroupRemarkText { font-size: 14px; padding-top: 5px; }

.pricegroup-name,
.price-tag { color: #563419; font-weight: 600;}

button#btnInShoppingCartAndCheckout { font-size: 20px; padding: .5rem 1rem; }

button#btnCheckout,
button#btnInShoppingcart { display: none; }

/* Footer */
footer { padding-top: 10px; border-top: 1px solid #563419;  text-align: center; }
footer a { display: inline-block; margin-right: 10px; margin-left: 10px; }
footer a,
footer a:link,
footer a:visited{ color: #563419; text-decoration: none; }
footer a:hover,
footer a:focus,
footer a:active { color: #563419; text-decoration: underline; }





h2.small-h2 { font-size: 22px !important; }
[data-couponchoice] { width: 100%; overflow-x: hidden;}
[data-couponchoice] h2 { font-size: 18px !important;}
[data-couponchoice] h3 { font-size: 15px !important;}
[data-couponchoice] img { margin-bottom: 15px !important; }

@media (max-width: 768px) {
    [data-couponchoice] h2 { margin-top: 30px;}
}