.krp{--ink:#183f36;--muted:#54695f;--orange:#b84f27;--paper:#fbf8f1;--line:#dce5db;color:var(--ink);background:var(--paper);font-family:"Trebuchet MS",sans-serif;line-height:1.65;padding:clamp(20px,4vw,56px);border-radius:24px;isolation:isolate}.krp *{box-sizing:border-box}.krp h1,.krp h2{font-family:Georgia,serif;letter-spacing:-.035em;color:var(--ink);line-height:1.12}.krp h1{font-size:clamp(36px,5vw,66px);margin:14px 0 24px}.krp h2{font-size:clamp(28px,3vw,40px);margin:0 0 20px}.krp h3{font-size:20px;line-height:1.3;color:var(--ink);margin:10px 0}.krp p{margin:0 0 18px}.krp a{color:var(--ink);text-underline-offset:4px}.krp img{max-width:100%;height:auto}.krp .eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--orange)}.krp .lead{font-size:19px;color:var(--muted);max-width:580px}.krp .hero{display:grid;grid-template-columns:1.25fr .75fr;gap:32px;align-items:center;padding:28px 0 48px}.krp .portrait{background:#eee9d7;border-radius:48% 48% 24px 24px;padding:20px;transform:rotate(2deg)}.krp .portrait img{display:block;border-radius:45% 45% 14px 14px}.krp .actions,.krp .chips,.krp .preview-nav{display:flex;flex-wrap:wrap;gap:10px}.krp .button,.krp button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border-radius:10px;background:var(--ink);color:white;text-decoration:none;border:1px solid var(--ink);font:inherit;font-weight:bold;cursor:pointer}.krp .button.secondary{background:transparent;color:var(--ink)}.krp a:focus-visible,.krp button:focus-visible,.krp input:focus-visible,.krp select:focus-visible{outline:3px solid #b84f27;outline-offset:4px}.krp .section{margin-top:56px}.krp .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.krp .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.krp .card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0;transition:box-shadow .2s,transform .2s}.krp .card:hover{box-shadow:0 12px 26px #183f3610;transform:translateY(-3px)}.krp .card-body{padding:22px}.krp .card img{width:100%;height:230px;object-fit:contain;background:#f1f0e7;padding:12px;display:block}.krp .card p{font-size:15px;color:var(--muted)}.krp .tag{display:inline-block;font-size:12px;line-height:1.5;border-radius:6px;background:#edf3eb;padding:4px 8px;margin:0 5px 7px 0;color:#244d3d}.krp .banner{background:#e8eddf;border-radius:20px;padding:32px}.krp .preview-nav{padding-bottom:20px;border-bottom:1px solid var(--line);font-size:14px}.krp .preview-nav a{padding:7px 10px;text-decoration:none}.krp .search{display:flex;gap:10px;flex-wrap:wrap}.krp input,.krp select{font:inherit;border:1px solid #93a698;border-radius:9px;background:white;color:var(--ink);padding:12px;min-height:48px;max-width:100%}.krp input{flex:1;min-width:180px}.krp .filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;margin:24px 0}.krp label{display:block;font-weight:bold;font-size:14px}.krp label input,.krp label select{display:block;width:100%;margin-top:5px}.krp [hidden]{display:none!important}.krp .meta{font-size:13px;color:var(--muted)}.krp .chips a{padding:9px 14px;border:1px solid #a1b5a7;border-radius:99px;text-decoration:none;font-size:14px}.krp details{background:white;border:1px solid var(--line);border-radius:12px;padding:18px;margin:12px 0}.krp summary{cursor:pointer;font-weight:bold}.krp .footnote{border-top:1px solid var(--line);margin-top:48px;padding-top:24px;font-size:14px;color:var(--muted)}@media(max-width:760px){.krp .hero{grid-template-columns:1fr}.krp .portrait{max-width:280px;margin:auto;order:-1}.krp .grid,.krp .grid.two{grid-template-columns:1fr 1fr}.krp .filters{grid-template-columns:1fr 1fr}.krp .filters label:first-child{grid-column:1/-1}}@media(max-width:480px){.krp .grid,.krp .grid.two,.krp .filters{grid-template-columns:1fr}.krp .filters label:first-child{grid-column:auto}.krp .card img{height:240px}.krp .hero{padding-top:8px}.krp .section{margin-top:36px}}@media(prefers-reduced-motion:reduce){.krp *{transition:none!important;transform:none!important}}.krp{--ink:#2E3A59;--muted:#53616d;--orange:#C9632A;--paper:#fffdf9;--line:#e3e5e8}.krp .hero{background:linear-gradient(135deg,#FAF3E8 0%,#E9F1EE 100%);padding:32px;border-radius:24px;margin-top:24px}.krp .portrait{background:#FAF3E8}.krp .portal-banners{grid-template-columns:repeat(4,minmax(0,1fr))}.krp .portal-banner{display:flex;flex-direction:column;gap:12px;padding:24px 20px;border-radius:18px;text-decoration:none;transition:transform .2s,box-shadow .2s}.krp .portal-banner:hover{transform:translateY(-3px);box-shadow:0 10px 25px #2e3a591a}.krp .portal-banner img{width:80px;height:80px;object-fit:cover;border-radius:50%;border:3px solid white}.krp .portal-banner strong{font-size:22px;line-height:1.25}.krp .portal-banner span{font-size:15px}.krp .portal-banner small{margin-top:auto;font-weight:700}.krp .portal-banner.wissen{background:#2E8FA3;color:#102c34}.krp .portal-banner.glauben{background:#7B5EA7;color:#fff}.krp .portal-banner.material{background:#E07A3F;color:#241b16}.krp .portal-banner.lieder{background:#5A9E4B;color:#122510}.krp .autumn{background:#FBF3E0;border-top:6px solid #D9A441}.krp .tag{background:#FAF3E8;color:#653718}.krp .kr-material[data-kind="Morgenkreis"]{border-top:5px solid #2E8FA3}.krp .kr-material[data-kind="Basteln"]{border-top:5px solid #5A9E4B}.krp .kr-material[data-kind="Arbeitsblätter"],.krp .kr-material[data-kind="Ausmalbilder"]{border-top:5px solid #D9A441}.krp .kr-material[data-topic="Sankt Franziskus"],.krp .kr-material[data-topic="Erntedank"]{border-top:5px solid #7B5EA7}@media(max-width:1000px){.krp .portal-banners{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.krp .portal-banners{grid-template-columns:1fr}.krp .hero{padding:22px}.krp .portal-banner{display:grid;grid-template-columns:64px 1fr;gap:10px 16px;align-items:center}.krp .portal-banner img{width:64px;height:64px;grid-row:1/4}.krp .portal-banner strong{font-size:20px}}
#kp-songs .filters{grid-template-columns:2fr 1fr auto}#kp-songs audio{display:block;width:100%;max-width:100%}.krp .kp-youtube{display:block;text-decoration:none;border:1px solid #dce5db;border-radius:12px;overflow:hidden;margin:16px 0;background:#fff}.kp-youtube-image{display:block;position:relative;aspect-ratio:16/9;background:#17251d}.krp .card .kp-youtube-image img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;padding:0;background:transparent}.kp-youtube-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:66px;height:46px;border-radius:12px;background:#c90000;color:#fff;font-size:25px;box-shadow:0 3px 15px #0005}.kp-youtube-caption{display:block;padding:12px 14px;font-weight:bold;font-size:14px}.kp-youtube:hover .kp-youtube-play{background:#900}.kp-youtube:focus-visible{outline:3px solid #C9632A;outline-offset:4px}#kp-songs .kr-pl-list input{min-width:0;min-height:0;flex:0 0 20px}#kp-songs .kr-pl-list button{min-width:0;line-height:1.4}#kp-songs .kr-pl-ctrl br{display:none}@media(max-width:760px){#kp-songs .filters{grid-template-columns:1fr}#kp-songs .filters label:first-child{grid-column:auto}}.krp [id],#kp-main{scroll-margin-top:110px}.krp .hero>*,.krp .filters>*{min-width:0}.krp h1,.krp h2,.krp h3{overflow-wrap:break-word}.kp-prose iframe{max-width:100%}.kp-prose table{display:block;max-width:100%;overflow-x:auto}@media(max-width:480px){.krp .banner{padding:22px}.krp .portrait{max-width:180px}.kp-header{position:relative}.krp .search input{min-width:0;width:100%;flex-basis:100%}}body.kita-portal{margin:0;background:#fffdf9;color:#2E3A59;font-family:"Trebuchet MS",sans-serif}
.krp .kp-latest-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}.krp .kp-latest-head a{font-weight:bold;white-space:nowrap}
.krp .card img.kp-post-thumb{height:200px;object-fit:cover;padding:0;background:#f1f0e7}
.krp .kp-latest-card h3 a{color:var(--ink)}.krp .kp-latest-card{display:flex;flex-direction:column}
.krp .kp-latest-paed .kp-latest-card{border-top:5px solid #2E8FA3}.krp .kp-latest-rel .kp-latest-card{border-top:5px solid #7B5EA7}
.krp .kp-latest-rel{background:#F4EFFA;border-radius:20px;padding:28px}
@media(max-width:760px){.krp .kp-latest .grid{grid-template-columns:1fr}}
.krp .kr-hostinger-banner{margin-top:56px}.krp .kr-hostinger-text h3{color:#fff;font-size:20px;margin:0 0 6px}.krp .kr-hostinger-text p{color:#EDE9FE;margin:0}.krp a.kr-hostinger-btn{color:#6D3FE0!important;text-decoration:none}
@media(min-width:1001px){.krp .grid.kp-four{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:761px) and (max-width:1000px){.krp .grid.kp-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kp-nav-item{position:relative;display:flex;align-items:center}
.kp-sub-toggle{background:none;border:0;padding:6px 4px;margin-left:-2px;cursor:pointer;color:#2E3A59;font-size:13px;line-height:1}
.kp-sub{display:none;position:absolute;top:100%;left:-12px;min-width:240px;background:#fff;border:1px solid #e6e3dc;border-radius:14px;box-shadow:0 14px 30px rgba(46,58,89,.14);padding:8px;z-index:200;flex-direction:column}
#kp-nav .kp-sub a{display:block;padding:9px 12px;border:0;border-radius:9px;font-weight:normal;font-size:14px;white-space:nowrap}
#kp-nav .kp-sub a:hover,#kp-nav .kp-sub a:focus{background:#FAF3E8}
.kp-sub-material{border-top:4px solid #E07A3F}.kp-sub-glauben{border-top:4px solid #7B5EA7}.kp-sub-lieder{border-top:4px solid #5A9E4B}.kp-sub-wissen{border-top:4px solid #2E8FA3}.kp-sub-ueber{border-top:4px solid #C9632A}
@media(min-width:961px){.kp-has-sub:hover .kp-sub,.kp-has-sub:focus-within .kp-sub,.kp-has-sub.is-open .kp-sub{display:flex}.kp-has-sub:hover .kp-sub-toggle{transform:rotate(180deg)}}
@media(max-width:960px){#kp-nav{flex-direction:column;align-items:stretch;gap:0}.kp-nav-item{flex-wrap:wrap;border-bottom:1px solid #f0ece4}#kp-nav .kp-nav-item>a{flex:1;width:auto}.kp-sub-toggle{padding:10px 14px;font-size:16px}.kp-sub{position:static;width:100%;box-shadow:none;border:0;border-left:4px solid #e6e3dc;border-radius:0;padding:0 0 8px 10px;min-width:0}.kp-has-sub.is-open .kp-sub{display:flex}.kp-has-sub.is-open .kp-sub-toggle{transform:rotate(180deg)}#kp-nav .kp-sub a{white-space:normal;width:auto}}
#kp-songs .kp-song{--kc:#5A9E4B;--kt:#edf5e9;--kd:#3c6f31;border-top:6px solid var(--kc)}
#kp-songs .kp-song .tag{background:var(--kt);color:var(--kd);font-weight:bold}
#kp-songs .kp-song h2{color:var(--kd)}
#kp-songs .kp-song .tag.kp-new{background:var(--kc);color:#fff}
#kp-songs .kp-song[data-group="Herbst"]{--kc:#D9822B;--kt:#FBEBD8;--kd:#9a4f12}
#kp-songs .kp-song[data-group="Kita-Alltag"]{--kc:#2E8FA3;--kt:#E1F1F4;--kd:#1d6474}
#kp-songs .kp-song[data-group="Glauben & Rituale"]{--kc:#7B5EA7;--kt:#EEE7F7;--kd:#57407c}
#kp-songs .kp-song[data-group="Ruhe"]{--kc:#5B7DB1;--kt:#E6EDF7;--kd:#3d5a87}
#kp-songs .kp-song[data-group="Lieder für die Kita"]{--kc:#D9A441;--kt:#FBF3E0;--kd:#8a6414}
.kp-header{background:#fff;border-bottom:1px solid #e6e3dc;position:sticky;top:0;z-index:100}
.admin-bar .kp-header{top:32px}.kp-header-inner{max-width:1280px;margin:auto;padding:18px 28px;display:flex;justify-content:space-between;gap:24px;align-items:center}
.kp-brand{display:flex;align-items:center;gap:12px;text-decoration:none!important;color:#2E3A59;font-size:27px;font-weight:bold;line-height:1.2}
.kp-brand small{display:block;font-size:10px;letter-spacing:.04em;font-weight:normal;margin-top:5px}.kp-orange{color:#C9632A}.kp-logo{background:#FAF3E8;padding:10px 13px;border-radius:14px;color:#C9632A}
#kp-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#kp-nav a{text-decoration:none;padding:10px 3px;color:#2E3A59;font-size:14px;font-weight:bold;border-bottom:3px solid transparent}
#kp-nav a.kp-nav-material:hover,#kp-nav a.kp-nav-material[aria-current]{border-color:#E07A3F}
#kp-nav a.kp-nav-glauben:hover,#kp-nav a.kp-nav-glauben[aria-current]{border-color:#7B5EA7}
#kp-nav a.kp-nav-lieder:hover,#kp-nav a.kp-nav-lieder[aria-current]{border-color:#5A9E4B}
#kp-nav a.kp-nav-wissen:hover,#kp-nav a.kp-nav-wissen[aria-current]{border-color:#2E8FA3}
.kp-menu-toggle{display:none;background:#FAF3E8;color:#2E3A59;border:1px solid #d7cbbc;padding:10px 15px;border-radius:9px}
.kp-main{max-width:1280px;margin:0 auto;padding:24px}.kp-main .krp{padding:clamp(12px,3vw,40px)}
.kp-reading,.kp-listing{max-width:1100px;margin:0 auto;background:white;border-radius:22px;padding:clamp(22px,4vw,60px)}
.kp-page-heading{border-bottom:1px solid #e6e3dc;padding-bottom:24px;margin-bottom:32px}
.kp-page-heading h1,.kp-listing h1{font:clamp(32px,4vw,52px)/1.15 Georgia,serif;color:#2E3A59;letter-spacing:-.035em}
.kp-eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#C9632A;font-weight:bold}
.kp-prose{font-size:17px;line-height:1.8;overflow-wrap:anywhere}.kp-prose img{max-width:100%;height:auto}.kp-prose a{color:#245b6a;text-underline-offset:4px}.kp-prose h2,.kp-prose h3{line-height:1.25}.kp-prose audio,.kp-prose video{max-width:100%}
.kp-breadcrumb{padding:12px 0 22px;font-size:13px;color:#627078}
.kp-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.kp-post-card{border:1px solid #e0e5e5;border-radius:16px;overflow:hidden}.kp-post-card>div{padding:22px}.kp-post-card img{width:100%;height:190px;object-fit:cover}.kp-post-card h2{font-size:23px;line-height:1.3}.kp-post-card a{color:#245b6a}.kp-related{margin-top:40px;border-top:1px solid #e5e5e5;padding-top:24px}.kp-related a{display:inline-block;margin:10px 24px 10px 0}
.kp-footer{max-width:1280px;margin:40px auto 0;border-top:1px solid #ddd;padding:40px 28px;display:flex;gap:32px;justify-content:space-between;flex-wrap:wrap;font-size:14px}.kp-footer nav{display:flex;flex-direction:column;gap:10px}.kp-footer a{color:#2E3A59}
.kp-skip{position:absolute;left:16px;top:-100px;background:#2E3A59;color:#fff;padding:14px;z-index:999999}.kp-skip:focus{top:40px}
.kita-portal a:focus-visible,.kita-portal button:focus-visible{outline:3px solid #C9632A;outline-offset:4px}
@media(max-width:960px){.kp-header-inner{flex-wrap:wrap;padding:14px 20px}.kp-menu-toggle{display:block}#kp-nav{width:100%;display:flex}.kp-js #kp-nav{display:none}.kp-js #kp-nav.is-open{display:flex}.kp-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.kp-main{padding:12px}.kp-post-grid{grid-template-columns:1fr}.kp-prose{font-size:16px}.admin-bar .kp-header{top:46px}#kp-nav a{width:calc(50% - 12px)}.kp-brand{font-size:23px}.kp-logo{display:none}}
