/* Spalten Layout */

#layerMainContent.layout-132 {
    width: 65%;
}

#layerMainLeft.layout-32,
#layerMainLeft.layout-3,
#layerMainRight.layout-13,
#layerMainRight.layout-3 {
    display: none;
}

#layerMainContent.layout-13,
#layerMainContent.layout-32 {
    width: 85%;
}

#layerMainLeft {
    width: 15%;
    margin: 1.5rem 0;
}

#layerMainRight {
    width: 20%;
    margin-bottom: 2rem;
}


/* Media Queries */

@media only screen and (max-width: 1200px) {
    #layerMainLeft {
        display: none;
    }
    #layerMainContent.layout-132 {
        width: 85%;
    }
    #layerMainContent.layout-13 {
        width: 105%;
    }
}

@media only screen and (max-width: 900px) {
    #layerMainContent.layout-32 {
        width: 105%;
    }
    #layerMainLeft {
        display: none;
    }
    #layerMainRight {
        width: 105%;
        float: none;
        margin-top: 2rem;
    }
}

@media only screen and (max-width: 800px) {
    /* Main */
    #containerMain {
        margin-bottom: 0;
    }
    #layerMainStart {
        padding: 0;
    }
    #layerMainRight .contentbox-button {
        display: block;
    }
    #layerMainContent {
        padding-left: 0 !important;
    }
    #layerMainBottom {
        padding: 0;
        margin-bottom: 0;
    }
    #layerMainBottom .contentbox-item {
        display: block;
        width: 100%;
    }
    #layerBreadcrumb {
        display: none;
    }
    /* Formulare */
    .formLabel,
    .areaContentLayerText .formLabel {
        display: block;
        width: 100%;
    }
    .areaContentLayerText .functionBarLarge {
        float: left;
        margin-bottom: 40px;
    }
    .detailLabel110,
    .detailLabel110Top {
        display: block;
        width: 100%;
        float: left;
        margin-bottom: 2px;
    }
    input[value="19115"]+table label[for="captcha"],
    input[value="19115"]+table .g-recaptcha,
    input[value="19115"]+table .agb-und-datenschutz,
    input[value="19915"]+table label[for="captcha"],
    input[value="19915"]+table .g-recaptcha,
    input[value="19915"]+table .agb-und-datenschutz {
        margin-left: 0;
    }
    input[value="19915"]+table .formLabelWide {
        width: auto;
        float: left;
        margin-right: 12px;
    }
    input[value="19915"]+table .formValue.checkbox {
        width: auto;
        float: left;
    }
    .formValue,
    .formValueZIP,
    .formValuePlace,
    .detailValue,
    .formValueZIPSmall {
        display: block;
        float: left;
    }
    .formValue,
    .detailValue {
        width: 100%;
    }
    .agb {
        width: auto;
        text-align: left;
    }
    label[for="captcha"] {
        margin-left: 0;
    }
    .g-recaptcha {
        margin-left: 0;
    }
    .agb-und-datenschutz {
        margin-left: 0;
    }
    .cmdSendLarge {
        margin-left: 0;
    }
    .formValueCheckbox {
        padding-left: 0;
    }
    .layerCaptchaLeft,
    .layerCaptchaRight {
        display: block;
        margin-bottom: 10px;
    }
    .formLabelMandatory,
    .areaContentLayerText .formLabelMandatory {
        padding-left: 0;
        padding-top: 10px;
    }
    .labelCaptcha {
        display: block;
        margin-bottom: 5px;
        font-size: 85%;
    }
    .same-height {
        height: auto!important;
    }
    /* Content Layer */
    #containerContentLayer {
        left: 1%;
        top: 1%;
        position: absolute;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        z-index: 7;
        z-index: 9999;
        background-color: rgba(255, 255, 255, 1);
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
        display: none;
        width: 98%;
        max-width: none;
    }
    .areaContentLayerText {
        padding-top: 0;
    }
    /* Content Layer */
    #areaContentLayerText {
        height: auto!important;
    }
    #areaContentLayerText #iframe {
        height: 100%!important;
    }
    .singlepage-item .content-item {
        margin-bottom: 0;
    }
}


/*
@media only screen and (max-width: 440px) {
    #containerTop {
        display: block;
        position: relative;
        padding: 0 25px;
    }
    .layerMemberBar {
        width: 100%;
        position: absolute;
        top: 0;
    }
    #layerLogo {
        text-align: left;
    }
    .logo {
        margin-top: 50px;
    }
    #layerHeadButton {
        position: absolute;
        top: 78px;
    }
}*/