.landing .ModHeaderafbeeldingC { position: relative; height: 400px; overflow: hidden; }
.landing .ModHeaderafbeeldingC:after { content: ""; position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 1; background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, #060407 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, #060407 100%); background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, #060407 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#060407",GradientType=1 ); }
.landing .ModHeaderafbeeldingC h2 { display: none; position: absolute; color: #fff; z-index: 2; top: 60%; text-align: center; width: 100%; text-align: center; }

.landing .color { background-color: #f7f2eb; padding: 35px 0; font-size: 18pt; }
.landing .color p { font-size: 18pt !important; }
.landing .color p:last-child { margin-bottom: 0; }

.landing .content-main .DnnModule { padding: 40px 0; }

.quote { background-color: #c59b47; color: #fff; padding: 20px; border-radius: 10px; margin-right: 15px; }
.quote p { color: #fff; font-size: 14pt; }
.quote p em { color: rgba(255,255,255,0.6); }

/*
<div style="background: url('/portals/0/huib-quote.png') 0% 0% / cover; border-radius: 5px; color: #ffffff;" >
<div style="background-color: rgba(197, 155, 71, 0.75); padding: 25px; color: #ffffff; border-radius: 5px;" >
*/

.Normal ul { padding-left: 20px; list-style: url(/Portals/0/Skins/FSQ/bullet.png) outside !important; }

.dnnModuleManager.dnnSortable { min-height: 70px !important; border-color: #c59b47; }

.shop-blocks .container-fluid .col-md-12 { position: relative; overflow: hidden; }

body:not(.dnnEditState) .DNNEmptyPane { display: none; }
#header .DNNEmptyPane { display: block; }

.black .sub-template { background-color: #000; }
.black .sub-template .main-container .main-inner-content { background-color: #000; color: #fff; }
.black .round-btn { border-color: #fff; color: #fff; }

.black h1, .black h2, .black h3, .black h4, .black h5, .black ul li, .black a, .black a:visited, .black a:hover, .black p,
.black .assorti .aFilter .aTotalTitle { color: #fff; }
.black .assorti .aSummaryPages a { background-color: rgba(255,255,255,0.2); }
.black .assorti .aSummary .aSortiSummary .assort { width: 210px; }
.black .assorti .aSummary .aSortiSummary .assort h4 { color: #fff; top: 175px; }

.black #content-creme * { color: #000; border-color: #000; }
.black #content-creme .round-btn:hover, .round-btn:focus { color: #fff; }

.inner-shop-block .icons { position: absolute; left: 0; bottom: 50px; text-align: center; width: 100%; }
.inner-shop-block .icons span img { position: relative !important; width: auto !important; height: auto !important; left: unset !important; top: unset !important; object-fit: unset !important; display: inline-block; margin-bottom: 10px; }
.inner-shop-block .icons span { color: #fff; display: inline-block; text-align: center; width: 140px; margin: 0; font-size: 9pt; }

.newsletter button, .newsletter input { background: none; border: solid 1px #c59b47; border-right: none; color: #fff; font-size: 9pt; padding: 5px 10px; border-radius: 5px 0 0 5px; outline: none; }
.newsletter button { font-size: 9pt; background-color: #c59b47; border-color: #c59b47; border-radius: 0 5px 5px 0; cursor: pointer; font-weight: bold; }
.newsletter span { display: block; }
.newsletter .thnx { color: #c59b47; font-weight: bold; }

/* newsletter pages style */
center table table table { width: auto !important; }

/* assorti fix */
.assorti .aSummary .aSortiSummary .assort { height: 205px !important; }

/* foto */
.foto { margin-top: 15px; }
.foto h3 { color: #c59b47; margin: 10px 0 0; }
.foto p { margin: 0; }
.foto a { font-weight: normal !important; }

@media only screen and (max-width: 768px) { .inner-shop-block .hasicons h2 { position: absolute; width:100%; left:0; top: 50px; }
    .inner-shop-block .icons { padding: 0 10%; bottom: 15px; }
    .inner-shop-block .icons span { margin-bottom: 15px; }

}

@media only screen and (max-width: 450px) {
    .inner-shop-block .icons span img { height: 40px !important; }
    .inner-shop-block .icons span { margin-bottom: 5px; }

}

.d-none { display: normal !important; }

/* website aanpassingen september 2022 */
.impression h1, .impression h3 { text-shadow: 1px 1px 10px rgba(0,0,0,.65) !important; }
.impression h3 { color: #fff; margin: 0 0 20px; font-size: 2em; }
.impression .slider .slides .btn-slide { display: inline-block; color: #fff; background: rgba(0, 0, 0, .6); border: solid 1px #fff; border-radius: 10px; padding: 6px 14px 5px; font-size: 1.2em; }
.impression .slider .btn-slide {  transition: all .2s ease-in-out }
.impression .slider .btn-slide:hover { opacity: .85; text-decoration: none; }
.impression .slider .slider-overview .btn-slide svg { background: none !important }
.impression .slider .slider-overview .btn-slide { background: #c59b47; color: #fff !important; width: auto !important; left: auto !important; right: 20px; padding: 3px 4px 2px 14px; border-radius: 3px; }

@media only screen and (max-width: 1200px) {
    .impression .slider .slider-overview .container { max-width: 100%; }
    .impression .slider .slider-content { margin-top: 150px !important; display: flex !important; align-items: center; height: 400px; }
}

.contentArea-home .scrolldown-holder { display: none; }

.login { position: relative; min-height: 100vh; width: 100vw; overflow-x: hidden; }
.login-background { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; z-index: -1; }
.login-background-overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; background-color: #000; opacity: 0.5; }
.login-inner { width: 100%; }
.login .container { padding: 0px; }
.login .card { min-height: 50vh; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }
.login .card .company-logo { margin-bottom: 30px; text-align: center; }
.login .card .company-logo img { width: 150px; height: auto; }
.login .card .button, .login .card .button-pulse, .login .card .button-secondary, .login .card .button-secondary-pulse { width: 100%; display: block; text-align: center; margin-top: 20px; }

@media only screen and (min-width: 992px) {
    .login { display: flex; align-items: center; justify-content: center; }
    .login .container { padding: inherit; max-width: 900px; }
    .login .col-12 { padding: 0px; }
    .login .card { min-height: inherit; height: 100%; }
    .login .card.first { border-top-left-radius: 30px; border-bottom-left-radius: 30px; }
    .login .card.second { border-top-right-radius: 30px; border-bottom-right-radius: 30px; }
    .login .company-logo-desktop { text-align: center; margin-bottom: 50px; }
    .login .company-logo-desktop img { width: 300px; height: auto; }
}

.login .alert { border: none; margin-bottom: 0px; margin-top: 20px; }

.message { position: relative; background-color: #fff; text-align: center; padding: 10px 0px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
.message-holder { margin-top: 50px; }
.message-head { position: relative; margin-top: -25px; height: 80px; width: 80px; display: inline-block; float: left; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.message-head img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; }
.message p { color: #163529; display: inline-block; margin-bottom: 0px; line-height: 40px; }
.message p a { text-decoration: underline; }

.card .card-inner { padding: 40px; height: 100%; }
.card.card-bg-primary { background: #c59b47; color: #fff; }
.card.card-bg-primary h2, .card.card-bg-primary p { color: #fff; }

.card .action-row { width: 100%; margin: 0px; }
.card .action-row .rememberMe-checkbox { margin-bottom: 20px; margin-right: 15px; }
.card .action-row .language-selector .language-item { position: relative; margin-right: 5px; display: inline-block; border: 1px solid transparent; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.card .action-row .language-selector .language-item.active { opacity: 0.5; border: 1px solid #84c06b; }
.card .action-row .language-selector .language-item:hover { cursor: pointer; }
.card .action-row .language-selector .language-item:last-of-type { margin-right: 0px; }
.card .action-row .language-selector .language-item img { height: 18px; }
.card .action-row .language-selector .language-item img:hover { cursor: pointer; }
.card .action-row .language-selector .language-item input[type=radio] { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10; opacity: 0; }
.card .action-row .language-selector .language-item input[type=radio]:hover { cursor: pointer; }

.form .form-control { margin-bottom: 20px; height: 40px; line-height: 40px; }

@media only screen and (max-width: 400px) {
    .impression h1 { font-size: 2.5em !important; }
    .impression h3 { font-size: 1.5em !important; }
}