/* For generic page styles. Not for sliders. */

body {background:#F6F6F6;font:normal 0.9em Arial; margin:0; padding:0; padding-bottom:60px;}
h2 {display:inline;}
.div1, .div2 {width:300;margin:0 auto;}
.div1 {margin-top:0px;margin-bottom:0px;text-align:center;line-height:20px;}
.div1 P {font-size:18px;}
.div1 a, .div2 a {color:#07C; }
.div1 a {margin:0 8px;}
.div1 a.current {color:black; text-decoration:none;}
.div2 {margin-top:70px;}
.div2 li {padding-top:6px;padding-bottom:6px;}
.green {color:Green;}
.cn {font-family: "Courier New", Georgia;}
#status {display:inline-block; margin-left:26px;line-height:50px;height:50px;vertical-align:middle;}

.code
{
    border: dashed 1px #BCBCCB; padding:8px 12px; background-color: #F3F3F9; white-space:pre; font-family:"Courier New", Georgia;
    font-size:12px; margin:6px 0;overflow:auto; 
}

.sale-banner {
    background-color: #ffeb00; /* knalgeel */
    color: #000;
    text-align: center;
    padding: 32px 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    border: 4px solid #000;
}

.sale-banner strong {
    display: block;
    font-size: clamp(28px, 6vw, 48px);
    margin-bottom: 12px;
	color: red!important;

    /* 👇 belangrijk voor lange woorden */
    word-break: break-word;
    overflow-wrap: anywhere;
    hyphens: auto;
}

.sale-banner span {
    font-size: clamp(22px, 5vw, 42px);
}

.sale-banner em {
    display: block;
    font-size: clamp(20px, 4.5vw, 36px);
    font-style: normal;
    margin-top: 14px;
    text-transform: uppercase;
}