#spaceheader
{
background-color: var(--ijs-lichtblauw);
width: 100%;
}
.parcontainer
{
width: 100%;
max-width: 1200px;
margin: auto;
padding: 32px 40px;
background-color: var(--ijs-wit);
border-radius: var(--radius-standard);
margin-top: 16px;
}

.parcontainer_hr, .parcontainer_ilink, .parcontainer_elink
{
}
.parcontainer_widgets
{
}
.parcontainer:has(.parcontainer_widgets) {
}
.parcontainer.h1tekst
{
}
span.hmspacer
{
display: none;
}
#hoofdmenu
{
line-height: normal;
text-align: initial;
}
#hoofdmenu ul
{
position: absolute;
right: 0;
}
#hoofdmenu ul li
{
line-height: 28px;
padding: 16px;
}
#hoofdmenu ul li a
{
font-weight: 700;
}
#hoofdmenu > ul > li > a:hover
{
text-decoration: none;
}
#hoofdmenu > ul > li > a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 4px;
    width: 0;
    height: 3px;
    background-color: var(--ijs-helderblauw);
    transition: width 0.3s ease, left 0.3s ease;
}

#hoofdmenu > ul > li > a:hover::after {
    width: 100%;
    left: 0;
}
#hoofdmenu ul > li > ul
{
}
#hoofdmenu ul > li > ul:hover {
}
#hoofdmenu ul li ul li
{
}
#hoofdmenu ul li ul li a
{
}
#hoofdmenu ul li ul li.smhmtekst a
{
}
ul.smuitklap li.smhmtekst a
{
}
#logodiv
{
display: inline-block;
position: absolute;
left: 0;
top: 0;
z-index: 9;
}
#logo
{
width: 140px;
height: 177px;
}
div.clearboth
{
margin-bottom: 0;
}
main
{
line-height: 27px;
min-height: 500px;
padding-bottom: 40px;
}
.picsslideshow {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    height: 200px;
    z-index: 1;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.picsslideshow img {
    height: 100%;
    width: auto;
    max-width: none;
    display: block;
    margin: 0 auto;
}
.picsslideshow2025 {
    position: relative;
    width: 100%;
   max-width: 1200px;
    height: 200px;
    overflow: hidden;
  margin: auto;
}
.bg-slide-layer {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
max-width: 1200px;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1s ease-out;
    z-index: 1;
}

.bg-slide-layer.active {
    opacity: 1;
    z-index: 2;
}
#header2
{
margin-top: 80px;
}
#header2.zonderbovenfoto
{
}
#footernavigation
{
}
#footernavigation span.onderlinks
{
}
#footernavigation h4.onderlinkskop
{
}
#bottom #footernavigation a
{
}
#bottom_tekstonderbalk, #bottom_tekstonderbalk a, #bottom a, #bottom .pagecontainer a
{
}
div.h1tekstafbeelding h1
{
}
.h1afbeelding {
    width: 300px;
    aspect-ratio: 1 / 1;
}
.parcontainer.h1tekstafb {
}
div.h1standaard h1
{
font-family: 'IcesWhenReal';
    background-image: url("/siteimg/ijsclub25/snowflake37-32.png");
    background-repeat: no-repeat;
    background-position: left top;   /* verticaal centreren tov tekst */
    padding-left: 60px;                 /* ruimte maken voor de afbeelding */
    background-size: 48px 48px;         /* icoongrootte */
    margin: 0;
    line-height: normal;
  margin-top: 20px;
  margin-bottom: 10px;
}

.parmaincontainer.h1tekstafb
{
}
#headerwrap {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
body
{
}
.par_citaat
{
}
.containercitaat
{
}

/* Vloeiende overgang omlaag én omhoog */
#header1 {
    transition: border-bottom-color 0.25s ease, box-shadow 0.25s ease;
}

#header1.scrolled {
    border-bottom: 1px solid #ddd;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

/* Logo verkleint vloeiend */
#logo {
    transition: transform 0.25s ease;
    transform-origin: center center;
}

#header1.scrolled #logo {
    transform: scale(0.5) translateY(-28px) translateX(-20px);
}
.widget--grid.cols-4 p
{
}
.widget--grid.cols-2 h3
{
}
.widget--grid.cols-2 p
{
}
.widget__body {
padding: 20px;
}
.widget__body a.btn {
}
.widget__body a.btn:hover
{
}
.widgetarticlehref:hover {
  transform: skewX(1deg) translate(2px, -2px);
  border-radius: var(--radius-standard);
}

.widgetnieuws .widget__card, .widgetagenda .widget__card
{
background-color: var(--ijs-helderblauw);
border-radius: var(--radius-standard);
}
.widgetnieuws h3
{
margin-bottom: 0;
}
.widgetnieuws .widget-itemdatum
{
line-height: normal;
margin-bottom: 10px;
color: var(--ijs-donkergrijs);
}
.widget--grid p 
{
line-height: 1.7rem;
}
.gap-md {
    --gap: 2rem;
}
h2.paragraafkoptitel
{
color: var(--ijs-helderblauw);
font-size: 18px;
}

#parcontainer_29029
{
padding: 0;
}
#parcontainer_29039
{
padding: 20px 0;
}
@media (max-width: 768px) {
#header1 {
background-color: var(--ijs-lichtblauw);
height: 60px;
}
#header1 #logo
{
        transform: scale(0.4);
        transform-origin: top left; 
}
#header1.scrolled #logo {
        transform: scale(0.4);
        transform-origin: top left; 
}
#header2
{
margin-top: 20px;
}
#parmaincontainer_h1
{
margin-top: 60px;
}
.h1standaard h1 {
        word-break: break-word;
    }
.parcontainer {
width: 90%;
}
div.h1standaard h1 {
        padding-left: 40px;
        background-size: 32px 32px;  
        margin-top: 10px;
        margin-bottom: 8px;
font-size: 36px;
    }
.parcontainer.h1tekst {
padding: 16px 20px;
}
.parcontainer_nieuwsarchief
{
padding: 32px 20px;
}
ul.nieuwsarchief
{
padding-inline-start: 32px;
margin-block-start: 0.4em;
}

}
