/* ========== START – OST ADAPTION LGBF */


body {
    line-height: 1.5;
    font-weight: 400;
}

.hidden { display: none !important; }

/* fix */

.widget_pagebuilder_imgtext2col.textabove .content { overflow: visible; }

#contentBox { min-height: 100vh; }
#homelinkBox img {
     margin-bottom:-45px;  /* logo overlap */ }

#topBox.small #mainHeaderBox,
#mainHeaderBox { padding-bottom: 0px; }
#mainnavBox a span,
#mainsubnavBox a span  { border-bottom:4px solid transparent;}

#mainnavBox a span:hover,
#mainsubnavBox a span:hover,
#mainnavBox a.selected span,
#mainsubnavBox a.selected span,
body.inshop #mainnavBox .item3.approved a span {border-bottom-color:#ff392f;}



.mainpage #breadcrumbBox { background-color: transparent; }

#mainHeaderSubanvBox { text-align: right; }
#mainsubnavBox, #shopnavAddition { display: inline-flex; }

#mainsubnavBox { display: flex; }
/*
#mainsubnavBox > *:not(.shopfilter){ flex: 1 0 auto; } */
#mainsubnavBox > .barSubnav { flex-grow: 1; }


#shopswitch { padding-left: 150px; }

#mainsubnavBox #shopswitch a,
#sm_searchfield .shopswitch a { padding-left: 0px; padding-right: 0.6em; }
#mainsubnavBox #shopswitch a span,
#sm_searchfield .shopswitch a span {
    padding: 0.6em 1em;
    border:2px solid #ff392f;
}
#sm_searchfield .shopswitch a { text-decoration: none; }
#sm_searchfield .shopswitch ul { list-style: none; padding-left: 0px;}
#sm_searchfield .shopswitch ul li {  display: inline-block;}

#sm_searchfield > #mobshopswitch { text-align: left; }

#sm_searchfield > #mobshopswitch,
#sm_searchfield > .searchfilterouter
 { display: inline-block; width: 48%; }
#sm_searchfield .searchfilterouter { width: calc(100%-45px); }

#mainsubnavBox #shopswitch a.selected span,
#sm_searchfield .shopswitch a.selected span {
    background-color: #ff392f;
    color: #fff;
}

#mobileSidebarBox .shoplistNav:before { content: 'Shop'; color: #fff; display: block; padding: 10px 10px 0px 0px; text-transform: uppercase; font-size: 2.0rem; letter-spacing: 0.5rem; }
#mobileSidebarBox .shoplistNav { background-color: #000; padding: 0px 10px 30px 10px; margin: 50px 15px 0px 0px; transform: rotate(-2deg) scale(0.96); }
#mobileSidebarBox .shoplistNav a { color: #fff; }

#mobileSidebarBox .shopswitch { padding: 20px 0px 30px 0px; }
#mobileSidebarBox .shopswitch ul { padding: 0; margin: 0; list-style: none; }
#mobileSidebarBox .shopswitch li { display: inline-block; }
#mobileSidebarBox .shopswitch a { padding-left: 0px; padding-right: 0.6em; text-decoration: none; }
#mobileSidebarBox .shopswitch a span { padding: 0.6em 1em; border:2px solid #ff392f; }
#mobileSidebarBox .shopswitch a.selected span { background-color: #ff392f; color: #fff; }

#mobileSidebarBox .shoplistNav .treeMobile { border-top: 0 !important; }

.cartsummary { padding: 0; }

.cartSidebar .cartRow .itemImage .itemImageHolder { width: 100px; height: 100px; }


#openingHeader {
    line-height: 1.2;
    text-align: left ;
}

#topBox.small #homelinkBox a,
#homelinkBox a,
#homelinkBox {
    width: 150px;
}

.socialicons > a { margin-right:10px;}

/* Navs */
a.linelink,
.widget_pagebuilder_listmenu a {
text-decoration: none;
display:table;
font-weight:700;
border-bottom-color: #000000;
border-bottom-width:2px;
border-bottom-style: solid;
padding:4px 0px 1px;}

a.linelink:hover,
.widget_pagebuilder_listmenu a:hover {
border-bottom-color: transparent; }

a.linelink.artist:hover { color:#ff392f !important; }

/* Nav – Shop */
#mainHeaderSubanvBox {
    background-color: black;
    padding: 1em 0;
    }

#mainHeaderSubanvBox > * {
    display: ;
}

    .barSubnav ul {
        list-style: none;
        margin: 0px 0px 0px auto;
        padding: 0px;
        display: table;
    }
    .barSubnav ul li {
        display: table-cell;
        position: relative;
         }
    .barSubnav a {
        display: block;
        padding: 15px 10px 15px 10px;
        color: #ffffff;
        text-decoration: none;
        position: relative;
        text-align: center;
        }


/* Slider */
.widget_pagebuilder_slider .widgetSlide .sliderArrow { display:none;}
.widget_pagebuilder_slider .widgetSlide .item .content .text { text-shadow:none;}
.widget_pagebuilder_slider .widgetSlide .sliderPagination .swiper-pagination-bullet {
  border-radius:0%;
  width:15px;
  height:15px;
  background-color:#ffffff;}

.widget_pagebuilder_slider .widgetSlide .sliderPagination {
    top:auto;
      bottom: 20px;
}

.swiper-pagination-bullet {
  border-radius:0%;
  width:15px;
  height:15px;
  background-color:#ffffff;
  margin-left: 5px; }

.sliderPagination {
    top:auto;
      bottom: 10px;
    position: absolute;
    right: 10px;
    left: auto;
    width: auto;
    z-index: 4;
}

/* TYPO */

.fs2 { font-size: 2.0rem; line-height: 2.2rem; }
.fs3 { font-size: 3.0rem; line-height: 3.2rem; }
.fs4 { font-size: 4.0rem; line-height: 4.2rem; }

a.clear,
h1 > a , h2 > a, h3 > a,
a .modTitle, a .modSubTitle { text-decoration: none; }

ul.clear {
    list-style: none;
    padding-left: 0px;
}
.modSubTitle { opacity: 1; }

h1 > a:hover , h2 > a:hover, h3 > a:hover,
a:hover .modTitle, a:hover .modSubTitle
{ color: #ff392f; }

.caps { text-transform: uppercase; }
.h1 { font-size: 4rem; line-height: 4.3rem; }

h1 .modTitle, h1 .modSubTitle,
h2 .modTitle, h2 .modSubTitle,
h3 .modTitle, h3 .modSubTitle { padding-bottom: 0px; }


h1 .modTitle, h1 .modSubTitle { font-size:4rem; line-height:4.3rem; }
h2 .modTitle, h2 .modSubTitle { font-size:3rem; line-height:3.5rem; }
h3 .modTitle, h3 .modSubTitle { font-size:2.5rem; line-height:3rem; }

.listCurrentExhibition {
    color: #ffffff;
}

.squarethumb {
    padding-bottom: 100%;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

}
.openerimage {
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 450px;

}
/* ARTIST */

.artists.listContent {
    position: absolute;
    left: 00px;
    bottom: -10px;
    width: 100%; height: auto;
    text-align: center;
    }

.artists.listContent > * {
    color: white;
    /* width: 50%; */
    margin: 0 auto;
    display: table;
    max-width: 80%;
    width: auto;
    background-color: black;
    padding: 10px; }



/* SHOP */

.shop .price {
text-align: right;
padding: 0px;
}

.shopList .listContent {
    /* background-color: #f4f4f4;

    border:2px solid #f4f4f4;  */
    padding: 2em 0;
}

.shop_detail_imgwrapper {
    height: 50vh;
    margin-bottom: 2em;
}

.shop_list_imgwrapper {
    height: 240px;
    margin-bottom: .8em;
}

.firstSection .shop_list_imgwrapper { height: 340px; }

.shop_list_artist { font-size:120%;}
.shop_list_title { font-size:100%;}

/*
.firstSection .shop_list_imgwrapper {
    height: 500px;
}
*/

.shop_detail_imgwrapper img,
.shop_list_imgwrapper img {
    display: block;
    max-height:96% ;
    height: auto;
    width: auto;
    max-width: 96% ;
    margin: auto;
}


.mesureen { opacity: 0.8; font-style: oblique; }

.shop_list_imgwrapper.bookhover > * + * { display: none; }

.shop_list_imgwrapper.bookhover:hover > * { display: none; }
.shop_list_imgwrapper.bookhover:hover > * + * { display: block; }

.shopDetail .shopGallery .shopImage .shop_detail_imgwrapper { background-color: white; }

.shopDetail .shopGallery .shopImage .shop_detail_imgwrapper img,
.shopDetail .shopGallery .shopImage img {
    height: auto;
    width: auto;
    border: none;
}

.shopDetail .actualPrice { line-height: 1.2; }


.list.shopList > [class*="col-"] > .listContent, .list.shopList > .swgridFlex > .swgridFlexItem { min-height: 435px; }

/*
.shopDetail .shopGallery .shopImage a.imgLoaded.active { opacity: 1; }
.shopDetail .shopGallery .shopImage a.imgLoaded { opacity: 1;}
*/
/* show filler ? */
.shopDetail .shopGallery .shopImage .fillerImage { opacity: 1; }

.shopDetail .shopGallery .shopImage .imgholder:before {
    text-shadow: none;
    color: #747474;
}

.shopDetail .shopGallery .shopSlider .item a.active { margin: 0;}

.shopDetail[min-width~='600px'] .shopDetailWrapper.hasShopGallery .shopGallery, .shopDetail[min-width~='600px'] .shopDetailWrapper.hasShopGallery .shopInfo { width: 100%; }

.shopitem_tagwrapper {}

.shopDetail .shopitem_tagwrapper .caps.shopitem_tag { margin-right: 5px; }
.shopDetail .shopitem_tagwrapper .caps.shopitem_tag a { font-size: 102.5%; }

.shopitem_tagwrapper {

}


.shopitem_tag {
    display: inline-table;
    border: 1px solid #000000;
    padding: 3px 3px 2px;
    font-size: 1rem;
    line-height: 1.3rem;
    letter-spacing: 0.1rem;
    margin-bottom: 0.15rem;
    margin-top: 0.5em;
    }


.shopDetailWrapper .shopitem_tagwrapper {
    position: absolute;
    right: 30px;
    bottom:2em;

    position: relative;
    right: auto; bottom: auto;

    padding-top: 1em; }

.shopDetailWrapper .shopitem_tag { font-size: 1.3rem; padding: 5px 5px 4px; clear: both; margin-top: 0px;  }


.shopDetailWrapper .shopitem_tag { display: table;}


.shop_detail_addinfo ul {
    list-style: none;
    padding-left: 0px;
    color: #8f8f8f;
    margin: 0px;
}

.shop_detail_addinfo ul li {
    margin-bottom: 8px;
}


.list .price span { font-weight: normal; }

.list .price span,
.shop_list_artdesc {
    font-size: 1.2rem;
    line-height: 1.4rem;
}

.shop_list_artdesc {
    padding: 0px 15px;
}

.shop_list_artdesc .row {
    margin-left: 0;
    margin-right: 0;
}

.shop_list_artdesc [class*="col-"] {
    padding: 0;
}

.shoplist_itemlinks > *, .shopfilter {
    display: inline-block;
    margin-left: .5rem;
    vertical-align: top;
}

.shopaction_anfrage,
.shopfilter > i,
#shopaction_user > i,
[class*="shopaction"] > i {
    display: inline-block;
    width:  2.5rem;
    height: 2.5rem;
    margin-left: .5rem;
    opacity: 0.6;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    vertical-align: middle;
}

[class*="shopaction"] > span {
    display: inline-block;
    vertical-align: middle;
}

.shopfilter.xl,
[class*="shopaction"].xl {
    width:  4.2rem;
    height: 4.2rem;
}
.shopfilter.xl,
[class*="shopaction"].l  {
    width:  3.2rem;
    height: 3.2rem;

}


[class*="shopaction"]:hover > i,
#shopaction_user:hover > i {
    opacity: 1;
}
#shopaction_user {
     padding-top: 10px;
}

#shopaction_user > i {
    background-image: url(../../images/ostui_user.svg);
}

.shopaction_view > i {
    background-image: url(../../images/ostui_view.svg);
}

.shopaction_wish > i {
    background-image: url(../../images/ostui_wish.svg);

}
.addToCart .button i::before {
    content: ' ';
}

.addToCart .button i,
.cartSidebarToggler::before,
.cartSidebarToggler:before {
    background-image: url(../../images/ostui_cart_w.svg);
    width:  3.0rem;
    height: 3.0rem;
    content: ' ' !important;
    margin: 5px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.addToCart .button i {
    display: block;
    width:  2.5rem;
    height: 2.5rem;
    margin: 1px;
}

.shopaction_tocart > i {
    background-image: url(../../images/ostui_cart.svg);
}

/** FILTER **/
.shopfilter {
    height: 2rem;
    opacity: 1;
    vertical-align: middle;
    padding: 15px 0;
}

.shopfilter > i {
    background-image: url(../../images/ostui_filter.svg);
    opacity: 1;
}

.shopfilter.on > i {
    background-image: url(../../images/ostui_close-w.svg);
}

.searchfilter_wrapper {
    /*
    position: fixed;
    top:0px;
    left: 0px;
    */
    position: relative;
    width: 100%;
    background-color: ;
    color: white;

    transition: all 0.4s ease-in-out;
    padding-left: 10px;
    padding-right: 10px;
    }

#mainHeaderSubanvBox .searchfilter_wrapper { text-align: left; }

.searchfilter_wrapper.off {
    opacity: 0;

    }
.searchfilter_wrapper.on  {
    opacity: 1;
    }


.searchfilter_wrapper form input[type="submit"] {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 30px;
    height: 30px;
}

.searchfilter_wrapper form input[type="text"],
.searchfilter_wrapper form select {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 38px;
    height: 38px;
}

.searchfilter_wrapper form input[type="text"] { padding: 10px; }

input:focus, input:active {outline: none; }

.searchfilter_wrapper form input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #aaaaaa;
}
.searchfilter_wrapper form input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: #aaaaaa;
}
.searchfilter_wrapper form input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #aaaaaa;
}
.searchfilter_wrapper form input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #aaaaaa;
}

.searchfilter_wrapper form input[type="text"] {
    display: block;
    width: calc(100% - 215px);
    margin-left: 215px;
    padding-right: 100px;
    color: white;
    background-color: #282828;
    border: none;
}
.searchfilter_wrapper form select {
    background-color: #282828;
    position: absolute;
    left: 0px;
    width: 200px;
    border: 0;
    color: #ffffff;
    padding-right: 30px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.046' height='9.857' viewBox='0 0 14.046 9.857'%3E%3Cpath fill='%23ffffff' d='M7.022 9.857l7.024-9.857h-14.046z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px top 50%;
    background-size: 10px auto;
}
.searchfilter_wrapper form select option {
    color: #ffffff;
}
.searchfilter_wrapper form input[type="submit"] {
    background-color: #ff392f;
    position: absolute; right: 0px; top:5px;
    display: table;
    width: auto;
    }

.searchfilter_wrapper form label {
    display: block;
    margin-bottom: 5px;
}

.searchfilter_wrapper form input#filterSubmit { font-size: 100%; margin-top: 26px; }

.searchfilter_wrapper form input::placeholder { color: #737373; }

.searchfilter_wrapper {  }
.searchfilter_wrapper.on { }

a { cursor: pointer; }

.sortlist {
    padding-bottom: 10px; margin-bottom: 20px;
    border-bottom:1px solid #aaaaaa;
    color: #aaaaaa;
    text-align: right;
}

.sorttitle { float: left; }

.sortbox {
    font-size: 90%;
    text-align: right;
    padding-left: 20px;
    display: inline-block;	 }

.sort_down, .sort_up {
    width: 0px; height: 0px;
    display: inline-block;
}

.sort_up {
       border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-bottom: 10px solid #aaaaaa;
} .sort_up:hover, .sort_up.active { border-bottom-color: #ff392f;}

.sortlist > .active { color: #ff392f; }

.sort_down {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #aaaaaa;
    } .sort_down:hover, .sort_down.active { border-top-color: #ff392f;}

.shopaction_tocart {
    background-color: transparent !important;
    margin-left: 0px;
    padding: 0px;
}



.shopaction_tocart:after {
}

.cartSidebarToggler {
    background-color: #ff392f !important;
    }


.shop.addToCart { padding: 0px; margin: 0; }
.addToCart .swTable.tableAddToCart { margin: 0; }

.shopDetail.ost .shop.addToCart > div {
    display: inline-block;
    text-align: right;
    }

.shopDetail.ost .shop.addToCart > .price {
    margin-right: 0em;
    margin-top: 0.5em;
}

.shopDetail.ost .shopitem_tagwrapper { text-align: left; }


.shopList .contentSection {
    margin-bottom: 2em;
}

.shopaction_tocart_w > i {
    opacity: 1;
    background-image: url(../../images/ostui_cart_w.svg);
    margin-bottom: -5px;
}


.shopaction_anfrage {
    background-image: url(../../images/ostui_anfrage.svg);
}

#kontaktanfrage,
#werkanfrage { transition: opacity 0.6s ease-in-out;}

#kontaktanfrage,
#werkanfrage {
    position: fixed;
    top: 100vh;
    opacity: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.5);


    z-index: 100;

    /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;


     }
     #kontaktanfrage > *,
     #werkanfrage > * {
         width: 400px; padding: 1em;
         color: black;
         margin: 0 auto;
         background-color: white;
         } #kontaktanfrage form, #werkanfrage form { margin-bottom: 0px; }

         #kontaktanfrage form textarea,
         #werkanfrage form textarea {
             resize:none;
             overflow-y: scroll;
             height: 80px;
         }

#kontaktanfrage.on,
#werkanfrage.on {
    top: 0px;
    opacity: 1;
    }

    .btn_closeform {
        display: block; float: right;
        text-decoration: none;
        cursor: pointer;
    }
    .btn_closeform:before {
        content: '\f00d';
                font-family: FontAwesome;
            font-size: 16px;
            color: #3e3e40;
            font-weight: 400;
    }






/* –– onblack */
.onblack .widget_pagebuilder_listmenu a {
color:#ffffff;
border-bottom-color: #ffffff;
}

.vcenter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        }

    .flex-row {
        display: flex;
        flex-wrap: wrap;
    }
    .flex-row > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }
    .flex-row.row:after,
    .flex-row.row:before {
        display: flex;
    }
/* Page Styles */


/* SLIDER */
.swiper-slide.islink:hover {
    opacity: 1;
}

/** == TEAM **/

.team_wrapper .widgetItemTitle {
    font-size: 2.0rem;
    line-height: 2.2rem;
}
/** Update 21.1.2019 **/
.temfixnav > * {
position:fixed;
background-color:white;
padding-left:20px;
  z-index:50; }

.home_introslide .widget_pagebuilder_slider
.widgetSlide .item.swiper-slide { background-position: center top !important; }

.widget_slide_withthumbs {
    /*
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        */
}

.fakepag:hover,
.fakepag.active {
    color: #ff392f !important;
}


.widget_slide_withthumbs .swiper-slide .content { padding-right: 20px; padding-top: 0px !important;}
.widget_slide_withthumbs .swiper-slide .content .swslang {
    text-align: right;
    display: inline-table;
    background-color: black;
    color: white;
    padding: 5px 8px;
    }



.impression_accord .ui-accordion .ui-accordion-header .ui-icon { top:20px;}
.impression_accord .ui-accordion-header:not([id*='-header-0']) { line-height:1.3;}
.impression_accord .widget_item:after {
  border-left: 1px solid black;
    content: ' ';
    display: block;
    height: 150px;
    position: absolute;
    left: -50%; }

.bordered_left { border-left:1px solid black;}

.ostexhib_archive { min-height:130px; padding-bottom:20px;}


.hasLangNav #mainnavBox {
width: calc(100% - 60px);
}

.cartSidebar .sumBox .sum .value,
.cartSidebar .cartRow .itemTitle .itemSum .itemValue { color:#4c4c4c !important ;}


@media screen and (max-width: 767px) { /* xs - MOBILE */
    #homelinkBox img {  height: 80px !important; width: 80px !important; }
    .home_introslide .swiper-slide { height: 80vh !important; }

    .searchfilter_wrapper form select {
        background-color: #dcdcdc;
        color: #000000;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.046' height='9.857' viewBox='0 0 14.046 9.857'%3E%3Cpath fill='%23000000' d='M7.022 9.857l7.024-9.857h-14.046z'/%3E%3C/svg%3E");
        width: calc(50% - 8px);
    }

    .searchfilter_wrapper form select option {
        color: #000000;
    }

    .searchfilter_wrapper form input[type="text"] {
        margin-left: 50%;
        width: calc(50% - 8px);
    }

    .searchfilter_wrapper form input[type="submit"] {
        right: 8px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) { /* sm - TABLET */
    .searchfilter_wrapper form select {
        background-color: #dcdcdc;
        color: #000000;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.046' height='9.857' viewBox='0 0 14.046 9.857'%3E%3Cpath fill='%23000000' d='M7.022 9.857l7.024-9.857h-14.046z'/%3E%3C/svg%3E");
    }
    .searchfilter_wrapper form select option {
        color: #000000;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {} /* md - DESKTOP */


@media screen and (min-width: 1200px) {}/* lg - DESKTOP LARGE */


@media (max-width: 991px) {
    #openingHeader {
        text-align: right;
        padding-bottom: 10px;
        margin-top: -10px;
    }
    .firstSection .shop_list_imgwrapper { height: 240px; }
}

/* ========== END – OST ADAPTION – LGBF */
