/** assets.mobile.2d9c2971.css generated 2026-02-12 13:33:44.000000 **/


/*#region styles_mobile.css*/

/*region GENERAL*/

html {

}

.Desktop {
    display: none !important;
}

.Mobil {
    display: block !important;
}

/*endregion*/

/*region HEADER*/
header .Container {
    align-items: center;
    display: flex;
    max-width: 94%;
    width: 100%;
    height: 90px;
    padding: 0px;
    margin: 0 auto !important;
}

header.Minimized .Container {
    margin: 0 auto;
}

header .logo {
    height: 60px;
    margin: 0px 15px 0 0;
}

header.Minimized .logo {
    height: 45px;
}

header .contact {
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999;
}

header .MobileOnly {
    display: block !important;
}

header .contact a.icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    background-image: url("/jbclone/images/layout/icons/phone.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

header .contact a.icon.mail {
    background-image: url("/jbclone/images/layout/icons/mail.svg");
}

/*endregion*/

/*region GLIDER*/
.glide__slide.full_size .glider__content,
.glide__slide.full_size.text_left .glider__content,
.glide__slide.full_size.text_right .glider__content {
    left: 50%;
}

.glide__bullets {
    display: none;
}

.glider__content {
    left: 5%;
}

.glide .glide__slide.half_size {
    display: flex;
    flex-direction: column;
}

.glide .glide__slide.half_size .glide__background,
.glide .glide__slide.half_size .glider__content {
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    width: 100%;
}

.glide .glide__slide.half_size .glider__content {

}

.glide .glide__slide.half_size .icon {
    top: unset;
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.glide .glide__slide.half_size .icon .icontext {
    min-width: unset;
}

/*endregion*/

/*region FLYOUTS*/
.flyouts {
    display: none;
}

/*endregion*/

/*region FOOTER*/
footer {
    padding: 0;
    margin: 0;
    height: auto;
    min-height: initial;
}

footer #NavigationFooter {
    float: none;
    height: auto;
    width: 90%;
    padding: 0;
}

footer #NavigationFooter ul {
    flex-wrap: wrap;
    gap: 0 5vw;
    justify-content: center;
}

/*endregion*/

/*region FORMULAR*/
input[type='text'],
input[type='textarea'],
input[type='password'],
input[type='date'],
select,
textarea {
    width: 95%;
    margin: 0;
}

/*endregion*/

/*region ARTICLE*/
article.standard {
    max-width: 90%;
    margin: 5% auto 5% auto;
}

.Introvideo.Introbild{
    width: 100%;
    padding-top: 56.25%;
    margin: 3% 0 0 0 !important;
}

.masonry .grid-item, article.standard .masonry .grid-sizer {
    width: 49%;
}

.masonry .grid-item {
    margin-bottom: 1%;
}

article.standard {
    width: 90% !important;
    margin: 10% auto 5% auto !important;
}

article.standard .text_content {
    max-width: 100% !important;
    width: 100%;
    margin: 0 !important;
}

article.standard .image {
    width: 100% !important;
    margin: 5% auto 0 auto !important;
    max-width: 600px;
}


/*region BOX*/
.box {
    width: 40%;
    margin: 5%;
}

/*endregion*/

/*region ACCORDEON*/
.toggle {
    max-width: 90%;
    padding: 3vw 6vw 3vw 3vw;
}

.toggle-content {
    max-width: 90%;
}
.menu{
    display: none;
}

/*endregion*/

/*region TEASER*/
.teaser,
.teaser.picture_left,
.teaser.picture_right {
    flex-direction: column;
    flex-wrap: wrap;
}

.teaser img.teaserimage {
    width: 100%;
}

.teaser .content,
.teaser.picture_left .content,
.teaser.picture_right .content {
    right: unset;

    width: 100%;
    margin: 0 0 0 0 !important;
    position: relative;
    left: 0 !important;
}

.jarallax {
    min-height: 300px;
}

/*endregion*/


main {
    margin: 0 auto 0 auto;
}

.Container {
    max-width: 90%;
}

/* SIDENAVI */
#NavigationSide {
    right: 5px;
    top: 95px;
}

.Minimized #NavigationSide {
    top: 75px;
}

#NavigationSide li a.Button {
    height: 40px;
    width: 40px;
}

#PageBottom {
    padding: 5% 2%;
}

img.logo {
    width: 100px;
    /* margin-top: -160px; */
    /* float: right; */
    position: absolute;
    right: 0px;
    top: 0px;
}

.Event .line_content {
    display: none;
}

.Event {
    width: 48%;
}

/* FONTS */
.Mehr {
    margin: 15px 0px 0px 0px;
}

.Button {
    padding: 5px 10px;
    margin-bottom: 10px;
}


#PageTop, #PageTop.Visible {
    bottom: 0px;
}

#PageTop a {
    zoom: 0.7;
}

article img {
    width: 100%;
}

/*== TEASERARTIKEL ==*/

.teaser-article {
    padding: 5% 0px 5% 0px;
}



/*== DATEPICKER ==*/

.ui-datepicker {
    margin-top: -90px;
}

header #MobileNavigation{
    top: 100%;
}

/*region MEDIA QUERIES*/
@media only screen and (max-width: 700px) {
    .iframeContainer {
        padding-top: 100%;
        position: relative;
        display: block;
    }

    .detail_inner {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }

    .detailimg {
        max-width: 400px;
        float: unset;
        margin: 0 0 2% 0;
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .glide__slide.full_size .glider__content {
        width: 80%;
    }


    form .Button{
        word-wrap: break-word;
        word-break: break-all;
        max-width: 100%;
        font-size: var(--font-size-small) !important;
        line-height: var(--line-height-small);
    }



    #GalleryGlider {
        max-width: unset;
        margin-top: 6% !important;
    }

    #GalleryGlider .glide__slide {
        display: flex;
        flex-wrap: wrap;
    }

    .GalleryContainer .glide__slide .glide__background:first-child {
        margin: 0 0 30px 0;
    }

    .GalleryContainer .glide__background {
        background-size: contain;
        position: relative;
        width: 100%;
        height: auto;
        margin: 5px 0;
    }

    .box_container {
        width: 100%;
    }



    input[type="checkbox"]:checked + label::before, input[type="checkbox"]:not(:checked) + label::before, input[type="radio"]:checked + label::before, input[type="radio"]:not(:checked) + label::before {
        height: 10px;
        width: 10px;
    }

    .lineArticleUnder {
        max-width: 200px;
        margin: 5px auto;
    }



    .Event {
        width: 100%;
        margin: 2% 0;
        padding: 5%;
    }

    .box_outer_container {
        padding: 10% 5%;
    }

    .fieldgroup {
        width: 100%;
        margin: 20px 0;
    }

    .toggle {
        padding: 4vw 7vw 4vw 4vw;
    }

    article.contact ul,
    article.login ul {
        flex-direction: column;
    }


    :root {
        --font-size-medium: 14px;

        --font-size-navi: 16px;
        --line-heigh-navi: 125%;

        --font-size-title: 28px;
        --line-height-title: 110%;
    }

    .lightbox-content.Button{
        margin-bottom: 10px;
    }

    .calendarinfos .Space40{
        height: 20px;
    }

    header #MobileNavigation ul.Mobile li a{
        padding: 0 10px;

    }

}

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

    #TitleGlider .text_white {
        margin-bottom: -10px;
    }

    #Registration form div {
        width: 100% !important;
    }

    article.standard .line_content {
        display: none;
    }

    .lineArticleUnder.Mobil {
        display: block !important;
        margin: 10px auto 10px 0;
    }

    .box {
        width: 90%;
        margin: 10%;
    }
}

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

}

/*endregion*/

/*#endregion styles_mobile.css*/