/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* css_p_defaults */
.no-max-width{max-width: initial!important;}
.no-min-width{min-width:initial!important;}
/* */

.hid_bp_img{width:100% !important;}

.off_white{background-color: #eeeeee;}

h1,
h2,
h3,
h4{font-weight: normal}

.caption.gallery h2 > *{width: 100%;min-width: 100%;display: block;}

.mod_page_preview{cursor: pointer}

html{ -webkit-font-smoothing: subpixel-antialiased;}

body{padding:0;margin:auto;position: relative;min-width: 100%;width: 100%;float:left;}
*{-webkit-box-sizing: border-box;box-sizing: border-box;}
section{width:100%;}

.button_ui{max-width: 30px!important;height: 30px;}

.newslist_caption{text-align:center!important;}

.no_transition{transition: 0ms all linear;}

.img_wrapper img{aspect-ratio: var(--aspect-ratio);}
.logo .img_wrapper img{aspect-ratio: initial!important;}

.lazy_module {
    opacity: 0!important;
    transition: opacity 2s ease-in-out!important;
}

.lazy_module.loaded {
    opacity: 1!important;
}

#closeFrameButton{display: none!important;}


/* card_setup */

.mod_addressbox .inside_box,
.mod_addressbox .caption{min-width: 100%;width: 100%;}

.img_caption_text_wrapper .img_wrapper img{object-fit: cover!important;
    height: 100%;
    min-height: 100%;}

.t_full_screen_height .img_caption_text_wrapper{min-height: 100vh!important;}

.img_caption_text_wrapper::before{content:"";position: absolute;top:0;left:0;right:0;width: 100%;height: 100%;z-index: 1;pointer-events: none;}

.img_caption_text_wrapper{grid-area: img_caption_text;position: relative}
.img_caption_text_wrapper .caption-text_wrapper{position: relative;z-index: 10;}

.img_bg_wrapper{display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    min-height: auto;}

.img_bg_wrapper .caption-text_wrapper{
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: auto;
    z-index: 100;
    align-content: center;}

.img_bg_wrapper .img_wrapper{
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: 100%;
}

.img_bg_wrapper .caption_wrapper{
    grid-column: 1;
    z-index: 10;
    grid-row: 1;
    width: 100%;
    align-self: center;
    justify-content: center;
    text-align: center;
}

.fake_caption,
.element_container{width:100%;}

.openlightbox .element_container{z-index: initial!important;}
.element_container{z-index: 2;}

.multiple_elements .top-img{min-height: 100%;}
.multiple_elements .top-img img{object-fit: cover;height: 100% !important;width: 100% !important }

.opener_content_wrapper,
.background_color-setup{position: relative}

.img_caption_text.multiple_elements.grid,
.multiple_elements.grid,
.img_caption{display: grid!important;grid-template-areas: initial!important;grid-gap: 0px;}

.img_caption_text.multiple_elements.grid {grid-template-columns: 100% !important;}

.img_caption_text.multiple_elements.grid > *,
.img_caption.multiple_elements.grid > *,
.img_caption > *{grid-row: 1;grid-column: 1;}

.img_caption .caption_wrapper,
.img_caption_text .caption_text,
.img_caption_text .caption_wrapper,
.img_caption .fad_caption{z-index: 1;}

layout_one .opener_content_wrapper .text_wrapper {
    margin: auto;
}

/* load-animation */

/*.lazy{transition: 300ms all linear;opacity: 0;background-color: #dadada;}*/
.loading-parent{position: relative;}

.loading-parent::before{content:"";
    height: 100px;
    width: 100px;
    display: block;
    z-index: 1000;
    position: absolute;
    top:0;
    bottom: 0;
    margin:auto;
    pointer-events: none;
    left:0;
    right:0;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/public/deutrik/skins/buildify/img/imaeg-loading.svg");
animation: pulsate 2s infinite;}

.loading-parent.loaded-parent::before{content:"";
animation: hide 1s linear;
opacity: 0;
pointer-events: none;}

@keyframes hide {
    0% {transform: scale(1);opacity:1}
    100% {transform: scale(0.8); opacity: 0;display: none;}
}


.loading-parent img{opacity: 0;transition: 400ms all linear;transform: scale(.9)}

.loaded-parent img{opacity: 1;transform: scale(1);}

@keyframes pulsate {
    0% {transform: scale(1);opacity: .5}
    50% {transform: scale(1.1); opacity: 1}
    100% {transform: scale(1); opacity: .5}
}

/* main-grid */

#footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#footer{z-index:0;}

.overline{
    min-width: 100%;
    font-size: 55%;
    flex: 1 auto;
    display: block;
    font-weight: 300;
    font-style: normal;
    margin: 0;
    opacity: .7}

.subtitle{
    min-width: 100%;
    font-size: 75%;
    flex: 1 auto;
    display: block;
    font-weight: 300;
    font-style: normal;
    margin: 0;
}

body{display:grid;grid-template-columns:100%;grid-template-rows: auto;}

#navigation.position_fixed_navigation{
    grid-column: 1;
    grid-row: 1;
    align-self: start!important;
    z-index: 100000!important;
    position: -webkit-sticky!important;
    position: sticky!important;
    justify-self: center;
    border-left: 0;
    top: 0;
    bottom: initial;
    margin: initial;
    right: 0;
}

#fad-content-wrapper {
    padding-right: 0;
    padding-top: 0;
}

.justifyCenter{justify-content: center;}

.webbox_cell{width:100%;}

.ctab_border_mode {
    border: 1px solid;
    width: 100%;
    text-align: center;
}

.surface{z-index: 10;}

#place_bottom{color:black!important;}

/* cookie */

.fad_cookieconsent_wrapper{color:black;}

.fad_cookieconsent_wrapper,
.fad_cookieconsent_wrapper.fad_cookieconsent_display_overlay{overflow: scroll}

.fad_cookieconsent_wrapper.fad_cookieconsent_display_bottom {
    background-color: transparent;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    padding: 5px;
    box-shadow: initial;
}

.fad_cookieconsent_content h3::before{content: "";
    margin: auto;
    display: block;
    width: 45px;
    height: 45px;
    float: left;
    background-image: url("/skins/img/cookie.png");
    background-size: 90%;
    background-repeat: no-repeat;}

.fad_cookieconsent_content input[type=checkbox]{
    height: 0;
    width: 0;
    visibility: hidden;
}

.fad_cookieconsent_wrapper label {
    display: inline-block;
    text-align: left;
    float: left;
    margin: 1em 1em;
}

.fad_cookieconsent_content label {
    display: grid;
    grid-template-columns: 25px 1fr;
    justify-content: center;
    align-content: center;
    align-items: center;
    grid-gap: 10px;
    cursor: pointer;
}

.mod_cookieconsent p{font-size:100%!important;}

.checkbox_label[for="fad_cookieconsent_check_necessary"]::after{display: none;}

.checkbox_label[for="fad_cookieconsent_check_necessary"]::before{
    content: '\2713';
    position: initial;
    float: left;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    vertical-align: middle;
    border-radius: initial;
    background-size: 15px 15px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 0.5em;
    color: black;
    border-radius: 25px;
    background-color: white;}

.fad_cookieconsent_content input{margin:0;}

.fad_cookieconsent_content label::before{
    content: '';
    display: block;
    font-size: 100%;
    cursor: pointer;
    font-weight: bold;
    -webkit-transition: 100ms all linear;
    -o-transition: 100ms all linear;
    transition: 100ms all linear;
    background-color:white;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    cursor: pointer;
    z-index: 100000;
    pointer-events: all;
    border: 1px solid black;
}

.fad_cookieconsent_content #fad_cookieconsent_check_other:checked + label:before{
    display: block;
    content: '\2713';
    font-size: 100%;
    font-weight: bold;
    background-color: rgb(139, 189, 133);
    opacity: 1;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
}

.mod_cookieconsent  h3{
    margin: 0;
    line-height: 45px;
    text-align: left;
    margin-bottom: 0.5em;
}

.mod_cookieconsent .page_box_text {
    max-width: 700px;
    margin: auto;
    text-align: left;
    line-height: 1.5;
    height: 100px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid rgba(128, 128, 128, 0.32);
    border-radius: 20px;
    margin: 1em 0em;
    padding: 0em 1em;}

.mod_cookieconsent .page_box_text::after {
    content: "";
    width: 100%;
    height: 25px;
    bottom: 0;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(248, 248, 248, 1));
    position: -webkit-sticky;
    padding: 1em;
    position: -webkit-sticky;
    min-width: 100%;
    pointer-events: none;
    display: block;
}


.mod_cookieconsent .form-group:nth-child(2){border: 2px solid rgb(139, 189, 133);}


.mod_cookieconsent .form-group:first-child{
    grid-column: 1;
    grid-row: 1;
    cursor: not-allowed;
    border-radius: 10px;
    background-color: rgb(139, 189, 133);
}

.mod_cookieconsent .form-group:first-child label{    cursor: not-allowed;
}

.mod_cookieconsent .form-group{
    grid-column:2;
    width: 100%;
    grid-row: 1;
    background-color: white;
    border-radius: 10px;
}

.mod_cookieconsent .form-group{ -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
    min-width: initial;}

.mod_cookieconsent button#fad_cookieconsent_button_selected{
    grid-column: 1;
    color: initial;
    grid-row: 2;
    border: initial!important;
    padding: 1em 0.25em!important;
    text-decoration: initial!important;
    background-color: rgba(255, 255, 255, 0) !important;
    background-color: black!important;
    border-radius: 20px!important;
    color: white!important;
    width: 100%;
}

.mod_cookieconsent button#fad_cookieconsent_button_all{
    grid-column: 2;
    grid-row: 2;
    padding: 1em 0.25em!important;
    border: 1px solid black!important;
    box-shadow: 0.013031005859375px 4.0104169845581055px 14px rgba(0, 0, 0, 0.28) !important;
    color: black!important;
    background-color: white!important;
    border-radius: 20px!important;
    width: 100%;
}

.mod_cookieconsent .page_box_read_more{display: grid;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 20px 10px;
    justify-items: center;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(200px, 2fr));
    grid-template-rows: auto;
    grid-gap: 20px 10px;
    background-color: rgba(0, 0, 0, 0);}


.fad_cookieconsent_wrapper .fad_cookieconsent_content {
    bottom: 1em;
    width: 100%;
    box-shadow: 1.0078125px -3.96875px 14px rgba(0, 0, 0, 0.32);
    line-height: 1;
    padding:1em!important;
    font-size: 14px!important;
    background: rgba(247, 247, 247, 1);
    max-width: 700px;
    border-radius: 20px;
    padding: 5px;
}

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

    .mod_cookieconsent .page_box_read_more{display: flex!important;flex-wrap: wrap;}

    .mod_cookieconsent .form-group:nth-child(2),
    .mod_cookieconsent .form-group:first-child{width: auto!important;min-width: 240px;}

    .mod_cookieconsent button#fad_cookieconsent_button_selected,
    .mod_cookieconsent button#fad_cookieconsent_button_all{min-width: 240px!important;width: auto!important;}


}


.mod_social_fanpage a{background-image: none!important;}

.mod_social_fanpage a,
.mod_social_fanpage img{width:45px;height:45px;}

.without_style{list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 0;}

.without_style li {margin: 0em 0.5em;}

button.fad_button_close{display: none!important;}

.caption_wrapper{display: flex;
    flex-wrap: wrap;
    justify-content: center;}

/* parralax effect */

.parralax_effect_active-header .opener_content_wrapper{overflow: hidden;}

.parralax_effect_active-header,
.parralax_effect_active{overflow: hidden;}

/* Attachment */

.fad-attachment{width:100%;min-height:45px;padding:5px;cursor:pointer;position: relative; padding-left: 55px; display: flex;flex-wrap: wrap;text-decoration: initial;font-size: initial;color:initial;font-weight:lighter;}

.fad-attachment:hover{background-color: rgba(0, 0, 0, 0.12)}

.fad-attachment img{
    display: none!important;}

.fad-attachment::before{content:"";position:absolute;left:0;top:0;float:left;width: 45px;height: 45px;background-image:url("/skins/img/download.svg");display: block;}

.fad-attachment .fad-meta-description,
.fad-attachment .fad-meta-title{min-width: 100%;}

/* Font */

.fad_page_pagelist_location,
.caption_wrapper .caption,
.fad_blog_article_date,
.fad_blog_article_author,
.teaser.caption_element,
.teaser,
.ctab_wrapper{width: 100%;}

.teaser.caption_element{min-width:100%;width:100%;}

.text_wrapper > *{display: inline-block}

.fake_caption{font-size: 1.5em!important;}

.mod_container_wrapper .inside_box h2{font-size: 2.5em;}

a.item{color:initial;text-decoration: initial;}

.mod_container .caption_wrapper h2{text-align: center;}

ul li span{font-size: 100% !important;}

.image-meta-title{font-weight: bold;}


/* Surface Interaction */

.si{background-color: rgba(255, 255, 255, 0.03)!important;}

/* Links */

.ui-element,
.ui_link,
.jumpmark {cursor:pointer;}

.ctab_link {padding: 10px;cursor: pointer;}

a.mod_page_preview{text-decoration: initial;}

.ctab_link,
.fad_slider_buttons > a,
.fad_question h4 label,
.fad_question h4,
.ui-button,
.interactive_link{cursor:pointer;}

.googlemaps_no_link{display: flex;
    flex-wrap: wrap;}

.fa{display: none;}

.ctab_link{text-decoration: none;width: auto;}

.mod-html-image{max-width: 100% !important;width: 100% !important;   -o-object-fit: contain;
    object-fit: contain;}

.address_phone_link,
.mod_pagelist a{text-decoration: none;color:initial;border-bottom-width: initial;
    border-bottom-style: initial;
    border-bottom-color: initial;}

/* modlist */


/* icon */

.icon{width:30px;height:auto;margin: auto;}

/* default.css */

.WebSite .opener_content_wrapper .date_wrapper{display: none!important;}

.date_element_container{display: flex;flex-wrap: wrap;grid-gap:5px;}

.fad_page_pagelist_time{padding-left: 0!important;}

.fad_location .address,
.date_wrapper{display: flex;flex-wrap: wrap;}

.fad_location,
.fad_date_info{flex: 1 auto;
    width: auto;
    flex-grow: 0;
    align-self: center;
    margin: auto;}

.inline_grid{display:inline-grid!important;width:100%!important;}

body .include_icons{grid-template-columns: 30px 1fr!important;
    display: inline-grid!important;
    grid-gap: 0em 0.5em;
    line-height: 30px;
    align-content: center;
    align-items: center;}

body .include_icons_right {grid-template-columns: 1fr 30px!important;
    display: inline-grid!important;
    grid-gap: 0em 0.5em;
    line-height: 30px;
    align-content: center;
    align-items: center;}

body .include_icons_primary{grid-template-columns: 20px 1fr!important;
    display: inline-grid!important;
    grid-gap: 0em 0.25em;
    line-height: 20px;}

body .include_icons_primary .icon{width:20px;}

.primary_text{width: 100%;font-size: 14px;}
.primary_text-bottom{opacity:.8;}

.layout_clearly.layout_four .caption_wrapper{padding:0!important;}

.mod_pagelist a,
.mod_job_joblist a{padding:0;}

.mod_pagelist a, .mod_job_joblist a{background-color:initial;}
.fad_page_pagelist_time::after{display:none;}

.fad_time::after,
.fad_page_pagelist_endDate::before,
.fad_page_pagelist_startDate::before{display: none!important;}

.fad_page_pagelist_city::before,
.fad_page_pagelist_postal::before,
.end_time::before,
.start_time::before,
.fad_city::before,
.fad_postal::before{content:",";margin-right: 5px;}

.address.flex{grid-gap:5px;}

/* Colors */

.highlight_element{background-color: rgba(128, 128, 128, 0.08);}

/* Buttons */

.jumpmark:hover{text-decoration: underline;}

button{
    font-size: 1em;
    -webkit-box-shadow: initial;
    box-shadow: initial;
    border: initial;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.12);
    color: white;
    width: auto;
    padding: 1em;
    transition: 300ms all linear;
    width: 100%;
    transition-delay: initial;
    cursor: pointer;}


button:hover{border:1px solid #a1a1a1;}

button.active{border:1px solid white;}

/* Price-Card */

.price_sum{font-size: 2em;}

.monthly::after{content:"/Monatlich";}

/* Adressbox */

.address_location::before{content:",";margin:0 0.25em;}

.mod_addressbox .contact_data{min-width:100%;width:100%;}

.adress_data{min-width: 100%;
    width: 100%;}

.adress_data > *,
.adress_data{
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;}

/* Function */

.hide{display:none!important;}
.hide.show{display: flex!important;}

/* IMG */



body .contents{display: contents!important;}

.ui-img img{cursor: zoom-in;}

.lightbox_lite.show img{padding: 10px!important;}

.lightbox_lite .fad-image-wrapper{width: auto!important;
    height: 95%;
    display: flex;
    justify-content: center;
    align-self: center;
    margin: auto;}

.lightbox_lite img{
    height: 100%;
    animation: scale-up linear 400ms;
    width: auto!Important;
    margin: auto;
}

@keyframes scale-up{

    0%{transform: scale(.6);opacity: 0;}
    100%{transform: scale(1);opacity: 1;}

}


.img_wrapper .image-meta-description,
.img_wrapper .image-meta-title{display: none!important;}

.news_img,
svg,
img{width:100%;height:auto;}

.top-img,
.top_img{display: flex;flex-wrap:wrap;}

.layout_icon .top-img,
.layout_icon .top_img{margin:auto;}

.top-img,
.top_img{width:100%;margin:auto;}

span.fad-image-wrapper{width:100%!important;
    grid-area: img_img;}

/* video */

video{width: 100%!important;height:auto!important;}

/* Icons */

.icon_tiny{width:20px;height:auto;}
.icon_small{width:22px;height:auto;}

/* Navigation */

.visible #navigation{font-family:'Regular Font';}

.toggle,
.visible #navigation .mod_sitemap{font-family:'Regular Font';}

#navigation .im_a_child.mod_social_fanpage{flex:1;}

.hide_navigation #navigation{display:none!important;}

.remove-z-index{z-index: 0!important;}

#navigation .mod_container{
    transition:initial!important;
}

.navigation_container{max-width: 1440px;margin:auto;}

#navigation{z-index:10;}

ul.menu:not(.sub_menu) {display: -webkit-box;display: -ms-flexbox;display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding:0;
    margin:auto;}

ul.menu:not(.sub_menu) li{
    display: block!important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}

li.menu{position: relative;}

#navigation .mod_blog_tags ul{list-style:none;padding:0;display: flex;flex-wrap: wrap;}
#navigation .mod_blog_tags ul li a{text-decoration: none;color:initial}
#navigation .mod_blog_tags ul li{margin:0 0.5em;}

ul.menu {list-style: none;}

ul.menu li a{text-decoration: initial!important;display: -webkit-box;display: -ms-flexbox;display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}

ul.sub_menu .sub_title{display:none;}

ul.sub_menu {
    padding: 0;
    width: auto;
    display: inline-block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.25em;
    display: none;
    position: absolute;
    left:0;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    min-width: 100px;
    z-index: 2;
    z-index: 2;
}

li.menu:hover ul.sub_menu.first_layer {display:block;}

.first_layer li.menu ul.second_layer li{padding: 0px!important;}

.first_layer li.menu ul.second_layer {display: block;
    position: initial;
    margin: 0;
    box-shadow: initial!important;
    border:initial!important;
    padding: 0px!important;}

ul.sub_menu li{
    margin:0.5em 0em;
    padding:0em 0em;
    width: 100%;
    min-width: 100%;
}

.grid{display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    grid-auto-rows: auto;}

/* logo */

a.logo{display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.logo{cursor: pointer;}
a.logo img{
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.logo .caption_wrapper h3{margin:0!important;}

/* Min-Width */

.ControlGroup_buttons,
.form-group{min-width:200px;}

.ControlGroup_buttons{-ms-flex-item-align: center!important;-ms-grid-row-align: center!important;align-self: center!important;}

.margin_none{margin:0!important;}

/* Flex */

.align_start{align-content: start;}

.webbox,
.ControlGroup_buttons,
.ControlGroup_content,
.ControlGroup,
.fad_erp_product_attributes,
section,
.flex{display: -webkit-box;
    display: -ms-flexbox;
    display: flex!important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;}

.flex{width: 100%;}

.ControlGroup_content{width:auto!important;}

.center_items{justify-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.space_between{-webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: space-between;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: center;}

.end{-webkit-box-pack: end!important;-ms-flex-pack: end!important;justify-content: flex-end!important;-ms-flex-item-align: end;-ms-grid-row-align: end;align-self: end;}
.start{-webkit-box-pack: start!important;-ms-flex-pack: start!important;justify-content: flex-start!important;-ms-flex-item-align: start;-ms-grid-row-align: start;align-self: start;}

.full_width{width: 100%;min-width: 100%;}

.width_auto{width:auto!important;min-width: initial!important;}

flex_one{-webkit-box-flex: 1!important;-ms-flex: 1!important;flex: 1!important;}

.center,
.flex_center{-webkit-box-pack: center!important;-ms-flex-pack: center!important;justify-content: center!important;-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;}

.item.center > * > *,
.item.center > *{-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;}

.item.center{text-align: center;}

.item.center img{margin:auto;}

.inline-flex{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.justify_center .ui-card_box_one,
.justify_center .ui-card_container_inside{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.justify_start .ui-card_box_one,
.justify_start .ui-card_container_inside{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}

.justify_end .ui-card_box_one,
.justify_end .ui-card_container_inside{-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}

/* modgroup */

.layout_breaking_point{display: none!important;}

/* positioning */

section{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

.position_relative{position: relative;top:0;left:0;}
.position_absolute{position: absolute;top:0;left:0;}

.position_absolute.center{bottom:0;right:0;margin:auto;-ms-flex-line-pack: center;align-content: center;align-content: center;
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
    z-index: 10;}
.position_absolute.left{right:initial;left:0;margin:auto;-ms-flex-line-pack: center;align-content: center;}
.position_absolute.right{bottom:0;right:0;left:initial;margin:auto;-ms-flex-line-pack: center;align-content: center;}

/* Opener */
.layout_one .opener_content_wrapper .text_wrapper{max-width: 720px;}

.opener_content_wrapper,
.opener_container{width: 100%;}

.opener{width: 100%;}

.opener,
.opener_container{z-index: 5;
    position: relative;}

.opener_container.containing_outside .hero_container_one > *,
.opener_container.containing_outside div.inside_box,
.opener_container.containing_outside .hero_container_one{width: 100%;-webkit-box-flex: 1;-ms-flex: 1 auto;flex: 1 auto;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}

.modgroup_container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}


#place_bottom{max-width: 720px;margin:auto;}

.empty_box{display:none;}

/* iframes */

iframe{width: 100%;height:100%;}

/* container */

.mod_container_wrapper{width:100%;margin:auto;}
.mod_container .mod_container{z-index: 1;}

.grid_container{width: 100%;}

.turn-to_flex_wrapper .grid_container{display: flex!important; flex-wrap: wrap;}

.grid_container.mod_container_wrapper{grid-gap: 0;}

.mod_container_wrapper > .top-layer{z-index:1;}

.mod_container_wrapper{justify-content:center;}

/* Opener */

.inside_box > *{min-width: 150px;width:100%;}

.containing_both_subs .inside_box{-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.containing_both_subs .inside_box > *{-webkit-box-flex:1;-ms-flex:1;flex:1;}

.containing_both_subs.layout_straight .inside_box > * {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    min-width: 100%;
}

/* News */

.fad_blog_article_topic{display: inline-block;}

/* IMG */

/* */

.empty_box{display:none!important;}

.layout_flat.reflect_content.empty_outside .inside_box,
.layout_flat.reflect_content.state_outside_box_empty .ui-card_container_inside{-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}

.layout_three.sub_one-caption-img .sub_one{position: relative;}
.layout_three.sub_one-caption-img .sub_one{padding:0}
.layout_three.sub_one-caption-img .sub_one .caption{position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    display: block!important;
    margin: auto;
    text-align: center;}

.layout_flat .sub_two,
.layout_flat .sub_one{width:100%;}

.layout_three.sub_one-caption-img .sub_one::before{content:"";position: absolute;bottom: 0;left:0;width:100%;height:100%;z-index: 1;}

.containing_outside_box .ui-card_box_one{width: 100%;
    text-align: center;}


.layout_flat.ui-card-single .inside_box > *{-webkit-box-flex:1;-ms-flex:1;flex:1;width:50%;}

.layout_scroll_bar .layout_flat.ui-card-single .inside_box > * {
    min-width: initial;
}

#content_navigation_top{margin:auto;max-width: 1920px;}

#base_content{justify-content: center;}

.grabbing-container a.im_a_child{pointer-events: none!important;}

.layout_type_container_elements,
.mod_blog_newslist_wrapper.scroll_bar.grid,
.mod_blog_newslist_wrapper.scroll_bar{display: flex!important;overflow: hidden;}

.mod_blog_newslist_wrapper.scroll_bar .im_a_child{min-width: 288px!important;}

.state_outside_box_empty .ui-card_box_one{display: none!important;}

.page_box_link{text-decoration:initial;width:100%;}

.split_width.containing_header-img > *{
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.split_width > *{max-width: 50%;-webkit-box-flex:1;-ms-flex:1;flex:1;}

/* Toggle + Ui-Button*/

.toggle,
.toggle .hamburger {cursor:pointer;}

.visible_interaction{animation: breath_surface 4s linear infinite;}

@keyframes breath_surface {
    0%{background-color: rgba(206, 206, 206, 0.46)}
    50%{background-color: rgba(225, 225, 225, 0.14);}
    100%{background-color: rgba(206, 206, 206, 0.46)}
}
.visible_interaction{background-color: rgba(206, 206, 206, 0.46);cursor: pointer;}
.visible_interaction.ui-button:hover{background-color: rgba(225, 225, 225, 0.14);}


.ui-button{width:30px;height: 30px;}
.ui-button{opacity:1;transition: 400ms all linear;}
.ui-button:hover{background-color: #cecece;}
.ui-button{border-radius: 10px;}

.ui-button-standard{max-width: 45px;height: auto;transition: 300ms all linear;}

.ui-button-standard.small{max-width: 25px;height: auto;transition: 300ms all linear;margin:0px 5px;}

.change-ui-button .ui-button-standard{transform: rotate(180deg)}

.toggle,
.close-toggle{display: none;
    cursor: pointer;}

/* Element Caption */

.caption > *{margin:0;}


/* Element Text */

.text_element p:nth-child(1){margin-top:0!important;}

.hide_content{display: none!important;}
.hide_content.make_visible{display: block!important;animation: fade-in-content 300ms linear;transition: 300ms all linear;}
@keyframes fade-in-content {
    0%{opacity: 0;transform: translateY(5px);}
    80%{opacity: 0.5;transform: translateY(-5px);}
    100%{opacity: 1;transform: translateY(0px);}
}

.opener_container .containing_header.containing_text {max-width: 700px;}

.text{
    display: block;
    text-align: initial;
    max-width:100%;
}
.ctab_wrapper,
.date_wrapper{margin:0.25em 0em;}


.caption caption_wrapper h3{padding: 0!important;}

/* MOD FORM */

.form-group{display: grid!important;display: grid!important;grid-template-columns:1fr;grid-template-rows: auto;}

div.form_privacy.form-group{min-width: 100%;width: 100%;}

.form-group label.ControlElement_label {width: 100% !important;padding-right: 0px!important;}

.help_element{display:none!important;}

.fad_button_cancel{display:none;}

input.hasDatepicker {
    min-width: 120px!important;
    height: 47px!important;
    border: 1px solid rgb(198, 198, 198) !important;
    -webkit-box-shadow: initial!important;
    box-shadow: initial!important;
    background-color: rgb(250, 250, 250) !important;
}

.ControlGroup_content .form-group.empty .checkbox_box label.checkbox_label{display: block!important;}

.ControlGroup_content .form-group.empty label{display: none!important;}
.ControlGroup_content .form-group.empty.form_conditions label,
.ControlGroup_content .form-group.empty.form_privacy label{display: none!important;}

.ControlGroup_content .form-group.empty.form_privacy .ControlElement_cell label,
.ControlGroup_content .form-group.empty.form_conditions .ControlElement_cell label {display: block!important;}

.ControlGroup_content .form-group.empty.form_conditions .ControlElement_cell label{display: block!important;}
.ControlGroup_content .form-group.empty.form_privacy .ControlElement_cell  label{display: block!important;}
.ControlGroup_content .form-group.empty.form_anhang .ControlElement_cell label{display: block!important;}

/* mod_gallery */

.create_grid_container .item,
.create_grid_container  span.fad-image-wrapper{height: 100%; overflow: hidden;}

.create_grid_container .item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.3s ease-in-out;
}

.create_grid_container .item:hover img {
    transform: scale(1.05);
}

.grid_layout_container.c_1 img{height: 100%;object-fit: cover;}

.grid_layout_container .fad-image-wrapper{display: flex;}


.grid_layout_container.c_1{flex:2!important;min-width: 240px}
.grid_layout_container.c_1.images_inside_2{flex:1!important;min-width: 100%;}

.grid_layout_container.row_min{flex: 1!important;
    max-width: 240px!important;min-width: 240px!important;}

.grid_layout_container,
.create_grid_container.flex{grid-gap: 15px;}

.images_layout_one.grid_container{display:flex!important;flex-wrap:wrap; }
.images_layout_one.grid_container .item{max-width: 100%}
.images_layout_one.grid_container .c_1 .item{height:100%;}
.images_layout_one.grid_container .c_1 .item img{height: 100%;
    min-height: var(--c1_height);
    object-fit: cover;
    max-height: var(--c1_height);}

.make_visible.image_overview .child_count_2 .item{flex:1!important;}

.image_overview .grid_layout_container.c_full {max-width: 480px;
    min-width: initial!important;
    min-height: initial!important;
    max-height: initial!important;
    flex: 1!important;}

.image_overview .grid_layout_container:not(.c_full) .item{max-width: 240px!important;}

.images_layout_one.grid_container .image_overview .c_1 .item img{min-height: initial;max-height: initial;}
.image_overview .create_grid_container {
    max-width: calc(240px * 2) !important;
}

.image_overview .grid_layout_container.c_rest

.image_overview .grid_layout_container.last_container .item:last-child{max-width: 100% !important;}

.image_overview .top_bar{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0.5em;
    background-color: white;
}

.z-index-100{z-index: 100!important;}

.image_overview{display:none!important;}

.image_overview .close_overlay-page{background-color: black;color:white;padding: 0.5em;}

.image_overview .close_overlay-page svg path{fill:white!important;}

.make_visible.image_overview{display: grid!important;
    grid-template-columns: 100%;
    padding-top:80px!important;
    position: fixed;
    width: 100%;
    max-height: 100vh;
    min-height: 100vh;
    overflow: scroll;
    top: 0;
    left: 0;
    background-color: white!important;
    z-index: 10000;
    grid-gap: 2em;
    padding: 1em;
    justify-content: center;
    justify-items: center;
    align-items: start;
    align-content: start;}



.child_count_c1_1.create_grid_container.grid_container .c_1,
.child_count_c1_1.create_grid_container.grid_container .c_2 {flex:1!important;min-width: initial!important;}

.make_visible.image_overview  .create_grid_container.grid_container {max-width: 740px;
    margin: auto;}

.caption.gallery h2{margin:1em 0em;}

.fad_gallery img {
    -o-object-fit: contain;
    object-fit: contain;}

.layout_flat .item{position: relative;}

.gallery .layout_flat .fad-image-wrapper{display: -ms-grid;display: grid;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    gap: 10px;
    grid-auto-rows: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;}

.ui-datepicker-calendar thead span{font-family: 'Sub-Titles' !important;}

.ui-datepicker-title{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}

.ui-datepicker-year,
.ui-datepicker-month{
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: initial;
    border: 1px solid black;
}

.layout_flat .fad-image-wrapper .image-meta-title{-ms-grid-column: 2;grid-column: 2 / 2;}

.layout_flat  .image-meta-description{
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row-span: 2;
    grid-row: span 2;
}
.slides
.last_image-active::after{display: none;}

.limit_images_active .last_image-active::after{content:"";
display: block;
    background: rgb(0,44,55);
    background: linear-gradient(180deg, rgba(0,44,55,0) 0%, rgba(0,0,0,1) 100%);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
z-index: 0}

.limit_images_active .last_image-active .ctab_wrapper{background-color: white;
    padding: 0.25em;
    max-width: calc(100% - 2em);
    min-width: initial;
    margin: auto!important;
    position: absolute;
    bottom: 1em;
    right: 0;
    top: initial;
    left: initial;
    grid-template-columns: 20px auto!important;
    width: auto;
    z-index: 2;
    grid-gap: .5em;
    align-self: end;
    margin: auto 1em!important;}

.limit_images_active .slider_lightbox_grid .item{cursor:initial!important;}

.layout_lightbox .fad_gallery_wrapper .item{justify-content: center;
    display: flex;
    flex-wrap: wrap;
    justify-items: center;
    overflow: hidden}

.image_overview .create_grid_container.flex {
    justify-content: center;
    max-width: calc(240px * 2 + (15px * 2)) !important;
}

.limit_images_active .slider_lightbox_grid .image_overview .item::before,
.layout_lightbox .fad_gallery_wrapper .item::before{content:"";
position: absolute;
top:0;
    z-index: 1;
    height: 100%;
left: 0;
width: 100%;
background: black;
    display: block;
    transition: 300ms all linear;
opacity:0;}

.last_image-active .ctab_wrapper span{font-size: 14px;}

.limit_images_active .slider_lightbox_grid .image_overview .item{cursor: pointer!important;}

.limit_images_active .slider_lightbox_grid .image_overview .item:hover::before,
.limit_images_active .item.last_image-active:hover::before,
.limit_images_active .item:hover::before,
.layout_lightbox .fad_gallery_wrapper .item.last_image-active:hover::before{opacity:.3;}

.c_1 .item{max-width: 100% !important;}

.slider_lightbox .lightbox_main_wrapper .item  .fad-image-wrapper img,
.item .fad-image-wrapper img{aspect-ratio:var(--aspect-ratio-new);background-color:#FAF9F6!important;display:inline-block!important;}

/* Products */

.fad_erp_product_attributes .form-group.form_layout{-webkit-box-flex:1;-ms-flex:1;flex:1;flex: 1;
    min-width: 50%;
    max-width: 50%;}

.fad_erp_product_attributes .form-group.form_layout > *{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:50%;-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;}

/* default mod */

.card_mode_floating {-webkit-box-shadow: 1.0078125px 0.0234375px 8px rgba(0, 0, 0, 0.47);box-shadow: 1.0078125px 0.0234375px 8px rgba(0, 0, 0, 0.47);}

.ctab_floating_mode{padding:0.5em;text-decoration:initial;color:initial;}

.ctab_link{display: inline-block;}

/* mod_faq */

.fad_question > input+h4::before,
.fad_question > input:checked+h4::before {
    display: none;
}

.fad_question label::after{
    content: "+";
    text-align: left;
    color: white;
    font-size: 20px;
    display: block;
    margin: auto;
    float: right;
    margin-right: 0.5em;
}

.fad_question label{
    width: 100%;
    min-width: 100%;
    display: inline-block;
}


.fad_question > input:checked + h4 label::after{
    content: "-";
    text-align: left;
    color: #0a4754;
    font-size: 20px;
    color: white;
    font-size: 20px;
    display: block;
    margin: auto;
    float: right;
    margin-right: 0.5em;}

.questions{grid-gap: 10px;}

.fad_question > *{
    width: 100%;
    margin: 0;
}

.fad_question > input:checked ~ div {
    opacity: 1;
    transition: 400ms all linear;
    display: initial;
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    height: auto;
}

.open_information .fad_question > input+h4::before{display: none!important;}

.fad_question > input ~ div,
.fad_question > input ~ div .text{opacity: 0;
    display: initial;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    height: 0;}

.open_information .fad_question > input ~ div,
.open_information .fad_question > input ~ div .text {display:block!important;opacity: 1!important;height: auto!important;}

.fad_question p{margin:0.25em 0em;}

/* Adressbox */

.googlemaps_no_link,
.googlemaps_with_link{
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0.25em;
}

.addressLocality::before{content:",";}

.mod_addressbox .img_wrapper img{max-height:150px;width: auto;}

.mod_addressbox a{text-decoration: none!important;color:initial;}

.mod_addressbox.grid{display: grid!important;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-template-areas: "caption""img""text";}
.inside_box{
    display: grid!important;

    grid-template-columns: 100%;
    width: auto!important}

/* Formular */

.fad_button_cancel{display:none!important;}

.error_control{width:100%;}

.ControlElement_cell{display: flex;
    flex-wrap: wrap;
    align-self: center;}

.fad_control{display: flex!important;flex-wrap: wrap;position: relative;}
.error_control textarea,
.error_control input {background-color: rgba(255, 0, 0, 0.06);}

.error_control.error_message {
    font-size: 12px;
    flex: 1 auto;
    min-width: 100%;
}

.error_control input,
.error_control textarea {width: 100%;}

.ControlElement_cell{display: flex!important;
    flex-wrap: wrap!important;}

input,
textarea{
    border: 1px solid;box-shadow: initial;flex: 1 auto;font-size: 16px!important;}

.error_control textarea:focus,
.error_control input:focus{background-color:white;}

.checkbox_box.checkbox-wrapper{
    display: grid!important;
    grid-template-columns: 45px auto;
    align-items: center;
    grid-gap: 10px;
}

.form-ajax-box input[type="radio"],
.form-ajax-box input[type="checkbox"] {
    display: -ms-grid;
    display: grid;
    width: 40px!important;
    place-content: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;    cursor: pointer;
    border-radius: 40px;
    width: 30px;
    height: 40px;
    background-color: white;
    padding: 0!important;
}

.form-group label.ControlElement_label {
    font-weight: bold;
}

.checkmark{list-style: '\2713';}

.form-ajax-box input[type="radio"]::before,
.form-ajax-box input[type="checkbox"]::before {
    display: block;
    content: '\2713';
    font-size: 100%;
    cursor: pointer;
    font-weight: bold;
    background-color: white;
    -webkit-transition: 100ms all linear;
    -o-transition: 100ms all linear;
    transition: 100ms all linear;
    opacity: 0;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
}

.form-ajax-box input[type="radio"]:checked::before,
.form-ajax-box input[type="checkbox"]:checked::before {
    display: block;
    content: '\2713';
    font-size: 100%;
    font-weight: bold;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

#fad_uploadmultiple_anhang_input_label{padding:15px;display: inline-flex;
    margin: auto;
    flex-wrap: wrap;}

#fad_uploadmultiple_anhang_input_label strong,
#fad_uploadmultiple_anhang_input_label span{min-width: 100% !important;}

.ControlGroup_content{
    display: flex!important;
    flex-wrap: wrap!important;
}

.ControlGroup_content,
.ControlGroup_buttons,
.ControlElement_cell,
.ControlGroup_content .form-group{max-width: 100%;flex: 1 auto!important;}

.error_message{color: red;}


input,textarea{cursor: text;outline:none;}

/* input[type='text']{min-height: 150px;} */

/* languages */

ul.language_options,
ul.language{list-style: none;padding:0;margin:0;}

.language{padding:0.5em;}

.language_options{position: absolute;display:none;}

ul.language .current_language{position: relative;}

ul.language .current_language:hover .language_options{display: block;}

.language .current_language .lang_wrapper.current_lang{display: grid;
    grid-template-columns: 45px 15px;
    width: 100%;
    justify-content: center;
    justify-items: center;
    align-items: center;
    padding: 0.25em;}

.lang_wrapper{width:100%;}

.lang_wrapper a.choose_language{display: flex!important;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;}

ul li.choose_language{
    margin: 0.25em;
    display: flex!important;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    min-height: 45px;
}


.language .icon_down{width:15px;}

.language_options{padding: 1em 0em 0em 0em!important;}

.choose_language .lang_wrapper{display: block;text-align: center;}
.choose_language .lang_wrapper svg{margin: auto;}
.language_options{width: 100%;}

#footer .languages{margin:1em 0em;}

#footer .choose_language{grid-gap: 1em;font-size: 14px;}

/* Align */

/* Widths */

/* rating */

.mod_rating_wrapper .webbox,
.mod_rating_wrapper .ControlGroup_content{display: flex;justify-content: center;flex-wrap: wrap}
.mod_rating_wrapper .ControlGroup_buttons{max-width: 300px;}

.mod_rating_wrapper .ControlGroup_buttons,
.mod_rating_wrapper .ControlGroup_content  .form-group{min-width: 100%;flex:1 auto;justify-content:start;align-self:center;}

.mod_rating_wrapper .ControlGroup_content  .form-group textarea{max-width: 576px!important;;}

.rating_wrapper{margin:auto!important;}

.mod_rating_wrapper > *,
.mod_rating .sub_two > * {min-width: 100%;-webkit-box-flex: 1;-ms-flex: 1 auto;flex: 1 auto;text-align: center;}

/* FAQ */

.fad_question{width:100%;}

/* Layouts */

/* surface */


.surface .text_wrapper{padding:0;}

.surface_active{display: inline-grid;
    grid-template-columns: 1fr;
    width: 100%;
    grid-template-rows: 1fr;}


.surface_active .elements_inside_img,
.surface_active .fad-image-wrapper{grid-column: 1;
    grid-row: 1;}

/* grid areas */

.button_container {grid-area: buttons}
.layout_type_container_elements {grid-area: mb_elements;justify-content: center;}

.elements_inside_img{grid-area: elements_inside_img;}
{
    display: grid!important;
    grid-template-columns: 100%;
    grid-template-rows: auto;
}
.caption_text_wrapper{grid-area: caption_text;}


.multiple_elements-img{
    display: grid;
    position: relative;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
}


.multiple_elements-caption{grid-area: caption}
.multiple_elements-text{grid-area: text}


.caption_arrow_wrapper{grid-area: caption_arrow;grid-template-areas: initial!important;
    grid-template-columns: auto 45px!important;
    justify-content: initial;!important;justify-content: initial!important;align-items: center!important;}
.caption_arrow_wrapper .caption{grid-area: initial!important;}

.caption_wrapper,
.caption{grid-area: caption}

.top_img,
.top-img{grid-area:img}
.text_wrapper{grid-area: text}

.container_reveal{grid-area:reveal}

.grid_element,
.grid{display: grid!important;grid-template-columns:1fr;grid-template-rows: auto;grid-template-areas: "img""caption""text";}

.multiple_elements-img{
    display: inline-grid!important;
    grid-template-columns: 1fr!important;
    grid-template-rows: 1fr!important;
    justify-content: center;
    align-content: center;
    justify-items: center;
    align-items: center;
}

.multiple_elements{display:flex!important;
    flex-wrap: wrap!important;
    grid-template-columns: auto!important;
    grid-template-rows: auto!important;
    justify-content: center;
    align-content: center;
    justify-items: center;
    align-items: center;}

.multiple_elements-img > .page_box_image_img,
.multiple_elements-img > .elements_inside_img,
.surface .page-image,
.surface .multiple_elements {grid-column: 1;grid-row: 1;}

.surface .page-image{z-index: -1;}

.multiple_elements > *{width: 100%;min-width: 100%;}
.multiple_elements > .center{width: auto;min-width: 100%;margin: auto;}


.multiple_elements:not(.img_caption_text,.img_caption,.caption_img) > *:nth-child(1n){grid-column: 1;grid-row: 1;}
.multiple_elements:not(.img_caption_text,.img_caption,.caption_img)  > *:nth-child(2n){grid-column: 1;grid-row: 2;}
.multiple_elements:not(.img_caption_text,.img_caption,.caption_img)  > *:nth-child(3n){grid-column: 1;grid-row: 3;}
.multiple_elements:not(.img_caption_text,.img_caption,.caption_img)  > *:nth-child(4n){grid-column: 1;grid-row: 4;}

.caption_img.multiple_elements{max-width:100%;width:100%;grid-template-areas: initial!important;grid-template-columns: 50% 50%!important;}


/* .layout_flat.grid,
.layout_flat .grid{   grid-template-columns: 50% 50%;
    grid-auto-rows: auto}

.layout_straight.grid,
.layout_straight .grid{grid-auto-rows:auto;
    grid-auto-rows:auto;
    grid-template-columns: 100%;
    grid-template-rows: auto;}
 */

/* Straight */

/* Flat */

/* reveal */
#container_reveal {
    position: relative;
    width: 100%;
    height: 100%;
    display: grid;}

#sliderButton{
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    height: 100%;
}

#sliderButton .icon{
    height: 45px;
    width: 45px;
    background-color: white;
    border:1px solid black;
    transform: translate(-50%, 0%);}

.left-image {
    grid-column: 1;
    grid-row: 1;}

.right-image {
    clip-path: inset(0 50% 0 0);
    transition: clip-path 0ms;
    grid-column: 1;
    grid-row: 1;}

#sliderButton::before{content:"";}

#sliderButton {
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    cursor: pointer;
    z-index: 100;
    transition: 0ms all linear;}

.stroke-line{position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 2px;
    background-color: white;
    margin: auto;
    transform: translate(-50%, 0%);
    left: 0;}

#sliderButton .ui-button:hover{background-color: white!important;}

#container_reveal,
#container_reveal img{
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */}

/* Layout_Type */

.multi_box.layout_type_container{
    display: grid!important;
    grid-template-columns: 288px 1fr;
    justify-content: center;
    align-content: center;
    align-items: center;
    justify-items: center;
}
.multi_box.layout_type_container_elements,
.multi_box.layout_type_container{width: auto}

body .multi_box.layout_type_container .layout_type_container_elements > .show_card{display: grid!important;animation: fade-in 300ms linear;}

@keyframes fade-in {
    0%{opacity: 0;transform: translateY(10px)}
    100%{opacity: 1;transform: translateY(0px)}
}

.multi_box.layout_type_container .layout_type_container_elements > *{display: none!important;}

.multi_box.layout_type_container .layout_type_container_elements > *:nth-child(1){display: grid!important;}
.multi_box_active .multi_box.layout_type_container .layout_type_container_elements > *:nth-child(1){display: none!important;}
.multi_box_active .multi_box.layout_type_container .layout_type_container_elements > *:nth-child(1).show_card{display: grid!important;}

.scroll_bar.layout_type_container .layout_type_container_elements{
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important;}


.layout_type_container .layout_type_container_elements .top-layer{-webkit-box-flex: 1;-ms-flex: 1 0 auto;flex: 1 0 auto;}

.lightbox_main_wrapper,
.thumbnail .item,
.grabbing-container a.im_a_child,
.layout_type_container  .text,
.layout_type_container  .caption,
.layout_type_container  .text_wrapper,
.layout_type_container  img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently */
}

/* navigation */

body #navigation ul li{transition: 300ms all linear;}

.visible #navigation .mod_sitemap ul.sub_menu{box-shadow: initial;
    border-radius: initial;
    border:initial!important;
    background-color: rgba(128, 128, 128, 0.11) !important;}

.visible #navigation .mod_container.position_1 .mod_container_wrapper:first-child{padding: 1em;}

.visible li:hover ul.sub_menu,
.visible li:hover ul.sub_menu.first_layer {display: grid;}

.navigation_container{justify-content: space-between;}

.toggle_menu #navigation .element_container{padding:0!important}

#navigation .mod_container.position_1.flex{width:auto}

ul.sub_menu {padding:0!important;}

.visible  ul.menu {width: 100% !important;}

.visible .toggle_sub_menu{
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    background-color: rgba(128, 128, 128, 0.11) !important;
    align-content: center;
}

.visible li.menu .toggle_sub_menu::after{
    content: '\02193';
    color: black;
    margin: auto;
    transition: 300ms all linear;}

.visible li.menu .toggle_sub_menu.open_menu{transform: rotate(180deg);}


.visible li.menu .toggle_sub_menu:hover > .sub_menu{display:block!important;}

.visible ul li ul{padding:0!important;}

.visible li.menu,
.visible span.menu {display: flex;flex-wrap: wrap;}

.visible span.menu{justify-content: space-between;}

#navigation ul li:not(.current_language,.choose_language) {
    background-color: rgba(128, 128, 128, 0.07);
    cursor: pointer;
}


.toggle_sub_menu{cursor:pointer;}

#navigation{z-index: 1000!important;}

section.navigation.modgroup{
    justify-content: flex-end;
}

.visible .nav_bar_main {
    z-index: 10000;
}

.toggle{position: relative;height: 45px;width:45px;cursor: pointer;}

.hamburger{position: absolute;
    width: 30px;
    height: 20px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;}
.stroke{height:2px;width:100%;background-color:black;-webkit-transition: 200ms all linear;-o-transition: 200ms all linear;transition: 200ms all linear;}
.stroke.one{position: absolute;top:0;left:0;}
.stroke.two{position: absolute;top: 50%;
    left: 0;
    transform: translateY(-50%);}
.stroke.three{position: absolute;bottom: 0;left:0;}

.visible .stroke.two{opacity: 0;visibility: hidden;}

.visible .stroke.one{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);bottom:0;
    margin:auto;}

.visible .stroke.three{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top:0;
    margin:auto;}

.scale_up .scale_up_picture.item {
    max-width: 100% !important;
}

.scale_up .scale_up_picture.item{height: 100vh;}
.scale_up .scale_up_picture.item img{width: auto;margin:auto;
    width: 100%;
    object-fit: contain;}

.close{
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1001;
}

.scale_up .top_bar{display: block;}


.scroll_bar .slides,
.scale_up .item{pointer-events: none!important;    scroll-snap-align: start;

}

.scale_up{
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    background-color: white;
    right: 0;
    width: 100%;
    z-index: 101;
    bottom: 0;
    max-width: 100%;
    margin: auto!important;
    padding: 0px;
    display: block;
    overflow: auto;
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}

.scale_up_picture{cursor: zoom-in;}
.scale_up_picture.scale_up{cursor:pointer;}

.scale_up:before{content:"";position: fixed;width: 100vw;height: 100vh;background-color: rgba(255, 255, 255, 0.28);left: 0;right:0;top:0;bottom: 0;}


.scale_up span.fad-image-wrapper{height: 100%!important;}

.scale_up .item span img{height: 100%;width: auto;}

/* lightbox */

/* animation */

.word_container .letter{transition: 200ms all linear;}

.print_single_function span{justify-content: center;align-content: center;}

.print_single_function .letter{opacity: 0;}

/* scroll-animation */

.fade-in{opacity: 0;transition: 400ms all ease-in;}
.item.fade-in{transition-delay: 400ms;}
.fade-in-animation{opacity: 1;}

.fade-in-move-up{opacity: 0;transform: translateY(100px);transition: 400ms all ease-in;}
.item.fade-in-move-up{transition-delay: 400ms;}
.fade-in-move-up-animation{opacity: 1;transform: translateY(0px)}

.fade-in-move-up img.svg{display: none!important;transition-delay: 200ms;}
.fade-in-move-up-animation img.svg{display: block!important;}

.grow-in{opacity: 0;transform: scale(.8);transition: 400ms all ease-in;}
.item.grow-in{transition-delay: 200ms;}
.grow-in-animation{opacity: 1;transform: scale(1);}

.blur-in{opacity: 0;}

/* Track */
.scroll_bar .layout_type_container_elements::-webkit-scrollbar-track {
    background: #f1f1f1;border-radius: 8px;
}

/* Handle */
.scroll_bar .layout_type_container_elements::-webkit-scrollbar-thumb {
    background: #888;
    background: #f1f1f1;border-radius: 8px;
}

/* Handle on hover */
.scroll_bar .layout_type_container_elements::-webkit-scrollbar-thumb:hover {
    background: #555;
    background: #f1f1f1;border-radius: 8px;
}

.mod_container_wrapper .slides{height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;}

body.hidelightbox {overflow: visible;height: auto;}

.ui-button_slider{width: 45px;
    height: 45px;
    min-width: 45px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-content: center;
    justify-content: center;
    justify-items: center;
    align-items: center;}

.bottom_bar{position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 5px;
    z-index: 1000000;}

.top_bar_buttons{display: flex;
    grid-gap: 1em;}

.top_bar {
    top: 8px;
    right: 8px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: white;
    z-index: 100;
}

.openlightbox .lightbox_main_wrapper{display: grid!important;}
.hidelightbox .lightbox_main_wrapper{display: none!important;}

#hide{display: none!important;}

.thumbnail_wrapper{margin:0!important;padding:0!important;}

.thumbnail_warpper_wrapper{grid-gap:1em;}
.item_thumbnail {width: 80px;height: 80px;padding:5px;min-width: 80px;
    cursor:pointer;}
.item_thumbnail.active {width: 80px;height: 80px;border:1px solid black;}

.number {font-size: 14px}
.ui-button_slider{transition: 200ms all linear;}
.ui-button_slider:hover{background-color: #cecece;}


.ui-button_slider.active{background-color: #cecece;}

.thumbnail_wrapper{display: none!important;}

.slides .ctab_wrapper{display: none!important;}

.open_thumbnail .thumbnail_wrapper{display: block!important;}

.slider_lightbox_grid .lightbox_main_wrapper .thumbnail_warpper_wrapper .item img{width:90px;height:90px!important;}

.fad_gallery_wrapper .slides .item {display: flex;
    flex-wrap: wrap;}