/* 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;
}

@font-face {
font-family: "toyotatype semibold";
src: url("https://fairplaid.org/files/images-toyota/fonts/ToyotaType-Semibold.woff") format("woff");
}
@font-face {
font-family: "toyotatype regular";
src: url("https://fairplaid.org/files/images-toyota/fonts/ToyotaType-Regular.woff") format("woff");
}
@font-face {
font-family: "toyotatype bold";
src: url("https://fairplaid.org/files/images-toyota/fonts/ToyotaType-Bold.woff") format("woff");
}
@font-face {
font-family: "toyotatype_rg";
src: url("https://fairplaid.org/files/images-toyota/fonts/toyotadisplay_rg.woff") format("woff");
}
@font-face {
font-family: "toyotatype_light";
src: url("https://fairplaid.org/files/images-toyota/fonts/ToyotaType-Light.woff2") format("woff");
}



body {
  font-family: toyotatype_light,Arial,Helvetica,sans-serif !important;
  /*font-size: 100%;*/
  color: var(--main-color);
  line-height: 1.5;
}

strong {
  font-weight: 600;
}


/* Color set */

:root {

  --main-color: #282830;
  --main-75-color: #5e5e62;
  --main-50-color: #949496;
  --main-25-color: #c9c9cb;
  --main-15-color: #dfdfe0;
  --main-10-color: #eaeaea;
  --main-5-color: #f4f4f5;

  --accent1-color: #FF0022;
  --accent1-120-color: #b70000;
  --accent1-75-color: #ec4040;
  --accent1-50-color: #f28080;
  --accent1-25-color: #f9bfbf;
  --accent1-15-color: #fbd9d9;
  --accent1-10-color: #fce6e6;
  --accent1-5-color: #fef2f2;

  --accent2-color: #fff;
  --accent2-120-color: #cccccc;
  --accent2-75-color: #fff;
  --accent2-50-color: #fff;
  --accent2-25-color: #fff;
  --accent2-15-color: #fff;
  --accent2-10-color: #fff;
  --accent2-5-color: #fff;

  --white-color: #fff;

  --lightgrey-color: #EFF0F0;
  --darkgrey-color: #282830;

  --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;
  
}


/* 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: 3.5em;
  line-height: 1;
  text-transform: uppercase;
  font-weight: normal;
}

.headline-b {
  font-size: 2.5em;
  line-height: 1.25;
  text-transform: uppercase;
  font-weight: normal;
}

.headline-project {
  font-size: 2.5em;
  line-height: 1.15;
    text-transform: uppercase;
  font-weight: normal;
}

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

.headline-d {
  font-size: 1.2em;
  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(--main-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(--white-color);
  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);
}

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







/* 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;
    line-height: 1;
    font-weight: normal !important;
  }

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

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

  .headline-d {
    font-size: 20px;
    font-weight: normal !important;
    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: 22px;
  }

  .overlap-quote-author .author-name {
    font-size: 20px;
    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;
  }


  /* Module: Newsletter Mobile */

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




}


/*Änderungen*/

.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;}


.container .donationpot-xs-logo {background: url(https://www.fairplaid.org/files/images-br/BR_Hauptlogo_claim.svg) center no-repeat #fff; height: 40px; width: 270px; background-size: 40%;
}


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

.ft-patch {position:absolute;bottom:0px;right:0px;padding:30px;text-align:center;background-color: var(--accent1-color);}
@media only screen and (max-width: 768px){
    .ft-patch {display: none;}
}


.main-container-outer {margin-top: 25px;}


.contact-support-btn {
    right: 50%;
    background: #505050;
    line-height: 35px;
    width: 250px;
    border-radius: 20px;
    text-align: center;
    position: fixed;
    z-index: 9999999;
    bottom: 15px;
}
@media only screen and (max-width: 800px){
  .contact-support-btn {
    display: none !important;
}
}


.solisupport-container {display: flex!important;}


@media only screen and (max-width: 767px){
  .partner {justify-content: center;}
}


@media only screen and (max-width: 767px){
.infogrid-item {width: 80%;min-height: 180px;}
}

.projekt-name {
    padding: 0px !important;
}

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

.ticker a:hover {text-decoration: underline!important;}

.c-tab--slider .c-tab-indicator {background-color:var(--main-color);}