/* =================================
------------------------------------
  toffewebsite.nl
 ------------------------------------
 ====================================*/




/*----------------------------------------*/
/*  CSS body styling algemeen en tekst opmaak
/*----------------------------------------*/


@import url("https://fonts.googleapis.com/css?family=EB+Garamond:400,500|Roboto:400,700");
@import url('https://fonts.googleapis.com/css?family=Helvetica&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=arial&display=swap');


/* algemene instellingen html en body */
html {
height: 100%;
scroll-behavior: smooth;
font-size: 16px;

}
body {
height: 100%;
padding: 0;
/* background-color: #ffffff; */
/* background-color: #f9f9ff; */
margin: 0;
width: 100%;
font-family: Roboto, Helvetica, sans-serif, arial;
overflow-x: hidden; 
/*  */
line-height: 1.5;
color: #070707;


}

.positionrelative {

position: relative;

}

.tofront {
position: relative;
z-index; 1000;
}


/* onderstaande css dient ervoor dat of een element wordt weergegeven op alleen desktop of laptop. onderstaande classes worden toegevoegd vanuit javascript editweb-showdevice.js */
@media (max-width: 980px) {
.showdesktop {
display: none;
}}
@media (min-width: 981px) {
.showmobile {
display: none;
}}


/* onderstaande dienen ervoor om een achtergrond in stellen via een variable zoals variable -bg-one9-color deze worden o.a. gebruik in de  cta units van cta-12 etc.. Deze manier van werken is bedoeld voor 
achtergronden en achtergrondafbeeldingen waarin deze normaal gesproken via een class met before worden investeld */

.backgrounds_var:before {

   background-color: var(--bg-one9-color);
   
   background-image: var(--bgi-one9-color);
   
  box-sizing: border-box;
}

/* onderstaande var background is bedoeld voor kleur bij mouse hover  */
.backgrounds_hover_var:hover {

   background-color: var(--bg-one9-color);
}

.testbefore:before {
/* lichter blauw
  background-image: linear-gradient(45deg, #00ccff, #0098ff);
   */
  /* donkegrijs blauw */
 /*  background-image: linear-gradient(45deg, #0f4667, #2a6973); */
  
   background-image: var(--testbefore);
   /* background: linear-gradient(to right, rgb(152, 93, 93), rgb(74, 18, 226)); */
  box-sizing: border-box;
}



/* classe voor tekst eigenschappen en font eigenschappen */

.centreren-tekst {
text-align: center;
}
.tekstlinks-paul {
text-align: left;

}
.tekstrechts-paul {
text-align: right;

}
.hoofdletters {
text-transform: uppercase;}
h1,h2,h3,h4,h5,h6 {margin: 0;font-weight: 600;}


.underline_selection {

text-decoration: underline;
}

.cursief_selection {

font-style: italic;
}

.boldtekstpaul {
font-weight: bold;

}

.noboldtekstpaul {

font-weight: normal;

}


.button_radius0px {
border-radius: 0px;

}

.button_radius10px {
border-radius: 10px;

}


.button_radius20px {
border-radius: 20px;

}

.button_radius30px {
border-radius: 30px;

}


.linethroughpaul {
text-decoration: line-through;
}


.padding-leftright-15vw {

padding-left: 15vw;
padding-right: 15vw;


}


/* h1 {font-size:7vw;}
h2 {
font-size:5vw;}
h3,h4,h5,h6 {
font-size:3vw;}
*/

/*
p {
font-size: 20px;
color: #000000;
line-height: 2;
text-decoration: none;	
}

*/

/* .heading-mega {
font-size: 7vw;} 

.heading-big {
font-size: 5vw;}

.heading-medium {
font-size: 3vw;}

.heading-small{
font-size: 2vw;}

.heading-small2{
font-size: 1vw;}
*/

.heading-mega {
font-size: 5rem;} 

.heading-big {
font-size: 3.8rem;}

.heading-medium {
font-size: 3.1rem;}

.heading-small{
font-size: 2.5rem;}

.heading-small2{
font-size: 20px;}



.font-mega {
font-size: 1.9rem;
color: #000000;
/* line-height: 2; */
}

.font-big {
font-size: 1.4rem;
color: #000000;
/* line-height: 2; */	
}

.font-medium {
font-size: 1.0rem;
color: #000000;
/* line-height: 2; */
}




.font-normal {
font-size: 16px;

}


@media screen and (max-width: 799px) {
  .heading-mega {
  font-size: 3.3rem;
  }
.heading-big {
  font-size: 2.5rem;
  }
  .heading-medium {
  font-size: 2.0rem;
  
  }
  
   .heading-small {
  font-size: 1.65rem;
  
  }
  
  
  
}










a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;}
/* 

#white {
color: white;
}

#grey {

color: grey;

}

#darkgrey {

color: darkgrey;

}

*/

.font-white {
color: #FFFFFF;
}

.fontcolorpaul-white {
color: #FFFFFF;
}

.fontcolorpaul-whitesmoke {

color: #F5F5F5
}

.fontcolorpaul-whitegrey {
color: #EEECE1;
}

.fontcolorpaul-whiteseashell {
color: #FFF5EE;
}

.fontcolorpaul-offwhite {
color: #FAF9F6;
}

.fontcolorpaul-grey {
color: #D3D3D3;
}

.fontcolorpaul-greysilver {

color: #C0C0C0;
}

.fontcolorpaul-darkgrey {
color: #696969;
}

.fontcolorpaul-greydarker {
color: #696969;
}



.fontcolorpaul-aliceblue {
color: #F0F8FF;
}

.fontcolorpaul-black {
color: #000000;
}

.fontcolorpaul-blackgrey {

color: #070707;

}




/* einde */





/* classed voor afbeeldingen */

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

/* einde */

/* centreren div elementen en afbeeldingen en tekstblok. 1 van beide alleen maar noodzakelijk. bekijken welke beter werkt */

.center-item-paul {
  margin: auto;
  width: 50%;
  /* border en padding kan worden weggelaten uiteraard */
 /*  border: 3px solid green; */
  padding: 10px;
}

/* onderstaande class is leeg. in algemeen.css heeft deze wel opmaak namelijk centreren van items en heeft ernee te maken  
dat items in edit modus juist wel gecentreerd moeten zijn, maar niet in live modus, want anders zouo centreren van het formulier in zin geheel niet goed werken.
*/
.formeditmoduscenteritems {

}






.centerdivpaul {
max-width: fit-content;
  margin-left: auto;
  margin-right: auto;

}



/* width: 350 kun je hoger of lager zetten of op max-width: 100% respectiefelijk bijvoorbeeld op 300px zetten */
.center-image-paul {
display: block;
  margin-left: auto;
  margin-right: auto;
 /* eventueel kun je de breedste nog aanpassen en i.p.v. width max-width gebruiken */
  max-width: 100%;}
  
/* einde /

/* diverse classes voor scheidiing tussen elementen */



.marginbottom0px {

margin-bottom: 0px;
}

.marginbottom40px {

margin-bottom: 40px;
}

.marginbottom80px {

margin-bottom: 80px;
}

.marginbottom120px {

margin-bottom: 120px;
}

.marginbottom160px {

margin-bottom: 160px;
}

.marginbottom200px {

margin-bottom: 200px;
}









.emptyspace100px {
padding-top: 75px;
padding-bottom: 75px;
}



.emptyspace75px {
padding-top: 75px;
padding-bottom: 75px;
}

.emptyspace50px {
padding-top: 50px;
padding-bottom: 50px;
}

hr.rounded {
width:70%; 
margin: 0 15% 0 15%;
border-top: 4px solid #000;
border-radius: 5px;
}
/* einde */


/* borders */ 
.border-box-paul-solid { border-style: solid; border-width: thin;}
.border-box-paul-inset { border-style: inset;}
.border-box-paul-ridge {border-style: ridge;}
/* einde */



.opacity_unit {

opacity: 0.5;

}

.hide_unit {
display: none;

}

.hide_element {
display: none;

}

.displayelementno {

display:none;

}


.displayelementyes {
display:block;

}



/* desktop mobiele weergave */

@media (min-width: 900px) {
#mobiel {display: none;}}
@media (max-width: 899px) {
#desktop{display: none;}}
/* einde deskstop mobiele weergave */

/* onderstaande background en font colors is standaard ingesteld */


.webcolor1_cube { background-color: #333; }
.backgroundpaul-webcolor1 {
background-color: #333;
}
.fontcolor-webcolor1 {
color: #333;
}

.webcolor1_2_cube { background-color: #1a1a1a; }
.backgroundpaul-webcolor1_2 {
background-color: #1a1a1a;
}
.fontcolor-webcolor1_2 {
color: #1a1a1a;
}

.webcolor1_3_cube { background-color: #000000; }
.backgroundpaul-webcolor1_3 {
background-color: #000000;
}
.fontcolor-webcolor1_3 {
color: #000000;
}

.webcolor2_cube { background-color: #FEFEFE; }
.backgroundpaul-webcolor2 {
background-color: #FEFEFE;
}
.fontcolor-webcolor2 {
color: #FEFEFE;
}

.webcolor2_2_cube { background-color: #e4e4e4; }
.backgroundpaul-webcolor2_2 {
background-color: #e4e4e4;
}
.fontcolor-webcolor2_2 {
color: #e4e4e4;
}
.webcolor2_3_cube { background-color: #cbcbcb; }
.backgroundpaul-webcolor2_3 {
background-color: #cbcbcb;
}
.fontcolor-webcolor2_3 {
color: #cbcbcb;
}

.webcolor3_cube { background-color: #F5F5F5; }
.backgroundpaul-webcolor3 {
background-color: #F5F5F5;
}
.fontcolor-webcolor3 {
color: #F5F5F5;
}



.webcolor3_2_cube { background-color: #dbdbdb; }
.backgroundpaul-webcolor3_2 {
background-color: #dbdbdb;
}
.fontcolor-webcolor3_2 {
color: #dbdbdb;
}



.webcolor3_3_cube { background-color: #c2c2c2; }
.backgroundpaul-webcolor3_3 {
background-color: #c2c2c2;
}

.fontcolor-webcolor3_3 {
color: #c2c2c2;
}


.webcolor4_cube { background-color: #EAEAEA; }
.backgroundpaul-webcolor4 {
background-color: #EAEAEA;
}

.fontcolor-webcolor4 {
color: #EAEAEA;
}


.webcolor4_2_cube { background-color: #d0d0d0; }
.backgroundpaul-webcolor4_2 {
background-color: #d0d0d0;
}
.fontcolor-webcolor4_2 {
color: #d0d0d0;
}
.webcolor4_3_cube { background-color: #b7b7b7; }
.backgroundpaul-webcolor4_3 {
background-color: #b7b7b7;
}
.fontcolor-webcolor4_3 {
color: #b7b7b7;
}



.webcolor5_3_cube { background-color:  #00094b; }
.backgroundpaul-webcolor5_3 {
background-color: #00094b; 
}
.fontcolor-webcolor5_3 {
color: #00094b; 
}


.webcolor5_2_cube { background-color:  #000f7e; }
.backgroundpaul-webcolor5_2 {
background-color: #000f7e;
}

.fontcolor-webcolor5_2 {
color: #000f7e;
}


.webcolor5_cube { background-color:  #0015b1; }
.backgroundpaul-webcolor5 {
background-color: #0015b1;
}

.fontcolor-webcolor5 {
color: #0015b1;
}


/* background colors*/ 



/* einde */

/* buttons */

/* button slide-in kan weggehaald worden als het goed is. aanpassen achtergrond kleur moeilijk*/

.button-slidein {
display: inline-block;
padding: .75rem 1.25rem;
border-radius: 10rem;
color: #fff;
text-transform: uppercase;
letter-spacing: .15rem;
transition: all .3s;
position: relative;
overflow: hidden;
z-index: 1;
}

.button-slidein:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
  /*  achtergrondkleur button  */
background-color: #00ccff;
border-radius: 10rem;
z-index: -2;
}

.button-slidein:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0%;
height: 100%;
  
  /* achtergrondkleur button roll-over*/
  background-color: #008fb3; 
  transition: all .3s;
  border-radius: 10rem;
  z-index: -1;
}

/* kleur tekst wanneer met muis over deze is altijd wit, maar kan dus een andere kleur krijgen */
.button-slidein:hover {
color: #fff;
}

.button-slidein:hover:before {
width: 100%;
}

.button-container {
padding-top: 50px;
margin: 0 auto;
width: 100%;
text-align: center;
}

/* einde button slide in */





/* button pulse */

.button-boxpulse {
display:flex;
justify-content:center;
align-items:center;
    
/* margin-top: 75px; */
margin-top: 75px;
margin-bottom: 50px;
}

.btn-pulse:link,


.btn-pulse:visited {
text-transform: uppercase;
text-decoration: none;
padding: 15px 40px;
display: inline-block;
border-radius: 100px;
transition: all .2s;
position: absolute;
    
/* kleurtekst van button */
color: #fff;}

.btn-pulse:hover {
transform: translateY(-3px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn-pulse:active {
transform: translateY(-1px);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.btn-pulse-white {

/* achtergrondkleur button voor klikken */
background-color: #f00b41;
color: #777;
}

.btn-pulse::after {
content: "";
display: inline-block;
height: 100%;
width: 100%;
border-radius: 100px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all .4s;
     
}

.btn-pulse-white::after {

/* achtergrondkleur button na klikken */
background-color: #f00b41;

}

.btn-pulse:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
}

.btn-pulse-animated {
    animation: moveInBottom 5s ease-out;
    animation-fill-mode: backwards;
}

@keyframes moveInBottom {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}



/* einde button pulse */


/* nieuwe button */

.button1 {
  display: inline-block;
  padding: 15px 20px;
/*  font-size: 24px;  */
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  
 margin-top: 20px;
  border: none;
  
  
}

.button1_ghost {
  display: inline-block;
  padding: 15px 20px;
/*  font-size: 24px;  */
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  border: 2px solid black;
  
  /* border: none; */
  
  
}




.button_shadow:hover {

box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

}

.button_shadow2:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}







.dept{
  transition:300ms;
}

.dept.button_grow:hover{
  box-shadow: 1em 1em transparentize($black, 0.75);
  transform: scale(1.1);
  -webkit-transition-duration: 1.1s; /* Safari */
}


.dept.button_fade:hover {
opacity: 0.5;
 transition-duration: 1s;
  -webkit-transition-duration: 1s; /* Safari */
}

.dept.button_move:hover {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
 
}

.dept.button_bigtext:hover {
  font-size: 25px;
 
}

.dept.button_ghost:hover {
  background-color: var(--custom_colorghost);

}


/* styling vooor 2 dividers test */

/* bottomdivider punt naar rechts */

.custom-shape-divider-top-1709314495 {
   /*  position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1709314495 svg {
   /*  position: relative; */
    display: block;
   
    width: calc(100% + 1.3px);
   /* height: 56px; */
   
}

.custom-shape-divider-top-1709314495 .shape-fill {
    fill: var(--fillsvg);
}





/* topdivider punt naar rechts */


.custom-shape-divider-bottom-1709314613 {
  /*   position: absolute; */
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}



.custom-shape-divider-bottom-1709314613 svg {
    /* position: relative; */
    display: block;
    width: calc(200% + 1.3px);
    /* height: 56px; */
}

.custom-shape-divider-bottom-1709314613 .shape-fill {
   fill: var(--fillsvg);
}









/*  botomdivider     */

.custom-shape-divider-top-1708357252 {
  /*   position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
   /*  transform: rotate(180deg); */
}

.custom-shape-divider-top-1708357252 svg {
    /* position: relative; */
    display: block;
    width: calc(100% + 1.3px);
    /* height: 101px; */
}

.custom-shape-divider-top-1708357252 .shape-fill {
   fill: var(--fillsvg);
}

/* einde bottom divider */

/*  top divider  */


.custom-shape-divider-bottom-1708357293 {
   /*  position: absolute; */
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-bottom-1708357293 svg {
  /*   position: relative; */
    display: block;
    width: calc(100% + 1.3px);
   /*  height: 101px; */
}

.custom-shape-divider-bottom-1708357293 .shape-fill {
     fill: var(--fillsvg);
}

/* einde top divider */

/* bottom divider gegegolved */
.custom-shape-divider-top-1708356765 {
   /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1708356765 svg {
   /*  position: relative; */
    display: block;
    width: calc(100% + 1.3px);
   /*  height: 93px; */
   /*  transform: rotateY(180deg); */
}

.custom-shape-divider-top-1708356765 .shape-fill {
    fill: var(--fillsvg);
}


/* einde divider */

.custom-shape-divider-top-1710002822 {
/*  position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1710002822 svg {
   /*  position: relative; */
    display: block;
    width: calc(100% + 1.3px);
   /*  height: 61px; */
}

.custom-shape-divider-top-1710002822 .shape-fill {
    fill: var(--fillsvg);
}


.custom-shape-divider-bottom-1710002847 {
   /*  position: relative; */
    top:0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
   /*  transform: rotate(180deg); */
    
    /*  toegevoegd nog checken of het oke is */
   /*  -webkit-transform: rotate(180deg);  */
}

.custom-shape-divider-bottom-1710002847 svg {
    /* position: relative; */
    display: block;
    width: calc(100% + 1.3px);
    /* height: 61px; */
}

.custom-shape-divider-bottom-1710002847 .shape-fill {
   fill: var(--fillsvg);
}



/* bottom divider arrow down  */

.custom-shape-divider-top-1708356435 {
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1708356435 svg {
   /*  position: relative; */
    display: block;
    width: calc(100% + 1.3px);
   /*  height: 189px; */
}

.custom-shape-divider-top-1708356435 .shape-fill {
    fill: var(--fillsvg);
}

/* einde */


/* bottom divider wavy anders  */

.custom-shape-divider-top-1708356903 {
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1708356903 svg {
  /*   position: relative; */
    display: block;
    width: calc(111% + 1.3px);
    /* height: 90px; */
   /*  transform: rotateY(180deg);
    
     /*  toegevoegd nog checken of het oke is */
   /*  -webkit-transform: rotateY(180deg);  */
}

.custom-shape-divider-top-1708356903 .shape-fill {
   fill: var(--fillsvg);
}






.custom-shape-divider-bottom-type8 .shape-fill {
   fill: var(--fillsvg);
}


.mirrordivider {
-webkit-transform: rotateY(180deg); 
transform: rotateY(180deg)

}

.mirrordividervertikaal {
-webkit-transform: rotateX(180deg); 
transform: rotateX(180deg)

}

/* spiegel zowel vertikaal als horizontaal */

.mirrordividercombi {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)

}


/* einde */


/* bedoeld om flexdirection omgekeerd weer te geven */
.reverse-flexpaul {
flex-direction: row-reverse;

}

/* styling voor weergeven sterren ivm reviews of klantenbeoordleingen. staat ook in /scripts/2410-stars. in die map staat ook de javascript. de code voor de javascript staat in scripts/editweb/editweb.js */ 

.star-rating-paulw {
    display: flex;
    font-size: 2rem; /* Pas de grootte van de sterren aan */
    
}

.star-paulw {
    position: relative;
    color: #ccc; /* Kleur van de lege sterren */
    margin-right: 5px; /* Ruimte tussen de sterren */
    cursor: pointer;
}

.star-paulw:before {
    content: '\2605'; /* Volle ster */
    position: absolute;
    left: 0;
    top: 0;
    color: gold; /* Kleur van de volle sterren */
    width: 0; /* Begin met een volle ster */
    overflow: hidden;
    white-space: nowrap;
    transition: width 0.2s ease; /* Animatie voor de verandering */
}

.star-paulw.half-paulw:before {
    width: 50%; /* Halve ster */
}

.star-paulw.full-paulw:before {
    width: 100%; /* Volle ster */
}

/* einde sterren */


/* classes voor grey image round image en round edges image */

.greyimagepaul {
filter: grayscale(100%);
}

.roundimagepaul {
border-radius: 50%;
}

.roundededgespaul {
border-radius: 25px;
}

/* specifieke styling voor inputvelden forms */

.inputform_paul  {
    border: 1px solid #707070;
   
    padding: 1em;
    background: white;
    box-sizing: border-box;
    border-radius: .5em;
    margin-top: 1.2em;
    margin-bottom: 0.5em;
   /* width: 100%; /* Het inputveld neemt de volledige breedte van de container */
}

/* opmaken styling berichtenveld voor formulieren */

.formpaul_bericht {
    display: block;
    border: 1px solid #707070;
    width: 100%; /* Standaard breedte voor grotere schermen */
    padding: 1em;
    background: white;
    box-sizing: border-box;
    border-radius: .5em;
    margin-top: 1.2em;
    margin-bottom: 0.5em;
    /* height: 105px;
  }

  



.radiostyle_paul {
    display: flex; /* Zorgt ervoor dat de radio buttons naast elkaar komen */
    gap: 10px; /* Ruimte tussen de radio buttons */
    align-items: center; /* Zorgt ervoor dat de items verticaal in het midden worden uitgelijnd */
}

.radiostyle_paul input[type="radio"] {
    margin: 0; /* Verwijder standaard marge van radio buttons */
    vertical-align: middle; /* Zorgt ervoor dat de radio button gecentreerd wordt met de tekst */
    position: relative;
    top: 0px; /* Zorgt ervoor dat de button op gelijke hoogte staat als de tekst */
}

.radiostyle_paul label {
    display: inline-block; /* Zorgt ervoor dat de tekst naast de radio button komt */
    vertical-align: middle; /* Dit zorgt ervoor dat de tekst op gelijke hoogte komt te staan met de radio button */
    margin: 0; /* Verwijder eventuele standaard marge rondom de tekst */
}


/* classes fonts standaard */

.fonttypepaul-helvetica {
font-family: 'Helvetica', sans-serif;
}
.fonttypepaul-standard {
font-family: 'Standard', sans-serif;
}
.fonttypepaul-quicksand {
font-family: 'Quicksand', sans-serif;
}
.fonttypepaul-roboto {
font-family: 'Roboto', sans-serif;
}
.fonttypepaul-lato {
 font-family: 'Lato', sans-serif;   
}
.fonttypepaul-opensans {
font-family: 'Open Sans', sans-serif;
}
.fonttypepaul-montserrat {
font-family: 'Montserrat', sans-serif;
}
.fonttypepaul-notosans {
font-family: 'Noto Sans', sans-serif;
}
.fonttypepaul-ptsans {
 font-family: 'PT Sans', sans-serif;
}
.fonttypepaul-merriweather {
 font-family: 'Merriweather', sans-serif;
}
.fonttypepaul-ubuntu {
 font-family: 'Ubuntu', sans-serif;
}
.fonttypepaul-acme {
font-family: 'Acme', sans-serif;
}  
.fonttypepaul-prompt {
font-family: 'Prompt', sans-serif;
}
.fonttypepaul-oswald {
  font-family: 'Oswald', sans-serif;
}        
.fonttypepaul-sourcesanspro {
  font-family: 'Source Sans Pro', sans-serif;
}            
.fonttypepaul-raleway {
font-family: 'Raleway', sans-serif;
}    
.fonttypepaul-hindsiliguri {
font-family: 'Hind Siliguri', sans-serif;
}           
.fonttypepaul-vollkorn {
font-family: 'Vollkorn', sans-serif;
}             
.fonttypepaul-cuprum {
 font-family: 'Cuprum', sans-serif;
}      
.fonttypepaul-dmserifdisplay {
font-family: 'DM Serif Display', sans-serif;
}           
.fonttypepaul-dosis {
font-family: 'Dosis', sans-serif;
}
.fonttypepaul-librebaskerville {
 font-family: 'Libre Baskerville', sans-serif;
}
.fonttypepaul-yanonekaffeesatz {
  font-family: 'Yanone Kaffeesatz', sans-serif;
} 

/* classes fonts handgeschreven */


.fonttypepaul-caveat {
font-family: 'Caveat', sans-serif;
}
.fonttypepaul-indiefower {
font-family: 'Indie Flower', sans-serif;
}
.fonttypepaul-cookie {
 font-family: 'Cookie', sans-serif;
}
.fonttypepaul-kaushanscript {
font-family: 'Kaushan Script', sans-serif;
}
.fonttypepaul-architectsdaughter {
font-family: 'Architects Daughter', sans-serif;
}
.fonttypepaul-anamticsc {
  font-family: 'Amatic SC', sans-serif;
}
 
 
 
.row-divider-wrapper {
  position: relative;
  
}

.row-divider {
  position: absolute;
  /* top: 0; */
  left: 0;
  width: 100%;
  z-index: 2;
  pointer-events: none;
}

.divider-settop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.divider-setbottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}




.row-divider.on-foreground {
  z-index: 900;
}
.row-divider.divider-size-1 {
  height: 50px;
  -webkit-mask-size: 100% 50px;
          mask-size: 100% 50px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.row-divider.divider-size-2 {
  height: 100px;
  -webkit-mask-size: 100% 100px;
          mask-size: 100% 100px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.row-divider.divider-size-3 {
  height: 150px;
  -webkit-mask-size: 100% 150px;
          mask-size: 100% 150px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.row-divider.divider-size-4 {
  height: 200px;
  -webkit-mask-size: 100% 200px;
          mask-size: 100% 200px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.row-divider.divider-size-5 {
  height: 250px;
  -webkit-mask-size: 100% 250px;
          mask-size: 100% 250px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
.row-divider.divider-size-6 {
  height: 300px;
  -webkit-mask-size: 100% 300px;
          mask-size: 100% 300px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.divider-horizontal-swap {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.divider-vertical-swap {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

.divider-full-swap {
  -webkit-transform: rotateY(180deg) rotateX(180deg);
          transform: rotateY(180deg) rotateX(180deg);
}

.bottom-flipped {
  transform: rotateY(180deg) rotateX(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotateY(180deg) rotateX(180deg);
  -o-transform: rotateY(180deg) rotateX(180deg);
  bottom: 0;
  top: auto;
}
@media (max-width: 767px) {
  .bottom-flipped {
    bottom: -2px;
  }
}
.bottom-flipped.divider-horizontal-swap {
  transform: rotateX(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
}
.bottom-flipped.divider-vertical-swap {
  transform: rotateY(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
}
.bottom-flipped.divider-full-swap {
  -webkit-transform: none;
          transform: none;
}




.divider1 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath opacity='.5' d='M0 0h1280l-1280 137.3z'/%3E%3Cpath d='M0 0h1280l-1280 109.3z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath opacity='.5' d='M0 0h1280l-1280 137.3z'/%3E%3Cpath d='M0 0h1280l-1280 109.3z'/%3E%3C/svg%3E");
}

.divider2 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 206' preserveAspectRatio='none'%3E%3Cpath opacity='.5' d='M-.2 56.7v-56.7h1920c.5 0 0 145 0 145-8.4 2.4-15.8 4-25 4-21.8 0-41.8-7.2-58-19.3-17.8 21-44.3 34.3-74 34.3-21.8 0-41.9-7.2-58.1-19.3-8.8 12.3-23.2 20.3-39.4 20.3-26.8 0-48.5-21.7-48.5-48.5 0-1.9.1-3.8.3-5.7-6.6 3.3-14 5.2-21.8 5.2-6.5 0-12.7-1.3-18.4-3.6-12.8 38.7-49.2 66.6-92.1 66.6-40 0-74.3-24.2-89.2-58.8-14.6 8.8-31.6 13.8-49.8 13.8-25.5 0-48.8-9.9-66.1-26-9.2 44-48.2 77-94.9 77-38.7 0-72-22.6-87.6-55.4-27.5 26.2-64.8 42.4-105.9 42.4-51.4 0-96.9-25.3-124.8-64.1-11.5 44.3-51.8 77.1-99.7 77.1-43.1 0-80-26.5-95.4-64-16.8 12-37.4 19-59.6 19-18.6 0-36-4.9-51.1-13.5-16.6 34.6-52 58.5-92.9 58.5-42.3 0-78.6-25.5-94.5-61.9-16.2 10.7-35.7 16.9-56.5 16.9-24.3 0-46.6-8.4-64.2-22.5-17.7 31.3-51.2 52.5-89.8 52.5-37.8 0-70.9-20.4-88.8-50.8-8.9 10.3-22 16.8-36.7 16.8-15.1 0-37.5-4-37.5-18v-61.3z'/%3E%3Cpath d='M1920 56.7v-56.7h-1920c-.5 0 0 145 0 145 8.4 2.4 15.8 4 25 4 21.8 0 41.8-7.2 58-19.3 17.8 21 44.3 34.3 74 34.3 21.8 0 41.9-7.2 58.1-19.3 8.8 12.3 23.2 20.3 39.4 20.3 26.8 0 48.5-21.7 48.5-48.5 0-1.9-.1-3.8-.3-5.7 6.6 3.3 14 5.2 21.8 5.2 6.5 0 12.7-1.3 18.4-3.6 12.7 38.7 49.1 66.6 92.1 66.6 40 0 74.3-24.2 89.2-58.8 14.5 8.8 31.6 13.8 49.8 13.8 25.5 0 48.8-9.9 66.1-26 9.2 44 48.2 77 94.9 77 38.7 0 72-22.6 87.6-55.4 27.5 26.2 64.8 42.4 105.9 42.4 51.4 0 96.9-25.3 124.8-64.1 11.5 44.3 51.8 77.1 99.7 77.1 43.1 0 80-26.5 95.4-64 16.8 12 37.4 19 59.6 19 18.6 0 36-4.9 51.1-13.5 16.6 34.6 52 58.5 92.9 58.5 42.3 0 78.6-25.5 94.5-61.9 16.2 10.7 35.7 16.9 56.5 16.9 24.3 0 46.6-8.4 64.2-22.5 17.7 31.3 51.2 52.5 89.8 52.5 37.8 0 70.9-20.4 88.8-50.8 8.9 10.3 22 16.8 36.7 16.8 15.1 0 37.5-4 37.5-18v-61.3z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 206' preserveAspectRatio='none'%3E%3Cpath opacity='.5' d='M-.2 56.7v-56.7h1920c.5 0 0 145 0 145-8.4 2.4-15.8 4-25 4-21.8 0-41.8-7.2-58-19.3-17.8 21-44.3 34.3-74 34.3-21.8 0-41.9-7.2-58.1-19.3-8.8 12.3-23.2 20.3-39.4 20.3-26.8 0-48.5-21.7-48.5-48.5 0-1.9.1-3.8.3-5.7-6.6 3.3-14 5.2-21.8 5.2-6.5 0-12.7-1.3-18.4-3.6-12.8 38.7-49.2 66.6-92.1 66.6-40 0-74.3-24.2-89.2-58.8-14.6 8.8-31.6 13.8-49.8 13.8-25.5 0-48.8-9.9-66.1-26-9.2 44-48.2 77-94.9 77-38.7 0-72-22.6-87.6-55.4-27.5 26.2-64.8 42.4-105.9 42.4-51.4 0-96.9-25.3-124.8-64.1-11.5 44.3-51.8 77.1-99.7 77.1-43.1 0-80-26.5-95.4-64-16.8 12-37.4 19-59.6 19-18.6 0-36-4.9-51.1-13.5-16.6 34.6-52 58.5-92.9 58.5-42.3 0-78.6-25.5-94.5-61.9-16.2 10.7-35.7 16.9-56.5 16.9-24.3 0-46.6-8.4-64.2-22.5-17.7 31.3-51.2 52.5-89.8 52.5-37.8 0-70.9-20.4-88.8-50.8-8.9 10.3-22 16.8-36.7 16.8-15.1 0-37.5-4-37.5-18v-61.3z'/%3E%3Cpath d='M1920 56.7v-56.7h-1920c-.5 0 0 145 0 145 8.4 2.4 15.8 4 25 4 21.8 0 41.8-7.2 58-19.3 17.8 21 44.3 34.3 74 34.3 21.8 0 41.9-7.2 58.1-19.3 8.8 12.3 23.2 20.3 39.4 20.3 26.8 0 48.5-21.7 48.5-48.5 0-1.9-.1-3.8-.3-5.7 6.6 3.3 14 5.2 21.8 5.2 6.5 0 12.7-1.3 18.4-3.6 12.7 38.7 49.1 66.6 92.1 66.6 40 0 74.3-24.2 89.2-58.8 14.5 8.8 31.6 13.8 49.8 13.8 25.5 0 48.8-9.9 66.1-26 9.2 44 48.2 77 94.9 77 38.7 0 72-22.6 87.6-55.4 27.5 26.2 64.8 42.4 105.9 42.4 51.4 0 96.9-25.3 124.8-64.1 11.5 44.3 51.8 77.1 99.7 77.1 43.1 0 80-26.5 95.4-64 16.8 12 37.4 19 59.6 19 18.6 0 36-4.9 51.1-13.5 16.6 34.6 52 58.5 92.9 58.5 42.3 0 78.6-25.5 94.5-61.9 16.2 10.7 35.7 16.9 56.5 16.9 24.3 0 46.6-8.4 64.2-22.5 17.7 31.3 51.2 52.5 89.8 52.5 37.8 0 70.9-20.4 88.8-50.8 8.9 10.3 22 16.8 36.7 16.8 15.1 0 37.5-4 37.5-18v-61.3z'/%3E%3C/svg%3E");
}

.divider3 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M28.2 58.5c15 0 28.4-6.9 37.1-17.8 13.9 16.8 34.9 27.6 58.4 27.6 18.9 0 36.1-6.9 49.4-18.4 14.1 21.2 38.2 35.2 65.6 35.2 15.9 0 30.8-4.7 43.2-12.9 11.6 19.9 33.1 33.4 57.8 33.4 34.9 0 63.5-26.7 66.5-60.8 12.5 14.6 31 23.9 51.7 23.9 27.1 0 50.6-15.9 61.5-38.9 13.4 38.4 49.9 65.9 92.9 65.9 36 0 67.6-19.4 84.7-48.3 14.8 21.3 39.5 35.3 67.4 35.3 21.8 0 41.6-8.5 56.3-22.4 11.3 28 38.7 47.8 70.7 47.8 35.9 0 66-24.8 74.1-58.3 11.9 11.5 28.1 18.5 46 18.5 18.5 0 35.1-7.6 47.2-19.7 10.3 25.7 35.4 43.8 64.7 43.8 24.4 0 45.9-12.6 58.4-31.6 12.4 16.4 32.1 27.1 54.3 27.1 17 0 32.1-5.8 44-16.1v-71.8h-1280.1v49.4c7.9 5.7 17.7 9.1 28.2 9.1z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M28.2 58.5c15 0 28.4-6.9 37.1-17.8 13.9 16.8 34.9 27.6 58.4 27.6 18.9 0 36.1-6.9 49.4-18.4 14.1 21.2 38.2 35.2 65.6 35.2 15.9 0 30.8-4.7 43.2-12.9 11.6 19.9 33.1 33.4 57.8 33.4 34.9 0 63.5-26.7 66.5-60.8 12.5 14.6 31 23.9 51.7 23.9 27.1 0 50.6-15.9 61.5-38.9 13.4 38.4 49.9 65.9 92.9 65.9 36 0 67.6-19.4 84.7-48.3 14.8 21.3 39.5 35.3 67.4 35.3 21.8 0 41.6-8.5 56.3-22.4 11.3 28 38.7 47.8 70.7 47.8 35.9 0 66-24.8 74.1-58.3 11.9 11.5 28.1 18.5 46 18.5 18.5 0 35.1-7.6 47.2-19.7 10.3 25.7 35.4 43.8 64.7 43.8 24.4 0 45.9-12.6 58.4-31.6 12.4 16.4 32.1 27.1 54.3 27.1 17 0 32.1-5.8 44-16.1v-71.8h-1280.1v49.4c7.9 5.7 17.7 9.1 28.2 9.1z'/%3E%3C/svg%3E");
}

.divider4 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M1280 92.2l-14.7-4.4-7.8-1.1-26.8 13.3-88.2-.4-31-23-120.4-13.3-144.4 13-11.1-22.1-102-6-155 22.7-221.7-11.5-83.5 32.6-240.7 6-32.7 4.8v-102.8h1280z'/%3E%3Cpath opacity='.3' d='M0 100.4l14.8-4.8 7.7-1.2 26.8 14.4 88.3-.3 30.9-25.1 120.4-14.4 144.4 14 11.1-24 102-6.5 155 24.7 221.7-12.5 83.5 35.5 240.8 6.5 32.6 5.3v-112h-1280z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M1280 92.2l-14.7-4.4-7.8-1.1-26.8 13.3-88.2-.4-31-23-120.4-13.3-144.4 13-11.1-22.1-102-6-155 22.7-221.7-11.5-83.5 32.6-240.7 6-32.7 4.8v-102.8h1280z'/%3E%3Cpath opacity='.3' d='M0 100.4l14.8-4.8 7.7-1.2 26.8 14.4 88.3-.3 30.9-25.1 120.4-14.4 144.4 14 11.1-24 102-6.5 155 24.7 221.7-12.5 83.5 35.5 240.8 6.5 32.6 5.3v-112h-1280z'/%3E%3C/svg%3E");
}

.divider5 {

  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M1280.2 70s-295.5-126.9-1280 70v-140h1280v70z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M1280.2 70s-295.5-126.9-1280 70v-140h1280v70z'/%3E%3C/svg%3E");
}

.divider6 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath opacity='.5' d='M0 137.3l1003.6-107.6 276.4 29.6v-59.3h-1280z'/%3E%3Cpath d='M0 109.3l1003.6-85.7 276.4 23.6v-47.2h-1280z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath opacity='.5' d='M0 137.3l1003.6-107.6 276.4 29.6v-59.3h-1280z'/%3E%3Cpath d='M0 109.3l1003.6-85.7 276.4 23.6v-47.2h-1280z'/%3E%3C/svg%3E");
}

.divider7 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M0,90.25s395.53,93,656.68,0S1280,100.94,1280,100.94V0H0Z' opacity='0.3'/%3E%3Cpath d='M1280,90.25s-395.53,93-656.68,0S0,100.94,0,100.94V0H1280Z' /%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M0,90.25s395.53,93,656.68,0S1280,100.94,1280,100.94V0H0Z' opacity='0.3'/%3E%3Cpath d='M1280,90.25s-395.53,93-656.68,0S0,100.94,0,100.94V0H1280Z' /%3E%3C/svg%3E");
}

.divider8 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M1280,90.25s-395.53,93-656.68,0S0,100.94,0,100.94V0H1280Z' /%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M1280,90.25s-395.53,93-656.68,0S0,100.94,0,100.94V0H1280Z' /%3E%3C/svg%3E");
}

.divider9 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M0,46.61S321.4,0,745.79,0H0Z' /%3E%3Cpath d='M0,0V139.84S321.4,0,745.79,0' opacity='0.25' /%3E%3Cpath d='M0,0V93.22S321.4,0,745.79,0' opacity='0.5' /%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M0,46.61S321.4,0,745.79,0H0Z' /%3E%3Cpath d='M0,0V139.84S321.4,0,745.79,0' opacity='0.25' /%3E%3Cpath d='M0,0V93.22S321.4,0,745.79,0' opacity='0.5' /%3E%3C/svg%3E");
}

.divider10 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Crect width='1280' height='17.68' transform='translate(1280 17.68) rotate(180)'/%3E%3Crect y='17.68' width='1280' height='8.84' transform='translate(1280 44.21) rotate(180)' opacity='0.75'/%3E%3Crect y='26.53' width='1280' height='8.84' transform='translate(1280 61.9) rotate(180)' opacity='0.5'/%3E%3Crect y='35.37' width='1280' height='8.84' transform='translate(1280 79.58) rotate(180)' opacity='0.25' /%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Crect width='1280' height='17.68' transform='translate(1280 17.68) rotate(180)'/%3E%3Crect y='17.68' width='1280' height='8.84' transform='translate(1280 44.21) rotate(180)' opacity='0.75'/%3E%3Crect y='26.53' width='1280' height='8.84' transform='translate(1280 61.9) rotate(180)' opacity='0.5'/%3E%3Crect y='35.37' width='1280' height='8.84' transform='translate(1280 79.58) rotate(180)' opacity='0.25' /%3E%3C/svg%3E");
}

.divider11 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpolygon points='640 0 720.83 0 680.41 70 640 140 599.59 70 559.17 0 640 0' /%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpolygon points='640 0 720.83 0 680.41 70 640 140 599.59 70 559.17 0 640 0' /%3E%3C/svg%3E");
}


.dividergeen {
 display: none;
}



@media (max-width: 1400px) {
  .divider11 {
    height: 100px !important;
    mask-size: 100% 60px !important;
    -webkit-mask-size: 100% 100px !important;
  }
}
@media (max-width: 960px) {
  .divider11 {
    height: 60px !important;
    mask-size: 100% 60px !important;
    -webkit-mask-size: 100% 60px !important;
  }
}
@media (max-width: 760px) {
  .divider11 {
    height: 40px !important;
    mask-size: 100% 40px !important;
    -webkit-mask-size: 100% 40px !important;
  }
}

.divider12 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpolygon points='565.64 0 613.52 0 589.58 41.46 565.64 82.93 541.71 41.46 517.77 0 565.64 0' opacity='0.3'/%3E%3Cpolygon points='714.19 0 762.07 0 738.13 41.46 714.19 82.93 690.25 41.46 666.31 0 714.19 0' opacity='0.3'/%3E%3Cpolygon points='639.92 0 720.4 0 680.16 69.7 639.92 139.41 599.67 69.7 559.43 0 639.92 0' /%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpolygon points='565.64 0 613.52 0 589.58 41.46 565.64 82.93 541.71 41.46 517.77 0 565.64 0' opacity='0.3'/%3E%3Cpolygon points='714.19 0 762.07 0 738.13 41.46 714.19 82.93 690.25 41.46 666.31 0 714.19 0' opacity='0.3'/%3E%3Cpolygon points='639.92 0 720.4 0 680.16 69.7 639.92 139.41 599.67 69.7 559.43 0 639.92 0' /%3E%3C/svg%3E");
}
@media (max-width: 1400px) {
  .divider12 {
    height: 100px !important;
    mask-size: 100% 60px !important;
    -webkit-mask-size: 100% 100px !important;
  }
}
@media (max-width: 960px) {
  .divider12 {
    height: 60px !important;
    mask-size: 100% 60px !important;
    -webkit-mask-size: 100% 60px !important;
  }
}
@media (max-width: 760px) {
  .divider12 {
    height: 40px !important;
    mask-size: 100% 40px !important;
    -webkit-mask-size: 100% 40px !important;
  }
}

.divider13 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M640.5,109.94A193.86,193.86,0,0,0,815.08.45H465.93A193.85,193.85,0,0,0,640.5,109.94Z' /%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M640.5,109.94A193.86,193.86,0,0,0,815.08.45H465.93A193.85,193.85,0,0,0,640.5,109.94Z' /%3E%3C/svg%3E");
}

.divider14 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M118.18,22.3c1.6,1.54,3.28,3,5,4.39.17.16.35.3.51.47V27.1A77.59,77.59,0,0,0,172.15,44,77.59,77.59,0,0,0,220.6,27.1v.06c.16-.17.34-.31.51-.47,1.73-1.4,3.41-2.85,5-4.39,23.82-18.91,60-22.3,60-22.3h-228S94.35,3.39,118.18,22.3Z' /%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M118.18,22.3c1.6,1.54,3.28,3,5,4.39.17.16.35.3.51.47V27.1A77.59,77.59,0,0,0,172.15,44,77.59,77.59,0,0,0,220.6,27.1v.06c.16-.17.34-.31.51-.47,1.73-1.4,3.41-2.85,5-4.39,23.82-18.91,60-22.3,60-22.3h-228S94.35,3.39,118.18,22.3Z' /%3E%3C/svg%3E");
}

.divider15 {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M833.36,100.07a3,3,0,0,0-3-.43l-13.93,5.56a275.21,275.21,0,0,0-22.81-46c-20.19-32.3-43.53-51.67-67.47-56-28.88-5.24-58.93,10.58-89.34,47-30,35.9-60.41,52.05-90.46,48C487.55,90.36,449,7.4,448.56,6.56l-3.64,1.67A250.45,250.45,0,0,0,472.11,52c22.9,29.46,48.38,46.82,73.69,50.22,31.5,4.22,63.15-12.41,94.07-49.44,29.41-35.23,58.19-50.58,85.55-45.62,51.29,9.3,82.69,87.39,87.28,99.54l-13,5.18a3,3,0,0,0-.75,5.21l25.9,20.4a3.06,3.06,0,0,0,1.7.65,3,3,0,0,0,1.31-.21,3,3,0,0,0,1.88-2.39l4.72-32.63A3.05,3.05,0,0,0,833.36,100.07Zm-7.31,33.25L802.75,115l27.55-11Z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M833.36,100.07a3,3,0,0,0-3-.43l-13.93,5.56a275.21,275.21,0,0,0-22.81-46c-20.19-32.3-43.53-51.67-67.47-56-28.88-5.24-58.93,10.58-89.34,47-30,35.9-60.41,52.05-90.46,48C487.55,90.36,449,7.4,448.56,6.56l-3.64,1.67A250.45,250.45,0,0,0,472.11,52c22.9,29.46,48.38,46.82,73.69,50.22,31.5,4.22,63.15-12.41,94.07-49.44,29.41-35.23,58.19-50.58,85.55-45.62,51.29,9.3,82.69,87.39,87.28,99.54l-13,5.18a3,3,0,0,0-.75,5.21l25.9,20.4a3.06,3.06,0,0,0,1.7.65,3,3,0,0,0,1.31-.21,3,3,0,0,0,1.88-2.39l4.72-32.63A3.05,3.05,0,0,0,833.36,100.07Zm-7.31,33.25L802.75,115l27.55-11Z'/%3E%3C/svg%3E");
}

.divider12-old {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M642.09,66.08A115.89,115.89,0,0,0,746.47.61H537.71A115.91,115.91,0,0,0,642.09,66.08Z' /%3E%3Ccircle cx='553.24' cy='81.4' r='20.65' /%3E%3Ccircle cx='510.59' cy='103.72' r='12.46' /%3E%3Ccircle cx='542.3' cy='130.35' r='8.58' /%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 140' preserveAspectRatio='none'%3E%3Cpath d='M642.09,66.08A115.89,115.89,0,0,0,746.47.61H537.71A115.91,115.91,0,0,0,642.09,66.08Z' /%3E%3Ccircle cx='553.24' cy='81.4' r='20.65' /%3E%3Ccircle cx='510.59' cy='103.72' r='12.46' /%3E%3Ccircle cx='542.3' cy='130.35' r='8.58' /%3E%3C/svg%3E");
}