.accordion-button:not(.collapsed)::after {
    --bs-accordion-btn-icon-transform: rotate(180deg);
}

.logo-margin {
    margin-top: 12.5rem;
}

/*
    helpers
*/
.ml-align-items-end {
    align-items: end;
}

.ml-justify-content-end {
    justify-content: end;
}

.block-gallery .row,
.block-gallery [class^="col"] {
    margin: 0;
    padding: 0;
}

/*
    text module
*/
.block-text p,
.block-text ul,
.block-text ol,
.block-text img {
    margin-bottom: 2.5rem;
}

.block-text p:last-child,
.block-text ul:last-child,
.block-text ol:last-child,
.block-text img:last-child {
    margin-bottom: 0;
}

/* .block-text .logo-margin {
    margin-top: 8.125rem;
} */

.block-text h1 {
    font-size: 2.3125rem;
    line-height: 2.5rem;
    text-transform: uppercase;
    font-weight: 500;
}

/*
    common settings
*/
.editor {
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 300;
    font-style: normal;
}

.editor h1,
.editor h2,
.editor h3 {
    margin-bottom: 2.5rem;
}

.editor a,
.editor a:active,
.editor a:visited {
    text-decoration: none;
    color: #000;
}

.editor a:hover,
.editor a:active,
.editor a:focus {
    text-decoration: underline;
    color: #000;
}

.editor {
    a button {
        border: 0;
        border-radius: 0.875rem;
        width: 465px;
        max-width: 465px;
        height: 3.875rem;
        font-size: 1rem;
        line-height: 1.875rem;
        color: var(--global-nearly-black);
        padding: 1rem 2.3125rem;
        text-align: left;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    a button:after {
        content: "";
        display: block;
        /*    background: url("/static/themes/muensterlachen/icons/arrow-right.5274ba1ac66f.svg") no-repeat bottom right;*/
        background-repeat: no-repeat;
        width: 24px;
        height: 23px;
        background-color: var(--global-nearly-black);
        mask: url("/static/themes/muensterlachen/icons/arrow-right.5274ba1ac66f.svg");
        mask-size: cover;
        float: right;
        margin: 0.25rem 0 0 2.5rem;
    }
}

.ml-bg-secondary .editor a button {
    background-color: var(--global-primary-background-color);
}

.ml-bg-secondary .editor a button:hover,
.ml-bg-primary .editor a button:hover {
    background-color: var(--global-darker-green);
}

.ml-bg-primary .editor a button {
    background-color: var(--global-secondary-background-color);
}

/* .ml-bg-primary .editor a button:hover {
    background-color: var(--global-darker-green);
} */

.editor h1 {
    font-size: 3.125rem;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 3.4375rem;
    /* margin-bottom: 1.1rem;s */
}

/* .editor h1::first-line {
    font-weight: 500;
}

.editor h1:last-child {
    font-weight: 500;
} */

.editor h2 {
    font-weight: 500;
}

.editor h3 {
    font-style: italic;
}

.editor ul {
    font-weight: 500;
    /* margin-left: 0; */
    column-count: 2;
    padding-left: 0;
    margin-left: 0.9rem;
}

.editor ul li {
    list-style-type: none;
    list-style-position: outside;
    padding-right: 1rem;
}

.editor ul li:before {
    content: "+";
    margin-right: 0.3125rem;
    margin-left: -0.9rem;
}

.editor ol {
    font-weight: 500;
    margin-left: 0;
    column-count: 2;
}

.editor img {
    width: 100%;
    height: auto;
}


.btn {
    border: 0;
    border-radius: 0.875rem;
    width: 465px;
    max-width: 465px;
    height: 3.875rem;
    font-size: 1rem;
    line-height: 1.875rem;
    color: var(--global-nearly-black);
    padding: 1rem 2.3125rem;
    text-align: left;
}


.ml-bg-primary .btn-primary {
    background-color: var(--global-secondary-background-color);
}

.ml-bg-primary .btn-secondary {
    background-color: var(--global-secondary-background-color);
}

.ml-bg-secondary .btn-primary {
    background-color: var(--global-secondary-background-color);
}

.ml-bg-secondary .btn-secondary {
    background-color: var(--global-primary-background-color);
}

.btn:active,
.btn:focus,
.btn:hover {
    color: var(--global-nearly-black);
    text-decoration: none !important;
}

.btn-primary:active,
.btn-secondary:active,
.btn-primary:focus,
.btn-secondary:focus,
.btn-primary:hover,
.btn-secondary:hover,
.btn:first-child:active {
    background-color: var(--global-darker-green) !important;
    color: var(--global-nearly-black);
}


/*
    header text two columns, section headline left bottom
*/
.block-headertwocolumntextbaselinecenteredsectionheadlineleftbottom .ml-header-container {
    padding: 12.5rem 8.75rem 6.25rem 8.75rem;
}

.block-headertwocolumntextbaselinecenteredsectionheadlineleftbottom .section-head {
    font-size: 2.3125rem;
    line-height: 2.625rem;
    font-weight: 500;
    /* font-weight: 500; */
    text-transform: uppercase;

    writing-mode: vertical-rl;
    text-align: left;
    transform: rotate(180deg);
    margin-left: -5.625rem;
}

/*.block-headertwocolumntextbaselinecenteredsectionheadlineleftbottom .editor h1 {*/
/*    font-size: 3.125rem;*/
/*    line-height: 3.4375rem;*/
/*}*/

/*.block-headertwocolumntextbaselinecenteredsectionheadlineleftbottom .editor h2 {*/
/*    font-size: 1.5625rem;*/
/*    line-height: 1.875rem;*/
/*}*/

.block-headertwocolumntextbaselinecenteredsectionheadlineleftbottom .editor h2:last-child,
.block-headertwocolumntextbaselinecenteredsectionheadlineleftbottom .editor p:last-child {
    margin-bottom: 0;
}

/*
    header module 50/50 image/text
*/
.block-header5050imagetext {
    padding: 0 0 0 0;
}

/* note: container */
.block-header5050imagetext .text-container {
    margin-left: 5.25rem;
    margin-right: 7rem;
    padding-left: 0;
    padding-bottom: 4.375rem;
}

.block-header5050imagetext .text-container p:last-child {
    margin-bottom: 0;
}

.block-header5050imagetext .image-container {
    height: 100dvh;
}

.block-header5050imagetext .image-container img {
    height: 100%;
    object-fit: cover;
}


/*
    module 50/50 image/text
*/
/* note: container */
.block-fiftyfiftyimagetext .text-container {
    margin-left: 5.25rem;
    margin-right: 7rem;
    padding-left: 0;
    padding-top: 4.625rem;
    padding-bottom: 4.625rem;
}

.block-fiftyfiftyimagetext .text-container p:last-child {
    margin-bottom: 0;
}

.block-fiftyfiftyimagetext .image-container {
    height: 100dvh;
}

.block-fiftyfiftyimagetext .image-container img {
    height: 100%;
    object-fit: cover;
}

.block-fiftyfiftyimagetext {
    .editor {
        p {
            margin-bottom: 2.5rem;
        }

        p:has(> a > button) {
            margin-bottom: 1rem;
        }
    }
}


/*
    module image with text
*/
/* note: container */
.block-imagewihttext .text-container {
    margin-left: 8.75rem;
    /* margin-right: 7rem; */
    padding-left: 0;
    /* padding-top: 4.625rem; */
    /* padding-bottom: 4.625rem; */
}

.block-imagewihttext .right .text-container {
    margin-left: 0;
    margin-right: 8.75rem;
    padding-left: 0;
    /* padding-top: 4.625rem; */
    /* padding-bottom: 4.625rem; */
}

.block-imagewihttext .logo-padding {
    margin-top: 0;
    /* padding-top: 11.0625rem; */
    padding-top: 13.5875rem;
}

.block-imagewihttext .logo-padding.right {
    padding-top: 15.5875rem;
}

.block-imagewihttext .text-container p:last-child {
    margin-bottom: 0;
}

.block-imagewihttext .image-container img {
    height: auto;
    width: 100%;
    /* object-fit: contain; */
}


/*
    module image full width
*/
.block-imagefullwidth img {
    height: 38.8125rem;
    width: 100%;
    object-fit: cover;
    /*    margin-bottom: 8.75rem;*/
}

.block-imagefullwidth .firstblock img {
    height: 33.4375rem;
}


/*
    module call 2 action
*/

.block-calltoaction .ml-bg-primary .left {
    background-color: var(--global-secondary-background-color);
}

.block-calltoaction .ml-bg-secondary .left {
    background-color: var(--global-primary-background-color);
}

.block-calltoaction .ml-bg-primary .left:hover {
    /* background-color: #F3F4EA; */
    background-color: var(--global-darker-green);
}

.block-calltoaction .ml-bg-secondary .left:hover {
    /* background-color: #F3F4EA; */
    /*    background-color: var(--global-hover-color-bright);*/
    background-color: var(--global-darker-green);
}


.block-calltoaction .inner .left {
    position: relative;
    min-height: 45.0625rem;
    /* min-height: 75dvh; */
    padding: 3.4375rem 3.75rem 3.625rem 3.9375rem;
}

.block-calltoaction .left .link-title {
    font-size: 2.3125rem;
    line-height: 2.5rem;
    font-weight: 300;
    /* font-weight: 500; */
    text-transform: uppercase;

    writing-mode: vertical-rl;
    text-align: right;
    transform: rotate(180deg);
}

.block-calltoaction .left .link-title::first-line {
    font-weight: 500;
}

.block-calltoaction .left .link-text {
    font-size: 1.4375rem;
    line-height: 1.75rem;
    font-weight: 500;
    width: 75%;
}

.block-calltoaction .left .link-arrow {
    /* padding: 3.4375rem 3.75rem 3.625rem 3.9375rem; */
    width: 25%;
    /* align-content: end;
    align-items: end;
    text-align: end; */
}

.block-calltoaction .ml-bg-secondary .inner {
    background-color: var(--global-primary-background-color) !important;
}

.block-calltoaction .image-container {
    padding-left: 0;
    padding-right: 0;
}

.block-calltoaction .image-container picture,
.block-calltoaction .image-container img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}


.block-imagerightwithtextandindentedtext .text-second p:last-child {
    margin-bottom: 0;
}


/*
    Module: Linklist
*/

.block-linklist div.row:hover {
    background-color: var(--global-darker-green);
}

.block-linklist ul {
    padding: 0;
    display: flex;
    align-content: center;
    justify-content: space-evenly;
    flex-flow: row wrap;
    margin: 1.25rem 8.75rem;
}

.block-linklist ul li {
    font-size: 1.3125rem;
    line-height: 1.875rem;
    font-weight: 500;
    display: inline-block;
    padding: 1.25rem 1.3125rem;
}

.block-linklist a {
    color: var(--global-nearly-black);
    text-decoration: none;
    /* display: block; */
    display: flex;
    align-items: stretch;
    margin-right: 30px;
}

.block-linklist img {
    margin-left: 30px;
}

/* .block-linklist a::after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    width: 24px;
    height: 23px;
    background-color: var(--global-nearly-black);
    mask: url("/static/themes/muensterlachen/icons/arrow-right.5274ba1ac66f.svg");
    mask-size: cover;
    float: right;
    margin: 0.25rem 0 0 2.5rem;
} */

.block-linklist a:active,
.block-linklist a:focus,
.block-linklist a:hover {
    text-decoration: none;
    /* color: var(--global-link-hover); */
}

/* .block-linklist a:focus::after,
.block-linklist a:active::after,
.block-linklist a:hover::after {
    color: var(--global-link-hover);
} */


.block-buttonlinklist ul {
    padding: 0;
    display: flex;
    align-content: start;
    flex-flow: column nowrap;
    margin: 0;
}

.block-buttonlinklist ul li {
    font-size: 1.3125rem;
    line-height: 1.875rem;
    font-weight: 500;
    display: inline-block;
    padding: 1.5625rem 0 0 0;
}

.block-buttonlinklist ul li:first-child {
    padding-top: 0;
}


/*.block-buttonlinklist a:active,*/
/*.block-buttonlinklist a:focus,*/
/*.block-buttonlinklist a:hover {*/
/*    text-decoration: none;*/
/*    color: var(--global-nearly-black);*/
/*}*/


/*.block-buttonlinklist ul li:last-child {*/
/*    padding-bottom: 0;*/
/*}*/

a.btn:after {
    content: "";
    display: block;
    /*    background: url("/static/themes/muensterlachen/icons/arrow-right.5274ba1ac66f.svg") no-repeat bottom right;*/
    background-repeat: no-repeat;
    width: 24px;
    height: 23px;
    background-color: var(--global-nearly-black);
    mask: url("/static/themes/muensterlachen/icons/arrow-right.5274ba1ac66f.svg");
    mask-size: cover;
    float: right;
    margin: 0.25rem 0 0 2.5rem;
}


/* .block-services { */
/*    height: 100dvh;*/
/*    overflow-y: hidden;*/
/*    scroll-snap-type: x mandatory;*/

/* } */

.block-services .services {
    overflow: hidden;
}

.block-services .btn {
    margin-top: 2.75rem;
}

.block-services .service-list {
    padding-right: 8.75rem;
    margin-right: 0;
}

.block-services .service-list .editor {
    margin-top: 12.5rem;
}

.block-services .service-list .editor:first-child {
    padding-top: 0;
}

.block-services .image-container {
    max-height: calc(100vh - 86px);
    height: calc(100vh - 86px);
    position: sticky;
    top: 86px;
}

.block-services .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.block-services .service-list .editor:last-child {
    margin-bottom: 5rem;
}

.block-services .headline {
    padding-top: 8.75rem;
    padding-left: 8.75rem;
    margin-left: 0;
    margin-right: 0;
}

.block-services .headline h1 {
    width: min-content;
}

.block-services .headline h1::first-line {
    font-weight: 500;
}


.block-services .text {
    /*    padding-top: 1.875rem;*/
    padding-left: 16.375rem;
    padding-bottom: 5rem;
    margin-left: 0;
    margin-right: 0;
}


.block-services .headline .col,
.block-services .text .col-12 {
    padding-right: 0;
    padding-left: 0;
}


.block-gallery .col {
    width: 100%;
}

.block-gallery .row {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-auto-rows: auto;
    column-gap: 54px;
    row-gap: 50px;
}


.block-gallery .col img {
    width: 100%;
    /*    max-width: 370px;*/
    height: auto;
    object-fit: cover;
}


.block-factlist .facts ul {
    font-weight: 300;
    display: inline-block;
    /*    border: solid 1px #bababa;*/
    /*    padding: 1rem 2rem;*/
    /*    max-width: 320px;*/
    list-style: none;
    list-style-position: inside;
    margin: 0;
    column-count: 1;
}

.block-factlist .facts ul>li {
    clear: left;
    padding: 1.125rem 0;
    border-bottom: 1px solid var(--global-nearly-black);
    display: table;
    align-items: center;
    width: 100%;
}

.block-factlist .facts ul>li:before {
    content: "";
    height: 14px;
    width: calc(7.375rem + 1.25rem);
    display: table-cell;
    /*    float: left;*/
    /*    margin-left: 0;*/
    /*    background-size: 100%;*/
    /*    margin-right: 7.375rem;*/
    /*    margin: auto 7.375rem auto 0;*/
    background: url("/static/themes/muensterlachen/icons/checkmark.a756239c6bc6.svg") no-repeat left;
    /*    background-size: cover;*/
    /*    background-position: center;*/
    /*    padding: .15rem;*/
}

.block-factlist .editor h1 {
    font-size: 2.3125rem;
    line-height: 2.5rem;
    font-weight: 500;
}


.accordion {
    border: 0 transparent;
    --bs-accordion-border-color: transparent;
}

.block-accordion .accordion-button:focus {
    border-color: transparent;
    box-shadow: none;
}

.block-accordion .accordion-item {
    border: 0;
    color: var(--global-nearly-black);
}

.block-accordion .accordion-item,
.block-accordion .accordion-button:not(.collapsed) {
    color: var(--global-nearly-black);
}

.block-accordion .accordion-item,
.block-accordion .accordion-button {
    background-color: transparent;
    border-bottom-color: transparent;
    font-size: 1.4375rem;
    line-height: 1.75rem;
}

.block-accordion .accordion-button,
.block-accordion .accordion-body {
    padding-left: 0;
    padding-right: 0;
}

.block-accordion .accordion-item {
    padding: 4.6875rem 8.75rem;
}

.block-accordion .accordion-item:hover {
    cursor: pointer;
}

.block-accordion .accordion-item .accordion-body,
.block-accordion .accordion-item .accordion-body * {
    cursor: auto;
}

.block-accordion .accordion-item .accordion-body a,
.block-accordion .accordion-item .accordion-body button,
.block-accordion .accordion-item .accordion-body input,
.block-accordion .accordion-item .accordion-body select,
.block-accordion .accordion-item .accordion-body textarea,
.block-accordion .accordion-item .accordion-body label,
.block-accordion .accordion-item .accordion-body [role="button"],
.block-accordion .accordion-item .accordion-body [data-bs-toggle] {
    cursor: pointer;
}

.block-accordion .ml-bg-primary .odd {
    background-color: var(--global-primary-background-color);
}

.block-accordion .ml-bg-primary .even {
    background-color: var(--global-secondary-background-color);
}

.block-accordion .accordion-button::after {
    align-self: flex-start;
}

.block-accordion .accordion-header h2 {
    font-size: 1.4375rem;
    line-height: 1.75rem;
}

.block-accordion .accordion-body .textbox {
    margin-bottom: 0.875rem;
}

.block-accordion .accordion-body .textbox:last-child {
    margin-bottom: 0;
}

.block-accordion .accordion-button::after {
    background-image: url("/static/themes/muensterlachen/icons/accordion-arrow-down-lg.450bdebac648.svg");
    width: 23px;
    height: 22px;
}

.block-accordion .editor ul {
    column-count: 1;
}


.block-headlinesubheadlinetextsectionheadlinetopleft .ml-container {
    padding: 8.75rem 8.75rem 8.75rem 3.1875rem;
}

.block-headlinesubheadlinetextsectionheadlinetopleft .section-head {
    font-size: 2.3125rem;
    line-height: 2.625rem;
    font-weight: 500;
    /* font-weight: 500; */
    text-transform: uppercase;

    writing-mode: vertical-rl;
    text-align: right;
    transform: rotate(180deg);
    /* margin-left: 3.1875rem; */
}

.block-headlinesubheadlinetextsectionheadlinetopleft h1+p {
    margin-bottom: 2.5rem;
}

.block-headlinesubheadlinetextsectionheadlinetopleft .text-row {
    margin-bottom: 1.5rem;
}


/*
 * Block header4
 */
.block-header4 .ml-content-container {
    padding-top: 12.125rem;
    padding-bottom: 3rem;
    /* das ist besser, weicht aber vom Standard ab */
}

.block-header4 p,
.block-header4 ul,
.block-header4 ol,
.block-header4 img {
    margin-bottom: 2.5rem;
}

.block-header4 p:last-child,
.block-header4 ul:last-child,
.block-header4 ol:last-child,
.block-header4 img:last-child {
    margin-bottom: 0;
}

/* .block-template-header1 .logo-margin {
    margin-top: 8.125rem;
} */

.block-header4 h1 {
    font-size: 3.125rem;
    line-height: 3.4375rem;
    text-transform: uppercase;
    font-weight: 300;
}

.block-header4 h1::first-line {
    font-weight: 500;
}

.block-header4 .editor h2 {
    font-size: 1.4375rem;
    line-height: 1.75rem;
    font-weight: 500;
    margin-bottom: 1.875rem;
}



/*
    Block Header5
*/
.block-header5 {
    .ml-content-container {
        padding-top: 12.125rem;
        /*        padding-bottom: 3rem;*/
    }

    .editor {

        p,
        ul,
        ol,
        img {
            margin-bottom: 2.5rem;
        }

        p:last-child,
        ul:last-child,
        ol:last-child,
        img:last-child {
            margin-bottom: 0;
        }

        h2 {
            font-size: 3.125rem;
            text-transform: uppercase;
            font-weight: 300;
            line-height: 3.4375rem;
            /* margin-bottom: 1.1rem;s */
        }

        h2::first-line {
            font-weight: 500;
        }

        h3 {
            font-weight: 500;
            font-style: normal;
        }
    }

    h1 {
        font-size: 2.3125rem;
        line-height: 2.5rem;
        text-transform: uppercase;
        font-weight: 500;
    }
}


.block-header6 {
    .ml-content-container {
        padding-bottom: 5rem;
    }
}




/* .block-headlinesubheadlinetextsectionheadlinetopleft div.row div.col-12:last-of-type p:last-of-type {
    margin-bottom: 0;
} */


/*
    Template Blöcke Beginn
*/

.block-template-header1 .ml-content-container {
    padding-top: 12.125rem;
}

.block-template-header1 p,
.block-template-header1 ul,
.block-template-header1 ol,
.block-template-header1 img {
    margin-bottom: 2.5rem;
}

.block-template-header1 p:last-child,
.block-template-header1 ul:last-child,
.block-template-header1 ol:last-child,
.block-template-header1 img:last-child {
    margin-bottom: 0;
}

/* .block-template-header1 .logo-margin {
    margin-top: 8.125rem;
} */

.block-template-header1 h1 {
    font-size: 3.125rem;
    line-height: 3.4375rem;
    text-transform: uppercase;
    font-weight: 300;
}

.block-template-header1 .editor h2 {
    font-size: 1.4375rem;
    line-height: 1.75rem;
    font-weight: 500;
    margin-bottom: 1.875rem;
}


/* .block-template-module1 .ml-container {
    padding: 8.75rem 8.75rem 8.75rem 3.1875rem;
} */

.block-template-module1 {
    position: relative;
}


.block-template-module1 .section-head {
    font-size: 2.3125rem;
    line-height: 2.5rem;
    font-weight: 500;
    text-transform: uppercase;

    writing-mode: vertical-rl;
    text-align: right;
    transform: rotate(180deg);
    left: -5.625rem;
    top: 0;
    position: absolute;
}


.block-template-module2 .textrow {
    margin-bottom: 5rem;
}

.block-template-module2 div.text-block {
    width: 75%;
}

.block-template-module2 .editor h1 {
    margin-bottom: 5rem;
}

.block-template-module2 .editor h2 {
    margin-bottom: 1.875rem;
}


.block-template-text-columns .block-template-text-columns-row {
    margin-bottom: 5rem;
}

.block-template-text-columns .block-template-text-columns-text-block {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.block-template-text-columns .editor h1 {
    margin-bottom: 5rem;
    font-weight: bolder;
}

.block-template-text-columns .editor h2 {
    margin-bottom: 1.875rem;
}


/* .block-template-module3 .ml-container {
    padding: 8.75rem 8.75rem 8.75rem 3.1875rem;
} */

.block-template-module3 .section-head {
    font-size: 2.3125rem;
    line-height: 2.5rem;
    font-weight: 500;
    /* font-weight: 500; */
    text-transform: uppercase;

    writing-mode: vertical-rl;
    text-align: right;
    transform: rotate(180deg);
    /* margin-left: 3.1875rem; */
    left: -5.625rem;
    top: 0;
    position: absolute;
}

.block-template-module3 .editor h1 {
    margin-bottom: 1.875rem;
}

.block-template-module3 .text-row {
    margin-bottom: 1.5rem;
}


.block-template-module4 h2 {
    text-transform: uppercase;
    font-size: 2.3125rem;
    line-height: 2.5rem;
    margin-bottom: 1.875rem;
}

.block-template-module4 button {
    margin-top: 2.75rem;
}

.block-template-module4 button {
    text-transform: uppercase;
}

.block-template-module4 button.btn:after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    width: 24px;
    height: 23px;
    background-color: var(--global-nearly-black);
    mask: url("/static/themes/muensterlachen/icons/arrow-right.5274ba1ac66f.svg");
    mask-size: cover;
    float: right;
    margin: 0.25rem 0 0 2.5rem;
    /*    display: none;*/
}

.block-template-module4 button img.arrow-left {
    width: 24px;
    height: 23px;
    margin: 0;
    margin-left: 3.75rem;
}


.block-template-module5 .editor h2 {
    font-size: 1.4375rem;
    line-height: 1.75rem;
}

.block-template-module5 div.ml-team-member div {
    padding: 1.25rem 1.75rem;
}

.block-template-module5 div.ml-team-member div span {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.5625rem;
    margin-bottom: 0.5625rem;
    display: inline-block;
}

.block-template-module5 .ml-team-member div p {
    margin-bottom: 0;
    font-size: 1.125rem;
    line-height: 1.375rem;
}


.block-template-module6 .editor h2 {
    font-size: 1.4375rem;
    line-height: 1.75rem;
}

.block-template-module6 div.ml-team-member div {
    padding: 1.25rem 1.75rem;
    max-width: 24.875rem;
    margin-right: 0;
}

.block-template-module6 div.ml-team-member div span {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.5625rem;
    margin-bottom: 0.5625rem;
    display: inline-block;
}

.block-template-module6 .ml-team-member div p {
    margin-bottom: 0;
    font-size: 1.125rem;
    line-height: 1.375rem;
}

.block-template-module6 .ml-department {
    margin-bottom: 8.75rem;
}

.block-template-module6 .ml-department:last-child {
    margin-bottom: 0;
}

.block-template-module6 div.ml-team-member {
    margin-right: 2rem;
}

.block-template-module6 .ml-team-member-row {
    margin-bottom: 2.5rem;
}

.block-template-module6 .ml-team-member-row:last-child {
    margin-bottom: 0;
}


.block-template-module7 .ml-bg-primary .left {
    background-color: var(--global-secondary-background-color);
}

.block-template-module7 .ml-bg-secondary .left {
    background-color: var(--global-primary-background-color);
}

.block-template-module7 .ml-bg-primary .left:hover {
    background-color: var(--global-darker-green);
}

.block-template-module7 .ml-bg-secondary .left:hover {
    background-color: var(--global-darker-green);
}


.block-template-module7 .inner .left {
    position: relative;
    min-height: 45.0625rem;
    padding: 3.4375rem 3.75rem 3.625rem 3.9375rem;
}

.block-template-module7 .left .link-title {
    font-size: 2.3125rem;
    line-height: 2.5rem;
    font-weight: 300;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    text-align: right;
    transform: rotate(180deg);
}

.block-template-module7 .left .link-title::first-line {
    font-weight: 500;
}

.block-template-module7 .left .link-text {
    font-size: 1.4375rem;
    line-height: 1.75rem;
    font-weight: 500;
    width: 75%;
}

.block-template-module7 .left .link-arrow {
    width: 25%;
}

.block-template-module7 .ml-bg-secondary .inner {
    background-color: var(--global-primary-background-color) !important;
}

.block-template-module7 .image-container {
    padding-left: 0;
    padding-right: 0;
}


.block-template-module8 .ml-container {
    padding: 8.75rem 8.75rem 8.75rem 3.1875rem;
}

.block-template-module8 .section-head {
    font-size: 2.3125rem;
    line-height: 2.625rem;
    font-weight: 500;
    /* font-weight: 500; */
    text-transform: uppercase;

    writing-mode: vertical-rl;
    text-align: right;
    transform: rotate(180deg);
    /* margin-left: 3.1875rem; */
}

.block-template-module8 h1+p {
    margin-bottom: 2.5rem;
}

.block-template-module8 .text-row {
    margin-bottom: 2.5rem;
}

.block-template-module8 .editor table tr td:nth-child(1) {
    /* text-align: center; */
    padding-right: 0.8rem;
}

.block-template-module8 img {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.block-template-module8 .editor>*:nth-last-child(-n+1) {
    margin-bottom: 0;
}

.block-template-module8 .text-row:nth-last-child(-n+2) {
    margin-bottom: 0;
}

.block-template-module8 .editor h2 {
    font-size: 1.4375rem;
    line-height: 1.75rem;
    border-bottom: 1.875rem;
}


.block-template-header2 .ml-content-container {
    padding-top: 12.125rem;
}

.block-template-header2 p,
.block-template-header2 ul,
.block-template-header2 ol,
.block-template-header2 img {
    margin-bottom: 2.5rem;
}

.block-template-header2 p:last-child,
.block-template-header2 ul:last-child,
.block-template-header2 ol:last-child,
.block-template-header2 img:last-child {
    margin-bottom: 0;
}

/* .block-template-header2 .logo-margin {
    margin-top: 8.125rem;
} */

.block-template-header2 h1 {
    font-size: 3.125rem;
    line-height: 3.4375rem;
    text-transform: uppercase;
    font-weight: 300;
}

.block-template-header2 .editor h2 {
    font-size: 1.4375rem;
    line-height: 1.75rem;
    font-weight: 500;
    margin-bottom: 1.875rem;
}


.block-template-module9 .field-holder,
.block-template-module9 .field-holder-area {
    position: relative;
    width: 100%;
}

.block-template-module9 form input[type=text],
.block-template-module9 form input[type=email] {
    border: 0;
    border-bottom: 1px solid black;
    outline: none;
    transition: .3s ease-in-out;
    background-color: transparent;
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 300;
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
}



.block-template-module9 form textarea {
    border: 0;
    border-bottom: 1px solid black;
    outline: none;
    transition: .3s ease-in-out;
    background-color: transparent;
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 300;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    width: 100%;
    height: 6.75rem;
    scroll-behavior: smooth;
    resize: none;
}

.block-template-module9 .field-holder label,
.block-template-module9 .field-holder-area label {
    position: absolute;
    top: 0;
    left: .75rem;
    display: flex;
    align-items: center;
    cursor: text;
    transition: .3s ease-in-out;
    font-size: 1.375rem;
    line-height: 1.875rem;
}


.block-template-module9 .field-holder-area label {
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    /* font-size: 1rem; */
    /* font-weight: 500; */
}

/* .block-template-module9 .label {
    padding-left: .75rem !important;
    font-size: 1.375rem;
    line-height: 1.875rem;
} */

.block-template-module9 .field-holder input,
.block-template-module9 .field-holder label {
    width: 100%;
    height: 3.4375rem;
}

.block-template-module9 .field-holder textarea,
.block-template-module9 .field-holder label {
    width: 100%;
    height: 3.4375rem;
}

.block-template-module9 div.label {
    height: 3.4375rem;
    display: flex;
    align-items: center;
    padding-left: .75rem !important;
    font-size: 1.375rem;
    line-height: 1.875rem;
}


.block-template-module9 .field-holder input[type=text]:focus+label,
.block-template-module9 .field-holder input[type=text]:valid+label,
.block-template-module9 .field-holder input[type=email]:focus+label,
.block-template-module9 .field-holder input[type=email]:valid+label {
    /* color: #424242; */
    font-size: 1rem;
    top: -40px;
    pointer-events: none;
}

.block-template-module9 .field-holder input[type=text]:focus,
.block-template-module9 .field-holder input[type=text]:valid,
.block-template-module9 .field-holder input[type=email]:focus,
.block-template-module9 .field-holder input[type=email]:valid {
    /* border-bottom: 1px solid black; */
    background-color: var(--global-darker-green);

}

/* .block-template-module9 .field-holder-area textarea:valid+label, */
/* .block-template-module9 .field-holder-area textarea:focus+label {
    font-size: 1rem;
    top: -25px;
    pointer-events: none;
} */

.block-template-module9 .field-holder-area textarea:focus,
.block-template-module9 .field-holder-area textarea:valid {
    /* border-bottom: 1px solid black; */
    background-color: var(--global-darker-green);
}


/* Customize the label (the container) */
.block-template-module9 label.checkbox {
    display: inline-block;
    position: relative;
    padding-left: 3.75rem;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.block-template-module9 label.checkbox-right {
    margin-left: .75rem;
}

/* Hide the browser's default checkbox */
.block-template-module9 label.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.block-template-module9 label.checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
}

.block-template-module9 .ml-bg-primary label.checkbox .checkmark {
    background-color: var(--global-secondary-background-color);
}

.block-template-module9 .ml-bg-secondary label.checkbox .checkmark {
    background-color: var(--global-primary-background-color);
}

/* On mouse-over, add a grey background color */
.block-template-module9 label.checkbox:hover input~.checkmark {
    background-color: var(--global-darker-green);
}

/* When the checkbox is checked, add a blue background */
.block-template-module9 label.checkbox input:checked~.checkmark {
    background-color: var(--global-darker-green);
}

/* Create the checkmark/indicator (hidden when not checked) */
.block-template-module9 label.checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.block-template-module9 label.checkbox input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.block-template-module9 label.checkbox .checkmark:after {
    left: 11px;
    top: 5px;
    width: 9px;
    height: 16px;
    border: solid black;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* .block-template-module8 div.row div.col-12:last-of-type p:last-of-type {
    margin-bottom: 0;
} */


/* The container */
.block-template-module9 label span.required {
    /* color: red; */
    font-weight: 500;
    display: inline-block;
    margin-left: .25rem;
}

.block-template-module9 label.radio {
    display: inline-block;
    position: relative;
    padding-left: 3.75rem;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.block-template-module9 label.radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.block-template-module9 label.radio .radio-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    /* border-radius: 50%; */
}

.block-template-module9 .ml-bg-primary label.radio .radio-checkmark {
    background-color: var(--global-secondary-background-color);
}

.block-template-module9 .ml-bg-secondary label.radio .radio-checkmark {
    background-color: var(--global-primary-background-color);
}


/* On mouse-over, add a grey background color */
.block-template-module9 label.radio:hover input~.radio-checkmark {
    background-color: var(--global-darker-green);
}

/* When the radio button is checked, add a blue background */
.block-template-module9 label.radio input:checked~.radio-checkmark {
    background-color: var(--global-darker-green);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.block-template-module9 label.radio .radio-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.block-template-module9 label.radio input:checked~.radio-checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.block-template-module9 label.radio .radio-checkmark:after {
    left: 11px;
    top: 5px;
    width: 9px;
    height: 16px;
    border: solid black;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.block-template-module9 button {
    margin-top: 2.75rem;
}

.block-template-module9 button {
    text-transform: uppercase;
}

.block-template-module9 button.btn:after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    width: 24px;
    height: 23px;
    background-color: var(--global-nearly-black);
    mask: url("/static/themes/muensterlachen/icons/arrow-right.5274ba1ac66f.svg");
    mask-size: cover;
    float: right;
    margin: 0.25rem 0 0 2.5rem;
    display: none;
}

.block-template-module9 button img.arrow-left {
    width: 24px;
    height: 23px;
    margin: 0;
    margin-left: 3.75rem;
}

.block-template-module9 .section-head {
    padding-left: 3.9375rem;
    font-size: 1.4375rem;
    line-height: 1.75rem;
    /* padding-left: 3.4375rem 3.75rem 3.625rem 3.9375rem; */
}



.block-template-module10 div.row:not(:nth-last-child(2)) {
    margin-bottom: 3.75rem;
}

.block-template-module10 div.row:nth-last-child(2) {
    margin-bottom: 8.75rem;
}

.block-template-module10 div.row:last-child {
    margin-bottom: 0 !important;
}

.block-template-module10 .blog-list-item {
    background-color: var(--global-primary-background-color);
    border-radius: 0.875rem;
    padding: 4.0625rem 7.5625rem;
}


.block-template-module10 .blog-list-item h2 {
    font-size: 1.5625rem;
    line-height: 1.875rem;
    margin-bottom: 1.875rem;
}


.block-template-module10 .blog-list-item a.btn {
    margin-top: 3.75rem;
    text-transform: uppercase;
    width: 353px;
    max-width: 353px;
}

.block-template-module10 nav {
    border-bottom: 0;
}

.block-template-module10 ul li a.page-link {
    background-color: transparent;
    color: #000;
    font-size: 1.3125rem;
    line-height: 1.75rem;
}

.block-template-module10 ul li a.page-link.previous {
    margin-right: 50px;
    padding-right: 0;
}

.block-template-module10 ul li a.page-link.next {
    margin-left: 50px;
    padding-left: 0;
    padding-right: 0;
}


.block-template-module10 ul li a.page-link.previous img,
.block-template-module10 ul li a.page-link.next img {
    vertical-align: text-top;
    margin-top: 1px;
}


.block-template-module11 .buttons {
    margin-top: 8.75rem;
}

.block-template-module11 .buttons .btn {
    /*    font-size: 1.3125rem;*/
    /*    line-height: 1.875rem;*/
    text-transform: uppercase;
    width: 453px;
    max-width: 453px;
    /*    writing-mode: horizontal-tb;*/
    /*    text-align: right;*/
}


.block-template-module11 .buttons .prev-button a.btn {
    text-align: right;
}

.block-template-module11 .buttons .prev-button a.btn::after {
    display: none;
}

.block-template-module11 .buttons .prev-button a.btn::before {
    content: "";
    display: block;
    /*    background: url("/static/themes/muensterlachen/icons/arrow-right.5274ba1ac66f.svg") no-repeat bottom right;*/
    background-repeat: no-repeat;
    width: 24px;
    height: 23px;
    background-color: var(--global-nearly-black);
    mask: url("/static/themes/muensterlachen/icons/arrow-left.e76dccf9d3ba.svg");
    mask-size: cover;
    float: left;
    margin: 0.25rem 0 0 0;
}



.block-template-module11 .back-button a.btn {
    text-align: right;
    text-transform: uppercase;
    margin-bottom: 5rem;
    width: 310px;
    max-width: 310px;
}

.block-template-module11 .back-button a.btn::after {
    display: none;
}

.block-template-module11 .back-button a.btn::before {
    content: "";
    display: block;
    /*    background: url("/static/themes/muensterlachen/icons/arrow-right.5274ba1ac66f.svg") no-repeat bottom right;*/
    background-repeat: no-repeat;
    width: 24px;
    height: 23px;
    background-color: var(--global-nearly-black);
    mask: url("/static/themes/muensterlachen/icons/arrow-left.e76dccf9d3ba.svg");
    mask-size: cover;
    float: left;
    margin: 0.25rem 0 0 0;
}

.block-template-module11 div.editor h1 {
    font-size: 1.5625rem;
    line-height: 1.875rem;
    font-weight: 500;
    text-transform: none;
    margin-bottom: 1.875rem;
}


/* Searchform */
.block-template-header3 {
    text-align: center;
}

.block-template-header3 h1 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 3.8125rem;
    line-height: 5.125rem;
}

.block-template-header3 .ml-content-container {
    padding-top: 11.875rem;
}

.block-template-header3 form input[type=text] {
    max-width: 52.75rem;
    width: 100%;
    background-color: transparent;
    border-bottom: 1px solid var(--global-nearly-black);
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 1.5625rem;
    line-height: 1.875rem;
    font-weight: 300;
    outline: none;
    margin-top: 12.25rem;
    margin-bottom: 6.1875rem;
    padding-bottom: 1.25rem;
}


.block-template-header3 form button.btn {
    width: 18.1875rem;
    max-width: 18.1875rem;
    text-transform: uppercase;
}

.block-template-header3 form button.btn:after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    width: 24px;
    height: 23px;
    background-color: var(--global-nearly-black);
    mask: url("/static/themes/muensterlachen/icons/arrow-right.5274ba1ac66f.svg");
    mask-size: cover;
    float: right;
    margin: 0.25rem 0 0 2.5rem;
    /*    display: none;*/
}


/* Serarchresult */
.block-template-module12 div.row:not(:nth-last-child(2)) {
    /*    margin-bottom: 3.75rem;*/
    border-top: 1px solid var(--global-nearly-black);
}

.block-template-module12 div.row:nth-last-child(2) {
    margin-bottom: 8.75rem;
    border-top: 1px solid var(--global-nearly-black);
    border-bottom: 1px solid var(--global-nearly-black);
}

.block-template-module12 div.row:last-child {
    margin-bottom: 0 !important;
    border-top: 0;
}

.block-template-module12 .search-item {
    padding: 5rem 7.5625rem;
}

.block-template-module12 .search-item p {
    margin-bottom: 0;
}

.block-template-module12 .search-item a {
    font-size: 1.5625rem;
    line-height: 1.875rem;
    margin-bottom: 1.875rem;
    color: black;
    text-decoration: none;
    display: block;
    font-weight: 500;
}

.block-template-module12 .search-item a:hover,
.block-template-module12 .search-item a:focus,
.block-template-module12 .search-item a:active {
    text-decoration: underline;
}


/*.block-template-module10 .blog-list-item a.btn {*/
/*    margin-top: 3.75rem;*/
/*    text-transform: uppercase;*/
/*    width: 353px;*/
/*    max-width: 353px;*/
/*}*/

.block-template-module12 nav {
    border-bottom: 0;
    /*    margin-top: 2.5rem;*/
}

.block-template-module12 ul li a.page-link {
    background-color: transparent;
    color: #000;
    font-size: 1.3125rem;
    line-height: 1.75rem;
}

.block-template-module12 ul li a.page-link.previous {
    margin-right: 50px;
    padding-right: 0;
}

.block-template-module12 ul li a.page-link.next {
    margin-left: 50px;
    padding-left: 0;
    padding-right: 0;
}


.block-template-module12 ul li a.page-link.previous img,
.block-template-module12 ul li a.page-link.next img {
    vertical-align: text-top;
    margin-top: 1px;
}


/*.block-template-module13 benötigte vorerste keine Styles*/

.block-template-module14 .titlebar-left,
.block-template-module14 .titlebar-right {
    font-size: 1.3125rem;
    line-height: 1.875rem;
    text-transform: uppercase;
    height: 7.125rem;
    padding: 2.8125rem 3.75rem !important;
    display: flex;
}

.block-template-module14 .titlebar-left {
    /*    padding: 2.8125rem 3.75rem !important;*/
    font-weight: 500;
    justify-content: start;
}

.block-template-module14 .titlebar-right {
    justify-content: end;
}

.block-template-module14 button {
    margin-top: 3.9375rem;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.block-template-module14 button.btn:after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    width: 24px;
    height: 23px;
    background-color: var(--global-nearly-black);
    mask: url("/static/themes/muensterlachen/icons/arrow-right.5274ba1ac66f.svg");
    mask-size: cover;
    float: right;
    margin: 0.25rem 0 0 2.5rem;
    pointer-events: auto;
}

.block-template-module14 button.btn::before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    width: 24px;
    height: 23px;
    background-color: var(--global-nearly-black);
    mask: url("/static/themes/muensterlachen/icons/arrow-left.e76dccf9d3ba.svg");
    mask-size: cover;
    float: left;
    margin: 0.25rem 2.5rem 0 0;
    pointer-events: auto;
}




.block-template-module15 .text-container {
    padding: 5.875rem 7.625rem !important;
}

.block-template-module15 .editor h2 {
    text-transform: uppercase;
    font-size: 2.3125rem;
    line-height: 2.5rem;
}

.block-template-module15 .image-container {
    position: relative;
    max-width: 51.75rem;
    width: 51.75rem;

}

.block-template-module15 .signature {
    justify-self: end;
    align-self: end;
    text-wrap: nowrap;
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 500;
}


.block-template-module15 button {
    margin-top: 3.9375rem;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    max-width: 16.3125rem;
    position: absolute;
    left: 4.6875rem;
    bottom: 4.6875rem;
}

.block-template-module15 button.btn:after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    width: 24px;
    height: 23px;
    background-color: var(--global-nearly-black);
    mask: url("/static/themes/muensterlachen/icons/arrow-right.5274ba1ac66f.svg");
    mask-size: cover;
    float: right;
    margin: 0.25rem 0 0 2.5rem;
    pointer-events: auto;
}

.block-template-module15 button.btn::before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    width: 24px;
    height: 23px;
    background-color: var(--global-nearly-black);
    mask: url("/static/themes/muensterlachen/icons/arrow-left.e76dccf9d3ba.svg");
    mask-size: cover;
    float: left;
    margin: 0.25rem 2.5rem 0 0;
    pointer-events: auto;
}





.block-template-module16 .text-container {
    padding: 5.875rem 7.625rem !important;
}

.block-template-module16 .editor h2 {
    text-transform: uppercase;
    font-size: 2.3125rem;
    line-height: 2.5rem;
}

.block-template-module16 .image-container {
    position: relative;
    max-width: 51.75rem;
    width: 51.75rem;
}


.block-template-module16 .image-container .btn-play {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto auto;
}

.block-template-module16 .signature {
    justify-self: end;
    align-self: end;
    text-wrap: nowrap;
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 500;
}


.block-template-module16 button {
    margin-top: 3.9375rem;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    max-width: 16.3125rem;
    position: absolute;
    left: 4.6875rem;
    bottom: 4.6875rem;
}

.block-template-module16 button.btn:after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    width: 24px;
    height: 23px;
    background-color: var(--global-nearly-black);
    mask: url("/static/themes/muensterlachen/icons/arrow-right.5274ba1ac66f.svg");
    mask-size: cover;
    float: right;
    margin: 0.25rem 0 0 2.5rem;
    pointer-events: auto;
}

.block-template-module16 button.btn::before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    width: 24px;
    height: 23px;
    background-color: var(--global-nearly-black);
    mask: url("/static/themes/muensterlachen/icons/arrow-left.e76dccf9d3ba.svg");
    mask-size: cover;
    float: left;
    margin: 0.25rem 2.5rem 0 0;
    pointer-events: auto;
}



.block-template-module17 .text-container {
    padding: 5.875rem 7.625rem !important;
    max-width: 50.75rem;
    min-height: 53.4375rem;
    max-height: 53.4375rem;

}

.block-template-module17 .editor h2 {
    text-transform: uppercase;
    font-size: 2.3125rem;
    line-height: 2.5rem;
}

.block-template-module17 .image-container {
    padding: 5.875rem 4.75rem 5.875rem 7.625rem !important;
    position: relative;
    max-width: 51.75rem;
    width: 51.75rem;
}

.block-template-module17 .signature {
    justify-self: end;
    align-self: end;
    text-wrap: nowrap;
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 500;
}


.block-template-module17 button {
    margin-top: 3.9375rem;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    max-width: 16.3125rem;
    position: absolute;
    left: 4.6875rem;
    bottom: 4.6875rem;
}

.block-template-module17 button.btn:after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    width: 24px;
    height: 23px;
    background-color: var(--global-nearly-black);
    mask: url("/static/themes/muensterlachen/icons/arrow-right.5274ba1ac66f.svg");
    mask-size: cover;
    float: right;
    margin: 0.25rem 0 0 2.5rem;
    pointer-events: auto;
}

.block-template-module17 button.btn::before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    width: 24px;
    height: 23px;
    background-color: var(--global-nearly-black);
    mask: url("/static/themes/muensterlachen/icons/arrow-left.e76dccf9d3ba.svg");
    mask-size: cover;
    float: left;
    margin: 0.25rem 2.5rem 0 0;
    pointer-events: auto;
}

/*
    Template Blöcke Ende
*/


/*
 * Dynamic form
 */
.block-dynamicform .field-holder,
.block-dynamicform .field-holder-area {
    position: relative;
    width: 100%;
}

.block-dynamicform form input[type=text],
.block-dynamicform form input[type=email] {
    border: 0;
    border-bottom: 1px solid black;
    outline: none;
    /* transition: .3s ease-in-out; */
    /* background-color: transparent; */
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 300;
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    background-color: var(--global-secondary-background-color);
}


.block-dynamicform form input[type=text]:hover,
.block-dynamicform form input[type=email]:hover,
.block-dynamicform form textarea:hover {
    background-color: var(--global-darker-green);
}

.block-dynamicform form input[type=file] {
    border: 0;
    /* border-bottom: 1px solid black; */
    outline: none;
    /* transition: .3s ease-in-out; */
    background-color: transparent;
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 300;
    /* padding-left: .75rem; */
    padding-right: .75rem;
    width: 100%;
    cursor: pointer;
}

input::file-selector-button {
    font-weight: 500;
    /* color: dodgerblue; */
    padding: 0.5em;
    /* border: thin solid grey; */
    border: 0;
    border-radius: 3px;
    line-height: 1.875rem;
    font-size: 1rem;
    background-color: var(--global-secondary-background-color);
    text-transform: uppercase;
    padding: 1rem 2.3125rem;
    cursor: pointer;
}

input::file-selector-button:hover,
input::file-selector-button:active,
input::file-selector-button:focus {
    background-color: var(--global-darker-green);
}

/* .block-dynamicform form input[type=file]::before {
    content: "Datei auswählen";
    display: block;
    width: 100%;
    height: 100%;
    /* background-color: var(--global-secondary-background-color);
    color: var(--global-nearly-black);
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 300;
    padding-left: .75rem;
    padding-right: .75rem;
    cursor: pointer;
} */



/* c {
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    /* border-bottom: 1px solid black;
    outline: none;
    /* transition: .3s ease-in-out;
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 300;
    padding-left: .75rem;
    padding-right: .75rem;
    width: 100%;
    height: 3.4375rem;
    cursor: pointer;
    outline: none;
    border-radius: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 100%;
    background-color: var(--global-secondary-background-color);
}

.block-dynamicform .field-holder-select label {
    position: relative;
    /* display: inline-block;
vertical-align: text-top;
/* font-size: 1rem; */
/* font-weight: 500;

height: 3.4375rem;
display: flex;
align-items: center;
padding-left: .75rem !important;
font-size: 1.375rem;
line-height: 1.875rem;
}

*/

.block-dynamicform .field-holder-area label {
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    /* font-size: 1rem; */
    /* font-weight: 500; */
}



.block-dynamicform form textarea {
    border: 0;
    border-bottom: 1px solid black;
    outline: none;
    transition: .3s ease-in-out;
    /* background-color: transparent; */
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: 300;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    width: 100%;
    height: 6.75rem;
    scroll-behavior: smooth;
    resize: none;
    background-color: var(--global-secondary-background-color);
}

.block-dynamicform .field-holder label,
.block-dynamicform .field-holder-area label {
    /* position: absolute; */
    /* top: 0; */
    /* left: .75rem; */
    /* padding-left: .75rem; */
    display: flex;
    align-items: center;
    cursor: text;
    /* transition: .3s ease-in-out; */
    font-size: 1.375rem;
    line-height: 1.875rem;
}


.block-dynamicform .field-holder-area label {
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    /* font-size: 1rem; */
    /* font-weight: 500; */
}

/* .block-dynamicform .label {
    padding-left: .75rem !important;
    font-size: 1.375rem;
    line-height: 1.875rem;
} */

.block-dynamicform .field-holder input,
.block-dynamicform .field-holder label,
.block-dynamicform .field-holder-area label {
    width: 100%;
    height: 3.0rem;
}

.block-dynamicform .field-holder textarea,
.block-dynamicform .field-holder label {
    width: 100%;
    height: 3.4375rem;
}

.block-dynamicform div.label {
    height: 3.4375rem;
    display: flex;
    align-items: center;
    /* padding-left: .75rem !important; */
    font-size: 1.375rem;
    line-height: 1.875rem;
}

.block-dynamicform div.helptext_checkboxselectmultiple {
    margin-bottom: 1.4375rem;
    display: flex;
    align-items: start;
    /* padding-left: .75rem !important; */
    font-size: 1rem;
    line-height: 1.5rem;
    font-style: italic;
}

.block-dynamicform div.helptext_textfield {
    /* margin-bottom: 1.4375rem;
    display: flex;
    align-items: start;
    font-size: 1rem;
    line-height: 1.875rem; */
    font-size: 1rem;
    line-height: 1.5rem;
    font-style: italic;
    /* padding-left: .75rem !important; */
    /* margin-top: .8rem; */
}

.block-dynamicform div.helptext_singletextfield {
    /* margin-bottom: 1.4375rem;
    display: flex;
    align-items: start;
    font-size: 1rem;
    line-height: 1.875rem; */
    font-size: 1rem;
    line-height: 1.5rem;
    font-style: italic;
    /* padding-left: .75rem !important; */
    margin-top: .5rem;
}


.block-dynamicform div.helptext_checkboxselectmultiple a,
.block-dynamicform div.helptext_textfield a,
.block-dynamicform div.helptext_singletextfield a,
label.checkbox a {
    /* color: var(--global-darker-green); */
    color: black;
    text-decoration: underline;
    text-decoration-style: dotted;
    /* text-decoration: underline solid var(--global-nearly-black) 2px; */
    /* text-decoration: none; */
}

.block-dynamicform div.helptext_checkboxselectmultiple a:after,
.block-dynamicform div.helptext_textfield a:after,
.block-dynamicform div.helptext_singletextfield a:after,
label.checkbox a:after {
    /* Set the font for this icon style */
    /* font-family: 'Font Awesome 6 Free'; */
    /* Set the weight for this icon style */
    /* font-weight: 300; */
    /* font-size: .9rem; */
    /* Make sure icons render pixel-perfect */
    /* -webkit-font-smoothing: antialiased; */
    /* Set the Unicode value for the "fa-ghost" icon */
    /* content: '\f08e'; */
    /* margin-left: 4px; */


    display: inline-block;
    content: "";
    /* vertical-align: -.125em; */
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='10' height='10' class='bi bi-box-arrow-up-right' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5'/><path fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0z'/></svg>");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    width: 14px;
    height: 14px;
    margin-left: 3px;

    /* vertical-align: -.125em; */
    /* width: 16px;
    height: 16px;
    margin-left: 4px; */
    /* background-repeat: no-repeat;
    background-size: 1rem 1rem; */
}


body.chrome .block-dynamicform div.helptext_checkboxselectmultiple a:after,
body.chrome .block-dynamicform div.helptext_textfield a:after,
body.chrome .block-dynamicform div.helptext_singletextfield a:after,
body.chrome label.checkbox a:after {
    vertical-align: -.125em;
}

.block-dynamicform div.helptext_checkboxselectmultiple a:hover,
.block-dynamicform div.helptext_textfield a:hover,
.block-dynamicform div.helptext_singletextfield a:hover,
label.checkbox a:hover {
    text-decoration-style: solid;

    /* text-decoration: underline wavy black 2px; */
    /* color: var(--global-nearly-black); */
    /* font-weight: 500; */
    /* color: black; */
    /* text-decoration: none; */
}

.block-dynamicform .field-holder input[type=text]:focus+label,
.block-dynamicform .field-holder input[type=text]:valid+label,
.block-dynamicform .field-holder input[type=email]:focus+label,
.block-dynamicform .field-holder input[type=email]:valid+label {
    /* color: #424242; */
    font-size: 1rem;
    top: -40px;
    pointer-events: none;
}

.block-dynamicform .field-holder input[type=text]:focus,
.block-dynamicform .field-holder input[type=text]:valid,
.block-dynamicform .field-holder input[type=email]:focus,
.block-dynamicform .field-holder input[type=email]:valid {
    /* border-bottom: 1px solid black; */
    background-color: var(--global-darker-green);

}

/* .block-dynamicform .field-holder-area textarea:valid+label, */
/* .block-dynamicform .field-holder-area textarea:focus+label {
    font-size: 1rem;
    top: -25px;
    pointer-events: none;
} */

.block-dynamicform .field-holder-area textarea:focus,
.block-dynamicform .field-holder-area textarea:valid {
    /* border-bottom: 1px solid black; */
    background-color: var(--global-darker-green);
}


/* Customize the label (the container) */
.block-dynamicform label.checkbox {
    display: inline-block;
    position: relative;
    padding-left: 3.75rem;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 1.375rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.block-dynamicform label.checkbox-right {
    margin-left: .75rem;
}

/* Hide the browser's default checkbox */
.block-dynamicform label.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.block-dynamicform label.checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
}

.block-dynamicform .ml-bg-primary label.checkbox .checkmark {
    background-color: var(--global-secondary-background-color);
}

.block-dynamicform .ml-bg-secondary label.checkbox .checkmark {
    background-color: var(--global-primary-background-color);
}

/* On mouse-over, add a grey background color */
.block-dynamicform label.checkbox:hover input~.checkmark {
    background-color: var(--global-darker-green);
}

/* When the checkbox is checked, add a blue background */
.block-dynamicform label.checkbox input:checked~.checkmark {
    background-color: var(--global-darker-green);
}

/* Create the checkmark/indicator (hidden when not checked) */
.block-dynamicform label.checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.block-dynamicform label.checkbox input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.block-dynamicform label.checkbox .checkmark:after {
    left: 11px;
    top: 5px;
    width: 9px;
    height: 16px;
    border: solid black;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* .block-template-module8 div.row div.col-12:last-of-type p:last-of-type {
    margin-bottom: 0;
} */


/* The container */
.block-dynamicform span.required {
    /* color: red; */
    font-weight: 500;
    display: inline-block;
    margin-left: .25rem;
}

.block-dynamicform label.radio {
    display: inline-block;
    position: relative;
    padding-left: 3.75rem;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.block-dynamicform label.radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.block-dynamicform label.radio .radio-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    /* border-radius: 50%; */
}

.block-dynamicform .ml-bg-primary label.radio .radio-checkmark {
    background-color: var(--global-secondary-background-color);
}

.block-dynamicform .ml-bg-secondary label.radio .radio-checkmark {
    background-color: var(--global-primary-background-color);
}


/* On mouse-over, add a grey background color */
.block-dynamicform label.radio:hover input~.radio-checkmark {
    background-color: var(--global-darker-green);
}

/* When the radio button is checked, add a blue background */
.block-dynamicform label.radio input:checked~.radio-checkmark {
    background-color: var(--global-darker-green);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.block-dynamicform label.radio .radio-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.block-dynamicform label.radio input:checked~.radio-checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.block-dynamicform label.radio .radio-checkmark:after {
    left: 11px;
    top: 5px;
    width: 9px;
    height: 16px;
    border: solid black;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.block-dynamicform button {
    margin-top: 2.75rem;
}

.block-dynamicform button {
    text-transform: uppercase;
}

.block-dynamicform button.btn:after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    width: 24px;
    height: 23px;
    background-color: var(--global-nearly-black);
    mask: url("/static/themes/muensterlachen/icons/arrow-right.5274ba1ac66f.svg");
    mask-size: cover;
    float: right;
    margin: 0.25rem 0 0 2.5rem;
    display: none;
}

.block-dynamicform button img.arrow-left {
    width: 24px;
    height: 23px;
    margin: 0;
    margin-left: 3.75rem;
}

.block-dynamicform .section-head {
    padding-left: 3.9375rem;
    font-size: 1.4375rem;
    line-height: 1.75rem;
    /* padding-left: 3.4375rem 3.75rem 3.625rem 3.9375rem; */
}

.block-dynamicform h2 {
    font-size: 3.125rem;
    line-height: 3.4375rem;
    text-transform: uppercase;
    /* font-weight: 500; */
    font-weight: 300;
}

.block-dynamicform h3 {
    font-size: 1.4375rem;
    line-height: 1.75rem;
    font-weight: 500;
    font-style: normal;
}

.block-dynamicform div.formfield:first-of-type {
    margin-top: 0 !important;
}





#btn-make-appointment {
    width: 17.25rem;
    height: 10.6875rem;
    border-radius: 200px 200px 0 0;
    transform-origin: bottom center;
    border: 0px solid var(--global-darker-green);
    background-color: var(--global-darker-green);
    position: fixed;
    bottom: 0px;
    left: 140px;
}


#btn-make-appointment span {
    text-transform: uppercase;
    font-size: 1.5625rem;
    line-height: 1.6875rem;
    font-weight: 300;
    margin-top: 45px;
    display: block;
}

#btn-make-appointment span b {
    font-weight: 500;
}

#btn-make-appointment:hover,
#btn-make-appointment:active {
    border: 2px solid var(--global-darker-green);
    background-color: var(--global-secondary-background-color);
    /* background-image: radial-gradient(var(--global-secondary-background-color), #737163 150px); */
}