@charset "utf-8";

/* ---- RESPONSIVE DESIGN ---- */

@media screen and ( max-width : 830px ) {

    header .headline,
    header .subline {
        display : none;
    }

    /* ---- KOPFBEREICH ---- */
    h1.header_title {
        height : auto;
    }

    h1.header_title a .logo {
        padding : 0;
    }

    h1.header_title a.header_title_link,
    h1.header_title a.header_title_link:link,
    h1.header_title a.header_title_link:visited,
    h1.header_title a.header_title_link:hover,
    h1.header_title a.header_title_link:focus,
    h1.header_title a.header_title_link:active {
        margin        : 0;
        border-radius : 0;
        width         : auto;
        height        : auto;
    }

    /* ---- HAUPTNAVIGATION ---- */
    body.theme_marina-camp .topnav-outer,
    body.theme_marina-camp #gc-menu-topnav,
    body.theme_marina-camp #gc-menu-topnav ol {
        width : 100%;
    }

    body.theme_marina-camp #gc-menu-topnav {
        border-bottom : none;
    }

    #gc-menu-topnav {
        border : none;
        width  : 100%;
    }

    .topnav-outer,
    #gc-menu-topnav ol,
    #gc-menu-topnav ol li {
        float : left;
        width : 100%;

    }
    #gc-menu-topnav ol {
        height: inherit !important;
    }

    body.theme_marina-camp #gc-menu-topnav ol li a.status-,
    body.theme_marina-camp #gc-menu-topnav ol li a.status-:link,
    body.theme_marina-camp #gc-menu-topnav ol li a.status-:visited,
    body.theme_marina-camp #gc-menu-topnav ol li a.status-:hover,
    body.theme_marina-camp #gc-menu-topnav ol li a.status-:focus,
    body.theme_marina-camp #gc-menu-topnav ol li a.status-:active,
    body.theme_marina-camp #gc-menu-topnav ol li a.status-1,
    body.theme_marina-camp #gc-menu-topnav ol li a.status-1:link,
    body.theme_marina-camp #gc-menu-topnav ol li a.status-1:visited,
    body.theme_marina-camp #gc-menu-topnav ol li a.status-1:hover,
    body.theme_marina-camp #gc-menu-topnav ol li a.status-1:focus,
    body.theme_marina-camp #gc-menu-topnav ol li a.status-1:active {
        float         : left;
        width         : 100%;
        padding       : 10px 0;
        text-align    : center;
        margin        : 0;
        background    : none;
        border-bottom : 1px solid #83b803;
    }

    /* ---- KOPFBILD ---- */
    .bogen_oben {
        margin-top : -30px;
    }

    .bogen_oben .bogen-oben-inner {
        background-size : 100%;
    }

    /* ---- HAUPTINHALTSBEREICH ---- */
    #main .ym-col3 {
        width : 100%;
        float : left;
    }

    #main .ym-col3 .gcarticle ul li,
    #main .ym-col3 .gcarticle ul li a img {
        float           : left;
        width           : 97%;
        background-size : 100%;
        margin          : 0 8px;
    }

    .gcarticle-gallery-caption {
        display : none;
    }

    /* ---- FUSSBEREICH ---- */
    footer {
        height : auto;
    }

    footer .footer-inner {
        width  : 100%;
        height : auto;
        float  : left;
    }

    footer .kontaktblock1,
    footer .kontaktblock2,
    footer .anfahrt {
        width  : 90%;
        width  : auto;
        margin : 0.5em 2em;
    }

    footer .buchen {
        float  : left;
        width  : 100%;
        margin : 0;
    }

    footer .buchen p a {
        background      : #83b803;
        width           : 100%;
        height          : auto;
        font-size       : 1.4em;
        padding         : 10px 0;
        text-align      : center;
        text-decoration : none;
    }

    .responsive {
        float      : left;
        width      : 100%;
        display    : block;
        background : #83b803;
    }

    .subline,
    h1.header_title {
        height : auto;
    }

    .subline-inner {
        width : 100%;
    }

    .gc_graphicmenu .vertical li,
    .logo1 ul {
        width : 100%;
        float : left;
    }

    .logo1 ul li a {
        text-align : center;
        width      : 100%;
    }

    .headline {
        height : auto;
    }

    .headline-inner {
        width : 100%;
    }

    .gc-menu-servicenav ol {
        border-top : 1px solid #fff;
    }

    .gc-menu-servicenav ol,
    .gc-menu-servicenav ol li {
        float  : left;
        width  : 100%;
        margin : 0;
    }

    .gc-menu-servicenav ol li a.status-,
    .gc-menu-servicenav ol li a.status-:link,
    .gc-menu-servicenav ol li a.status-:visited,
    .gc-menu-servicenav ol li a.status-:hover,
    .gc-menu-servicenav ol li a.status-:focus,
    .gc-menu-servicenav ol li a.status-:active,
    .gc-menu-servicenav ol li a.status-1,
    .gc-menu-servicenav ol li a.status-1:link,
    .gc-menu-servicenav ol li a.status-1:visited,
    .gc-menu-servicenav ol li a.status-1:hover,
    .gc-menu-servicenav ol li a.status-1:focus,
    .gc-menu-servicenav ol li a.status-1:active {
        float           : left;
        color           : #fff;
        font-size       : 1em;
        font-weight     : normal;
        line-height     : 1em;
        margin          : 0 0;
        width           : 100%;
        background      : #83b803;
        border-left     : none;
        border-bottom   : 1px solid #fff;
        padding         : 10px 0;
        text-align      : center;
        text-decoration : none;
    }

    .gc-menu-servicenav ol li a.status-:hover,
    .gc-menu-servicenav ol li a.status-:focus,
    .gc-menu-servicenav ol li a.status-:active,
    .gc-menu-servicenav ol li a.status-1,
    .gc-menu-servicenav ol li a.status-1:link,
    .gc-menu-servicenav ol li a.status-1:visited,
    .gc-menu-servicenav ol li a.status-1:hover,
    .gc-menu-servicenav ol li a.status-1:focus,
    .gc-menu-servicenav ol li a.status-1:active {
        color           : #fff;
        background      : #8c7255;
        text-decoration : none;
    }

    .gc-menu-servicenav ol li:first-child a {
        border-bottom : 1px solid #fff !important;
    }

    .gc_search {
        float : left;
        width : 100%;
    }

    /* ---- TYPOGRAFIE ---- */
    .ym-col3 .ym-cbox-content h1,
    .ym-col3 .ym-cbox-content h3 {
        word-wrap       : break-word;
        -moz-hyphens    : auto;
        -o-hyphens      : auto;
        -webkit-hyphens : auto;
        -ms-hyphens     : auto;
        hyphens         : auto;
        font-size       : 250%;
    }

    /* ---- BUCHUNGSFORMULAR ---- */
    .xc_form {
        width   : 90%;
        padding : 0 15px;
    }

    .ym-col3 label {
        width : 100%;
    }

    .ym-col3 .xc_checkbox + label {
        width : 30% !important;
    }

    .xc_form .xc_input,
    .xc_form .xc_select,
    .xc_form .xc_textarea {
        width : 100% !important;
    }

    .ym-col3 div.xc_captcha {
        margin : 0;
    }

    .ym-col3 div.xc_captcha img {
        background-size : 100%;
        width           : 100%;
    }

    .ym-col3 .xc_button {
        width : 100% !important;
    }

    .mailform-posttext {
        margin : 0 10px;
    }


    /* ---- BILDERGALERIE ---- */
    .gcarticle-gallery-bottom {
        float : left;
        width : 100%;
    }

    .gcarticle-gallery li.gcarticle-gallery-row {
        margin : 0;
    }

    .gcarticle-gallery-link img {
        border     : 5px solid #fff;
        box-shadow : 2px 2px 10px #dbd3ca;
    }

    .gcarticle-gallery-caption {
        font-size : 0.9em;
    }

    /* ---- FREIES MENÜ - LOGOLEISTE ---- */
    footer .logos {
        float  : left;
        width  : 100%;
        margin : 20px 0;
    }

    footer .logos ul {
        width      : 100%;
        height     : auto !important;
        margin     : 0 auto;
        float      : left;
        background : #fff;
        padding    : 20px 0 0;
        box-shadow : 0px 2px 10px #d7cec4;
    }

    footer .logos ul li {
        float      : left;
        width      : 100%;
        text-align : center;
        margin     : 0 0px;
    }

    footer .logos ul li:last-child {
        margin : 0;
    }
}

@media screen and ( max-width : 680px ) {

    /* ---- KOPFBILD ---- */
    .bogen_oben {
        margin-top : -21px;
    }
}