/* FONTS */

/* latin-ext */
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 300;
  src: url(https://fairplaid.org/files/fonts/publicsans/ijwTs572Xtc6ZYQws9YVwnNDTJLax9k0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 300;
  src: url(https://fairplaid.org/files/fonts/publicsans/ijwTs572Xtc6ZYQws9YVwnNDTJzaxw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 600;
  src: url(https://fairplaid.org/files/fonts/publicsans/ijwTs572Xtc6ZYQws9YVwnNDTJLax9k0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 600;
  src: url(https://fairplaid.org/files/fonts/publicsans/ijwTs572Xtc6ZYQws9YVwnNDTJzaxw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 700;
  src: url(https://fairplaid.org/files/fonts/publicsans/ijwTs572Xtc6ZYQws9YVwnNDTJLax9k0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 700;
  src: url(https://fairplaid.org/files/fonts/publicsans/ijwTs572Xtc6ZYQws9YVwnNDTJzaxw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 900;
  src: url(https://fairplaid.org/files/fonts/publicsans/ijwTs572Xtc6ZYQws9YVwnNDTJLax9k0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Public Sans';
  font-style: italic;
  font-weight: 900;
  src: url(https://fairplaid.org/files/fonts/publicsans/ijwTs572Xtc6ZYQws9YVwnNDTJzaxw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 300;
  src: url(https://fairplaid.org/files/fonts/publicsans/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 300;
  src: url(https://fairplaid.org/files/fonts/publicsans/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 600;
  src: url(https://fairplaid.org/files/fonts/publicsans/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 600;
  src: url(https://fairplaid.org/files/fonts/publicsans/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fairplaid.org/files/fonts/publicsans/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fairplaid.org/files/fonts/publicsans/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 900;
  src: url(https://fairplaid.org/files/fonts/publicsans/ijwRs572Xtc6ZYQws9YVwnNIfJ7Cww.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 900;
  src: url(https://fairplaid.org/files/fonts/publicsans/ijwRs572Xtc6ZYQws9YVwnNGfJ4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}





body {
  font-family: 'Public Sans', sans-serif;
  /*font-size: 100%;*/
  color: var(--main-color);
  line-height: 1.5;
}

strong {
  font-weight: 600;
}


/* Color set */

:root {

  --main-color: #161C1C;
  --main-75-color: #515555;
  --main-50-color: #8A8D8D;
  --main-25-color: #C5C6C6;
  --main-15-color: #DCDDDD;
  --main-10-color: #E7E8E8;
  --main-5-color: #F3F3F3;

  --accent1-color: #148dea;
  --accent1-120-color: #1071bb;
  --accent1-75-color: #4faaef;
  --accent1-50-color: #8ac6f5;
  --accent1-25-color: #c4e3fa;
  --accent1-15-color: #dceefc;
  --accent1-10-color: #e8f4fd;
  --accent1-5-color: #f3f9fe;

  --accent2-color: #2ad1c9;
  --accent2-120-color: #22a7a1;
  --accent2-75-color: #5fddd7;
  --accent2-50-color: #95e8e4;
  --accent2-25-color: #caf4f2;
  --accent2-15-color: #dff8f7;
  --accent2-10-color: #eafafa;
  --accent2-5-color: #f4fdfc;

  --accent3-color: #fa5a48;
  --accent3-120-color: #c8483a;
  --accent3-75-color: #fb8376;
  --accent3-50-color: #fdada4;
  --accent3-25-color: #fed6d1;
  --accent3-15-color: #fee6e4;
  --accent3-10-color: #ffefed;
  --accent3-5-color: #fff7f6;

  --accent4-color: #e8af2a;
  --accent4-120-color: #ba8c22;
  --accent4-75-color: #eec35f;
  --accent4-50-color: #f4d795;
  --accent4-25-color: #f9ebca;
  --accent4-15-color: #fcf3df;
  --accent4-10-color: #fdf7ea;
  --accent4-5-color: #fefbf4;

   --white-color: #fff;

  --lightgrey-color: #F4F4F4;
  --darkgrey-color: #979797;

  --alert-color: #E4256D;
  --alert-color-75: #eb5c92;
  --alert-color-50: #f292b6;
  --alert-color-25: #f8c9db;
  --alert-color-15: #fbdee9;
  --alert-color-10: #fce9f0;
  --alert-color-5: #fef4f8;
  
  --pending-color: #FFB017;
}


/* SVG Color */

svg.fill-main path {
  fill: var(--main-color);
}

svg.fill-white path {
  fill: var(--white-color);
}

svg.fill-accent1 path {
  fill: var(--accent1-color);
}

svg.fill-accent2 path {
  fill: var(--accent2-color);
}






.scrolltotop a {
  border: 0px solid var(--main-color);
  background-color: var(--white-color);
}

.scrolltotop a:hover {
  background-color: var(--main-color);
}

.scrolltotop a:hover svg path {
  fill: var(--white-color);
}







/* List Big*/

ul.list-big {
  font-size: 1.3125em;
}

ul li.checkbig {
  line-height: 1.25;
}


/* FP Form */ 

/*input,
select {
  height: 3.125em;
}*/

select {
  background-color: var(--white-color);
}

option {
  color: var(--main-color);
}

input[type="text"] {
  color: var(--main-color);
}

input[type="submit"] {
  height: 3.125em;
}

select:required:invalid {
  color: var(--main-50-color);
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--main-50-color);
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--main-50-color);
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--main-50-color);
}








/* General Styles */

a.link-more:hover {
  color: var(--accent1-color);
}

.module .fairplaidinfo {
  background-color: var(--main-color);
}

.moduleborderbottom {
  border-bottom: 1px solid var(--main-color);
}


/* Headlines & Text */

.headline-a {
  font-size: 5.125em;
  font-weight: 700;
  line-height: 1;
}

.headline-b {
  font-size: 2.625em;
  font-weight: 700;
  line-height: 1.25;
}

.headline-project {
  font-size: 2.625em;
  font-weight: 800;
  line-height: 1.15;
}

.headline-c {
  font-size: 1.75em;
  font-weight: 700;
  line-height: 1.15;
}

.headline-d {
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1;
}

.headline-e {
  font-size: 1.312em;
  font-weight: 500;
  line-height: 1;
}

.headline-f {
  font-size: 1.15em;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
}

.copytext p {
  font-size: 1.3125em;
  line-height: 1.65;
}

.copytext ul li {
  font-size: 1.25em;
  line-height: 1.25;
}

.copytext ul li a {
  color: var(--accent1-color);
  text-decoration: none;
}




.copytext-2 p {
  font-size: 1.3125em;
  line-height: 1.35;
}

.project-aon p {
  font-size: 0.9em;
  line-height: 1.35;
}









/* Modul: Magazin Slider */

#colligent-slick-magazin .slick-next:before,
#colligent-slick-magazin .slick-prev:before {
  font-size: 40px;
  color: var(--main-50-color);
  line-height: 0.45;
}

.magazin-kat {
  font-size: 0.875em;
}

.magazin-headline {
  font-size: 1.125em;
  line-height: 1.25;
  font-weight: 700;
}

.magazin-copytext {
  font-size: 0.875em;
  font-weight: 500;
}

.magazin-read-more {
  font-size: 0.875em;
  font-weight: 600;
}

.magazin-read-more p a:hover {
  color: var(--accent1-color);
}

.magazin-pagination li button:hover,
.magazin-pagination li.slick-active button {
  background-color: var(--accent2-color);
}


/* Modul:; Overlap */

.overlap-quote p {
  font-size: 2em;
  font-weight: 600;
  line-height: 1.2em;
}

.author-name {
  font-size: 1.3125em;
  font-weight: 600;
}


/* Modul: RT10M */

.rt10m {
  font-size: 4em;
  line-height: 1;
  font-weight: 700;
}


/* Modul Warum FP */

.whynumber p {
  font-size: 2.375em;
  font-weight: 600;
  line-height: 1.25;
}

.whytitle p {
  line-height: 1.25;
}


/* Modul: Infogrid */

.infogrid-number p {
  font-size: 2.375em;
  font-weight: 600;
  line-height: 1.25;
}

.infogrid-title p {
  line-height: 1.25;
}


/* Modul: CTA */

.cta-full-content p {
  font-size: 2.625em;
  font-weight: 700;
  line-height: 1.25;
}





/* Modul: Bulletpoint Box */

.bulletpointsbox-inner {
  border-radius: 5px;
}

.bulletpointsbox-inner::before {
  border: 4px solid var(--accent2-color);
  border-radius: 5px;
  background-color: var(--white-color);
}

.bulletpointsbox-inner::after {
  border: 4px solid var(--accent1-color);
  background-color: var(--white-color);
  border-radius: 5px;
}



/* Modul: Teaser */

.teaser-item-full-left .teaser-item-image {
  background-color: var(--color-accent1);
}

.teaser-item-headline h3 {
  font-weight: 700;
}

.teaser-item-link p {
  color: var(--accent1-color);
}



/* Modul: Overview Numbers */

.overview-item-number {
  font-size: 4.75em;
  font-weight: 700;
  top: -65px;
  left: 25px;
  opacity: 0.5;
}

.overview-item-text {
  font-size: 1.35em;
  line-height: 1.2;
  font-weight: 500;
}



/* Modul: Beispiele */

.bsp-headline {
  font-size: 1.35em;
  line-height: 1.2;
  font-weight: 700;
}

.bsp-text ul li {
  margin-bottom: 20px;
  line-height: 1.25;
}



/* Modul: Pie Chart */

.fp-pie {
  background-color: var(--white-color);
}

.fp-pie-right-top {
  border-bottom: 1px solid var(--main-color);
}

.pie-legend-main {
  font-weight: 600;
  font-size: 1.25em;
  line-height: 1.1;
}

.pie-chart {
  background:
    radial-gradient(
      circle closest-side,
      transparent 85%,
      white 0
    ),
    conic-gradient(
      #2bf1b8 0,
      #2bf1b8 7%,
      #932e9e 0,
      #932e9e 11%,
      #161c1c 0,
      #161c1c 100%
  );
  position: relative;
  width: 275px;
  min-height: 275px;
  margin: 0;
}

.pie-chart cite {
  font-size: 80%;
}


/* Modul: Tab Slider */

.fp-tabs .fp-tab--navigation .fp-tab--item a {
  color: var(--accent2-50-color);
  font-weight: 600;
}


.fp-tabcontainer.supportmodule .fp-tabs .fp-tab--navigation .fp-tab--item a {
  font-size: 1.2em;
}


.fp-tabs .fp-tab--navigation .fp-tab--item a.fp-tab--disabled {
  color: var(--accent2-50-color);
}

.fp-tabs .fp-tab--navigation .fp-tab--item a.active {
  color: var(--accent2-color);
}

.tab-maincontent-top {
  font-size: 1em;
  line-height: 1.1;
}

.tab-maincontent-head {
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.25;
}

.fp-tab-indicator {
  background-color: var(--accent2-color);
}

.tab-comment-date {
  font-size: 0.75em;
  color: var(--main-50-color);
}

.tab-comment .tab-supporter-vorname,
.tab-comment .tab-supporter-nachname {
  font-weight: 700;
  font-size: 1.2em;
}


/* Modul 4 Steps */

.step-number {
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1;
}

.step-head {
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.1;
}







/* Modul: Social */

.social-hash a:hover {
  color: var(--accent1-color);
  border-bottom: 1px solid var(--accent1-color);
}







/* Module: Partner */

.partnerlogo {
  border: 1px solid var(--main-15-color);
}






/* Modul: Small Statistics */

.smallstatistics-box {
  background: var(--main-color);
  border: 2px solid var(--accent1-color);
  box-shadow: 0 5px 15px 0 rgba(0,0,0,0.50);
  border-radius: 5px;
  color: var(--accent1-color);
}

.smallstatistics-box::after {
  background-color: var(--accent1-color);
  border-radius: 5px;
}

/*.smallstatistics-box svg path {
  fill: var(--accent1-color);
}*/

.smallstatistics-number {
  font-size: 2em;
  font-weight: 600;
}

.smallstatistics-info {
  color: var(--main-color);
}








/* Tablet Landscape */

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  
  

  /* Modul:; Teaser */

  .teaser-item-text,
  .teaser-item-link {
    font-size: 16px;
    line-height: 1.4;
  }

  .teaser-item-headline h3 {
    font-size: 21px;
    line-height: 1.15;
  }


  /* Module: Tab Slider */

  .tab-maincontent-top {
    font-size: 16px;
  }

  .fp-tabs .fp-tab--navigation .fp-tab--item a {
    font-size: 16px;
  }


  /* Module: Icon Image List */

  .icon-list-text, 
  .image-list-text {
    font-size: 16px;
  }

}


/* Tablet Portrait */

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

  /* Headlines & Texts */

  .headline-a {
    font-size: 5em;
    font-weight: 700;
    line-height: 1;
  }

  .headline-b {
    font-size: 2.625em;
    line-height: 1.1;
  }

  .headline-c {
    font-size: 2em;
  }

  .copytext p {
    font-size: 16px;
    line-height: 1.5;
  }

  ul.list-big {
    font-size: 16px;
  }

  ul li.checkbig {
    margin-bottom: 15px;
    font-size: 16px;
  }

  


  

  /* Modul: Ticker */

  .ticker p {
    font-size: 11px;
  }

  /* Modul:; Overlapping Quote */

  .author-name {
    font-size: 1.75em;
  }

  .author-position {
    font-size: 1.25em;
  }


  /* Modul:; Infogrid */

  .infogrid-number p {
    font-size: 25px;
  }

  .infogrid-title p {
    font-size: 12px;
  }


  

  /* Module 4 Steps */

  .step-text {
    font-size: 12px;
    line-height: 1.4;
  }


  /* Teaser */

  .teaser-item-headline h3 {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700;
  }

  .teaser-item-text {
    font-size: 14px;
    line-height: 1.4;
  }

  .teaser-item-link p {
    font-size: 14px;
  }


  /* Modul: Numbers */

  .overview-item-text {
    font-size: 16px;
  }

  .overview-item-number {
    font-size: 65px;
    top: -55px;
  }


  /* Modul: Beispiele */

  .bsp-headline {
    font-size: 16px;
  }

  .bsp-text ul li {
    font-size: 14px;
  }


  /* Modul: Pie Chart */

  .pie-legend-main {
    font-size: 16px;
  }

  .pie-legend-text {
    font-size: 13px;
    line-height: 1.4;
  }


  /* Modul: Tab Slider */

  .fp-tabs .fp-tab--navigation .fp-tab--item a {
    font-size: 16px;
  }

  .tab-maincontent-top {
    font-size: 14px;
  }

  .tab-maincontent-head {
    font-size: 24px;
    line-height: 1.15;
  }


  /* Modul: Icon List*/

  .icon-list-text, 
  .image-list-text {
    font-size: 16px;
  }



  

  


  /* Modul: Small Statistics */

  .smallstatistics-info {
    font-size: 12px;
  }


  /* Modul: Footer Navi */

  .footernavi-links li a {
    line-height: 1.1;
    font-size: 13px;
  }


}


/* Mobile Portrait */

@media only screen and (max-width: 767px) {

  /* Headlines & Text */

  .headline-a {
    font-size: 38px;
    font-weight: 700;
    line-height: 1;
  }

  .headline-b {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.15;
  }

  .headline-c {
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
  }

  .headline-d {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
  }

  .headline-f {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
  }

  .copytext p {
    font-size: 16px;
    line-height: 1.5;
  }

  .copytext-2 p {
    font-size: 14px;
    line-height: 1.35;
  }

  .copytext ul li {
    font-size: 16px;
    line-height: 18px
  }


  


  


  /* Modul: Projekte Slider Mobile */

  .projekt-slide .projekt-card .projekt-kat {
    font-size: 14px;
  }

  .projekt-slide .projekt-card .projekt-verein {
    font-size: 16px;
  }

  .projekt-slide .projekt-card .projekt-summe {
    font-size: 28px;
  }

  .projekt-slide .projekt-card .projekt-zeit {
    font-size: 14px;
  }


  /* Modul: Magazin Slider Mobile */

  .magazin-kat {
    font-size: 12px;
  }

  .magazin-headline {
    font-size: 16px;
  }

  .magazin-copytext {
    font-size: 14px;
  }

  .magazin-read-more {
    font-size: 12px;
  }


  /* Modul: Ticker Mobile */

  .ticker {
    font-size: 14px;
  }


  /* Modul: 2 Boxes Overlap Mobile */

  .overlap-quote p {
    font-size: 24px;
  }

  .overlap-quote-author .author-name {
    font-size: 22px;
    line-height: 1.1;
  }

  .overlap-quote-author .author-position {
    font-size: 16px;
  }


  /* Modul: Infogrid */

  .infogrid-number p {
    font-size: 20px;
  }

  .infogrid-title p {
    font-size: 12px;
  }


  /* Modul: CTA FULL */

  .cta-full-content p {
    font-size: 20px;
  }


  


  /* Modul: Steps */

  .step-number {
    font-size: 32px;
  }

  .step-head {
    font-size: 20px;
  }

  .step-text {
    font-size: 16px;
  }


  /* Modul: Bulletpoint */

  ul.list-big {
    font-size: 16px;
  }


  /* Teaser Grid */

  .teaser-item-headline h3 {
    font-weight: 700;
    line-height: 1.1;
  }

  .teaser-item-text,
  .teaser-item-link {
    font-size: 16px;
    line-height: 1.25;
  }


  /* Modul: Overview */

  .overview-item-number {
    font-size: 52px;
    top: -42px;
    left: 20px;
  }

  .overview-item-text {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
  }


  /* Modul: Beispiele */

  .bsp-headline {
    font-size: 22px;
  }

  .bsp-text {
    font-size: 16px;
  }


  /* Modul: Pie Chart */

  .pie-legend-main {
    font-size: 16px;
  }

  .pie-legend-text {
    font-size: 12px;
    line-height: 1.3;
  }


  /* Modul: Tab Slider */

  .tab-maincontent-top {
    font-size: 16px;
  }

  .tab-maincontent-head {
    font-size: 20px;
    line-height: 1.15;
  }

  .fp-tabs .fp-tab--navigation .fp-tab--item a {
    font-size: 14px;
  }

  .fp-tab-left-button, 
  .fp-tab-right-button {
    font-size: 16px;
  }


  /* Modul: Lists Icons Images */

  .icon-list-text, 
  .image-list-text {
    font-size: 14px;
    line-height: 1.35;
  }


  /* Modul: RT10M Mobile */

  .rt10m {
    font-size: 36px;
  }


  /* Modul: Why FP */

  .whynumber p {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25;
  }

  .whytitle p {
    font-size: 12px;
    line-height: 1.25;
  }


  


  


  /* Modul: Small Statistics */

  .smallstatistics-number {
    font-size: 24px;
    font-weight: 600;
  }

  .smallstatistics-info {
    font-size: 12px;
    bottom:-32px;
  }


  /* Module: Newsletter Mobile */

  .newsletter .fp-form {
    font-size: 16px;
  }




}


/*Änderungen*/
.smallstatistics-box {background-color: var(--white-color);}
.smallstatistics-info {color: var(--white-color);}

.overlap-quote:before {background: url(https://www.fairplaid.org/files/images-all/quotes.svg);background-repeat: no-repeat;
    background-position: center center;}

.copytext {margin-bottom: 20px;}
.copytext ul li {font-size: 1em;}


.step-text {margin-top: 0px;}

@font-face {
  font-family: 'DKBEuclid-semibold';
  src: url('https://www.fairplaid.org/files/images-dkb/fonts/DKBEuclid-Semibold.otf') format('otf'),
       url('https://www.fairplaid.org/files/images-dkb/fonts/DKBEuclid-Semibold-WebXL.woff2') format('woff2'), 
       url('https://www.fairplaid.org/files/images-dkb/fonts/DKBEuclid-Semibold-WebXL.woff') format('woff'); 
}

@font-face {
  font-family: 'DKBEuclid-bold';
  src: url('https://www.fairplaid.org/files/images-dkb/fonts/DKBEuclid-Bold.otf') format('otf'),
       url('https://www.fairplaid.org/files/images-dkb/fonts/DKBEuclid-Bold-WebXL.woff2') format('woff2'), 
       url('https://www.fairplaid.org/files/images-dkb/fonts/DKBEuclid-Bold-WebXL.woff') format('woff'); 
}

@font-face {
  font-family: 'DKBEuclid-Regular';
  src: url('https://www.fairplaid.org/files/images-dkb/fonts/DKBEuclid-Regular.otf') format('otf'),
       url('https://www.fairplaid.org/files/images-dkb/fonts/DKBEuclid-Regular-WebXL.woff2') format('woff2'), 
       url('https://www.fairplaid.org/files/images-dkb/fonts/DKBEuclid-Regular-WebXL.woff') format('woff'); 
}

@font-face {
  font-family: 'DKBEuclid-medium';
  src: url('https://www.fairplaid.org/files/images-dkb/fonts/DKBEuclid-Medium.otf') format('otf'),
       url('https://www.fairplaid.org/files/images-dkb/fonts/DKBEuclid-Medium-WebXL.woff2') format('woff2'), 
       url('https://www.fairplaid.org/files/images-dkb/fonts/DKBEuclid-Medium-WebXL.woff') format('woff'); 
}

@font-face {
  font-family: 'DKBEuclid-light';
  src: url('https://www.fairplaid.org/files/images-dkb/fonts/DKBEuclid-Light.otf') format('otf'),
       url('https://www.fairplaid.org/files/images-dkb/fonts/DKBEuclid-Light-WebXL.woff2') format('woff2'), 
       url('https://www.fairplaid.org/files/images-dkb/fonts/DKBEuclid-Light-WebXL.woff') format('woff'); 
}

body {
  font-family: 'DKBEuclid-Regular','Arial', sans-serif;
  /*font-size: 100%;*/
  color: var(--main-color);
  line-height: 1.5;
}
div.copytext p a, div.ft-patch p a {font-family: 'DKBEuclid-bold','Arial';}
.copytext p, .copytext-2 p {font-family: 'DKBEuclid-Regular','Arial', sans-serif;
line-height: 150%;
}
.headline-a, .headline-b,.headline-c,.headline-d{
  margin:0;
  padding: 0;
  text-align: inherit;
  text-transform: none;
  font-family: 'DKBEuclid-semibold', 'Arial',sans-serif;
}

/* STATISTIC */
.statistics-block-tile {background: rgba(0,69,127,0.8); color:var(--accent1-75-color);}
.smallstatistics-box::after {left: 0px !important; top:40px;}

/* Modul: Small Statistics */

.smallstatistics-box {
  background: white;
  border: 2px solid var(--accent1-color);
  box-shadow: 0 5px 15px 0 rgba(0,0,0,0.50);
  border-radius: 5px;
  color: var(--main-color);
}

.smallstatistics-box::after {
  background-color: var(--accent1-color);
  border-radius: 5px;
}

/*.smallstatistics-box svg path {
  fill: var(--accent1-color);
}*/

.smallstatistics-number {
  font-size: 2em;
  font-weight: 600;
}

.smallstatistics-info {
  color: var(--white-color);
  margin: auto!important;
}

 /* Modul: Small Statistics */

@media only screen and (max-width: 767px){
  .smallstatistics-number {
    font-size: 24px;
    font-weight: 600;
  }

  .smallstatistics-info {
    font-size: 12px;
  }
}

.ft-patch {position:absolute;bottom:0px;right:0px;padding:30px;text-align:center;background-color: var(--accent4-color);border-top-left-radius: 5px;}

@media only screen and (max-width: 768px){
    .ft-patch {display: none;}
}

.container .donationpot-xs-logo {background: url('https://www.fairplaid.org/files/images-dkb/Dkb_logo.svg') no-repeat #fff; height: 80px; width: 120px; background-size: 80%;background-position: center; margin: auto;}


/*Color red*/
.colorRed{
  color: red !important;
}


/*ANpasssungen*/
ul li.checkbig svg {height: 24px;width: 24px;}

.smallstatistics-box svg path {
  fill: ;
}

@media only screen and (max-width: 768px){
.fp-tab--content {flex-direction: column;}
.tab-maincontent .tab-maincontent-bottom {font-size: 2em;}
}
/*Navi verbreiterung Anpassunge*/
.main-container-outer {margin-top: 25px;}

/*Statistik Icons größer*/
.smallstatistics-box .smallstatistics-icon svg {height: 60px}
.icon-list-icon svg {max-height: 35px;}


/*Why Boxen /spenden-sammeln/spendenkampagne*/
#whybox-spendenkamp .whybox {min-height: 400px;}
@media only screen and (max-width: 767px){
  #whybox-spendenkamp .whybox {min-height: 320px;}
}


/*Iconlist Img*/
.icon-list-icon img {max-width: 65%}


/*Icons anstelle Zahlen*/
.step-number-icon .step-number svg {max-width: 60px}

/*Icon und Text auf einer höhe anfangen lassen*/
#whybox-spendenkamp .whybox {justify-content: start;}

/*So funkts Infografik mobil/responsive*/
#so-funkts-grafik {background-image:url('https://www.fairplaid.org/files/images-dkb/Infografik_900x450_funktioniert_Desk.jpg');background-size: contain;width: 100%;height:450px;background-repeat: no-repeat;}
@media only screen and (max-width: 768px){
  #so-funkts-grafik {background-image:url('https://www.fairplaid.org/files/images-dkb/220615_Infografik-mobil.jpg');background-size: contain;width: 100%;background-repeat: no-repeat;background-position: center;}
}

/*Haken ausblenden Projekt edit*/
.form-action-feedback.checked{
  display: none;
}

/*Voucher im Warenkorb einblenden*/
.coupon{
  display: flex !important;
}


/*Whatsapp Logo Projektseite*/
.projectsharing-icon + .projectsharing-icon + .projectsharing-icon + .projectsharing-icon a:before {}
.projectsharing div:last-child a img {display:none;}
@media only screen and (max-width: 768px){
  .projectsharing-icon:last-child {display: flex!important;}
}


/*Erdbebenhilfe*/
a[href='/nothilfe-erdbeben'] div.projekt-fortschritt p{
    display: none;
}
a[href='/nothilfe-erdbeben'] div.projekt-fortschritt{
    background:white;
}
a[href='/nothilfe-erdbeben'] div.projekt-infos > div:last-child{
    display: none;
}
a[href='/nothilfe-erdbeben'] div.projekt-infos > div{
    width:50%;
}
a[href='/nothilfe-erdbeben'] div.projekt-infos > div:nth-child(2){
   border-right:0px;
}

a[href='/nothilfe-erdbeben'] div.projekt-name {
    margin-top:50px;
}


.projectcard .projectcard-back .projectcard-back-content .projectcard-info-copytext {color:transparent;}


.projekte-slider-container#zitate {margin-top: 0px;}