/*
Used breakpoints: 480, 600, 900, 1175
*/
/* Fonts */
/*Normalisieren der Standardschriftart*/
html, body
{
    font-family: "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
}
/*Normalisieren der Schriften weiterer (X)HTML-Elemente*/
abbr, acronym, address, caption, cite, code, dfn, em, kbd, pre, q, samp, strong, th, var
{
    font-family: "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
    font-style:normal;
    font-weight:normal;
}

/* Layout */
h1
{
    width: 820px;
    height: 177px;
    margin: 0 auto 39px 20px;
}
h2,
p.hr,
dl.hr
{
    margin: 0 0 26px;
}
h3,
p,
ul,
dl
{
    margin: 0 0 13px;
}
@media screen and (max-width:599px) {
    ul {
        padding-left: 10%;
    }
}
p.no-margin
{
    margin: 0;
}
div#mainframe {
    width: 1004px;
    margin: 0 auto 26px;
}
div.header {
    width: 1000px;
    height: 319px;
}
div#content
{
    width: 1000px;
    padding: 26px 52px;
}
div#unterkuenfte-wrapper
{
    margin: 0 0 26px;
}
div.footer {
    width: 1000px;
    height: 568px;
    padding: 26px 52px;
}

@media screen and (max-width:1175px) {
    div#mainframe {
        width: 100%;
        margin: 0;
    }
    div.header {
        width: 100%;
        padding-top: 31.9%;
        height:0;
    }
    h1
    {
        width: 80%;
        padding-top: 22.125%;
        height:0;
        margin: 0 12.5% 2rem 7.5%;
    }
    h2,
    p.hr,
    dl.hr
    {
        margin: 0 0 1.5rem;
    }
    h3,
    p,
    ul,
    dl
    {
        margin: 0 0 0.75rem;
    }
    div#content
    {
        width: 80%;
        margin: 0 10% 2rem;
        padding: 0;
    }
    div#unterkuenfte-wrapper
    {
        margin: 0 0 1.5rem;
    }
    div.footer {
        width: 100%;
        height: 0;
        padding: 0;
        padding-top: 62%;
    }
}

@media screen and (max-width:899px) {
    .hidden-sm
    {
        display: block !important;
    }
    .hidden-xs
    {
        display: none;
    }
}
@media screen and (max-width:480px) {
    .hidden-mobile
    {
        display: none;
    }
}
/* Styles */
h1
{
    text-indent: -9999px;
    overflow: hidden;
    background: url(/view/images/layout/header-800x177-2.jpg) no-repeat transparent top left;
}
@media screen and (max-width:1175px) {
    h1 {
        background-size: contain;
    }
}
h2
{
    font-size: 23px;
    font-weight: normal;
    color: #79a30a;
}
h3
{
    font-size: 17px;
    font-weight: normal;
}
h4
{
    font-size: 15px;
    font-weight: normal;
}
li.item a,
li.item a p,
dt
{
    font-size: 14px;
    font-weight: normal;
}
p,
ul,
ol,
dl {
    font-size: 13px;
}
.legend,
div.description p.legend
{
    text-align: center;
    font-size: 11px;
    line-height: 20px;
}
.small
{
    font-size: 11px;
    line-height: 20px;
}
.center
{
    text-align: center;
}
.error
{
    color: #ff7f04;
}
body
{
    color: #2b3b22;
}
a,
a:active,
a:focus,
a:hover,
li.item,
li.item a
{
    color: #79a30a;
}
li.item a
{
    text-decoration: none;
}
div#unterkuenfte-wrapper ul.horizontal
{
    font-size: 13px;
    line-height: 20px;
}
p
{
    text-align: justify;
}
p.submit
{
    text-align: center;
}
div.description p,
div.description dl,
div.description ul
{
    text-align: left;
}
label
{
    text-align: right;
}
strong
{
    font-weight: bold;
}

/*
 * GENERAL CLASSES
 */
.clearLeft
{
    clear: left;
}

.right
{
    float: right;
}

.hidden
{
    display: none;
}

/* +++ SELECTED +++ */

.clicked,
.mouse-over
{
    background-color: #266163;
    border: 1px solid #2b3b22;
}

li.item.mouse-over,
li.item.mouse-over a,
li.item.clicked,
li.item.clicked a
{
    color: #fff;
}

.description
{
    color: #ffffff;
}

/* --- SELECTED --- */

body
{
    background-color: #ededed;
}

div#mainframe
{
    padding: 0;
    background-color: #ffffff;
    border: 2px solid #2b3b22;
}
div.header
{
    background: url(/view/images/layout/background-header-1000x319.jpg) no-repeat #fff left top;
}
div#toolbar-left
{
    position: fixed;
    background-color: transparent;
    left: 0;
    top: 111px;
    width: 70px;
    height: 117px;
    float: left;
    display: block;
    z-index: 1000;
}
div#toolbar-left ul,
div#toolbar-left ul li
{
    padding: 0;
    margin: 0;
    list-style: none;
}
div#toolbar-left ul li
{
    background: url(/view/images/layout/nav-left-white-70x46.png) transparent no-repeat;
    width: 70px;
    height: 46px;
    margin: 0 0 12px;
    padding: 10px 3px 10px 0;
    line-height: 26px;
    text-align: center;
}
div#toolbar-left ul li a
{
    text-decoration: none;
}
@media screen and (max-width:1175px) {
    div#mainframe {
        border: none;
    }
    div.header {
        background-size: contain;
    }
    div#toolbar-left
    {
        display: none;
    }
}
ul.vertical,
ul.vertical li
{
    float: none;
}
div.description
{
    padding: 0px 39px 0px 40px;
    margin: 0px 0px 13px;
}
@media screen and (max-width:599px) {
    div.description {
        padding: 0 7%;
    }
}
div.description div.right
{
    padding: 26px 0px;
}
div.description h3
{
    margin: 26px 0 26px;
}
div.description dl dt
{
    padding: 0px 0px 13px;
}
dd
{
    padding: 0px 0px 20px;
}
ul.vertical,
ul.vertical li,
ul.horizontal,
ul.horizontal li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.horizontal
{
    float: left;
    margin: 0 -53px 26px 0;
}
ul.horizontal li
{
    float: left;
    margin: 0 52px 0 0;
}
ul.horizontal.two-col li
{
    width: 422px;
}

ul.horizontal.four-col li
{
    width: 205px;
}
#unterkuenfte-wrapper ul.horizontal.four-col li
{
    box-sizing: content-box;
    width: 183px;
    margin: 1px 53px 1px 1px;
}
ul.horizontal.four-col li img
{
    margin-bottom: 1px;
}
ul.horizontal.four-col li.clicked img,
ul.horizontal.four-col li.mouse-over img
{
    border-bottom: 1px solid #2b3b22;
    margin: 0;
}
#unterkuenfte-wrapper ul.horizontal.four-col li.clicked,
#unterkuenfte-wrapper ul.horizontal.four-col li.mouse-over {
    margin: 0 52px 0 0;
}
.description ul.horizontal li:nth-child(3n+4) {
    clear: left;
}
@media screen and (max-width:1175px) {
    ul.horizontal
    {
        float: left;
        margin: 0 0 2.5% 0;
        width: 100%
    }
    ul.horizontal li,
    #unterkuenfte-wrapper ul.horizontal.four-col li.clicked,
    #unterkuenfte-wrapper ul.horizontal.four-col li.mouse-over
    {
        margin: 0 5% 0 0;
    }
    ul.horizontal.two-col li
    {
        width: 47.5%;
    }
    #unterkuenfte-wrapper ul.horizontal.four-col li
    {
        box-sizing: border-box;
        width: 21.25%;
        margin: 0 5% 0 0;
    }
    ul.horizontal.four-col li img
    {
        width: 100%;
        height: auto;
    }
    ul.horizontal li:last-child,
    ul.horizontal.two-col li:last-child,
    ul.horizontal.four-col li:last-child,
    #unterkuenfte-wrapper ul.horizontal.four-col li:last-child
    {
        margin-right: 0;
    }
    ul.horizontal li ul.vertical li
    {
        width: 100%;
    }
}
@media screen and (max-width:899px) {
    ul.horizontal.two-col li
    {
        width: 100%;
    }
    ul.horizontal.two-col > li:first-child
    {
        margin: 0 5% 5% 0;
    }
}
@media screen and (max-width:599px) {
    .description ul.horizontal li
    {
        width: 47.5%;
    }
    .description ul.horizontal li:nth-child(2n)
    {
        margin: 0;
    }
    .description ul.horizontal li:nth-child(3n+4) {
        clear: none;
    }
    .description ul.horizontal li:nth-child(2n+3) {
        clear: left;
    }
}
@media screen and (min-width:600px) and (max-width:1175px) {
    .description ul.horizontal li
    {
        width: 30%;
    }
    .description ul.horizontal li:nth-child(3n)
    {
        margin: 0;
    }
}

div.right.address-box
{
    width: 300px;
    margin-left: 52px;
}

div.left
{
    margin: 0px 0px 39px;
}

ul.styled li
{
    background: url(/view/images/list-style-type-12x12.png) transparent no-repeat 0px 4px;
    padding: 0px 0px 0px 15px;
}

/* Checkout */
p.checkout
{
    margin: 0 0 26px;
}
@media screen and (min-width:600px) and (max-width:1175px) {
    p.checkout
    {
        display: block !important;
    }
    p.checkout .btn-block
    {
        width: 399px;
        margin: 0 auto;
    }
}

/* +++ FORM +++ */
input, select, textarea
{
    padding: 2px 2px;
    width: 100%;
}
textarea
{
    height: 100px;
}
@media screen and (min-width:1175px) {
    ul.error
    {
        margin: 0px 0px 13px 210px;
    }
    label,
    input,
    textarea,
    form div
    {
        float: left;
    }

    form div
    {
        width: 544px;
        margin: 0px 0px 13px 0px;
    }

    label
    {
        width: 175px;
        margin: 0px 13px 0px 0px;
    }

    input, select, textarea
    {
        width: 345px;
    }
    textarea
    {
        height: 200px;
    }

    p.submit
    {
        width: 356px;
        margin: 0px 0px 13px 188px;
    }

    input.submit
    {
        width: auto;
        float: none;
    }
}

/* --- FORM --- */

.maps
{
    border: 1px solid #2b3b22;
}
.maps iframe{
    pointer-events: none;
}

div.footer
{
    background: url(/view/images/layout/background-footer-1000x620.jpg) no-repeat #fff left bottom;
}
@media screen and (max-width:1175px) {
    div.footer {
        background-size: contain;
        position: relative;
    }

    .fb_iframe_widget
    {
        position: absolute !important;
        top: 5%;
        left: 10%;
    }
}