/* CSS for SAIER STUCKATEURE by GREEN32 WebDesign */

/* Google Fonts on local */
/* noto-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/noto-sans-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/noto-sans-v30-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-serif-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-serif-v22-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-serif-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-serif-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* noto-serif-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-serif-v22-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* quicksand-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quicksand-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* quicksand-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/quicksand-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* quicksand-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/quicksand-v30-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* quicksand-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/quicksand-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* over-the-rainbow-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Over the Rainbow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/over-the-rainbow-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* title fonts */

/* h1 { 
	font-family: 'Noto Serif';
  font-size: 2.4rem;
  line-height: 2em;
  font-weight: 500;
}

h2 {
    font-family: 'Noto Serif';
    font-weight: 500;
    font-size: 1.882rem;
    line-height: 2.5em;
}

h3 {
    font-family: 'Noto Serif';
    font-weight: 500;
    font-size: 1.647rem;
    line-height: 2em;
}

h4,h5,h6 {
    font-family: 'Noto Serif';
    font-weight: 400;
    font-size: 1.412rem;
    line-height: 1.25em;
} */

h1 { 
	font-family: 'Quicksand';
  font-size: 2.4rem;
  line-height: 2em;
  font-weight: 500;
}

h2 {
    font-family: 'Quicksand';
    font-weight: 500;
    font-size: 1.882rem;
    line-height: 2.5em;
}

h3 {
    font-family: 'Quicksand';
    font-weight: 500;
    font-size: 1.647rem;
    line-height: 2em;
}

h4,h5,h6 {
    font-family: 'Quicksand';
    font-weight: 400;
    font-size: 1.412rem;
    line-height: 1.25em;
}

strong, .font-bold {
	  font-weight: 600;
}

.font-serif {
  font-family: 'Noto Serif', serif;
}

.handwriting {
  font-family: 'Over the Rainbow';
  line-height: 2;
}  

body,p { 
    font-family: 'Noto Sans';
    font-weight: 400;
    font-size: 1.2rem;
}

/* Common Mobile Definitions */
    
@media only screen and (max-width: 767px){
h1 { 
	font-family: 'Quicksand';
  font-size: 1.7rem;
  line-height: 1.4em;
  font-weight: 500;
  }
  
h2 {
    font-family: 'Quicksand';
    font-weight: 700;
    font-size: 1.467rem;
    line-height: 1.2em;
 }  
 
}

/* revolution slider */

.ce_revolutionslider_text {
  font-family: 'Over the Rainbow';
  line-height: 2;
  transform: rotate(-9deg) !important;
}  

/* <span class="headline-bg-mint"> */
span[class^=headline-bg-] {
  position: relative;
  z-index: 1;
  padding-left: 1%;
  line-hight: 2em;
}

span[class^=headline-bg-]:before {
  content: " ";
  display: inline-block;
  position: absolute;
  width: 110%;
  height: 60%;
  top: 13%;
  left: -3%;
  transform: rotate(-3deg);
  z-index: -1;
}

span.headline-bg-blue:before {
  background: #30b0e133;
}


/* lists */

.ce_list.style2.hasIcon ol li, .ce_list.style2.hasIcon ul li, .ce_list.list-style2.hasIcon ol li, .ce_list.list-style2.hasIcon ul li {
  margin-bottom: 15px;
}