/* 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: #38b6ff;
  --accent1-120-color: #2d92cc;
  --accent1-75-color: #6ac8ff;
  --accent1-50-color: #9cdbff;
  --accent1-25-color: #cdedff;
  --accent1-15-color: #e1f4ff;
  --accent1-10-color: #ebf8ff;
  --accent1-5-color: #f5fbff;

  --accent2-color: #f7dc69;
  --accent2-120-color: #c6b054;
  --accent2-75-color: #f9e58f;
  --accent2-50-color: #fbeeb4;
  --accent2-25-color: #fdf6da;
  --accent2-15-color: #fefae9;
  --accent2-10-color: #fefcf0;
  --accent2-5-color: #fffdf8;

  --white-color: #fff;
  --lightgrey-color: #F4F4F4;
  --darkgrey-color: #979797;
}
/* latin-ext */
@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 600;
  src: url(https://widgets.fairplaid.com/widget_css/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://widgets.fairplaid.com/widget_css/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--------------------------*/
body {font-family: 'Public Sans', sans-serif; height: 100%;line-height: 1.2;overflow: hidden;}
/*----------------------Allgemeines styling--------------------------*/
.bg-white-color {background-color: var(--white-color);}
.rnd-10 {border-radius:10px;}
.shadow-light {box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%);}
a {text-decoration: none;}
p {margin:0;color:var(--main-color);}
/*---------------ProjektKachel-------------------*/
.projekt-card {width: 100%;height: auto;align-items: center;transition: all 0.3s ease;transform: scale(1);}
.projekt-card-inner {display: flex;flex-direction: column;justify-content: flex-start;max-width: 600px;width:100%;height: 100%;margin: auto;}
.projekt-image {width: 100%;height: 14em;background-color: #ccc;border-radius: 5px 5px 0px 0;background-size: cover;background-position: center center;}
.projekt-content {display: flex;flex-flow: column nowrap;flex-grow: 1;}
.projekt-card-inner .projekt-content .projekt-verein {margin-top: 8px;margin-bottom: 8px;font-size:1em;width:100%;text-align: center;}
.projekt-card-inner .projekt-content .projekt-name {font-size: 1.5em;font-weight: 700;max-width: 100%;text-align: center;margin:10px 0;padding:0 15px;display:flex;justify-content: center;min-height: 60px;}
.projekt-infos-stats .projekt-fortschritt {background: var(--accent2-5-color);height: auto;width: 100%;padding: 25px 0;align-items: center;justify-content: center;display: flex;}
.projekt-infos {border-top:1px solid var(--accent2-color);width: 100%;display: flex;flex-direction: row;justify-content: center;height: 50px;}
.projekt-content .projekt-info-item {color: var(--main-color);font-size: 0.750em;background: var(--accent2-5-color);height: 100%;width: 33.4%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding-top: 5px;}
.projekt-content .projekt-info-item:nth-child(1) {border-bottom-left-radius: 10px;}
.projekt-content .projekt-info-item:nth-child(2) {border-left: 1px solid var(--accent2-color);border-right: 1px solid var(--accent2-color);}
.projekt-content .projekt-info-item:nth-child(3) {border-bottom-right-radius: 10px;}
.support-goal-canvas {text-align:center;overflow:hidden;height:65px;width:100%;padding:15px 0;}
/*---------------SVG styling---------------------*/
.projekt-fortschritt .support-percentage {color:var(--main-color);top:-68px;position:relative;font-size: 20px;padding: 20px 0px 20px 12px;text-align:center;}
.projekt-fortschritt svg .bahn {stroke:var(--accent1-color);fill:transparent;stroke-width:10;}
.projekt-fortschritt svg .bahn-hintergrund {stroke:var(--accent1-10-color);fill:transparent;stroke-width:10;}
.projekt-info-item .projekt-info-icon svg path {fill:var(--main-color);}
/* Dots */
.slick-list {padding:20px!important;}
.slick-dots{position: absolute;bottom: -20px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li{position: relative;display: inline-block;margin: 0 10px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{font-family: 'slick';font-size: 74px;line-height: 20px;position: absolute;top: 5px;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: var(--accent1-color); -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{opacity: .75;color: var(--accent1-color);}
.slick-dots li button:active:before {opacity: 1;}