/*
body { background: linear-gradient(30deg, #7a2267, #411c4a); }
.homepage-tile-inner { text-align: center; font-size: 12px; font-weight: bold; margin-bottom: 2em; }
.modal-content { background: #dedede; color: #333333; }
.article-image img { max-width: 100%; margin: auto; }
.article-teaser { margin: 4em 1em 1em 1em; border-bottom: 2px solid var(--c2); }
#footer { color: white; font-size: 12px; }
.website-footer { text-align: center; padding: 1em; max-width: 600px; margin: auto; }
.pointer { text-shadow: 1px 1px 2px #00000066; }
.hometile img { height: 150px; width: 150px; display: block; object-fit: contain; }
.catalogitem { margin: 1em auto; background: var(--c5); color: white; border: 1px solid black; }
.catalogitem:hover { background: radial-gradient(circle at center, var(--c5), black); }
.product-listing-img { width: 25vw; height: 25vh; object-fit: contain; background: black; }
#mainproductimage { width: 100%; }
.product-title { font-size: 1.7em; border-bottom: 1px solid var(--c5); }
.mybid { color: green; font-weight: bold; }
.bidbtn { display: inline-block; background: white; color: var(--c5); font-size: 14px; border-radius: 3px; border: 1px solid #333333; margin: 3px; }
#fulltop-inner .article-teaser { margin-top: 2em; }
.normal-content { margin-bottom: 4em; }
#inlinecart * { color: white !important }
.slick-slide-img { width: 100%; height: 80vh; object-fit: contain; }
.microklima-paypal-button { background: #ffffff99; }
*/

body.product-detail { background: linear-gradient(30deg, var(--c5), transparent); color: #333333; } 
.article-teaser { margin: 4em 1em 1em 1em; border-bottom: 2px solid var(--c2); }
.catalogitems .catalogitem { margin: 10px auto; padding: 10px; background: var(--c5); color: var(--c2) !important; border-radius: 0 30px 0 0; }
.catalogitem:hover { background: linear-gradient(90deg, var(--c5), #00000022); }
.catalogitems .product-img { width: 30vw; max-width: 200px; border-radius: 0 0 0 20px; border-right: 4px solid var(--c2); }
.catalogitemprice, #buyNowLink { display: inline-block; font-size: 1.2em; background: white; color: var(--c2); padding: 10px; margin: 10px auto; border-radius: 5px; }
#buyNowLink:hover { background: linear-gradient(30deg, var(--c1), white); }
.product-title { display: block; margin: 1em auto; font-size: 1.3em; font-weight: 900; }
.product-cta { font-size: 1.4em; font-weight: bold; color: var(--c5); text-tranform: uppercase; }
.product-prevnext { margin-bottom: 4em; }
.product-stage { max-width: 900px; background: #ffffff33; margin: auto; padding: 1em; }
@media screen and (min-width: 1000px) { .product-stage { padding: 100px; } }
.slick-slide-img { border-radius: 20px; box-shadow: 1px 1px 3px #00000033; }
.form-control { background: #ffffff44; }
#footer { margin-top: 100px; color: white; }
#inlinecarttxt, #footer .section-links a { display: inline-block; margin: -10px auto; padding: 5px; border-radius: 4px; color: white; background: var(--c5); box-shadow: 0px 0px 4px white; }


.well, .panel { background-color: #00000033; }
.panel-default>.panel-heading { background-image: none; background: #00000010; color: #c2c2c2; }

.slick-slide-img img { width: 100%; max-height: 80vh; object-fit: contain; }

.slash-me-picture { border: 3px solid var(--c5); box-shadow: 2px 2px 4px #33333399; }

.admin-menu { font-size: 11px; }
.admin-menu-section { margin: 7px auto; padding: 7px; background-color: #00000033; }
.admin-menu-link { display: inline-block; margin: 2px; padding: 7px; background: #00000033; }

#header-div { text-transform: uppercase; color: #9e9e9e; text-align: center; font-size: 10px; padding: 1em; }
#navigation-div { text-align: center; }
a:hover { text-decoration: none; }
.ajaxlink:hover { color: red; }
label { font-size: 0.8em; }
legend { color: white; }
.modal-header { background: var(--c5); color: white; }
.modal-content { background-color: var(--c1); }
.navbardynamiclink , .pointer, .modalclose { display: inline-block; border-radius: 3px; color: var(--c2); }
.navbardynamiclink, .nav a { background: #00000033; color: rgb(255, 255, 255); border: 1px solid var(--c5); border-radius: 2px; margin: 2px; padding: 5px; }
.nav a:hover { animation: fade-link 1s 1; }
.navbar-collapse { padding-left: 0px; }
.important { background-color: black; color: white; }
.cursor-pointer { cursor: pointer; }
.prevnext-links { margin: 20px auto; }  
.ajaxprevnext { padding: 5px; font-size: 0.8em; }
.bigspace { padding: 4em 0px; }
.whitebg { background: white; }
.big-button, .pointer, .ajaxprevnext { cursor: pointer; }
.pointer { padding: 4px 8px; }
.pointer:hover { color: var(--c4); }
.big-button:hover, .ajaxprevnext:hover { color: white; background: black; }
.big-button { display: block; border: 1px solid #cccccc; color: black; background: white; border-radius: 2px; font-size: 1.2em; padding: 1em; }
.notification-item { border: 1px solid #4d4b4b; padding: 4px; margin: 3px; display: inline-block; }
#footer { background: var(--c5); }
.website-footer { padding: 30px 0 10px 0; font-size: 0.8em; }
.gradient1 { background: radial-gradient(#444444, #555555); }
.roundimg { border: 3px solid #cccccc; box-shadow: 0px 0px 22px #999999; }

.homepageelement .intro { margin: 2em auto 1em auto; }
#dacontainer.container { margin-top: 20px; }

.homepage-website-description { margin: 2em auto; }

.homepage-tile-img { width: 100%; height: 220px; object-fit: contain; }

.homepage-tiles-title-only a { display: block; margin: 5px 0px; padding: 1em; text-align: center; background: white; border-radius: 1em; }
.homepage-tiles-title-only a:hover { background: var(--c5); color: #131313; }
.homepage-tiles-intro { padding: 1em; }

select.form-control, input.form-control, textarea.form-control { background: none; color: var(--c2); }


.paginator-link { color: white; display: inline-block; pading: 5px; margin: 4px 7px; }
.sticky-note { font-weight: 700; color: black; background: linear-gradient(#EAED7FFF, #EAED7F33); }
.verticalSectionLinkToArticle { text-transform: uppercase; }
.verticalsectionIntro { margin-top: 2em; }
.verticalsectionTxt { padding-top: 2em; }
.verticalsectionTitle { font-weight: 700; }
.verticalSectionLinkToArticle { font-size: 1.4em; }

.navigation-section { margin: 1em auto; color: #777777; }
.listing-section-title { margin: 2em auto 0.5em auto; font-weight: bold; }
.navigation-page, .tabs-navigation-page { display: block; border-radius: 4px; margin: 10px 0; padding: 0.5em 1em; color: #ffffff; background: var(--c5); border: 1px solid #33333399; }
.tab-pane { padding: 10px; background-color: white; }
.nav-tabs { border-bottom: none; margin-top: -3px; }
.nav-tabs li a { font-size: 12px; background-color: #33333399; color: white; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background-color: #333333dd; color: white; border: 2px solid var(--c5); }

@media screen and (max-width: 768px) {
    /*.navigation-page, .tabs-navigation-page { display: block; margin: 3px auto; }*/
    .nav-tabs li a { padding: 3px; }
}


.listing-section-description { margin: 1em auto; }

.product-listing-img { max-width: 400px; }

.article-title {  }
.article-teaser { margin: 4em 1em 1em 1em; border-bottom: 2px solid var(--c2); }
.article-images { margin: 10px auto; }
.article-body { margin: 1em auto; }
.active-notification { animation: flashred 1s infinite; }
@keyframes flashred { from { color: var(--c2); } to { color: red; } }

.carousel-control { color: var(--c5); }

#mainNavigation .pointer { padding: 1em; background-color: #ffffff7, 87, 87); color: black; }
.text-muted { font-size: 0.8em; font-weight: 200; }
.upload-title { font-weight: bold; margin: 1em auto; }
#ui-datepicker-div { background: white; color: black; }

.fullwidth-homepage-image-with-text { position: relative; text-align: center; width: 100%; height: 80vh; background-size: cover; background-position: left; background-repeat: no-repeat; background-color: white; }
.fullwidth-homepage-image-some-text { font-size: 2em; color: white; }
.fullwidth-homepage-slideshow-txt { transform: translate(-50%, 0%); position: absolute; display: block; top: 10%; left: 50%; margin: 0; text-align: center; }

.dropdown-menu { background-color: var(--c5); }
.dropdown-menu li a { padding: 0.7em; }

.size-txt { display: block; line-height: 1.1em; }

.diaporama-btn { display: inline-block; padding: 1em; border-radius: 8px; border: 1px solid var(--c5); color: var(--c5); background: var(--c1); margin: 1em auto; }

p { margin: 0 auto 1em auto; }

.notmuchtosee { animation: notmuch 8s; animation-iteration-count: infinite; }
@keyframes notmuch {
    0%   { background: var(--c1); }
    50%  { background: black; }
    100% { background: var(--c1); }
}

.ontop { border: 1px solid black; position: relative; top: -10px; box-shadow: 0px -2px 4px #00000066; background: white; }
.admin-toolbar { background: #00000066; font-size: 12px; padding: 1em; }
.dtp-buttons { color: var(--c5); /* datepicker buttons */ }
.article-slider-root { margin: 4em auto; min-height: 1000px; }

#navigation-menu { animation: fade-nav 1s 1; }
.navigation-page:hover, .tabs-navigation-page:hover, .homepage-tiles-title-only a:hover { animation: fade-link 1s 1; }
.slick-slide-link a { display: inline-block; background: white; padding: 1em; font-weight: bold; margin-top: 1em; }
.sclick-slide-link a:hover { animation: fade-link 1s 1; }
@keyframes fade-nav { from { background-color: black; } to { background-color: var(--c5); } }
@keyframes fade-link { from { background-color: #00000033; } to { background-color: var(--c5); } }