/* cmsms stylesheet: main modified: Sunday, April 23, 2023 10:55:54 AM */
 
 
body{
font-family: 'Poppins', sans-serif;}
nav.navbar { background:#ffe600 }
.navbar-brand img{float:left; margin-right:10px}
.navbar-brand {font-weight:700; max-width:75vw;white-space: normal;font-size:1em}



h1, h2, h3, h4, h5 {font-weight:700;}

div#infoLayer01{
background: url(/uploads/images/backgrounds/header02.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding: 15vw 0;
color:#FFF;
}
div.de-DE#infoLayer01{
background-image: url(/uploads/images/backgrounds/headerPommes-PIzza.jpg);
}

div#infoLayer{
padding:15vw 0;
background: url(/uploads/images/backgrounds/info.png);
background-repeat:no-repeat;
background-attachment:fixed;
background-position: center center;
background-size:cover;}


section {
padding: 60px 0 ;
}
section:nth-of-type(even){
 background:#ffe600;
 /*background-image: url(/uploads/images/style/bottom-pattern01.png); 
background-repeat:no-repeat; 
background-position: bottom center;*/
}

section:last-of-type {
 background-image: none;
}

section:nth-of-type(1){padding-top: 30px ;}


.decorTitle h1 {
display:inline-block; 
background:#ffe600;
font-size: calc(1rem + 1.5vw);
}
.decorTitle {
display:inline-block;
/*padding-right:100px;*/
margin-bottom:3rem
}

.decorTitle { width: 100%; }
.decorTitle > * { display: inline-block; float: none; margin-left: 20px; position: relative; z-index: 1; }
.decorTitle > *:after,
.decorTitle > *:before {
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.decorTitle > *:before {
  position:absolute;
  right: -134px;
  width: 134px;
  -webkit-mask-image: url(/uploads/images/style/right-painting.png);
  mask-image: url(/uploads/images/style/right-painting.png);
  -webkit-mask-position: left top;
  mask-position: left top;
}
.decorTitle > *:after {
  left: -40px;
  width: 46px;
  -webkit-mask-image: url(/uploads/images/style/left-painting.png);
  mask-image: url(/uploads/images/style/left-painting.png);
  -webkit-mask-position: left top;
  mask-position: left top;
}
.decorTitle > *:before,
.decorTitle > *:after { border-color #ffe600; background-color:#ffe600; }

section:nth-of-type(even) .decorTitle h1 { background:#FFF;}
section:nth-of-type(even) .decorTitle > *:before,
section:nth-of-type(even) .decorTitle > *:after { border-color: #FFF; background-color:#FFF }


.nav-link {font-weight:700; color:#000; 
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border:solid #ffe600;
margin-left:5px;
text-align: center;
}
.nav-link.active {
background-color:#FFF;

padding-left: 2rem;
padding-right: 2rem;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border:dashed #FFF;
}
.nav-link:HOVER {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border:dashed #FFF;
color:#000;
} 

a.navbar-brand{color:#000}

.breadcrumbHolder{
min-height:180px;
color:#FFFFFF;
font-weight:700;
font-size:1.2em;
background: url(/uploads/images/style/bottom-pattern01.png) center bottom no-repeat, url(/uploads/images/style/breadcrumb-bg.png) no-repeat center top;
background-color: #333333;
}
.breadcrumbs {
height:90px;
display:flex;
margin: 0 -10px;
}

span.breadcrumbUB {margin: 0 10px;}
.breadcrumbs i { color:#ffe600;  }
.breadcrumbs a {text-decoration:none; color:#FFF}
.breadcrumbs a:HOVER {color:#ffe600; }

.fa-ul li {margin-bottom: 1.5em;}
.fa-li {
left: -44px;
}

.fixedBg {
  position:relative;
  margin: -60px 0;
  text-align: center;
  background: url(/uploads/images/backgrounds/closer01.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;
}
#infoLayer01{
  position:relative;
}
#infoLayer01 .container{
  position: relative;
  z-index: 2;
}
#infoLayer01 .fixedBgOverlay,
.fixedBg .fixedBgOverlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*z-index: 10;*/
  background-color: rgba(0,0,0,0.5);
}
.fixedBg .fixedBgContent{
  position: relative;
  z-index: 2;
}
section:nth-of-type(1) .fixedBg {
  margin: -30px 0 -60px 0;
}
.fixedBg {color:#FFF}

.btn-outline-primary { border:dashed 3px #000; text-align:center; padding:15px 30px;border-radius:8px;margin-top:1.5em; font-size: calc(1rem + .3vw);}

.btn-modii-dark {font-weight:700; border:dashed 3px #000; text-align:center; padding:15px 30px;border-radius:8px;margin-top:1.5em; font-size: calc(1rem + .3vw);}
.btn-modii-dark:HOVER {background:#ffe600}

.btn-modii-light  { border:dashed 3px #000; text-align:center; padding:15px 30px;border-radius:8px;margin-top:1.5em; font-size: calc(1rem + .3vw);color:#000; background:#FFF}
.btn-modii-outline-light { border:dashed 3px #FFF; text-align:center; padding:15px 30px;border-radius:8px;margin-top:1.5em; font-size: calc(1rem + .3vw);color:#FFF}
.btn-modii-outline-dark,
.btn-modii  { font-weight:700; border:solid 3px #ffe600; text-align:center; padding:15px 30px;border-radius:8px;margin-top:1.5em; font-size: calc(1rem + .3vw);color:#000; background:#ffe600}
.btn-modii-outline-dark {border-color:#ffe600;background:none}
.btn-modii-outline-dark:HOVER {border-color:#000;background:#ffe600;}

.btn-modii:HOVER {background:#000; color:#ffe600 }
.btn-outline-modii,
.btn-modii-outline { font-weight:700; border:solid 3px #ffe600; text-align:center; padding:15px 30px;border-radius:8px;margin-top:1.5em; font-size: calc(1rem + .3vw);color:#ffe600}
.btn-outline-modii:HOVER,
.btn-modii-outline:HOVER {background:#ffe600; color: #000}

.fixedBg .btn-outline-primary {border-color:#FFF; color:#FFF; font-weight:700;}
.fixedBg .btn-outline-primary:HOVER {background-color:#ffe600; color:#000;border-color:#000;}


.preCloser h2{color:#FFF;text-shadow: 0px 0px 5px #000000;}
.footerTop {
min-height:100px;
background: #ffe600 url(/uploads/images/style/bottom-pattern01.png) center bottom no-repeat;
}
footer {

}
.footerCloser { 
margin-top:30px;
padding-top:30px;
padding-bottom:30px;
  border-top: 3px dashed #090909;
  }





// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { 

}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
.navbar-brand {font-size:1.25em;
line-height: 50px;}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
  nav.navbar{ height:90px; }
.navbar-expand-lg .navbar-nav .nav-link {padding-left: 1.5rem;
padding-right: 1.5rem;}

.cartHolder {background:#FFF;
width:200px;
height:90px;
text-align:center;
margin-right:-.75rem;
position:relative;}
.cartHolderText{
position:relative;
z-index:2;
}
.cartHolderIcon{

  font-size: 60px;  
  margin: auto;
  opacity: .2;  
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width:200px;
position:absolute;
z-index:1;
}
.cartHolderText{
padding-top:25px
}
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 

}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { }
/* cmsms stylesheet: shop modified: Tuesday, January 31, 2023 8:47:26 AM */
[v-cloak] {
  display: none;
}
section.productSection,
section.orderDataSection,
section.cartSection {
padding-bottom:5vw;
}
a.cartButTop{
text-decoration:none;
color:#999;
}

.preCloser{
background : #ffe600 ;
padding-top:5vw;
padding-bottom:3vw;
}

/* ORDER DATA */ 
button.close {
float:right;
border:none;
background:none;
}


.card .overlay.dark, .info-box .overlay.dark, .overlay-wrapper .overlay.dark, .small-box .overlay.dark {
    background-color: rgba(0,0,0,.5);
}
.card .overlay, .info-box .overlay, .overlay-wrapper .overlay, .small-box .overlay {
    border-radius: .25rem;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(255,255,255,.7);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 50;
}
.card > .loading-img, .card > .overlay, .info-box > .loading-img, .info-box > .overlay, .overlay-wrapper > .loading-img, .overlay-wrapper > .overlay, .small-box > .loading-img, .small-box > .overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}



.productImageHolder {
    background: #FFF;
    padding: 1em 1em 3em 1em;
    text-align: center;
}
.productImageHolder h2,
.productImageHolder h3 {
  text-align:left;
  text-transform: uppercase;
}
.productImageHolder h2 {font-size: 2.5rem;font-weight: 700;}
.productImageHolder h2 a,
.productImageHolder h2 a:HOVER{color:#222;}
.productImageHolder h1 {margin-top:0;}

.productTitle{ text-align: left;text-transform: uppercase;font-size: 1.8rem}

.brandTitle {text-align: left;margin-bottom:0;}
.brandTitle a{font-size: 1.6rem;font-weight: 700; color:#000}
.brandTitle a:HOVER{color:#999;}

h3, .h3 {text-transform: uppercase;font-size: 1.2rem;font-weight: 700;}

.brandSubstitute{
  border:solid 1px #222;
  padding:0.25em 0.5em;
  font-size:2em;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
}



.productPageBar {
  padding:0 15px;
background:#FFF;
border-top:solid 1px #000;
z-index:110;
position:Fixed;
bottom:0;
left:0px;
right:0;
width: calc(100vw - 40px;)
min-height:40px;
}

.productPageBar .productPrice { font-weight: bold;font-size: 1.5em; color:#060}
#productPrice  { font-weight: bold;font-size: 2em; color:#060}

.repImg { width: 130px;height:130px; background-repeat: no-repeat;
background-size: contain; background-position: center center;margin:5px;}
.productPageSlider .owl-item{background: #FFF; height:200px;border-radius: 0.25rem}


.directToCart {
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background-color: rgba(0,0,0,.65);
  z-index:1100;
  padding-top:10vh;
  color:#FFF;
}
.directToCart .round {
  display:inline-block;
  font-size:20px;
  text-align:center;
  width: 10em;
  height: 10em;
  overflow: hidden;
  background:#01b9d8;
  -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   -o-border-radius: 50%;
   border-radius: 50%;

}
.directToCart .round i.fa{
  color:#FFF;
font-size:7em;
line-height:1.35em;

}

i.closedirectToCart {
  cursor:pointer;
color:#FFF;
font-size:32px;
}
i.closedirectToCart:HOVER {
color:#F00;
}
section.productSection{
padding-top:0;
}
ol .productImageIcon {
  width: 15%;
}
button.carousel-control-prev:hover, button.carousel-control-next:hover {
  background: rgba(255,255,255,0.3) !important;
}

.carousel-dark .carousel-indicators [data-bs-target] {
border:solid 1px rgba(255,255,255,.5)
}

.shadowBox {
  /*box-shadow: 0 2px 19px -12px rgba(0, 0, 0, .55);
  background: #FFF;
  padding: 1em;*/
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
  .directToCart { padding-top:20vh; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}
/* cmsms stylesheet: plaatsen modified: Wednesday, May 3, 2023 11:21:10 AM */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

ul.plaatsenList{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
list-style:none;
padding:0
}
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {

ul.plaatsenList{
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
ul.plaatsenList{
  columns: 4;
  -webkit-columns: 4;
  -moz-columns: 4;
}
div.buySticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 100px;
}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

ul.plaatsenList{
  columns: 5;
  -webkit-columns: 5;
  -moz-columns: 5;
}

}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1400px) {

ul.plaatsenList{
  columns: 6;
  -webkit-columns: 6;
  -moz-columns: 6;
}

}
/* cmsms stylesheet: admin modified: Tuesday, January 24, 2023 10:51:08 AM */
.btn.btn-tool.btnClose[aria-expanded="true"] {display:inline-block}
.btn.btn-tool.btnClose[aria-expanded="false"] {display:none}
.btn.btn-tool.btnOpen[aria-expanded="true"] {display:none;}
.btn.btn-tool.btnOpen[aria-expanded="false"] {display:inline-block;}

.overlay,
.card .overlay, .info-box .overlay, .overlay-wrapper .overlay, .small-box .overlay {
  border-radius: .25rem;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(255,255,255,.7);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 50;
}
.overlay,
.card > .loading-img, .card > .overlay, .info-box > .loading-img, .info-box > .overlay, .overlay-wrapper > .loading-img, .overlay-wrapper > .overlay, .small-box > .loading-img, .small-box > .overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.overlay.dark,
.card .overlay.dark, .info-box .overlay.dark, .overlay-wrapper .overlay.dark, .small-box .overlay.dark {
  background-color: rgba(0,0,0,.5);
}



/** CARD OVERRULES AND ADDONS **/

.card-header > .card-tools {
  float: right;
  margin-right: -.625rem;
}
.btn-tool {
  background-color: transparent;
  color: #adb5bd;
  font-size: .875rem;
  margin: -.75rem 0;
  padding: .25rem .5rem;
}
.btn.btn-xs {
  padding: .125rem .25rem;
  font-size: .75rem;
  line-height: 1.5;
  border-radius: .15rem;
}
.btn-xs.btn-tool{
  padding:0 !important;
}


.card .card-title {display: inline-block;}
.card-sm .card-header,
.card-sm .card-footer  { padding: 0.35rem 0.75rem;}
.card-sm .card-body { padding: 0.75rem; }
.card-sm .table { margin-bottom:0;}
.card-sm .form-control {
    height: calc(1.8125rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
        border-top-left-radius: 0.2rem;
        border-bottom-left-radius: 0.2rem;
}
.table-sm .btn,
.card-sm .btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.card-sm .input-group > .custom-select,
.card-sm .input-group > .form-control,
.card-sm .input-group > .input-group-append > .btn,
.card-sm .input-group > .input-group-append > .input-group-text,
.card-sm .input-group > .input-group-prepend > .btn,
.card-sm .input-group > .input-group-prepend > .input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}
.card-sm .input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.card-sm .input-group > .custom-select:not(:first-child), .card-sm  .input-group > .form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.card-sm  .form-floating > .form-control {
  padding: 1rem 0.75rem;
}
.card-sm  .form-floating > .form-control, .form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}

.card-body-icon {
  position: absolute;
  z-index: 0;
  top: -1.25rem;
  right: 0;
  opacity: 0.4;
  font-size: 5rem;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
/* cmsms stylesheet: home modified: Friday, April 1, 2022 10:54:15 AM */
.homeCarousel{ 
background: radial-gradient(circle, #fe0 0%, #ffe600 100%);

/*background-position: 30% 50%;*/
background-image: url(/uploads/images/style/bottom-pattern01.png) center bottom no-repeat, 
background-repeat: no-repeat;
}
section#homeContent {padding:calc(60px + 5vw) 0; }

.navbar.faux {display:block}

.headerCloser {
margin-top:-80px;
min-height:100px;
background: url(/uploads/images/style/bottom-pattern01.png) center bottom no-repeat;
}

.homeCarousel .carousel .carousel-item {
  height: 90vh;
background-repeat:no-repeat;
background-size: auto 115%;
background-position: left bottom
}
.homeCarousel .carousel-item .row {
min-height: 85vh;
}
.carouselContent {width:100%; text-align:center ; background: rgba(255,255,255,.40); padding:15px; border-radius:15px;}
.carouselContent h2 {font-size:2em;}
.carouselContent h4 { display:inline-block; width:40% ; border:dashed 3px #000; text-align:center; padding:10px;border-radius:8px;margin-top:1.5em; font-size: calc(0.8rem + .3vw);}
.carouselContent h4:nth-of-type(1) {margin-right:20px;}
.carouselContent h4:nth-of-type(2) {margin-left:20px;}
.carouselContent p {margin-top:1em}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { ... }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
.carouselContent h2 {font-size:3em;}
.carouselContent h4 { display:inline-block; width:40% ; border:dashed 3px #000; text-align:center; padding:10px;border-radius:8px;margin-top:1.5em; font-size: calc(1rem + .3vw);}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
.carouselContent h2 {font-size:4em;}
.carouselContent h4 { padding:20px;border-radius:10px;margin-top:2em; font-size: calc(1.275rem + .3vw);}
.carouselContent {background: none; padding:0; border-radius:0;}
}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { ... }

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { ... }
/* cmsms stylesheet: dilemma modified: Saturday, April 22, 2023 12:37:26 PM */
.dilemmaTop{
background: #BBB url(/uploads/images/backgrounds/ballotbinDilemma.png);    
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height:500px;
}

{if $smarty.server.SERVER_NAME|strstr:'ballotbin.'}

.dilemmaQuestionRow {margin-top:150px;}
.dilemmaQuestion,
.dilemmaAnswer{
font-family: 'Poppins', sans-serif;
line-height: 1.1;
font-weight: 600;
margin-top:65px;
font-size:1.5em } 

.dilemmaQuestion{font-size:1.8em }
.modal g#AnswerA:HOVER text,
.modal g#AnswerB:HOVER text{ fill:rgb(255,44,51) !important;}

g#answerA,g#answerB{cursor:pointer}
g#answerA:HOVER .btn-dilemma path,
g#answerB:HOVER .btn-dilemma path { fill:rgb(255,44,51) !important;}

.dilemmaResult{  font-size:4em;font-family: 'Poppins', sans-serif;
line-height: 1.1;
font-weight: 600;
color:#FFF;
fill:rgb(255,255,255) !important;}

.nextDilemmaButton{ fill:rgb(255,255,255) !important;}

#dillemaButtonHolder {margin-top:85px;}