body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
/**
 * CLICKPRESS CSS-Grid
 * @author: Stefan Schulz-Lauterbach
 *
 * thanks to Dinko Skopljak for co-working
 */
.justify-items-start {
  justify-items: start;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-stretch {
  justify-items: stretch;
}

.content-start {
  align-content: start;
}

.content-center {
  align-content: center;
}

.content-end {
  align-content: end;
}

.items-start {
  align-items: start;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: end;
}

.items-stretch {
  align-items: stretch;
}

.items-baseline {
  align-items: baseline;
}

[class*=grid_] {
  display: grid;
  grid-gap: 1rem;
}
[class*=grid_] > .block {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .grid_mobile_100 {
    grid-template-columns: 1fr;
  }
  .grid_mobile_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_mobile_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_mobile_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_mobile_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_mobile_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_mobile_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_mobile_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_mobile_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_mobile_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_mobile_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_mobile_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_mobile_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_mobile_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_mobile_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_mobile_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .gap_mobile_0 {
    grid-gap: 0;
  }
  .gap_mobile_1 {
    grid-gap: 1rem;
  }
  .gap_mobile_2 {
    grid-gap: 2rem;
  }
  .gap_mobile_3 {
    grid-gap: 3rem;
  }
  .gap_mobile_4 {
    grid-gap: 4rem;
  }
  .gap_mobile_5 {
    grid-gap: 5rem;
  }
  .gap_mobile_6 {
    grid-gap: 6rem;
  }
  .gap_mobile_7 {
    grid-gap: 7rem;
  }
  .gap_mobile_8 {
    grid-gap: 8rem;
  }
  .gap_mobile_9 {
    grid-gap: 9rem;
  }
  .gap_mobile_10 {
    grid-gap: 10rem;
  }
  .gap_mobile_11 {
    grid-gap: 11rem;
  }
  .gap_mobile_12 {
    grid-gap: 12rem;
  }
}
@media (min-width: 768px) {
  .grid_tablet_100 {
    grid-template-columns: 1fr;
  }
  .grid_tablet_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_tablet_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_tablet_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_tablet_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_tablet_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_tablet_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_tablet_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_tablet_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_tablet_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_tablet_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_tablet_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_tablet_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_tablet_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_tablet_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_tablet_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .grid_tablet_20_40_40 {
    grid-template-columns: 1fr 2fr 2fr;
  }
  .grid_tablet_40_20_40 {
    grid-template-columns: 2fr 1fr 2fr;
  }
  .grid_tablet_40_40_20 {
    grid-template-columns: 2fr 2fr 1fr;
  }
  .gap_tablet_0 {
    grid-gap: 0;
  }
  .gap_tablet_1 {
    grid-gap: 1rem;
  }
  .gap_tablet_2 {
    grid-gap: 2rem;
  }
  .gap_tablet_3 {
    grid-gap: 3rem;
  }
  .gap_tablet_4 {
    grid-gap: 4rem;
  }
  .gap_tablet_5 {
    grid-gap: 5rem;
  }
  .gap_tablet_6 {
    grid-gap: 6rem;
  }
  .gap_tablet_7 {
    grid-gap: 7rem;
  }
  .gap_tablet_8 {
    grid-gap: 8rem;
  }
  .gap_tablet_9 {
    grid-gap: 9rem;
  }
  .gap_tablet_10 {
    grid-gap: 10rem;
  }
  .gap_tablet_11 {
    grid-gap: 11rem;
  }
  .gap_tablet_12 {
    grid-gap: 12rem;
  }
}
@media (min-width: 992px) {
  .grid_desktop_100 {
    grid-template-columns: 1fr;
  }
  .grid_desktop_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_desktop_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_desktop_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_desktop_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_desktop_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_desktop_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_desktop_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_desktop_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_desktop_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_desktop_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_desktop_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .grid_desktop_20_40_40 {
    grid-template-columns: 1fr 2fr 2fr;
  }
  .grid_desktop_40_20_40 {
    grid-template-columns: 2fr 1fr 2fr;
  }
  .grid_desktop_40_40_20 {
    grid-template-columns: 2fr 2fr 1fr;
  }
  .grid_desktop_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_desktop_40_20_20_20 {
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }
  .grid_desktop_20_40_20_20 {
    grid-template-columns: 1fr 2fr 1fr 1fr;
  }
  .grid_desktop_20_20_40_20 {
    grid-template-columns: 1fr 1fr 2fr 1fr;
  }
  .grid_desktop_20_20_20_40 {
    grid-template-columns: 1fr 1fr 1fr 2fr;
  }
  .grid_desktop_20_20_20_20_20 {
    grid-template-columns: repeat(5, 1fr);
  }
  .gap_desktop_0 {
    grid-gap: 0;
  }
  .gap_desktop_1 {
    grid-gap: 1rem;
  }
  .gap_desktop_2 {
    grid-gap: 2rem;
  }
  .gap_desktop_3 {
    grid-gap: 3rem;
  }
  .gap_desktop_4 {
    grid-gap: 4rem;
  }
  .gap_desktop_5 {
    grid-gap: 5rem;
  }
  .gap_desktop_6 {
    grid-gap: 6rem;
  }
  .gap_desktop_7 {
    grid-gap: 7rem;
  }
  .gap_desktop_8 {
    grid-gap: 8rem;
  }
  .gap_desktop_9 {
    grid-gap: 9rem;
  }
  .gap_desktop_10 {
    grid-gap: 10rem;
  }
  .gap_desktop_11 {
    grid-gap: 11rem;
  }
  .gap_desktop_12 {
    grid-gap: 12rem;
  }
}

/*# sourceMappingURL=clickpress-grid.css.map */

:root{
  --gelb:#ffcc00;
  --grau:#eeeeee;
  --text:#333333;
  --seite:#f7f7f5;
  --karte:#ffffff;
  --linie:#dcdcd8;
  --gedaempft:#6d6d68;
  --rasen:#e4e4e0;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --seite:#1a1a19;--karte:#232322;--text:#ededea;--grau:#232322;--linie:#3a3a38;--gedaempft:#a6a6a0;--rasen:#262625;
  }
}
:root[data-theme="dark"]{
  --seite:#1a1a19;--karte:#232322;--text:#ededea;--grau:#232322;--linie:#3a3a38;--gedaempft:#a6a6a0;--rasen:#262625;
}

/* schibsted-grotesk-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: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/foerderverein/fonts/schibsted-grotesk-v7-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* schibsted-grotesk-800 - 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: 'Schibsted Grotesk';
  font-style: normal;
  font-weight: 800;
  src: url('../../files/foerderverein/fonts/schibsted-grotesk-v7-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

#hilfe, #termine {
  margin:50px auto;
}

*{box-sizing:border-box}
body{margin:0;background:var(--seite);color:var(--text);
  font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17.5px;line-height:1.62;-webkit-font-smoothing:antialiased}
h1,h2,h3,.ui{font-family:"Schibsted Grotesk",system-ui,sans-serif;font-weight:800;line-height:1.04;letter-spacing:-.03em}
a{color:inherit}
:focus-visible{outline:3px solid var(--gelb);outline-offset:3px}
.wrap{max-width:1020px;margin:0 auto;padding:0 24px}

header.top{padding:18px 0;background:var(--gelb)}
.top .wrap{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.marke{font-family:"Schibsted Grotesk",sans-serif;font-weight:800;font-size:19px;text-decoration:none}
.marke em{font-style:normal;background:#333;color:var(--gelb);padding:1px 6px}
nav.haupt{margin-left:auto;display:flex;gap:20px;flex-wrap:wrap;font-family:"Schibsted Grotesk",sans-serif;font-weight:600;font-size:16px}
nav.haupt a{color:#333;text-decoration:none;padding-bottom:2px;border-bottom:2px solid transparent}
nav.haupt a:hover{border-bottom-color:#333}
header.top .marke{color:#333}
@media (max-width:500px){
  header.top .marke {font-size:15px;}
  img.logo {display:none;}
  .top .wrap {gap:0;}
  .hero {padding:20px 24px 20px !important;}
  .knopf {font-size:13px !important;}
}

/* Burger-Menü */
.burger{display:none;margin-left:auto;width:42px;height:42px;border:0;background:transparent;
  cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0}
.burger span{display:block;width:24px;height:2.5px;background:#333;border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

@media (max-width:760px){
  .burger{display:flex}
  nav.haupt{margin-left:0;order:5;flex-basis:100%;flex-direction:column;gap:0;
    max-height:0;overflow:hidden;transition:max-height .25s ease}
  nav.haupt.offen{max-height:320px}
  nav.haupt a{padding:13px 2px;border-bottom:1px solid rgba(51,51,51,.15);width:100%}
  nav.haupt a:hover{border-bottom-color:rgba(51,51,51,.15)}
}

.hero{padding:60px 24px 20px}
.hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
h1{font-size:clamp(37px,5.8vw,61px);margin:0 0 20px;text-wrap:balance}
.hero p{margin:0 0 26px;max-width:38ch;color:var(--text)}
.knopf{display:inline-block;font-family:"Schibsted Grotesk",sans-serif;font-weight:600;font-size:16.5px;
  background:var(--gelb);color:#333;text-decoration:none;padding:13px 26px;border:0;border-radius:999px;
  box-shadow:0 3px 10px rgba(51,51,51,.18);transition:box-shadow .15s ease,transform .15s ease}
.knopf:hover{box-shadow:0 5px 14px rgba(51,51,51,.24);transform:translateY(-1px)}
.knopf.leer{background:#ffffff;color:inherit;margin-left:10px;box-shadow:0 1px 4px rgba(51,51,51,.12)}
.knopf.leer:hover{background:#ffffff;box-shadow:0 4px 12px rgba(51,51,51,.18);transform:translateY(-1px)}

.oder{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--gedaempft);font-size:14.5px}
.oder::before,.oder::after{content:"";flex:1;height:1px;background:var(--linie)}
.knopf-paypal{display:inline-flex;align-items:center;gap:8px;font-family:"Schibsted Grotesk",sans-serif;
  font-weight:600;font-size:16px;text-decoration:none;color:#333;background:#ffffff;
  border:1.5px solid var(--linie);border-radius:999px;padding:12px 24px;
  box-shadow:0 1px 4px rgba(51,51,51,.08);transition:box-shadow .15s ease,transform .15s ease,border-color .15s ease}
.knopf-paypal:hover{border-color:#003087;box-shadow:0 4px 12px rgba(0,48,135,.16);transform:translateY(-1px)}
.knopf-paypal::before{content:"";width:18px;height:18px;flex:none;background:#003087;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 3h8.5c3 0 5 2 4.4 5.2-.7 3.7-3.4 5.3-7 5.3H10l-1.4 7H5L7 3zm2.7 8.2h2.9c2 0 3.3-.8 3.7-2.8.4-2-.7-2.7-2.6-2.7H10.9l-1.2 5.5z"/></svg>') center/contain no-repeat;
  mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 3h8.5c3 0 5 2 4.4 5.2-.7 3.7-3.4 5.3-7 5.3H10l-1.4 7H5L7 3zm2.7 8.2h2.9c2 0 3.3-.8 3.7-2.8.4-2-.7-2.7-2.6-2.7H10.9l-1.2 5.5z"/></svg>') center/contain no-repeat}

/* Aufstellung */
.platz{background:var(--rasen);border:1px solid var(--linie);padding:14px}
svg.pitch{display:block;width:100%;height:auto}
.pos{cursor:pointer}
.pos circle{fill:var(--gelb);stroke:#333;stroke-width:2.5;transition:r .15s ease}
.pos text{font-family:"Schibsted Grotesk",sans-serif;font-weight:800;font-size:11px;fill:#333;text-anchor:middle;pointer-events:none}
.pos:hover circle,.pos[aria-pressed="true"] circle{r:20}
.pos[aria-pressed="true"] circle{fill:#333;stroke:var(--gelb)}
.pos[aria-pressed="true"] text{fill:var(--gelb)}
.pos:focus-visible circle{outline:none;stroke-dasharray:4 3}
.linien{stroke:#b9b9b4;fill:none;stroke-width:2}
.detail{margin-top:14px;background:var(--karte);border:1px solid var(--linie);padding:18px 20px;min-height:132px}
.detail h3{margin:0 0 6px;font-size:21px}
.detail p{margin:0;font-size:16px;line-height:1.58}
.detail .summe{font-family:"Schibsted Grotesk",sans-serif;font-weight:800;font-size:16px;margin-top:10px;display:inline-block;background:var(--gelb);color:#333;padding:2px 9px}

section{padding:56px 0}
h2{font-size:clamp(27px,4vw,37px);margin:0 0 26px}
.zweispaltig{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.zweispaltig p{margin:0 0 16px}

/* Termine */
.termine{list-style:none;margin:0;padding:0;border-top:1px solid var(--linie)}
.termine li{display:grid;grid-template-columns:128px 1fr auto;gap:20px;padding:15px 0;border-bottom:1px solid var(--linie);align-items:baseline}
.datum{font-family:"Schibsted Grotesk",sans-serif;font-weight:600;font-size:15.5px;font-variant-numeric:tabular-nums}
.ort{color:var(--gedaempft);font-size:15.5px}

.beitrag{background:var(--grau);border-top:6px solid var(--gelb)}
.beitrag .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center}
.beitrag h2{margin-bottom:12px}
.stufen{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.stufen div{background:var(--karte);border:1px solid var(--linie);padding:12px 16px;flex:1 1 130px}
.stufen b{font-family:"Schibsted Grotesk",sans-serif;font-size:21px;display:block}
.stufen span{font-size:15px;color:var(--gedaempft)}

footer{padding:46px 0;border-top:1px solid var(--linie);font-size:16px;color:var(--gedaempft)}
footer .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
footer h3{font-size:17px;margin:0 0 8px;color:var(--text)}

@media (max-width:840px){
  .hero .wrap,.zweispaltig,.beitrag .wrap,footer .wrap{grid-template-columns:1fr}
  .termine li{grid-template-columns:1fr;gap:2px}
}
.logo{display:block;height:44px;width:auto;flex:none}
.logo-gross{width:min(300px,60vw);height:auto}
@media (max-width:820px){.logo-gross{width:150px}}