#content .standardText .pagination
{
  float: right;
}

#content .standardText .pagination.top
{
  display: none;
}

#content .standardText .pagination span.contraction
{
  display: block;
  float: left;
  padding: 0.2em 0.4em;
  margin: 0 0 0 0.4em;
  color: #626D83;
}

#content .standardText .pagination a
{
  display: block;
  float: left;
  padding: 0;
  margin: 0 0 0 0.4em;
  text-decoration: none;
  text-align: center;
  color: #626D83;
  background-color: #F3F3F5;
  border: none;
  border-radius: 1em;
  line-height: 2em;
  width: 2em;
  height: 2em;
}

#content .standardText .pagination li.next:not(.disabled) a:hover,
#content .standardText .pagination a.next:hover,
#content .standardText .pagination li.previous:not(.disabled) a:hover,
#content .standardText .pagination a.previous:hover
{
  text-decoration: underline;
}

#content .standardText .pagination li.next a,
#content .standardText .pagination a.next,
#content .standardText .pagination li.previous a,
#content .standardText .pagination a.previous
{
  color: #626D83 !important;
  background-color: transparent !important;
  width: auto;
}

#content .standardText .pagination li.next.disabled a,
#content .standardText .pagination li.previous.disabled a
{
  color: #EBEBEB !important;
}

#content .standardText .pagination li.active a,
#content .standardText .pagination a.current
{
  color: #FFFFFF;
  background-color: #626D83;
}

#content .standardText .pagination li.active a:hover,
#content .standardText .pagination a.current:hover,
#content .standardText .pagination a:hover,
#content .standardText .pagination a:focus,
#content .standardText .pagination a:active
{
  color: #FFFFFF;
  background-color: #212529;
}


.calendarView table tr th,
.calendarView table tr td
{
  line-height: 3em;
  width: 3.5em;
  padding: 0;
  text-align: center;
}

.calendarView
{
  margin-top: 15px;
}

.calendarView .calendar
{
  text-align: center;
  margin-bottom: 25px;
}

.calendarView form a
{
  text-decoration: none;
}

.calendarView form div
{
  display: inline;
}

.calendarView table
{
  margin: 10px auto 10px auto;
}

.calendarView table tr .weekColumn,
.calendarView table tr .weekColumn a
{
  font-weight: bold;
  color: #FFFFFF;
  background-color: #3FA57D;
}

.calendarView table tr td a
{
  display: block;
  color: #626D83;
  text-decoration: none;
}

.calendarView table tr td a:hover
{
  color: #FFFFFF;
  background-color: #626D83;
}

.calendarView table tr td span
{
  display: block;
}

.calendarView table tr td span.noEvent
{}

.calendarView table tr td span.otherMonth
{
  color: #EBEBEB;
}

.calendarView table tr td span.hasEvent 
{ 
  font-weight: bold;
}


.recall.refresh,
.recall.refreshRemote
{
  cursor: pointer;
}

.recall.refresh:before,
.recall.refreshRemote:before {
  content: "\f021";
}

.recall.refresh:active:before,
.recall.refreshRemote:active:before {
  
  content: "\f110";
}

.recall.refresh,
.recall.refreshRemote
{
  float: right;
  font-size: 14px;
  margin: 0 0.5em;
}

.recallBusy
{
  background: url(/gfx/x.gif) no-repeat center center;
  min-width: 100%;
  min-height: 50px;
}

.recallBusy > *
{
  opacity: 0.4;
}


.kolom1
{
  float: left;
  width: 220px;
}

.kolom2
{
  float: right;
  width: 220px;
}

.kolom3
{
  clear: both;
}





html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  
}



table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}

.clear
{
  float: none;
  clear: both;
  height: 0;
  width: 0;
  overflow: hidden;
}



img.img_south      { margin:  0px 10px  4px  4px; }
img.img_south_west { margin:  0px  0px  4px  4px; }
img.img_west       { margin:  0px  0px  4px  4px; }
img.img_north_west { margin: 10px  0px  0px  4px; }
img.img_north      { margin: 10px 10px  0px  4px; }
img.img_north_east { margin: 10px 10px  0px  0px; }
img.img_east       { margin:  0px 10px  4px  0px; }
img.img_south_east { margin:  0px 10px  4px  0px; }
img.img_all        { margin: 10px 10px  4px  4px; }

img.left           { float: left; }
img.right          { float: right; }
img.center         { display: block; margin-left: auto; margin-right: auto; text-align:center; }

span.img_south      { margin:  0px 10px  4px  4px; }
span.img_south_west { margin:  0px  0px  4px  4px; }
span.img_west       { margin:  0px  0px  4px  4px; }
span.img_north_west { margin: 10px  0px  0px  4px; }
span.img_north      { margin: 10px 10px  0px  4px; }
span.img_north_east { margin: 10px 10px  0px  0px; }
span.img_east       { margin:  0px 10px  4px  0px; }
span.img_south_east { margin:  0px 10px  4px  0px; }
span.img_all        { margin: 10px 10px  4px  4px; }

.multimedia_left   { float: left; }
.multimedia_right  { float: right; }
.multimedia_center { display: block; margin-left: auto; margin-right: auto; text-align:center; }

.multimedia img.flipped{
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}


tr.ISE-header,
th.ISE-header,
tr.ISE-header th
{
  background-color: #FFFFFF;
  font-weight: bold;
}

tr.ISE-footer, td.ISE-footer, tr.ISE-footer td
{
  font-weight: bold;
  font-style: italic;
}

table.ISE-noborder,
table.ISE-noborder th,
table.ISE-noborder td
{
  border: none;
}

table.ISE-border
{
  border: 1px solid #000000;
  border-collapse: collapse;
}

table.ISE-border td
{
  border: none;
}

table.ISE-boxborder,
table.ISE-boxborder th,
table.ISE-boxborder td
{
  border: 1px solid #000000;
  border-collapse: collapse;
}

.ISE-align-left,
.ISE-align-left td
{
  text-align: left;
}

.ISE-align-right,
.ISE-align-right td
{
  text-align:right;
}
.ISE-align-center, 
.ISE-align-center td
{
  text-align:center;
  vertical-align: top;
}


span.ISESTYHAntwoord
{
  font-style: italic;
  font-weight: bold;
  text-transform: capitalize;
}

body
{
  
  font-size: 62.5%;
  
}

pre
{
  font-family: monospace;
}

em
{
  font-style: italic;
}

strong
{
  font-weight: bold;
}

ul,
ol
{
  margin: 0;
  padding: 0.5em 0 0.5em 1.2em
}

ol
{
  margin: 0;
  padding-left: 1.8em;
}

ol ol
{
  list-style-type: lower-alpha;
}

.hidden
{
  display: none;
}

.fileIcon
{
  vertical-align: text-bottom;
  margin-right: 3px;
}

.caption
{
  display: block;
  font-style: italic;
}

.fancybox-inner {
	overflow: auto !important;
}


.icon.icon-x::before{
  content: "";
  mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"><g><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg version="1.1" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg"><g><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background: currentcolor;
  width: 24px;
  height: 24px;
}


:root{
  --white:  #FFFFFF;
  --grey:   #F3F3F5;
  --dblue:  #454D9D;
  --bg-outsite:#212529;
  --text:   #000000;
  
  --lblue:  #55C0EE;
  --green:  #3FA57D;
  --red:    #EE4444;
  --yellow: #FABD19;
  
  --bg-grey:   #F3F3F5;
  --bg-blue:  #DDF3FC;
  --bg-green:  #D8EDE6;
  --bg-red:    #FDD9D9;
  --bg-yellow: #FEF2D1;
  
  --curve-height: 18vw;
  
}

@media (min-width: 1110px) {

  body{
     --curve-height: 250px;
  }

}

@media (min-width: 1600px) {

  body{
     --curve-height: 270px;
  }

}


/* 400-normal */
@font-face
{
  font-family: 'RubrikNew';
  font-style: normal;
  font-weight: normal;
  src: url('/dds/up/ZuqkrwgLK_RubrikNew-Regular.otf');
}

/* 400-italic */
@font-face
{
  font-family: 'RubrikNew';
  font-style: italic;
  font-weight: normal;
  src: url('/dds/up/ZuqkrwgLS_RubrikNew-Regular_Italic.otf');
}

/* 600-semibold */
@font-face
{
  font-family: 'RubrikNew';
  font-style: normal;
  font-weight: 600;
  src: url('/dds/up/ZuqkrwgLiB_RubrikNew-SemiBold.otf');
}

/* 600-semibold-italic */
@font-face
{
  font-family: 'RubrikNew';
  font-style: italic;
  font-weight: 600;
  src: url('/dds/up/ZuqkrwgLqB_RubrikNew-SemiBold_Italic.otf');
}

/* 700-bold */
@font-face
{
  font-family: 'RubrikNew';
  font-style: normal;
  font-weight: bold;
  src: url('/dds/up/ZuqkrwgLgC_RubrikNew-Bold.otf');
}

/* 700-italic */
@font-face
{
  font-family: 'RubrikNew';
  font-style: italic;
  font-weight: bold;
  src: url('/dds/up/ZuqkrwgLyB_RubrikNew-Bold_Italic.otf');
}
@font-face
{ 
  font-family: 'Glyphicons Halflings';
  src: url('/dds/up/ZmdezmiLeH_glyphicons-halflings-regular.ttf');
}  

:root{
  font-size: 16px;
  --pt12: 0.75rem;
  --pt13: 0.8125rem;
  --pt14: 0.875rem;
  --pt15: 0.9375rem;
  --pt16: 1rem;
  --pt17: 1.0625rem;
  --pt18: 1.125rem;
  --pt20: 1.25rem;
  --pt22: 1.375rem; 
  --pt23: 1.4375rem;
  --pt24: 1.5rem;
  --pt28: 1.75rem;
  --pt32: 2rem;
  --pt38: 2.375rem;
  --pt42: 2.625rem;
  --pt44: 2.75rem;
  --pt53: 3.3125rem;
  --pt54: 3.375rem;
  --pt67: 4.1875rem;
}

body{
  font-family: 'RubrikNew', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: var( --pt18, 18px );
  line-height: 1.7;
}

@media (min-width: 700px ) {
  body {
      text-rendering:geometricPrecision;
  }
}

strong, b{
  font-weight: 700;
}

h1,h2,h3,h5{
  color: Inherit;
  font-weight: 600;
  font-size: var( --pt32, 32px );
  line-height: 1.1;  
  margin-top: 0.2em;
  margin-bottom: 0.6em;
}

h4,h6{
  font-weight: 300;
}


  
h1{
  font-size: var( --pt53, 53px );
  line-height: 1.1;
  margin-bottom: 0.5em;
  color: var( --red );
}

h2{
  font-size: var( --pt32, 32px );
  line-height: 1.1;  
  color: var( --dblue );
}

h3{
  font-size: var( --pt28, 28px );
  margin-bottom: 1.15em;
  line-height: 1.15;
}

h4{
  font-size: var( --pt24, 24px );
  line-height: 1.05;
}

h5,h6{
  font-size: var( --pt18, 18px );
  margin: 0;  
}

@media (max-width: 549px ) {

  :root{
    font-size: 14px;
    
  --pt32: 1.75rem;
  --pt38: 2rem;
  --pt42: 2.25rem;
  --pt44: 2.35rem;
  --pt53: 2.50rem;
  --pt54: 2.55rem;
  --pt67: 3rem;    
  }

}


span.multimedia
{
  max-width: 100%;
  overflow: hidden;
  line-height: 0;
  display: block;
}

span.img_all{
  margin: 20px;
  display: inline-block;
}

span.multimedia_center{
  margin: auto;
}

span.media_placement_fitWidth {
  margin: 0;
  width: 100% !important;
  max-width: 100%;
  height: auto;
}

h3.ISEStyle{
  margin: 40px 0 0 0;
  font-size: var( --pt18 );
  font-weight: 700;
}

blockquote+h3.ISEStyle,
blockquote+.caption+h3.ISEStyle{
  margin: 0;
}



.multimedia{  
  width:0;
}

p.ISEStyleIntroduction{
  font-weight: bold;
}

span.warning{
  font-size: var( --pt20, 20px );
  color:  var( --dblue );
  font-weight: 600;
}

blockquote{
  quotes: "“" "“" "‚" "‘";
  color:  var( --dblue );
  font-size: var( --pt44, 44px );
  font-weight: 600;
  margin: 30px 0;
  position: relative;
  display: flex;
  align-items: center;
  line-height: 1.3;
  margin-right: 30px;
} 

blockquote::after{
  content: none;
  background-color: currentColor;
  mask-image: url('data:image/svg+xml;utf8,<svg width="135.9" height="137.61" version="1.1" viewBox="0 0 135.9 137.61" xmlns="http://www.w3.org/2000/svg"><path d="m0 0v12.031c5.8422-1e-6 9.786 2.566 14.018 7.6445 4.2316 5.0786 8.0697 12.575 11.994 20.424 3.9244 7.8489 7.9341 16.051 13.514 22.746 1.8197 2.1834 3.8833 4.2106 6.1738 5.959-2.2909 1.7485-4.3539 3.7773-6.1738 5.9609-5.5796 6.6946-9.5892 14.895-13.514 22.744s-7.7625 15.345-11.994 20.424c-4.2316 5.0786-8.1754 7.6465-14.018 7.6465v12.029c9.8528 0 17.682-5.2801 23.26-11.975 5.5781-6.6945 9.5874-14.896 13.512-22.744 3.9243-7.8486 7.7635-15.345 11.996-20.424 4.2326-5.0785 8.1762-7.6465 14.021-7.6465v-12.029c-5.8453 0-9.7889-2.5699-14.021-7.6484s-8.0718-12.573-11.996-20.422-7.9336-16.05-13.512-22.744c-5.5781-6.6945-13.407-11.977-23.26-11.977z"/><path d="m73.111 0v12.031c5.8422 0 9.786 2.566 14.018 7.6445 4.2316 5.0786 8.0697 12.575 11.994 20.424 3.9244 7.8489 7.9341 16.051 13.514 22.746 1.8197 2.1834 3.8833 4.2106 6.1738 5.959-2.2909 1.7485-4.3539 3.7773-6.1738 5.9609-5.5796 6.6946-9.5892 14.895-13.514 22.744-3.9244 7.8489-7.7625 15.345-11.994 20.424-4.2316 5.0786-8.1754 7.6465-14.018 7.6465v12.029c9.8528 0 17.682-5.2801 23.26-11.975 5.5781-6.6945 9.5874-14.896 13.512-22.744 3.9243-7.8486 7.7635-15.345 11.996-20.424 4.2326-5.0785 8.1762-7.6465 14.021-7.6465v-12.029c-5.8453 0-9.7889-2.5699-14.021-7.6484-4.2326-5.0785-8.0718-12.573-11.996-20.422-3.9243-7.8486-7.9336-16.05-13.512-22.744-5.5781-6.6945-13.407-11.977-23.26-11.977z"/></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="135.9" height="137.61" version="1.1" viewBox="0 0 135.9 137.61" xmlns="http://www.w3.org/2000/svg"><path d="m0 0v12.031c5.8422-1e-6 9.786 2.566 14.018 7.6445 4.2316 5.0786 8.0697 12.575 11.994 20.424 3.9244 7.8489 7.9341 16.051 13.514 22.746 1.8197 2.1834 3.8833 4.2106 6.1738 5.959-2.2909 1.7485-4.3539 3.7773-6.1738 5.9609-5.5796 6.6946-9.5892 14.895-13.514 22.744s-7.7625 15.345-11.994 20.424c-4.2316 5.0786-8.1754 7.6465-14.018 7.6465v12.029c9.8528 0 17.682-5.2801 23.26-11.975 5.5781-6.6945 9.5874-14.896 13.512-22.744 3.9243-7.8486 7.7635-15.345 11.996-20.424 4.2326-5.0785 8.1762-7.6465 14.021-7.6465v-12.029c-5.8453 0-9.7889-2.5699-14.021-7.6484s-8.0718-12.573-11.996-20.422-7.9336-16.05-13.512-22.744c-5.5781-6.6945-13.407-11.977-23.26-11.977z"/><path d="m73.111 0v12.031c5.8422 0 9.786 2.566 14.018 7.6445 4.2316 5.0786 8.0697 12.575 11.994 20.424 3.9244 7.8489 7.9341 16.051 13.514 22.746 1.8197 2.1834 3.8833 4.2106 6.1738 5.959-2.2909 1.7485-4.3539 3.7773-6.1738 5.9609-5.5796 6.6946-9.5892 14.895-13.514 22.744-3.9244 7.8489-7.7625 15.345-11.994 20.424-4.2316 5.0786-8.1754 7.6465-14.018 7.6465v12.029c9.8528 0 17.682-5.2801 23.26-11.975 5.5781-6.6945 9.5874-14.896 13.512-22.744 3.9243-7.8486 7.7635-15.345 11.996-20.424 4.2326-5.0785 8.1762-7.6465 14.021-7.6465v-12.029c-5.8453 0-9.7889-2.5699-14.021-7.6484-4.2326-5.0785-8.0718-12.573-11.996-20.422-3.9243-7.8486-7.9336-16.05-13.512-22.744-5.5781-6.6945-13.407-11.977-23.26-11.977z"/></svg>');
  mask-repeat: no-repeat;
  mask-size: auto 100%;
  -webkit-mask-repeat: no-repeat;
  width: 62px;
  height: 62px;
  display: inline-block;
  position: relative;
  left: 15px;
  flex: 0 0 auto;
}
.brackets blockquote::after{
  content: "";
}

blockquote+.caption{
  position: relative;
  top: -35px;
}

a.linkbtn{
  display: inline-flex;
  height: 40px;
  font-weight: 700;
  font-size: var( --pt22 );
  line-height: 1;
  padding: 0 25px;
  align-items: center;
  justify-content: center;
  position: relative;
  text-decoration: none;
}
  p > a.linkbtn:link{
    text-decoration: none;
  }
 a.linkbtn:focus{
  border: 2px solid  var( --lblue );
 }
 a.linkbtn:focus .linkbtn::after{
  content: "";
  position: absolute;
  top: -3px; left: -3px; right: -3px; bottom: -3px;
  border: 2px solid  var( --lblue );
}

a:has(.linkbtn.green){
  color: var( --white );
  background: var( --green );
}
  a:has(.linkbtn.green):hover{
    color: var( --text );
    background:  var( --yellow );
  }

a:has(.linkbtn.blue){
  color:  var( --white );
  background: var( --dblue );
}
  a:has(.linkbtn.blue):hover{
    color:  var( --text );
    background:  var( --yellow );
  }

a:has(.linkbtn.round-lt){
   border-top-left-radius: 20px;
}

.content .weblettekst p:has(a.linkbtn),
.content .standardText p:has(a.linkbtn){
  display: flex;
  justify-content: center;
}

.content .standardText a.linkbtn{
  margin: 20px 10px;
  padding: 25px 35px;
}

.standardText h4+br,
.weblettekst h4+br{
  display: none;
}



.weblettekst ul{
  margin-left: 20px;
}
.weblettekst ul:has(.tick){
 list-style-type: none;
}
.weblettekst ul li:has(.tick){
  position: relative;
}
.weblettekst ul li:has(.tick)::before{
  content: '✓';
  color: var( --green );
  font-weight: 800;
  font-size: 145%;
  position: absolute;
  left: -25px;
  top: -4px;
}

.weblettekst .bracketsIcon,
.weblettekst .tipIcon{
  padding-bottom: 10px;
  display: flex;
  line-height: 1.1;
}
  .weblettekst .bracketsIcon::before,
  .weblettekst .tipIcon::before{
    content: "";
    background-color: var( --dblue );
    mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32.516" height="47.296" viewBox="0 0 32.516 47.296"><path d="M27.1,22.992a11.7,11.7,0,0,0,2.106-6.734,11.824,11.824,0,0,0-23.648,0,11.7,11.7,0,0,0,2.106,6.734c.342.49.748,1.044,1.182,1.635a54.1,54.1,0,0,1,3.677,5.524,15.382,15.382,0,0,1,1.69,5.312h-4.5a10.593,10.593,0,0,0-1.09-3.187,45.789,45.789,0,0,0-3.187-4.785c-.48-.656-.961-1.312-1.423-1.977a16.258,16.258,0,1,1,29.625-9.256,16.148,16.148,0,0,1-2.9,9.265c-.462.665-.942,1.321-1.423,1.977a43.927,43.927,0,0,0-3.187,4.785,10.593,10.593,0,0,0-1.09,3.187h-4.48a15.321,15.321,0,0,1,1.69-5.312,54.1,54.1,0,0,1,3.677-5.524c.434-.591.831-1.145,1.173-1.635ZM17.383,11.824a4.435,4.435,0,0,0-4.434,4.434,1.478,1.478,0,1,1-2.956,0,7.388,7.388,0,0,1,7.39-7.39,1.478,1.478,0,0,1,0,2.956Zm0,35.472a7.388,7.388,0,0,1-7.39-7.39V38.428h14.78v1.478A7.388,7.388,0,0,1,17.383,47.3Z" transform="translate(-1.125)"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32.516" height="47.296" viewBox="0 0 32.516 47.296"><path d="M27.1,22.992a11.7,11.7,0,0,0,2.106-6.734,11.824,11.824,0,0,0-23.648,0,11.7,11.7,0,0,0,2.106,6.734c.342.49.748,1.044,1.182,1.635a54.1,54.1,0,0,1,3.677,5.524,15.382,15.382,0,0,1,1.69,5.312h-4.5a10.593,10.593,0,0,0-1.09-3.187,45.789,45.789,0,0,0-3.187-4.785c-.48-.656-.961-1.312-1.423-1.977a16.258,16.258,0,1,1,29.625-9.256,16.148,16.148,0,0,1-2.9,9.265c-.462.665-.942,1.321-1.423,1.977a43.927,43.927,0,0,0-3.187,4.785,10.593,10.593,0,0,0-1.09,3.187h-4.48a15.321,15.321,0,0,1,1.69-5.312,54.1,54.1,0,0,1,3.677-5.524c.434-.591.831-1.145,1.173-1.635ZM17.383,11.824a4.435,4.435,0,0,0-4.434,4.434,1.478,1.478,0,1,1-2.956,0,7.388,7.388,0,0,1,7.39-7.39,1.478,1.478,0,0,1,0,2.956Zm0,35.472a7.388,7.388,0,0,1-7.39-7.39V38.428h14.78v1.478A7.388,7.388,0,0,1,17.383,47.3Z" transform="translate(-1.125)"/></svg>');
    mask-repeat: no-repeat;
    mask-size: auto 100%;
    -webkit-mask-repeat: no-repeat;
    display: inline-block;
    width: 40px;
    height: 48px;
    position: relative;
    top: 4px;
  }
  .weblettekst .bracketsIcon::before{
    mask-image: url('data:image/svg+xml;utf8,<svg width="135.9" height="137.61" version="1.1" viewBox="0 0 135.9 137.61" xmlns="http://www.w3.org/2000/svg"><path d="m0 0v12.031c5.8422-1e-6 9.786 2.566 14.018 7.6445 4.2316 5.0786 8.0697 12.575 11.994 20.424 3.9244 7.8489 7.9341 16.051 13.514 22.746 1.8197 2.1834 3.8833 4.2106 6.1738 5.959-2.2909 1.7485-4.3539 3.7773-6.1738 5.9609-5.5796 6.6946-9.5892 14.895-13.514 22.744s-7.7625 15.345-11.994 20.424c-4.2316 5.0786-8.1754 7.6465-14.018 7.6465v12.029c9.8528 0 17.682-5.2801 23.26-11.975 5.5781-6.6945 9.5874-14.896 13.512-22.744 3.9243-7.8486 7.7635-15.345 11.996-20.424 4.2326-5.0785 8.1762-7.6465 14.021-7.6465v-12.029c-5.8453 0-9.7889-2.5699-14.021-7.6484s-8.0718-12.573-11.996-20.422-7.9336-16.05-13.512-22.744c-5.5781-6.6945-13.407-11.977-23.26-11.977z"/><path d="m73.111 0v12.031c5.8422 0 9.786 2.566 14.018 7.6445 4.2316 5.0786 8.0697 12.575 11.994 20.424 3.9244 7.8489 7.9341 16.051 13.514 22.746 1.8197 2.1834 3.8833 4.2106 6.1738 5.959-2.2909 1.7485-4.3539 3.7773-6.1738 5.9609-5.5796 6.6946-9.5892 14.895-13.514 22.744-3.9244 7.8489-7.7625 15.345-11.994 20.424-4.2316 5.0786-8.1754 7.6465-14.018 7.6465v12.029c9.8528 0 17.682-5.2801 23.26-11.975 5.5781-6.6945 9.5874-14.896 13.512-22.744 3.9243-7.8486 7.7635-15.345 11.996-20.424 4.2326-5.0785 8.1762-7.6465 14.021-7.6465v-12.029c-5.8453 0-9.7889-2.5699-14.021-7.6484-4.2326-5.0785-8.0718-12.573-11.996-20.422-3.9243-7.8486-7.9336-16.05-13.512-22.744-5.5781-6.6945-13.407-11.977-23.26-11.977z"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="135.9" height="137.61" version="1.1" viewBox="0 0 135.9 137.61" xmlns="http://www.w3.org/2000/svg"><path d="m0 0v12.031c5.8422-1e-6 9.786 2.566 14.018 7.6445 4.2316 5.0786 8.0697 12.575 11.994 20.424 3.9244 7.8489 7.9341 16.051 13.514 22.746 1.8197 2.1834 3.8833 4.2106 6.1738 5.959-2.2909 1.7485-4.3539 3.7773-6.1738 5.9609-5.5796 6.6946-9.5892 14.895-13.514 22.744s-7.7625 15.345-11.994 20.424c-4.2316 5.0786-8.1754 7.6465-14.018 7.6465v12.029c9.8528 0 17.682-5.2801 23.26-11.975 5.5781-6.6945 9.5874-14.896 13.512-22.744 3.9243-7.8486 7.7635-15.345 11.996-20.424 4.2326-5.0785 8.1762-7.6465 14.021-7.6465v-12.029c-5.8453 0-9.7889-2.5699-14.021-7.6484s-8.0718-12.573-11.996-20.422-7.9336-16.05-13.512-22.744c-5.5781-6.6945-13.407-11.977-23.26-11.977z"/><path d="m73.111 0v12.031c5.8422 0 9.786 2.566 14.018 7.6445 4.2316 5.0786 8.0697 12.575 11.994 20.424 3.9244 7.8489 7.9341 16.051 13.514 22.746 1.8197 2.1834 3.8833 4.2106 6.1738 5.959-2.2909 1.7485-4.3539 3.7773-6.1738 5.9609-5.5796 6.6946-9.5892 14.895-13.514 22.744-3.9244 7.8489-7.7625 15.345-11.994 20.424-4.2316 5.0786-8.1754 7.6465-14.018 7.6465v12.029c9.8528 0 17.682-5.2801 23.26-11.975 5.5781-6.6945 9.5874-14.896 13.512-22.744 3.9243-7.8486 7.7635-15.345 11.996-20.424 4.2326-5.0785 8.1762-7.6465 14.021-7.6465v-12.029c-5.8453 0-9.7889-2.5699-14.021-7.6484-4.2326-5.0785-8.0718-12.573-11.996-20.422-3.9243-7.8486-7.9336-16.05-13.512-22.744-5.5781-6.6945-13.407-11.977-23.26-11.977z"/></svg>');
    width: 60px;
  }
  .weblettekst ul:has(.bracketsIcon),
  .weblettekst ul:has(.tipIcon){
    margin-left: 0;
    list-style-type: none;
  }   
    .weblettekst ul>li:has(.bracketsIcon),
    .weblettekst ul>li:has(.tipIcon){
      display: block;
      padding-bottom: 30px;
    }
    .weblettekst ul>li:last-of-type:has(.bracketsIcon),
    .weblettekst ul>li:last-of-type:has(.tipIcon){
      padding-bottom: 0;
    }
.weblettekst h4.bracketsIcon,
.weblettekst h4.tipIcon{
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-template-rows: auto;
  grid-template-areas:
    "icon tekst1" 
    "icon tekst2";
  grid-gap: 0;
  line-height: 1.2;
}
  .weblettekst h4.bracketsIcon{
    grid-template-columns: 60px 1fr;
  }
  .weblettekst h4.bracketsIcon br,
  .weblettekst h4.tipIcon br{
    display: none;
  }
  .weblettekst h4.bracketsIcon::before,
  .weblettekst h4.tipIcon::before{
    grid-area: icon;
  }
  .weblettekst h4.bracketsIcon>span,
  .weblettekst h4.tipIcon>span{
    grid-area: tekst1;
  }
  .weblettekst h4.bracketsIcon>span:first-of-type{
    color: var( --dblue );
    font-weight: 600;
  }
  .weblettekst h4.bracketsIcon>span:last-of-type{
    grid-area: tekst2;
  }
  .weblettekst h4.tipIcon>span:last-of-type{
    grid-area: tekst2;
    color: var( --dblue );
  }

  .weblettekst h4.extraTussenKop{
    line-height: 1.25;
    font-weight: 600;
  }

@media (max-width: 767px) {

  blockquote::after{
    content: none;
  }

}  

@media (max-width: 399px ) {

  .linkbtn{
    font-size: 16px;
  }  
  
}



.subart.banner{
  padding: 0 0 40px;
}

.subart.banner span.multimedia,
.subart.banner span.multimedia img{
  width: 100% !important;
}

.subart.banner img{
  border-radius: 0 40px 40px 0;
}




code {  font-family: courier,monospace;  }
xml {  font-family: courier,monospace;  }.hideTitle .webletTitle{
  display: none;
}

body{
  color: var( --text, #FFFFFF);
  background: var( --bg-outsite, #212529); 
}

.textBrowser{
  height: 0;
  width: 0;
  overflow: hidden;
}

.no-gridSupport #suboutline{
  display: none;
}

.ieMode #oldBrowser,
.no-gridSupport #oldBrowser{
  display: block !important;
  color: var( --white, #FFFFFF);
  width: 100%;
  height: 100%;
  height: 100dvh;
}
  .no-gridSupport #oldBrowser>span{
    padding: 100px;
  }

.pageWrapper{
  max-width: 1600px;
  margin: 0 auto;
  background: var( --white, #FFFFFF);
  color: var( --text, #000000);
  overflow: hidden;  
}

.grid{
  display: grid;
  grid-template-columns: [page-start] 1fr 15px [margin-start] minmax( 1px, 15px) [content-start] minmax( 1px, 1110px) [content-end] minmax( 1px, 15px) [margin-end] 15px 1fr [page-end];
  grid-template-rows: auto;
  gap: 0
}

.wrapper{
  padding: 0;
  margin: 0 auto;
}

.grid .wrapper{
  margin: unset;
}

a,
a:link,
a:visited{
  color: inherit;
  text-decoration: underline;
}

a:hover{
  color: inherit;
  text-decoration: none;
}

p > a,
p > a:link,
p > a:visited{
  text-decoration: underline;
}

p > a:hover{
  text-decoration: none;
}

body *, body *::before, body *::after{
  box-sizing: border-box;
}

ul{
  padding: 0;
  margin: 0;
}

@media (max-width: 767px ) {
}

.skiplink a {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}


.skiplink a:focus {
  position: absolute;
  left: 60px;
  top: 4px;
  width: auto;
  height: auto;
  clip: auto;
  z-index: 1000;
  color: var( --text );
  border: 1px solid var( --text );
  background: var( --text );
  padding: 10px;
}

header.grid .wrapper{
  grid-column: margin;
  display: grid;
  grid-template-columns: [margin-start] minmax( 1px, 15px) [content-start] repeat( 3, minmax( 1px, calc( 1110px / 3 ))) [content-end] minmax( 1px, 15px) [margin-end];
  grid-template-rows: auto;
  grid-gap: 0;
  align-items: center;
}
  header .wrapper>div{
    z-index: 2;
  }
  
header .wrapper .logo{
  container: logo / inline-size;
  grid-column: content / span 2;
  grid-row: 1;
  display: flex;
  position: relative;
  align-items: flex-start;
  margin-top: 30px;
}
  header .wrapper .logo br{
    display: none;
  }
  header .logo .image{
    margin-left: -88px;
  }
  header .logo .text{
    margin-top: 46px;
    margin-left: 5px;
  }

header .logo .multimedia{
  width: unset !important;
}
  header .logo img{
    width: auto;
    height: auto;
  }

header .logo .image img{
  width: 264px;
}
header .logo .text img{
  width: 280px;
}

.cat_home:not(.ise) header .logo{
  grid-column-start: margin;
}

@media (min-width: 768px) {

  .cat_home:not(.ise) header .logo .image img{
    width: 384px;
  }
  .cat_home:not(.ise) header .logo .text img{
    width: 324px;
  }
    .cat_home:not(.ise) header .logo .image{
      margin-left: -128px;
      margin-bottom: -129px;
    }

}

header .links{
  grid-column: span 2/margin-end;
  grid-row: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  justify-self: end;
  width: min-content;
  padding-top: 25px;
}
header .links p{
  width: 100%;
}
  header .links p a.linkbtn{
    margin: 5px 0;
    width: 100%;
    display: flex;
    font-weight: 600;
    font-size: var( --pt23 );
    justify-content: center;
  }
    header .links p a.linkbtn span{
      width: max-content;
    }
    header .links p a.linkbtn:has(.blue){
       border-top-left-radius: 0;
       border-bottom-left-radius: 20px;
    }


.menu ul>li.cat_ico_savings::before{
  content: url('data:image/svg+xml;utf8,<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170.35 170.35">    <defs>      <style>        .cls-1 {          fill: %233fa57d;        }          .cls-2 {          fill: %2340a57d;        }          .cls-3 {          fill: %23fdbf17;        }      </style>    </defs>    <g id="Layer_1-2" data-name="Layer_1">      <g>        <g>          <path class="cls-1" d="M151.43,45.43V0h-18.94v11.83C127.65,5.06,121.8.28,113.57.28h-56.78C28.39.28,28.39,56.97,0,56.97h170.35c-8.23,0-14.08-4.77-18.92-11.54Z"></path>          <polygon class="cls-3" points="151.43 56.97 134.94 56.97 132.49 56.97 113.57 56.97 56.78 56.97 0 56.97 0 113.66 0 170.35 28.39 170.35 28.39 142.01 28.39 113.66 56.7 113.66 56.7 113.66 56.7 170.35 56.78 170.35 113.57 170.35 134.94 170.35 170.35 170.35 170.35 113.66 170.35 56.97 151.43 56.97"></polygon>        </g>        <path class="cls-2" d="M56.58,113.11h-.02v57.24c0-28.4,56.36-28.62,57.22-56.59h.02v-56.98h0c-.35,28.14-56.35,28.45-57.21,56.33Z"></path>      </g>    </g>  </svg>');
}


.menu ul>li.cat_ico_subsidies::before{
  content: url('data:image/svg+xml;utf8,<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 174 174">    <defs>      <style>        .cls-1 {          fill: %2355c0ee;        }          .cls-2 {          fill: %23454d9d;        }      </style>    </defs>    <g id="Layer_1-2" data-name="Layer_1">      <g>        <path class="cls-2" d="M84.99,4.13s-.04,0-.06,0h0C38.03,4.13,0,42.16,0,89.06h0c0,46.91,38.03,84.93,84.93,84.93h0c46.91,0,84.93-38.03,84.93-84.93h0s0-.04,0-.06c-46.86-.03-84.84-38.01-84.88-84.88Z"></path>        <path class="cls-1" d="M92.7,0h0C47.8,0,11.41,36.4,11.41,81.3h0s0,.04,0,.06c.03,44.85,36.39,81.21,81.24,81.24.02,0,.04,0,.06,0h0c44.9,0,81.3-36.4,81.3-81.3h0C174,36.4,137.6,0,92.7,0Z"></path>        <path class="cls-2" d="M80.4,83.74h23.21c3.81,0,5.89,2.09,5.89,5.28s-2.09,5.34-5.89,5.34h-22.29c1.17,11.42,7.86,17.62,18.17,17.62,6.57,0,10.32-1.6,14.25-4.91,1.84-1.17,3.5-2.46,5.96-2.46,3.56,0,6.26,2.76,6.26,6.2,0,2.21-.98,4.3-2.89,5.83-5.77,5.22-14.37,8.6-23.58,8.6-18.36,0-30.15-11.97-32.36-30.88h-5.4c-3.75,0-5.89-2.15-5.89-5.34s2.15-5.28,5.89-5.28h5.03v-6.69h-5.03c-3.75,0-5.89-2.15-5.89-5.16,0-3.25,2.15-5.46,5.89-5.46h5.4c2.27-18.97,14.06-30.52,32.36-30.52,9.95,0,17.93,3.19,23.64,8.35,2.09,1.78,2.82,3.68,2.82,5.77,0,3.56-2.82,6.39-6.39,6.39-2.39,0-4.05-1.17-5.83-2.39-3.99-3.25-7.61-4.85-14.25-4.85-10.44,0-17.01,6.08-18.17,17.25h22.29c3.81,0,5.89,2.09,5.89,5.28s-2.09,5.34-5.89,5.34h-23.21v6.69Z"></path>      </g>    </g>  </svg>');
}


.menu ul>li.cat_ico_transition::before{
  content: url('data:image/svg+xml;utf8,<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170.35 167.01">    <defs>      <style>        .cls-1 {          fill: %2340a57d;        }          .cls-2 {          fill: %2350c1f1;        }      </style>    </defs>    <g id="Layer_1-2" data-name="Layer_1">      <g>        <g>          <path class="cls-2" d="M169.64,66.77v30.13c.47-3.51.71-7.1.71-10.74v-8.65c0-3.64-.25-7.23-.71-10.74Z"></path>          <path class="cls-2" d="M112.57,0c-4.28,25.09-56.5,26.21-56.5,53.44V.53c-.14.04-.27.09-.41.13-3.33,16.04-26.53,22.13-42.12,32.04-4.31,6.47-7.72,13.59-10.04,21.19,24.25,5.33,25.66,56.33,52.57,56.33,0-28.39,56.78-28.39,56.78-56.78V.09c-.1-.03-.19-.06-.29-.09Z"></path>          <path class="cls-2" d="M168.47,60.1c-.5-2.26-1.08-4.48-1.76-6.66h-53.85v56.78c0-25.97,47.52-28.19,55.61-50.12Z"></path>          <path class="cls-2" d="M56.43,163.25c7.71,2.44,15.91,3.76,24.42,3.76,0,0,0,0,0,0h8.65s0,0,0,0c8.24,0,16.18-1.24,23.67-3.52,3.12-17.3,29.12-23.16,44.73-34.21,3.71-5.88,6.7-12.27,8.8-19.05h-53.85c0,27.08-51.65,28.33-56.43,53.02Z"></path>          <path class="cls-2" d="M13.55,130.96c15.58,9.91,38.79,16,42.12,32.04.14.04.27.09.41.13v-52.91H3.64c2.31,7.43,5.67,14.4,9.9,20.74Z"></path>        </g>        <g>          <path class="cls-1" d="M56.07,110.22v52.91c.12.04.24.08.35.11,4.77-24.69,56.43-25.94,56.43-53.02v-56.78c0,28.39-56.78,28.39-56.78,56.78Z"></path>          <path class="cls-1" d="M3.51,53.89C1.24,61.32.02,69.19,0,77.36c0,.05,0,.1,0,.15v8.65c0,.05,0,.1,0,.15.02,8.33,1.29,16.36,3.64,23.92h52.43c-26.91,0-28.32-51-52.57-56.33Z"></path>          <path class="cls-1" d="M168.47,60.1c-8.09,21.93-55.61,24.14-55.61,50.12h53.85c1.34-4.3,2.32-8.75,2.93-13.33v-30.13c-.3-2.25-.69-4.47-1.17-6.66Z"></path>          <path class="cls-1" d="M13.55,130.96c9.95,14.92,24.74,26.35,42.12,32.04-3.33-16.04-26.53-22.13-42.12-32.04Z"></path>          <path class="cls-1" d="M113.17,163.48c18.69-5.72,34.51-18.02,44.73-34.21-15.61,11.05-41.61,16.91-44.73,34.21Z"></path>          <path class="cls-1" d="M112.86.09v53.35h53.85C158.76,27.91,138.49,7.81,112.86.09Z"></path>          <path class="cls-1" d="M55.66.66C38.28,6.35,23.5,17.78,13.55,32.7,29.13,22.79,52.34,16.7,55.66.66Z"></path>        </g>      </g>    </g>  </svg>');
}


.menu ul>li.cat_ico_seb::before{
  content: url('data:image/svg+xml;utf8,<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 186.88 186.91">    <defs>      <style>        .cls-1 {          fill: %2355c0ee;        }          .cls-2 {          fill: %23fabd19;        }          .cls-3 {          fill: %23fff;        }          .cls-4 {          fill: %233fa57d;        }          .cls-5 {          fill: %23e44;        }      </style>    </defs>    <g id="Layer_1-2" data-name="Layer_1">      <g>        <path class="cls-2" d="M124.58,62.3c31.15,0,31.15,62.31,62.3,62.31h-62.3v-62.31Z"></path>        <path class="cls-3" d="M124.58,62.27s0,0,0,0h0V0c0,31.14-62.26,31.15-62.31,62.27h0v.03h0v62.27c0-31.14,62.26-31.15,62.31-62.27h0v-.03Z"></path>        <path class="cls-4" d="M124.58,124.61c0,31.15-62.31,31.15-62.31,62.3v-62.3h62.31Z"></path>        <path class="cls-1" d="M62.3,124.44c-31.15,0-31.15-62.31-62.3-62.31h62.3v62.31Z"></path>        <g>          <path class="cls-5" d="M62.28,61.93h0v62.68c0-12.18,9.53-19.6,21.13-25.98v-62.3c-11.48,6.31-20.92,13.65-21.12,25.6Z"></path>          <path class="cls-5" d="M124.57,62.3V0c0,12.18-9.52,19.6-21.13,25.98v36.33h.17s-.17,0-.17,0v25.98c11.53-6.34,21-13.71,21.12-25.75h0s0-.15,0-.15c0-.03,0-.05,0-.08h0Z"></path>        </g>      </g>    </g>  </svg>');
}


.menu ul>li.cat_ico_verhalen::before{
  content: url('data:image/svg+xml;utf8,<svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170.35 170.35">    <defs>      <style>        .cls-1 {          fill: %23454d9d;        }          .cls-2 {          fill: none;          stroke: %23454d9d;          stroke-miterlimit: 10;          stroke-width: 5.68px;        }          .cls-3 {          fill: %23fdbf17;        }      </style>    </defs>    <g id="Layer_1-2" data-name="Layer_1">      <g>        <path class="cls-3" d="M113.57,56.78V0c0,28.39-56.78,28.39-56.78,56.78H0v56.78c0,28.39,56.78,28.39,56.78,56.78h56.78c0-28.39,56.78-28.39,56.78-56.78v-56.78h-56.78Z"></path>        <circle class="cls-3" cx="56.78" cy="87.36" r="9.17"></circle>        <path class="cls-1" d="M0,56.78h0s56.78,0,56.78,0c0-28.39,56.78-28.39,56.78-56.78h-56.78C25.42,0,0,25.42,0,56.78Z"></path>        <path class="cls-1" d="M113.57,0v56.78h56.78c0-31.36-25.42-56.78-56.78-56.78Z"></path>        <circle class="cls-1" cx="56.78" cy="87.36" r="9.17"></circle>        <circle class="cls-1" cx="113.57" cy="87.36" r="9.17"></circle>        <path class="cls-2" d="M102.64,119.36c0,5.79-17.63,13.03-17.63,13.03,0,0-17.31-7.19-17.31-13.03"></path>      </g>    </g>  </svg>');
}



header .fixedAnchor{
  position: fixed;
  top: 0;
  right: 0;
  z-index: 14;
  width: 100%;
  left: 0;
  max-width: 1600px;
  margin: 0 auto;
  height: 0;
  display: grid;
}
  header .fixedAnchor .menuWrapper{
    grid-column: span 1 / content-end;
    grid-row: 1;
    z-index: 1;
    justify-self: end;
    align-self: start;
    padding-bottom: 10px;
    padding-left: 10px;
    background: var( --white );
    border-radius: 0 0 0 20px;
    min-height: 81px;
    align-self: end;
  }
    header .fixedAnchor::after{
      grid-column: content-end / page-end;
      grid-row: 1;
      content: "";
      background: var( --white );
      width: 1000%;
      height: 100%;
      display: block;
      left: 100%;
      top: 0;
    }

header .menu{
  display: none;
  grid-column: span 1 / content-end;
  grid-row: 2;
  margin-top: -30px;
}

header .menu ul>li{
  display: flex;
}
  header .menu ul>li[class*="cat_ico_"]{
    padding-bottom: 15px;
  }
  header .menu ul>li::before{
    width: 35px;
    height: 35px;
    display: block;
    margin-right: 15px;
  }    

header .menuBtn{
  padding-top: 20px;
}
.menuBtn button{
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background: var( --white );
  color: var( --dblue );
  height: auto;
  padding: 0px;
  font-weight: 700;
  font-size: var( --pt15 );
  border: none;
  border-radius: 0;
  width: 48px;
}
.menuBtn button::before{
  width: 100%;
  content: 'menu';
  font-family: 'RubrikNew', sans-serif;
}
.menuBtn button .hamb{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;  
  margin-top: -2px;
}
  .menuBtn button .hamb .stripe{
    background: var( --dblue );
    display: block;
    width: 40px;
    height: 5px;
    margin-top: 6px;
    border-radius: 2px;
    transition: 0.1s;
  }



.menu-open header .menu{
  display: block;
}

.menu-open header .wrapper::before{
  grid-column: 1/4;
  grid-row: 1/3;
  right: 49%;
  width: 100%;
  height: 100%;
  content: "";
  position: relative;
  background-color: var( --grey );
  z-index: 0;
  margin-left: -100%;
  width: 170%;
}

.menu-open header .wrapper::after{
  grid-column: -4/-1;
  grid-row: 1/3;
  left: 50%;
  width: 100%;
  height: 100%;
  content: "";
  position: relative;
  background-color: var( --white );
  z-index: 0;
}

.menu-open header .wrapper .background{
  grid-column: 1/5;
  grid-row: 1/3;
  position: relative;
  z-index: 1;
  height: 100%;
}

.menu-open header .background::before,
.menu-open header .background::after{
  background-color: var( --grey );
  mask-image: url('data:image/svg+xml;utf8,<svg width="200" height="200" version="1.1" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g transform="scale(1.2155 1.2152)"><path d="M 164.54,0 H 0 V 164.58 C 82.28,164.58 82.26,0 164.54,0 Z"/> </g></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="200" height="200" version="1.1" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g transform="scale(1.2155 1.2152)"><path d="M 164.54,0 H 0 V 164.58 C 82.28,164.58 82.26,0 164.54,0 Z"/> </g></svg>');
  mask-repeat: no-repeat;
  mask-size: auto 100%;
  mask-position: right;
  -webkit-mask-repeat: no-repeat;
  transform: scale(1, 1);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  right: 17%;
  display:block;
}
.menu-open header .background::after{
  background-color: var( --white );
  transform: scale(-1, -1);
  mask-position: left;
    z-index: 3;
}

.menu-open .menuBtn button::before{
  content: 'sluit';
}
.menu-open .menuBtn button .hamb .stripe{
  display: none;
}
.menu-open .menuBtn button .hamb .stripe:first-of-type{
  display: block;
  transform: rotate(-45deg) translate(-6px, 6px);
}
.menu-open .menuBtn button .hamb .stripe:last-of-type{
  display: block;
  transform: rotate(45deg) translate(-1px, -2px);
}

.menu-open main,
.menu-open footer .wrapper>div{
  display: none;
}
.menu-open footer .wrapper .iconband{
  display: block;
}


header .search{
  flex: 1 1 auto;
  margin: 60px 0 80px;
}
  .search fieldset{
    position: relative;
    display: flex;
    height: 40px;
    border: 1px solid var( --grey );
    border-radius: 9px;
    overflow: hidden;
    width: 100%;
  }
  .search p{
    display: inline-block;
    height: 100%;
    font-size: 20px;
  }
    .search p:first-of-type{
      width: 100%;
      order: 2;
    }
      .search label{
        width: 100%;
        height: 100%;
      }
        .search label input{
          width: 100%;
          border: none;
          background: var( --white );
          color: var( --text );
          font-size: 1rem;
          line-height: 40px;
          padding: 0 10px;
          outline: none;
        }
        .search label input.empty{
          color: var( --text );
        }
        .search label input:active,
        .search label input:focus{
          line-height: 38px;
          border-bottom: 2px solid var( --text );
        }
    .search p:last-of-type{
      order: 1;
    }
      .search button{
        border: none;
        height: 100%;
        padding: 0 5px;
        border-radius: 7px 0;
        text-transform: uppercase;
        font-size: 30px;
      }
        .search button::before{
           content: "\f002";
           font-family: 'icomoon';
           color: var( --text );
           font-style: normal;
           font-weight: 400;
           line-height: 0;
           vertical-align: middle;
           position: relative;
           top: -5px;
        }   
        .search button{
          background: var( --white );
        }
        .search button:hover{
          background: var( --bg-red );
        }

@media (max-width: calc( 1110px + 160px )) { 
  
  .cat_home.menu-open:not(.ise) header .logo .text img {
    width: 300px;
  }
}

@media (max-width:1110px) { 
  
  .menu-open:not(.ise) header .wrapper .logo .text img {
    width: 25vw;
  }
  .cat_home.menu-open:not(.ise) header .logo .text img {
    width: 23vw;
  }

}

@media (max-width: calc( 1110px - 160px )) {

  header.grid .wrapper{
    grid-template-columns:[margin-start] minmax( 1px, 15px) [content-start] repeat( 2, minmax( 1px, 200px)) minmax( 1px, 800px) [content-end] minmax( 1px, 15px) [margin-end]
  }

  .menu-open header .menu{
    margin-top: 80px;
  }

  .cat_home.menu-open:not(.ise) header .logo .image img{
    width: 264px;
  }
  
  header .logo .image{
    margin-left: -103px;
  }
  .cat_home.menu-open:not(.ise) header .logo .image{
    margin-left: -88px;
  }

}

@media (max-width: 767px) { 

  .menu-open header .wrapper::before,
  .menu-open header .wrapper .background{
    display: none;
  }

  header .fixedAnchor .menuWrapper{
    grid-column: span 2 / margin-end;
  }
  header .menuBtn {
    padding-top: 10px;
  }

  header .wrapper .logo{
    grid-column: margin;
    align-items: center;
  }
  
  header .logo .image{
    margin-left: unset !important;
    width: 35%
  }
  header .logo .text{
    margin-top: 2.5%;
    width: 60%
  }

  header .wrapper .logo img{
    width: auto !important;
  }
    
 .menu-open header .menu{
   grid-column: margin;
   margin-top: 10px;
   grid-row: 3;
 }
 
  header .wrapper .links{
    grid-column: margin;
    grid-row: 3;
    width: 100%;
    padding: 50px 0;
  }
  header .wrapper .links a.linkbtn{
    border-radius: 0 20px 0 0;
  }
    header .links p a:has(.linkbtn.blue){
      border-radius: 0 0 20px 0;
    }
    
  .menu-open header .wrapper .links{
    grid-row: 2;
    padding-bottom: 10px;
  }
  
}


@media ( min-height: 500px ) {

  .menu-open header{
    height: calc( 100vh - 65px );
    height: calc( 100dvh - 65px );
    overflow-y: scroll;
    overflow-x: hidden;
    align-items: start;
  }

  header .wrapper .logo{
    margin-top: 60px;
  }

}

.content img{
  max-width: 100%;
  height: auto;
}

main>section.content.wrapper{
  display: contents;
}

main>section,
main>section>*,
main>.content>.standardText>*,
main>.content>.standardText>.subart.banner{  
  grid-column: content;
  z-index: 1;
}

main .topWeblets{
  grid-row: 1;
}

.webletTitle{
  margin-top: 0;
}

.webletcrumble .crumblepath{
  z-index: 4;  
  color: var( --dblue );
}

.webletcrumble .icon.home{
  font-family: 'Glyphicons Halflings';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
  .webletcrumble .icon.home::after{
    content: '\e021';
  }

.webletcrumble a:has(.icon.home){
  text-decoration: none;
}
.webletcrumble a.crumblelink{
  font-weight: normal;
  font-family: inherit;
}
.webletcrumble .verticaldivider{
  font-size: 22px;
}

.webletcrumble .crumblepath{
  position: relative;
  margin-top: 20px;
  margin-bottom: 10px;
}
  body .webletcrumble .crumblepath,
  body .webletcrumble .crumblepath a{
    color: var( --dblue );
  }
  body .webletcrumble .crumblepath .selected~*{
    display: none;
  }


main>section.content>h1{
  grid-row: 2;
}

.content br+span:has(img){
  margin-top: 40px;
}

h1.ISEStyle:has(+h2),
.content h1:has(+.leadart>.standardText h2),
.content h1:has(+.standardText h2){
  margin-bottom: 0;
}
h1.ISEStyle+h2{
  margin-top: -5px;
  margin-bottom: 10px;
}
.content h1+.leadart.standardText h2,
.content h1+.standardText~h2{
  margin-top: -5px;
  margin-bottom: -15px;
}

.content h1+.standardText h2{
  color: var( --text );
}

.cat_ico_verhalen .content.wrapper h1{
  color: var( --dblue );
}
.cat_nieuws .content.wrapper h1{
  color: var( --green );
}


main>section.content>.standardText{
  grid-row: 3 / span 2;
}

main>.content>.standardText{  
  display: grid;
  grid-template-columns: [content-start] 1fr [text-start] minmax( 1px, 920px) [text-end] 1fr [content-end];
  grid-template-rows: auto;
  gap: 0
}
  main>.content>.standardText>.subart{
    grid-column: text;
  }

main .bottomWeblets{
  grid-row: 5;
}
main::before{
  grid-column: page; 
  grid-row: 3;
  content: "";
  height: 160px;
}
  main.grid .background{
    grid-column: page; 
    grid-row: 3 / 6;
    width: 100%;
    background-color: var( --bg-grey );
    z-index: 0;
  }
  main.grid:has(.banner) .background{
    grid-row: 4 / 6;
  }



.standardText .accordionWrapper:first-of-type{
  clear: both;
  margin-top: 40px;
}

@media (min-width: 768px) {

  .standardText .accordionWrapper,
  .webletLocationfaq.webletaccordion{
    width: calc( 50% + 150px );
  }

}

.standardText .accordionWrapper div.accordion{
  margin: 20px 40px;
}
#content .webletaccordion .accordionTextboxes{
  margin: 20px 0;
}
  .standardText .accordionWrapper a,
  #content .webletaccordion .accordionContainer a{
    background: none;
    text-decoration: none;
    cursor: pointer;
  }
   .standardText .accordionWrapper a h2,
    #content .webletaccordion .accordionContainer a h2{
      font-size: 1rem; 
      font-weight: 600;
      color: var( --text );
      display: flex;
      align-items: center;
      margin: 0;
      padding: 10px;
    }
      .standardText .accordionWrapper a h2::before,
      #content .webletaccordion .accordionContainer a h2::before{
        content: "\f056";
        font-family: 'icomoon';
        color: var( --dblue );
        font-style: normal;
        font-size: 25px;
        font-weight: 400;
        line-height: 0;
        width: 20px;
        position: relative;
        right: 10px;
      }
      .standardText .accordionWrapper a.closed h2::before,
      #content .webletaccordion .accordionContainer.closed a h2::before{
        content: "\f055";
      }
    #content .webletaccordion .accordionTitle a::after{
      content: "";
    }
  .standardText .accordionWrapper a h2,
  #content .webletaccordion .accordionTitle{
    border-bottom: 2px solid var( --dblue );
  }
  #content .webletaccordion .accordionText {
    border-bottom: none;
    padding: 30px 40px;
  }


main.grid .endCurve{
  grid-column: page;  
  position: relative;
  height: var( --curve-height );
}
  main.grid .endCurve::before{
    background-color: var( --bg-grey );
    content: "";
    width: 40px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    display:block;
  }
  main.grid .endCurve::after{
    background-color: var( --bg-grey );
    mask-image: url('data:image/svg+xml;utf8,<svg width="200" height="200" version="1.1" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g transform="scale(1.2155 1.2152)"><path d="M 164.54,0 H 0 V 164.58 C 82.28,164.58 82.26,0 164.54,0 Z"/> </g></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="200" height="200" version="1.1" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g transform="scale(1.2155 1.2152)"><path d="M 164.54,0 H 0 V 164.58 C 82.28,164.58 82.26,0 164.54,0 Z"/> </g></svg>');
    mask-repeat: no-repeat;
    mask-size: auto 100%;
    mask-position: left;
    -webkit-mask-repeat: no-repeat;
    transform: scale(-1, 1);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 40px;
    top: 0;
    display:block;
  }

  .cat_nieuws main.grid .background,
  .cat_nieuws main.grid .endCurve::before,
  .cat_nieuws main.grid .endCurve::after{
    background-color: var( --bg-green );
  }

body.play-video section>div:has( .weblettekst .multimedia.embed){
  z-index: 1000;
}

body.play-video .weblettekst:has( .multimedia.embed){
  z-index: 1000;
  position: fixed;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  left: 0;
  top: 0;
}

body.play-video .weblettekst:has( .multimedia.embed)::before{
  content: "";
  opacity: 0.9;
  background: var( --bg-outsite );
  position: absolute;
  inset: 0;
}

body.play-video .weblettekst a.theYoutubeIsLoaded::after{
  content: "X";
  position: absolute;
  z-index: 1000;
  background: black;
  width: 30px;
  height: 30px;
  display: block;
  top: -40px;
  right: -20px;
  color: white;
  font-size: 25px;
  line-height: 30px;
  padding: 0 7px;
  border-radius: 15px;
}

body.play-video .weblettekst .multimedia.embed{
  width: 90% !important;
  margin: auto;
  top: 50%;
  position: relative;
  transform: translate( 0, -50%);
}

@media (max-width: 1110px) {
  
  main>.content>.standardText{  
    grid-template-columns: [margin-start content-start] 1fr [text-start] minmax( 1px, 920px) [text-end] 1fr [content-end margin-end];
  }
  
}

@media (max-width: 767px) {

  main>section,
  main>section>*,
  main>.content>.standardText>*,
  main>.content>.standardText>.subart.banner{  
    grid-column: margin;
  }
  
  main > .content > .standardText > .subart.banner{
    margin-left: -15px;
  }

  main.grid .endCurve{
    height: 25vw;
  }

}

ul.results,
.overview ul{
  margin: 0;
  padding: 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat( auto-fit, minmax( 300px, 1fr ));
  grid-template-rows: auto;
  grid-gap:30px 30px;  
}
  ul.results li,
  .overview li{
    display: contents;
  }
  ul.results li::after,
  #content .overview ul li::after{
    display: none;
  }

  .listItem{
    width: 100%;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 5;
    grid-gap: 20px;
    border-radius: 40px 0 40px 0;
    background: var( --white );
  }
    .listItem>*{
      width: 100%;
    }
      .listItem .image{
        width: 100%;
        aspect-ratio: 3 / 2;
        position: relative;
      }
        .listItem .image img{
          border-radius: 40px 0 0 0;
          position: absolute;
          left: 0; top: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      .listItem .text{
        display: contents;
      }
      .listItem .text>*{
        margin: 0;
        padding: 0 20px;
      }
      .listItem .text h3.title{
        font-size: var( --pt28 );
        font-weight: 700;
        color: var( --dblue );
        
      }
      .listItem .text h4{
        font-size: var( --pt18 );
        font-weight: 700;
        color: var( --dblue );
      }
      .listItem .leesmeer{
			  display: block;
        padding-bottom: 25px;
			}

 .text h4 .author{
   display:none;
 }

.cat_ico_verhalen .listItem{
}
  .cat_ico_verhalen .link,
  .cat_ico_verhalen .text h4 .date{
    display:none;
  }

.cat_ico_verhalen .text h4 .author{
   display:inline;
 }

.cat_nieuws .listItem{
  background:  var( --green );
} 

.cat_nieuws .listItem .text h4{
  color: inherit;
}
.cat_nieuws .listItem .leesmeer,
.cat_nieuws .listItem .text h3.title{
  color:  var( --white );
}




.webletarchief1 .overview li:has( .arrows){
  display: none;
}

.webletarchief1 .overview li:nth-child(1){
  display: contents;
}
.webletarchief1 .overview li:nth-child(2){
  display: contents;
}
.webletarchief1 .overview li:nth-child(3){
  display: contents;
}


.webletarchief1 .overview{
  position: relative;
}
  
  .webletarchief1 .overview .arrow{
    position: absolute;
    bottom: 50%;
    right: -70px;
    width: 36px;
    height: 36px;
    border-radius: 0 0 0.75em 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
    .webletarchief1 .overview .arrow::after{
      background-color: var( --dblue );
      mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="31.504" height="30.706" viewBox="0 0 31.504 30.706"><path d="M13.395,4.7l1.561-1.561a1.681,1.681,0,0,1,2.384,0L31.008,16.8a1.681,1.681,0,0,1,0,2.384L17.339,32.857a1.681,1.681,0,0,1-2.384,0L13.395,31.3a1.689,1.689,0,0,1,.028-2.412L21.9,20.813H1.688A1.683,1.683,0,0,1,0,19.125v-2.25a1.683,1.683,0,0,1,1.688-1.687H21.9L13.423,7.116A1.677,1.677,0,0,1,13.395,4.7Z" transform="translate(0 -2.647)"/></svg>');
      -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="31.504" height="30.706" viewBox="0 0 31.504 30.706"><path d="M13.395,4.7l1.561-1.561a1.681,1.681,0,0,1,2.384,0L31.008,16.8a1.681,1.681,0,0,1,0,2.384L17.339,32.857a1.681,1.681,0,0,1-2.384,0L13.395,31.3a1.689,1.689,0,0,1,.028-2.412L21.9,20.813H1.688A1.683,1.683,0,0,1,0,19.125v-2.25a1.683,1.683,0,0,1,1.688-1.687H21.9L13.423,7.116A1.677,1.677,0,0,1,13.395,4.7Z" transform="translate(0 -2.647)"/></svg>');
      mask-repeat: no-repeat;
      mask-size: auto 100%;
      mask-position: left;
      -webkit-mask-repeat: no-repeat;
      content: "";
      width: 30px;
      height: 30px;
      position: relative;
      display:block;
    }
    .webletarchief1 .overview .arrow:hover::after{
      background-color: var( --yellow );
    }
    
    .webletarchief1 .overview .arrow.prev{
      left: -70px;
    }
   .webletarchief1 .overview .prev::after{
      transform: scale(-1, 1);
    }
   .webletarchief1 .overview:has( li.active.last ) .next,
   .webletarchief1 .overview:has( li.active.first ) .prev{
      cursor: not-allowed;
      pointer-events: none;
    }  
     .webletarchief1 .overview:has( li.active.last ) .next::after,
     .webletarchief1 .overview:has( li.active.first ) .prev::after{
        background-color:  var( --dblue );
        opacity: 60%;
     }

@media (max-width: calc( 1110px + 160px )) {
    
  .webletarchief1 .overview:has(.arrow){
    padding-bottom: 90px;
  }
  .webletarchief1 .overview .arrow{
    bottom: 0;
    right: calc( 50% - 40px );
  }  
  .webletarchief1 .overview .arrow.prev{
    left: calc( 50% - 40px );
  }
  
}


  .webletarchief1 .overview li.scrollItem {
    display: none;
  }
  .webletarchief1 .overview li.scrollItem.active {
    display: contents;
  }
  
  .overviewWeblets .linkbtn{
    min-width: 30%;
  }
  
  .overviewWeblets>div{
    padding: 0 0 60px;
  }
  .overviewWeblets>div:last-of-type{
    padding: 0 0 40px;
  }

  .overviewWeblets .webletarchief1 h2.webletTitle{
    font-size: var( --pt44 );
    margin: 0 0 40px;
  }
  .webletarchief1 h2.webletTitle a{
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }

.listIconTextBlock{
  margin-top: 24px;
  border-radius: 0 0 40px 0;
}
  .listIconTextBlock .image{
    width: 70px;
    height: 70px;
    position: relative;
    left: 20px;
    top: -24px;
    margin-bottom: -14px;
  }
    .listIconTextBlock .image img{
      border-radius: unset;
    }
  .listIconTextBlock .text .link{
    color: var( --dblue );
    font-weight: 600;
  }
  .listIconTextBlock .text h3.title{
    font-weight: 600;
  }


  .listPicTextBlock .image img{
    border-radius: 0 0 40px 0;
  }
  .listPicTextBlock .text h3.title{
    color: var( --red );
    padding-top: 5px;
  }
  .horizontal.listItem .text .link{
    color: var( --dblue );
  }

@media (min-width: 768px ) {
  
  .template-listPicTextBlock ul:has(.horizontal){
    grid-template-columns: minmax( 300px, 1fr ) 1fr 1fr;
  }

  .horizontal.listItem{
    grid-template-columns: subgrid;
    grid-column: span 3;
    grid-row: span 1;
    grid-gap: 30px;
  }
  .horizontal.listItem .text{
    display: block;
    grid-column: span 2;
    position: relative;
    padding-bottom: 60px;
  }
  .horizontal.listItem .text>*{
    padding: 20px 0 0 0;
  }
  .horizontal.listItem .text .link{
    position: absolute;
    bottom: -5px; 
  }

}

@media (max-width: 767px) {

.overviewWeblets .weblet:has( .webletarchief1 .singleOverview){
  grid-column: content;
}

  
  .webletarchief1 .singleOverview.overview li.scrollItem:has(+.scrollItem.active){
    display: contents;
  }
    .webletarchief1 .singleOverview.overview li.scrollItem:has(+.scrollItem.active)>div{
      position: absolute;
      right: calc( 100% + 15px );
      height: calc( 100% - 90px );
    }

  
  .webletarchief1 .singleOverview.overview li.scrollItem.active+.scrollItem{
    display: contents;
  }
    .webletarchief1 .singleOverview.overview li.scrollItem.active+.scrollItem>div{
      position: absolute;
      left: calc( 100% + 15px );
      height: calc( 100% - 90px );
    }

}

@media (max-width: calc( 767px - 220px )) {

  ul.results,
  .overview ul {
    grid-template-columns: 1fr;
  }  

}






.wax_warning{
  width: 100%;
}

.wax_warning table{
  width: 100%;
  display: grid;
  grid-template-columns: repeat( 7, min-content);
  grid-template-rows: auto;
}

.wax_warning tbody,
.wax_warning tr{
  display: contents;
}





footer.grid .wrapper{
  grid-column: page;
  display: grid;
  grid-template-columns: [page-start] 1fr 15px [margin-start] minmax( 1px, 15px) [content-start] repeat( 4, minmax( 1px, 175px)) 30px minmax( 1px, calc(350px / 3)) minmax( 1px, calc(350px /3*2)) [content-end] minmax( 1px, 15px) [margin-end] 15px 1fr [page-end];
  grid-template-rows: auto;
  grid-template-areas:
    "bgL mrgn1L mrgn2L logo  logo curve curve  gap  txt1 txt1 mrgn2R mrgn1R bgR" 
    "bgL mrgn1L mrgn2L logo  logo curve curve  gap  txt2 txt2 mrgn2R mrgn1R bgR" 
    "bgL mrgn1L mrgn2L logo  logo curve curve  gap  txt3 txt4 mrgn2R mrgn1R bgR" 
    "bgL mrgn1L mrgn2L discl discl discl discl gap  txt5 txt5 mrgn2R mrgn1R bgR" 
    "band band band     band band band band  band    band band band band band";
  grid-gap: 0;
}

footer .wrapper >div{
  z-index: 1;
}

footer .wrapper .logo{
  grid-area: logo;
}
  footer .logo .multimedia{
    width: 100% !important;
  }
    footer .logo img{
      width: 100%;
      height: auto;
      padding-top: 90px;
    }

footer .linktext{
  padding: 20px 0;  
}
  footer .linktext a{
    text-decoration: none;
  }
    footer .linktext a:hover{
      text-decoration: underline;
    }

footer .linktext.blueGreen{
  grid-area: txt1;
  padding-top: 50px;  
  font-weight: 600;
  font-size: var( --pt38 );
  color: var( --dblue );
  line-height: 1.25;
}
  footer .linktext.blueGreen p:last-of-type a{
    color: var( --green );
  }

footer .linktext.linkrow{
  grid-area: txt2;
}
  footer .linktext.linkrow li{
    display: none;
  }
  footer .linktext.linkrow li[class*="cat_ico_"]{
    display: block;
  }
  
footer .linktext.newsContact{
  grid-area: txt3;
}

footer .linktext.icons{
  grid-area: txt4; 
  align-self: center;
  margin-left: -20px;
}

footer .linktext.icons .icon{
   font-size: 38px;
   padding-right: 20px;
   color: var( --dblue );
}
  footer .linktext.icons .icon:hover{
     color: var( --yellow );
  }

footer .linktext.logoDordt{
  padding-top: 0;
  grid-area: txt5;
  padding-bottom: 50px;
}
  footer .linktext.logoDordt p{
    display: flex;  
    align-items: center;
  }
  footer .linktext.logoDordt .text{
    font-size: var( --pt12 );
    color: #007BC1; 
    padding-right: 7px;
  }
    footer .linktext.logoDordt .multimedia{
      display: inline;
      width: 80% !important;
      max-width: 200px;
    }
      footer .linktext.logoDordt .multimedia img{
        width: 100%;
        height: auto;
      }
    
footer .disclaimer{
  grid-area: discl;
  align-self: end;
  padding-bottom: 10px;
}
  footer .disclaimer lu{
  }
    footer .disclaimer li{
      display: inline-block;
      font-size: 13px;
    }
    footer .disclaimer li:after{
      display: inline-block;
      content:"|";
      padding: 0 10px;
    }
    footer .disclaimer li:last-of-type:after{
      content:"";
    }    
      footer .disclaimer li a{
        text-decoration: underline;
      }

footer .iconband{
  grid-area: band;
  justify-self: center;
}
  footer .iconband br{
    display: none;
  }
  .iconband .multimedia {
    width: 100% !important;
    height: 67px;
  }
    .iconband img{
      max-width: unset;
      height: 68px;
      width: 1600px;
    }


footer.grid .wrapper .background{
  grid-column: 1/9;
  grid-row: 1/5;
  position: relative;
  background-color: var( --grey );
  z-index: 0;
}
footer .background::before,
footer .background::after{
  background-color: var( --white );
  mask-image: url('data:image/svg+xml;utf8,<svg width="200" height="200" version="1.1" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g transform="scale(1.2155 1.2152)"><path d="M 164.54,0 H 0 V 164.58 C 82.28,164.58 82.26,0 164.54,0 Z"/> </g></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="200" height="200" version="1.1" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g transform="scale(1.2155 1.2152)"><path d="M 164.54,0 H 0 V 164.58 C 82.28,164.58 82.26,0 164.54,0 Z"/> </g></svg>');
  mask-repeat: no-repeat;
  mask-size: auto 100%;
  -webkit-mask-repeat: no-repeat;
  transform: scale(-1, 1);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  right: -6%;
}
footer .background::before{
  background-color: var( --grey );
  mask-position: right;
  transform: scale(1, -1);
}

footer .fixedAnchor{
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 14;
  width: 100%;
  left: 0;
  max-width: 1600px;
  margin: 0 auto;
  height: 0px;
  display: flex;
  justify-content: end;
}

footer .weblettekst.checkbtn{
  position: relative;
  top: -50px;
}

footer .checkbtn a.linkbtn{
  background-color: var( --red );
  padding: 0 30px;
  height: 50px;
}
footer .checkbtn a.linkbtn:hover{
  background-color: var( --bg-red );
}

@media (max-width: 1110px) {
    
  footer .wrapper .logo {
    align-self: end;
  }
  
}

@media (max-width: calc( 1110px - 160px)) {
  
  footer .background.image::before,
  footer .background.image::after{
    right: 0;
  }    
  
  footer.grid .wrapper .background{
    grid-row: 2/5;
  }

  footer.grid .wrapper{
  
    grid-template-columns: [page-start] 1fr 15px [margin-start] minmax( 1px, 15px) [content-start] repeat( 4, minmax( 1px, 100px)) 30px minmax( 1px, 200px) minmax( 1px, 600px) [content-end] minmax( 1px, 15px) [margin-end] 15px 1fr [page-end];
  }
}

@media (max-width: 767px) {
  
  footer.grid .wrapper{
    grid-template-columns: [page-start] 15px [margin-start content-start] min-content repeat( 2, minmax( 1px, 1fr)) [content-end margin-end] 15px [page-end];
    grid-template-areas:
    "mrgn2L logo  logo logo mrgn2R" 
    "mrgn2L  txt1 txt1 txt1 mrgn2R"
    "mrgn2L  txt2 txt2 txt2 mrgn2R"
    "mrgn2L  txt3 txt4 txt4 mrgn2R"
    "mrgn2L  txt5 txt5 txt5 mrgn2R"
    "mrgn2L discl discl discl mrgn2R" 
    "band     band band band   band";
  }
  
  footer .logo{
    width: 80%;
  }
  
  footer .linktext.icons{
    margin-left: 30px;
  }

  footer .linktext.logoDordt{
    margin-top: 20px;
    padding-bottom: 30px;
  }
  
  footer .disclaimer{
    text-align: center;
  }

  footer .background.image{
    display: none;
  }
}

@media (max-width: 549px) {

  footer .linktext.logoDordt p{
    flex-wrap: wrap;
  }
}

@media (max-width: 299px) {

  footer .logo{
    width: 95%;
  }

  footer .linktext.icons{
    margin-left: 0px;
  }

  footer.grid .wrapper{
    grid-template-areas:
    "mrgn2L logo  logo logo mrgn2R" 
    "mrgn2L  txt1 txt1 txt1 mrgn2R"
    "mrgn2L  txt2 txt2 txt2 mrgn2R"
    "mrgn2L  txt3 txt3 txt3 mrgn2R"
    "mrgn2L  txt4 txt4 txt4 mrgn2R"
    "mrgn2L  txt5 txt5 txt5 mrgn2R"
    "mrgn2L discl discl discl mrgn2R" 
    "band     band band band   band";
  }
  
  footer .linktext.logoDordt .text{
    position: relative;
    top: 20px;
  }

}

@media ( min-height: 500px ) {

  .menu-open footer .iconband{
    position: fixed;
    bottom: 0px;
  }

}

body:not(.ise) .content
{
  accent-color: var( --lblue );
}


body:not(.ise) .content button,
body:not(.ise) .content a.button,
body:not(.ise) .content a.btn,
body:not(.ise) .content input[type="button"],
body:not(.ise) .content input[type="submit"]
{
  cursor: pointer;
  display: inline-flex;
  height: 40px;
  font-weight: bold;
  font-size: 18px;
  padding: 0 15px 0 20px;
  align-items: center;
  position: relative;
  text-decoration: none;
  background: var( --grey );
  color: var( --dblue );
  border: none;
  border-radius: 0;
  border-top-left-radius: 20px;
  margin-left: 10px;
  font-family: 'RubrikNew', sans-serif;
}

body:not(.ise) .formElementButton .buttonSubmit{
}
  body:not(.ise) .formElementButton .buttonSubmit input{
    background: var( --dblue );
    color: var( --white );
  }
  body:not(.ise) .formElementButton .buttonSubmit input[type="submit"]:hover{
    background: var( --yellow );
    color: var( --text );
  }

body:not(.ise) .content button:hover,
body:not(.ise) .content a.button:hover,
body:not(.ise) .content a.btn:hover,
body:not(.ise) .content input[type="button"]:hover,
body:not(.ise) .content input[type="submit"]:hover
{
   background: var( --dblue );
   color: var( --white );
 }


body:not(.ise) .content textarea,
body:not(.ise) .content input[type="text"],
body:not(.ise) .content input[type="email"],
body:not(.ise) .content input[type="tel"],
body:not(.ise) .content input[type="number"],
body:not(.ise) .content input[type="date"],
body:not(.ise) .content input[type="password"],
body:not(.ise) .content input[type="file"],
body:not(.ise) .content select,
body:not(.ise) .content .BBeditor .container iframe,
body:not(.ise) .content #content form .BBeditor .editorcontainer
{
  background: var( --grey );
  color: var( --text );
  border: none;
  border-bottom: 2px solid var( --dblue );
  border-radius: 0;
  box-shadow: none;
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  padding: 0 10px;
}

body:not(.ise) .content textarea
{
  padding: 10px;
}

body:not(.ise) .content input,
body:not(.ise) .content select
{
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
}

body:not(.ise) .content select
{
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
}

body:not(.ise) .content input[type="file"]
{
  background: transparent;
  border: none !important;
}


body:not(.ise) .content textarea:focus,
body:not(.ise) .content input[type="text"]:focus,
body:not(.ise) .content input[type="email"]:focus,
body:not(.ise) .content input[type="tel"]:focus,
body:not(.ise) .content input[type="number"]:focus,
body:not(.ise) .content input[type="date"]:focus,
body:not(.ise) .content input[type="password"]:focus,
body:not(.ise) .content select:focus
{
  border-color: var( --text );
  outline: 0;
  box-shadow: none;
}


body:not(.ise) .content textarea::placeholder,
body:not(.ise) .content input::placeholder
{
  color: var( --text );
  opacity: 0.8;
}


body:not(.ise) .content input[disabled="disabled"],
body:not(.ise) .content input[readonly="readonly"]
{
  opacity: 0.7;
}


body:not(.ise) .content button[disabled="disabled"],
body:not(.ise) .content input[type="button"][disabled="disabled"],
body:not(.ise) .content input[type="submit"][disabled="disabled"],
body:not(.ise) .content button[disabled="disabled"]:hover,
body:not(.ise) .content input[type="button"][disabled="disabled"]:hover,
body:not(.ise) .content input[type="submit"][disabled="disabled"]:hover
{
  background: var( --dblue );
  color: var( --text );
  cursor: not-allowed;
  opacity: 1;
}


body:not(.ise) .content input[type="checkbox"],
body:not(.ise) .content input[type="radio"]
{
  width: 18px;
  height: 18px;
  vertical-align: baseline !important;
}


body:not(.ise) .content form fieldset legend
{
  font-weight: bold;
  text-transform: uppercase;
}


body:not(.ise) .content form .errorElement .inputElement input,
body:not(.ise) .content form .errorElement .inputElement select,
body:not(.ise) .content form .errorElement .inputElement textarea,
body:not(.ise) .content form .errorElement .BBeditor .container iframe
{
  border-color: red;
}

body:not(.ise) .content form .errorElement .error
{
  font-style: italic;
  font-size: 0.8em;
  color: red;
}

body:not(.ise) .content form input.parsley-error,
body:not(.ise) .content form textarea.parsley-error
{
  background-color: inherit  !important;
  border: none  !important;
  border-bottom: 2px solid red !important;
}

body:not(.ise) .content form input.parsley-success,
body:not(.ise) .content form textarea.parsley-success
{
  background-color: inherit  !important;
  border: none  !important;
  border-bottom: 2px solid green !important;
}

body:not(.ise) .content form .parsley-errors-list
{
  color: red !important;
}

.BBeditor .editbar button:focus
{
  background: #EBEBEB;
  color: #000000;
}

.fancybox-button
{
  color: #000000 !important;
  background-color: #626D83 !important;
  transition: none;
}

.fancybox-button:hover
{
  color: #FFFFFF !important;
  background-color: #212529 !important;
}



@media print
{
html
{
  background: none;
}

body
{
  font-size: 10pt;
  color: Black;
}

#pageWrapper
{
  width: auto;
  background: none;
}

#moduleWrapper
{
  float: none;
  width: auto;
}

#content
{
  padding: 0;
}

#header,
#footer,
#bottombar,
#SE_menubar
{
  display: none;
}

}


h1.ISEStyle+h2{
  color: var( --text );
}


main::before{
  grid-column: margin-end/page-end;
  grid-row: 1;
  height: 0;
}
.cat_home:not(.ise) main::before{
  grid-column: margin-end/page-end;
  grid-row: 1;
  height: 30%;
  background: var( --bg-grey );
  align-self: end;
  margin-left: -80px;
}
.cat_home section.topWeblets{
  display: none;
}
  .cat_home:not(.ise) .section.banner:first-of-type{
    grid-row: 1;
  }

.content.wrapper{
  display: contents;
}
  .content.wrapper .section{
    position: relative;
  }
  .content.wrapper .section.grid{
    grid-column: page;
  }
    .section.grid>*,
    .section.text-margin>*,
    .content.wrapper>*{
      grid-column: content;
    }
    .banner .weblet:has(.bannerimage) {
      grid-column-end: margin-end;
    }
    .banner .weblet .bannerimage .multimedia{
      width: 100% !important;
    }
    .banner .weblet .bannerimage .multimedia img{
      border-radius: 0 40px 40px 0;
      width: 100%;
    }
    .banner .weblet .bannerimage .multimedia.embed{
      aspect-ratio: 3 / 2;
      font-size: 0;
    }
    .banner .weblet .bannerimage .multimedia.embed a{
      width: 100% !important;
      height: 100% !important;
      background-color: inherit !important;
      border: unset !important;
    }
    .banner .weblet .bannerimage .multimedia.embed a img:first-of-type{
      inset: 0 !important;
      margin: 0 !important;
    }
    .banner .weblet .bannerimage .multimedia.embed a img:last-of-type{
       width: auto !important;
    }

.cat_home:not(.ise) .banner:has(.bannerimage) .weblet {
  grid-column: margin;
}
.cat_home:not(.ise) .banner .weblet:has(.bannerimage)+.weblet:has(.weblettekst) {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.cat_home:not(.ise) .banner .weblet:has(.bannerimage)+.weblet:has(.weblettekst)::before{
  background-color: var( --white );

  mask-image: url('data:image/svg+xml;utf8,<svg width="200" height="300" version="1.1" viewBox="0 0 200 300" xmlns="http://www.w3.org/2000/svg"><path d="m0 300h200v-100.05c0-99.987-200-99.961-200-199.95v199.95z" stroke-width="1.2152"/></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="200" height="300" version="1.1" viewBox="0 0 200 300" xmlns="http://www.w3.org/2000/svg"><path d="m0 300h200v-100.05c0-99.987-200-99.961-200-199.95v199.95z" stroke-width="1.2152"/></svg>');
  mask-repeat: no-repeat;
  mask-size: 100% auto;
  mask-position: left top;
  -webkit-mask-repeat: no-repeat;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 120px;
  display: block;
}
.cat_home:not(.ise) .banner .weblet:has(.bannerimage)+.weblet .weblettekst{
  content: "";
  width: 100%;
  height: 56%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 4;
  padding: 15px;
}
.cat_home:not(.ise) .banner .weblet:has(.bannerimage)+.weblet .weblettekst h1{
  width: 50%;
  margin-top: 0; 
}
.cat_home:not(.ise) .banner .weblet:has(.bannerimage)+.weblet .weblettekst h2{
  width: 70%;
}
.cat_home:not(.ise) .banner .weblet:has(.bannerimage)+.weblet .weblettekst p{
  width: 90%;
}

.cat_home .section.banner{
  padding-bottom: 0;
}

.section{
  padding-bottom: 190px;
}

.section.halfBottomPadding{
  padding-bottom: 80px;
}

.section.banner{
  padding-bottom: 40px;
}

.section.h3-blue h3{
  color: var( --dblue );
}

.section.curve.overviewWeblets > div:last-of-type {
  padding-bottom: 75px;
}

.section:has( .image-left ){
  padding-bottom: 50px;
}

.section.quote blockquote{
  font-size: var( --pt54, 54px );
  color: var( --red );
  margin-bottom: 60px;
} 
  .section.quote blockquote::after{
    width: 116px;
    height: 116px;
  }

.section.quote:has(+.section.twoButtons) blockquote{
  margin-bottom: 0;
}

.section.twoButtons{
  padding-top: 75px;
  padding-bottom: 75px;
}

.section.WhiteTextBlock>div{
  background: var( --white );
  padding: 30px;
  border-radius: 0 0 40px 0;
}

@media (min-width: 768px ) {

  .section.grid.twoButtons{
    grid-template-columns: [page-start] 1fr 15px [margin-start] minmax( 1px, 15px) [content-start] repeat( 2, [item-start] minmax( 1px, calc(1110px / 2)) [item-end] ) [content-end] minmax( 1px, 15px) [margin-end] 15px 1fr [page-end];
  }
  
    .section.grid.twoButtons>div a{
      min-width: 345px;
    }
    .section.grid.twoButtons>div:first-of-type{
      grid-column: item;
      justify-self: end;
      padding-right: 15px;
    }
    .section.grid.twoButtons>div:last-of-type{
      grid-column: item-start 2/item-end 2;
      justify-self: start;
      padding-left: 15px;
    }

}

@media (min-width: 768px and max-width: 1110px) {

  
  .section.quote .weblettekst blockquote{
    margin-right: 70px;
  }

}

.section.min-margin-curve{
  margin-top: calc( var( --curve-height ) - 25% );
}


@media (min-width: 1600px) {
  
  .section.min-margin-curve{
    margin-top: calc( 70px - var( --curve-height ));
  }

}

.section.image.text50{
  grid-template-columns: [page-start] 1fr 15px [margin-start] minmax( 1px, 15px) [content-start] repeat( 2, [item-start] minmax( 1px, calc(1110px / 2)) [item-end] ) [content-end] minmax( 1px, 15px) [margin-end] 15px 1fr [page-end];
  z-index: 2;
}
  .section.image.text50>div{
    grid-column: item;
  }
  .section.image.text50 .multimedia{
    border-bottom-right-radius: 40px;
    z-index: 2;
  }
  .section.image.text50>div:nth-child(odd){
    padding-right: 15px;
  }
  .section.image.text50>div:nth-child(even){
    grid-column: item-start 2;
    padding-left: 15px;
  }
  
  .section.image.text50 .weblettekst{
    margin-bottom: 80px;
  }
    .section.image.text50 .weblettekst p:has(a.linkbtn){
      justify-content: start;
    }
    
  .section.image.text50.image-min-margin .weblettekst:not(:has(.multimedia)){
    margin-bottom: 45px;
  }
  .section.image-min-margin .weblettekst:has(.multimedia){
    margin-bottom: -80px;
  }

@media (min-width: 768px ) {  

  .section.image.text50.image-min-margin:first-of-type>div:nth-child(even):has(.multimedia){
    grid-column: item-start 2/ margin-end;
  }
}

  .section.image.text50.image-min-margin:first-of-type>div:nth-child(even) .weblettekst .multimedia{
    margin-top: -80px;
    border-top-right-radius: 40px;
  }
    .section.image.text50.image-min-margin:first-of-type:has(>div:nth-child(even) .weblettekst .multimedia)+.section{
      padding-top: 190px;
    }

.section.text-margin{  
  display: grid;
  grid-template-columns: [content-start] 1fr [text-start] minmax( 1px, 920px) [text-end] 1fr [content-end];
  grid-template-rows: auto;
  gap: 0
}

.section.text-margin:not(.curve){
  padding-bottom: 90px;
}
  .section.text-margin>div{  
    grid-column: text;
  }

.section{
  padding-top: 110px;
}

.section.curve,
.section.image.text50{
  padding-bottom: 0;
}

.section.halfTopPadding{
  padding-top: 55px;
}

.section.noTopPadding,
.section.min-margin-curve,
.section:first-of-type{
  padding-top: 0;
}

.section.extraTopPadding{
  margin-top: 60px;
}

.section.text-margin-full{
  grid-column: margin;
}

.section .image-left{
  background: var( --grey );
  border-radius: 10px 40px 0 0;
  display: grid;
  grid-template-columns: minmax( 200px, min-content ) 2fr;
  grid-template-rows: auto;
  gap: 0 30px;
  overflow: hidden;
}

.section .image-left .multimedia{
  grid-column: 1;
  grid-row: 1 /span 15;
  position: relative;
}
  .section .image-left .multimedia img{
    position: absolute;
    inset: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

.section .image-left .webletTitle{
  margin-bottom: 10px;
  margin-top: 40px;
}
.section .image-left h3{
  margin: 10px 0;
}
.section .image-left p{
  padding-right: 20px;
}
.section .image-left p:last-of-type{
  padding-bottom: 30px;
}



.section.curve{
  margin-bottom: var( --curve-height, 295px );
}
  .section.curve::after{
    background-color: var( --bg-grey );
    mask-image: url('data:image/svg+xml;utf8,<svg width="300" height="200" version="1.1" viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg"><path d="m300 0v200h-100.05c-99.987 0-99.961-200-199.95-200h199.95z" stroke-width="1.2152"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="300" height="200" version="1.1" viewBox="0 0 300 200" xmlns="http://www.w3.org/2000/svg"><path d="m300 0v200h-100.05c-99.987 0-99.961-200-199.95-200h199.95z" stroke-width="1.2152"/></svg>');
    mask-repeat: no-repeat;
    mask-size: auto 100%;
    mask-position: calc( 100% + 360px - var( --curve-height ));
    -webkit-mask-repeat: no-repeat;
    content: "";
    width: 100%;
    height: var( --curve-height, 295px );
    bottom: calc( 0px - var( --curve-height, 295px ));
    padding-bottom: var( --curve-height, 295px );
    position: absolute;
    right: 0;
    display:block;
  }
  .section.curve.bg-green::after{
    background-color: var( --bg-green );
  }
  .section.curve.bg-blue::after{
    background-color: var( --bg-blue );
  }
  .section.curve.bg-red::after{
    background-color: var( --bg-red );
  }
  .section.curve.bg-yellow::after{
    background-color: var( --bg-yellow );
  }
  .section.curve.bg-white::after{
    background-color: var( --white );
  }
  .section.curve.bg-white::after{
    background-color: var( --white );
  }
  .section.curve.bg-white+.section{
    margin-top: calc(0px - var( --curve-height, 295px ));
    padding-top: calc(var( --curve-height, 295px ));
  }
  
  
.section[class*="mini-curve-"]::before{
  background-color: var( --dblue );
  mask-image: url('data:image/svg+xml;utf8,<svg width="200" height="200" version="1.1" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g transform="scale(1.2155 1.2152)"><path d="M 164.54,0 H 0 V 164.58 C 82.28,164.58 82.26,0 164.54,0 Z"/> </g></svg>');
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="200" height="200" version="1.1" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><g transform="scale(1.2155 1.2152)"><path d="M 164.54,0 H 0 V 164.58 C 82.28,164.58 82.26,0 164.54,0 Z"/> </g></svg>');
  mask-repeat: no-repeat;
  mask-size: 150px auto;
  -webkit-mask-repeat: no-repeat;
  content: "";
  position: absolute;
  left: 0;
  top: -75px;;
  width: 150px;
  height: 150px;
  display:block;
}

.section.mini-curve-lblue::before{
  background-color: var( --lblue );
}
.section.mini-curve-red::before{
  background-color: var( --red );
}

.section.bg-grey,
.section.cat_ico_verhalen{
  background-color: var( --bg-grey );
}

.section.bg-green,
.section.cat_nieuws{
  background-color: var( --bg-green );
}

.section.bg-blue{
  background-color: var( --bg-blue );
}

.section.bg-red{
  background-color: var( --bg-red );
}

.section.bg-yellow{
  background-color: var( --bg-yellow );
}

.section.h2-green h2,
.section.h3-green h3{
  color: var( --green );
}

.section.h2-blue h2,
.section.h3-blue h3{
  color: var( --dblue );
}

.section.h2-red h2,
.section.h3-red h3{
  color: var( --red );
}

.content .section.alwaysTopPadding{
  padding-top: 110px;
}

.content .section.alwaysBottomPadding{
  padding-bottom: 190px;
}  

body:not(.ise) .section.noBottomPadding{
  padding-bottom: 0;
}



.section.grid .webletgrid{
  display: grid;
  grid-template-rows: auto;
  grid-gap:30px 30px;  
  grid-template-columns: repeat( auto-fit, minmax( 300px, 1fr ));
}
  .section.grid .webletgrid>.weblet,
  .section.grid .webletgrid .webletsimpleWeblet .simpleText{
    display: contents;
  }
    .section.grid .webletgrid .webletsimpleWeblet{
      width: 100%;
      display: grid;
      grid-template-rows: subgrid;
      grid-row: span 5;
      grid-gap: 20px;
      position: relative;
      align-items: start;
    }
    .section.grid .webletgrid:not(.horizontal) .webletsimpleWeblet{
      border-radius: 40px 0 40px 0;
      background: var( --grey );
    }

.webletsimpleWeblet .webletAnker,
.anchor_id{
  position: absolute;
}

.section.grid .webletgrid h2 {
  font-size: var( --pt28 );
  font-weight: 700;
  padding: 0 20px;
  margin: 0;
  order: 2;
}

.section.grid .webletsimpleWeblet .image{
  order: 1;
}
  .section.grid .webletgrid .webletsimpleWeblet .image img{
    width: 100%;
  }
  .section.grid .webletgrid:not(.horizontal) .webletsimpleWeblet .image img{
    border-radius: 40px 0 40px 0;
  }

.section.grid .webletsimpleWeblet .text{
  order: 3;
  padding: 0 20px;
}

.section.grid .webletsimpleWeblet .hyperLinks{
  order: 4;
}

.section.grid .webletsimpleWeblet .hyperLinks a{
  position: relative;
  left: 20px;
  color: var( --dblue );
}
.section.grid .webletsimpleWeblet .hyperLinks a .title{
  display: block;
}

  .section.grid .webletgrid.horizontal .webletsimpleWeblet .image img{
    border-radius: 0 0 40px 0;
  }

  .section.grid .webletgrid.horizontal h2{
    color: var( --red );
  }

  .section.grid .webletgrid.icons .webletsimpleWeblet{
    border-radius: 0 0 40px 0;
    margin-top: 24px;
  }
    .section.grid .webletgrid.icons .image{
      width: 70px;
      height: 70px;
      position: relative;
      left: 20px;
      top: -24px;
      margin-bottom: -14px;
    }
      .section.grid .webletgrid.icons .webletsimpleWeblet .image img{
        border-radius: 0;
      }
  
@media (min-width: 768px) {

  .section.grid .webletgrid.horizontal{
    grid-template-columns: minmax( 300px, 1fr ) 1fr 1fr;
  }

  .section.grid .webletgrid.horizontal .webletsimpleWeblet{
    grid-template-columns: subgrid;
    grid-column: span 3;
    grid-row: span 3;
    grid-gap: 20px 30px;
  }
  
  .section.grid .horizontal .webletsimpleWeblet .image{
    width: 100%;
    aspect-ratio: 3 / 2;
    grid-row: span 3;
    position: relative;
  }  
  .section.grid .horizontal .webletsimpleWeblet .image img{
    border-radius: 0 0 40px 0;
  }
  
  .section.grid .horizontal .webletsimpleWeblet h2 {
    display: block;
    grid-column: 2/4;
    position: relative;
    padding: 0;
    padding-top: 5px;
  }
  .section.grid .horizontal .webletsimpleWeblet .text {
    display: block;
    grid-column: 2/4;
    position: relative;
    padding: 0;
  }
  
  .section.grid .horizontal .webletsimpleWeblet .hyperLinks{
    align-self: end;
  }
    .section.grid .horizontal .webletsimpleWeblet .hyperLinks a{
      left: 0;
    }
  
}  



section.grid .webletgrid.horizontal div>* {
  padding: 20px 0 0 0;
}

@media (max-width: calc( 1110px + 160px )) {

  .cat_home:not(.ise) .banner .weblet:has(.bannerimage) + .weblet .weblettekst{
    height: 60%;
  }
  
}

@media (max-width:1110px) { 
  
  .section.curve::after{
    mask-position: calc( 100% + 24vw - var( --curve-height ));
  }
  
  .cat_home:not(.ise) .banner .weblet:has(.bannerimage) + .weblet:has(.weblettekst){
    width: 65%;
  }
    .cat_home:not(.ise) .banner .weblet:has(.bannerimage) + .weblet .weblettekst{
      height: 65%;
    }
    .cat_home:not(.ise) .banner .weblet:has(.bannerimage) + .weblet:has(.weblettekst)::before{
        top: 0;
    }

  .section.text-margin {
    grid-template-columns: [content-start] 1fr [text-start] minmax( 1px, 10fr) [text-end] 1fr [content-end];
  }


}

@media (max-width: calc( 1110px - 160px )) { 

  .cat_home:not(.ise) main::before{
    grid-column: content / page;
    margin-left: 0;
  }

  .cat_home:not(.ise) .grid.section.banner{
    grid-template-columns: [page-start] 1fr 15px [margin-start] minmax( 1px, 15px) [content-start] repeat( 3, minmax( 1px, calc( 1110px / 3 * 2 ))) [content-end] minmax( 1px, 15px) [margin-end] 15px 1fr [page-end];
  }
  .cat_home:not(.ise) .banner .weblet{
     grid-row: 1;
  }
  .cat_home:not(.ise) .banner .weblet:has(.bannerimage) + .weblet:has(.weblettekst){
    width: 60%;
    position: relative;
    border-radius: 0 40px 40px 0;
    overflow: hidden;
  }
    .cat_home:not(.ise) .banner .weblet:has(.bannerimage) + .weblet .weblettekst{
      height: auto;
      z-index: 3;
      position: relative;
      margin-top: 50vw;
    }
    .cat_home:not(.ise) .banner .weblet:has(.bannerimage) + .weblet .weblettekst>*{
      z-index: 4;
      position: relative;
    }
    .cat_home:not(.ise) .banner .weblet:has(.bannerimage) + .weblet .weblettekst::before{
      content: "";
      background: var( --white );
      position: absolute;
      inset: 40% 0 0 0;
      z-index: 3;
    }
    .cat_home:not(.ise) .banner .weblet:has(.bannerimage) + .weblet:has(.weblettekst)::before{
      top: 120px;
    }
  body.cat_home:not(.ise) .banner .weblet:has(.bannerimage) + .weblet .weblettekst>*{
    width: 100%;
  }
  .cat_home:not(.ise) .banner .weblet:has(.bannerimage) + .weblet .weblettekst h1{
    width: 80%;
  }

  .cat_home:not(.ise) .banner:has(.bannerimage) .weblet {
    grid-column: margin;
  }

}

  
@media (max-width: 767px ) {

    .cat_home:not(.ise) .banner .weblet:has(.bannerimage) + .weblet:has(.weblettekst)::before,
    .cat_home:not(.ise) .banner .weblet:has(.bannerimage) + .weblet:has(.weblettekst)::after{
      display: none;
    }
    .cat_home:not(.ise) .banner .weblet:has(.bannerimage) + .weblet .weblettekst::before{
      inset: 0;
    }

  .mod_webhome:not(.ise) .banner .weblet:has(.bannerimage) {
    grid-column: page/margin;
  }
  .cat_home:not(.ise) .banner .weblet:has(.bannerimage) + .weblet .weblettekst{
    margin-top: 20px;
  }
  .cat_home:not(.ise) .banner .weblet:has(.bannerimage) + .weblet:has(.weblettekst){
    width: 100%;
    position: relative;
    grid-row: 2;
    grid-column: page;
    border-radius: 0;
  }
  
  .section{
    padding-top: 75px;
    padding-bottom: 90px;
  }

  .section.grid > *,
  .section.text-margin > *, 
  .section.grid.image.text50 > *,
  .content.wrapper .section.grid.text-margin,
  .content.wrapper > * {
    grid-column: margin;
  }
  
  .section.image.text50 > div.weblet{
    grid-column: margin;
    padding-left: 0;
    padding-right: 0;
  }
    .section.image.text50 .weblettekst p:has(a.linkbtn) {
      justify-content: center;
    }

  .section.image.text50 .weblet:has( .weblettekst .multimedia) {
    grid-template-columns: [content-start] 1fr [image-start] minmax( 1px, 10fr) [image-end] 1fr [content-end];
    display: grid;
  }
    .section.image.text50 .weblettekst:has(.multimedia){
      grid-column: image;
    }
      .section.image.text50 .weblettekst .multimedia,
      .section.image.text50 .weblettekst .multimedia img{
        width: 100% !important;
      }


  .section.image-min-margin .weblettekst:has(.multimedia) {
    margin-bottom: 20px;
  }
  
  .section.image.text50.image-min-margin:first-of-type > div:nth-child(2n) .weblettekst .multimedia{
    margin-top: 0;
  }
    .section.image.text50.image-min-margin:first-of-type:has(> div:nth-child(2n) .weblettekst .multimedia) + .section {
      padding-top: 90px;
    }

  .section .image-left {
    grid-template-columns: 1fr;
  }  
  .section .image-left .multimedia{
    aspect-ratio: 3 / 2;
    width: 100% !important;
  }
  .section .image-left h1,
  .section .image-left h2,
  .section .image-left h3,
  .section .image-left p{
    padding-left: 15px;
  }
  
  .section .weblettekst a.linkbtn{
    min-width: 95%;
  }
  
  .section.overviewWeblets .webletTitle{
    font-size: var( --pt36);
    text-align: center;
  }  
    .section.overviewWeblets .webletTitle span{
      display: none;
    }

  .section.grid.twoButtons>div{
    padding-bottom: 30px;
  }
  .section.grid.twoButtons>div:last-of-type{
    padding-bottom: 0;
  }


  body{
    --curve-height: 25vw;
  }
  
  .section.curve::after{
    mask-position: calc( 100% + 12%);
  }
  .section[class*="mini-curve-"]::before{
    width: 100px;
    height: 100px;
    top: -50px;
    mask-size: 100px auto;
  }

  .section.quote .weblettekst{
    margin-right: 0;
  }
    .section.quote blockquote{
      margin: -20px 8.5vw 60px;
      font-size: var( --pt32 );
    }

}  


   .webletsimpleWeblet .multimedia{
  display: block;
  width: 100% !important;
}

.webletsimpleWeblet .multimedia img{
  margin: 0 auto;
  display: block;
}  

.webletsimpleWeblet .simpleText{
  position: relative;
}

.webletsimpleWeblet ul{
  margin: 0;
}

.webletsimpleWeblet ul li{
  display: block;
}  

.webletsimpleWeblet .hiddenLinks .hyperLinks{
  position: unset;
  float: unset;
}

.webletsimpleWeblet .hiddenLinks ul li a{
  display: block;
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
}

.webletsimpleWeblet .hiddenLinks ul li a .title{
  display: none;
}  

 .col-xs-12.auto{
    width: unset;
    float: none;
    display: inline-block;
}  

.popinEdit .webletEditMenu span.icon{
  text-align: center;
  display: block;
  font-size: 30px;
}

.webletEditMenu span.text{
} .weblettekst
{
  padding: 0;
  margin: 0;
}

 
.webletStyledzkxzjEsHuOnMzJyPnOAhBH { 


}
.webletStyletjlxzjEsHuOnMzJyPnOAhBF { 


}
.webletStyleddpbpmEsHuOnMzJyPvGdJKDH { 


}
.webletStylebstickEsHuOnMzJyPnOAZL { 


}
.webletStylezgodzjEsHuOnMzJyPnOATV { 


}
.webletStylehphyzjEsHuOnMzJyPnOARE { 


}
.webletStylejabyzjEsHuOnMzJyPnOARJ { 


}
.webletStylethodzjEsHuOnMzJyPnOATT { 


}
.webletStyleddodzjEsHuOnMzJyPnOARA { 


}
.webletStylenguyzjEsHuOnMzJyPnOANbB { 


}
.webletStylebepbpmEsHuOnMzJyPvGdJKCL { 


}
.webletStylexngyzjEsHuOnMzJyPnOARC { 


}
.webletStyledzlyzjEsHuOnMzJyPnOARH { 


}
.webletStylejooeekEsHuOnMzJyPnOARF { 


}
.webletStylebcmyzjEsHuOnMzJyPnOARD { 


}
.webletStyleppkyzjEsHuOnMzJyPnOARG { 


}
.webletStylezsobpmEsHuOnMzJyPvGdJKNC { 


}
.webletStylenuobpmEsHuOnMzJyPvGdJKNE { 


}
.webletStylexvobpmEsHuOnMzJyPvGdJKFH { 


}
.webletStyledzobpmEsHuOnMzJyPvGdJKFF { 


}
.webletStylejapbpmEsHuOnMzJyPvGdJKFC { 


}
.webletStylebcpbpmEsHuOnMzJyPvGdJKDJ { 


}body {
    background: #ffffff;
}

footer .fixedAnchor,
.pageWrapper{
  max-width: unset;
}


/* mailform*/


body:not(.ise) .content textarea, body:not(.ise) .content input[type="text"], 
body:not(.ise) .content input[type="email"], 
body:not(.ise) .content input[type="tel"], 
body:not(.ise) .content input[type="number"], 
body:not(.ise) .content input[type="date"], 
body:not(.ise) .content input[type="password"], 
body:not(.ise) .content input[type="file"], 
body:not(.ise) .content select, body:not(.ise) .content .BBeditor .container iframe, 
body:not(.ise) .content #content form .BBeditor .editorcontainer {
    background: var(--white);
    color: var(--dblue);
    border: 1px solid;
    border-bottom: 1px solid var(--dblue);
    border-radius: 10px;
    border-top-left-radius: 23px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: none;
    font-size: inherit;
    font-weight: bold;
    margin: 0;
    padding: 5px 10px;
}



@media print
{

}