:root{--color-base:#3e3e40;--color-primary:#EE001A;--color-primary-rgb:238,0,26;--color-primary-light:#ffa0ab;--color-primary-light-rgb:76,20,75;--color-secondary:#BE0014;--color-secondary-rgb:190,0,20;--color-dark:#4C4C4C;--color-medium:#818184;--color-light:#bababa;--color-bright:#f5f5f5;--color-white:#ffffff;--color-black:#000000;--color-donbosco-famile:#90A420;--color-donbosco-familie-light:#B5CE2A;--color-donbosco-schwestern:#CEA500;--color-donbosco-schwestern-light:#F6CB1E;--color-donbosco-mitartbeiter:#658620;--color-donbosco-mitartbeiter-light:#7FA827;--color-donbosco-ehem:#6E7A9C;--color-donbosco-ehem-light:#8A99C4;--color-donbosco-ehem-schwester:#B85034;--color-donbosco-ehem-schwester-light:#E66542;--color-donbosco-mission:#F49430;--color-donbosco-mission-light:#FCDCB9}.personlistWrapper{background-color:var(--color-primary);color:var(--color-white);padding-right:50px}.personlistWrapper a{color:var(--color-white)}.personlistWrapper a:hover{color:var(--color-white);opacity:0.5}.personlistHeader .breadcrumbsBlock{padding:0px 0px 15px 0px}.personlistHeader .titleBlock{padding-top:50px}.personlistHeader .titleBlock .title{text-transform:uppercase;font-size:5.7rem;line-height:5.7rem;letter-spacing:0.171rem;font-weight:600;word-break:break-word;-ms-hyphens:auto;hyphens:auto}.filterWrapper{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;-webkit-box-align:start;-ms-flex-align:start;align-items:start;margin:50px 0px 50px 0px}.filterWrapper .personlistFilterAlphabet,.filterWrapper .personlistFilterSearch{-ms-grid-column:1;grid-column:1;-ms-grid-row:1;grid-row:1;opacity:0;-webkit-transition:all 0.8s;transition:all 0.8s;display:-ms-grid;display:grid;-ms-grid-rows:0fr;grid-template-rows:0fr;-webkit-transition:opacity 0.3s ease-out;transition:opacity 0.3s ease-out}.filterWrapper .personlistFilterAlphabet.active,.filterWrapper .personlistFilterSearch.active{opacity:1;-ms-grid-rows:1fr;grid-template-rows:1fr}.filterWrapper .personlistFilterAlphabet .innerWrapper,.filterWrapper .personlistFilterSearch .innerWrapper{overflow:hidden}.personlistFilterSearch{container-type:inline-size}.personlistFilterSearch .innerWrapper{display:-ms-grid;display:grid;-ms-grid-columns:1fr 80px minmax(130px,185px);grid-template-columns:1fr minmax(130px,185px);gap:80px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.personlistFilterSearch .innerWrapper .filterWrapper{width:100%;margin:0 auto 0 auto}.personlistFilterSearch .innerWrapper .filterWrapper form{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) 15px minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.personlistFilterSearch .innerWrapper .filterWrapper form .inputFulltext{grid-column:1/-1;position:relative}.personlistFilterSearch .innerWrapper .filterWrapper form .inputFulltext input{width:100%;padding:15px 80px 15px 30px;border:3px solid var(--color-white);background-color:var(--color-white);color:var(--color-base);border-radius:100px;font-size:2.4rem;line-height:2.4rem;text-align:center}.personlistFilterSearch .innerWrapper .filterWrapper form .inputFulltext input::-webkit-input-placeholder{color:var(--color-primary)}.personlistFilterSearch .innerWrapper .filterWrapper form .inputFulltext input::-moz-placeholder{color:var(--color-primary)}.personlistFilterSearch .innerWrapper .filterWrapper form .inputFulltext input:-ms-input-placeholder{color:var(--color-primary)}.personlistFilterSearch .innerWrapper .filterWrapper form .inputFulltext input::-ms-input-placeholder{color:var(--color-primary)}.personlistFilterSearch .innerWrapper .filterWrapper form .inputFulltext input::placeholder{color:var(--color-primary)}.personlistFilterSearch .innerWrapper .filterWrapper form .inputFulltext .btnSearch{position:absolute;top:0;right:0;bottom:0;width:80px;height:100%;padding:0!important;background-color:var(--color-primary)!important;-webkit-mask-image:url(../../images/donbosco/icon_search.svg);mask-image:url(../../images/donbosco/icon_search.svg);-webkit-mask-size:25px;mask-size:25px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.personlistFilterSearch .innerWrapper .filterWrapper form .inputFulltext .btnSearch:hover{opacity:0.5!important}.personlistFilterSearch .innerWrapper .filterWrapper form .swStyledSelect{position:relative}.personlistFilterSearch .innerWrapper .filterWrapper form .swStyledSelect select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-image:none;width:100%;padding:15px 80px 14px 30px;border:3px solid var(--color-white);background-color:var(--color-white);color:var(--color-base);border-radius:100px;font-size:2.4rem;line-height:3rem}.personlistFilterSearch .innerWrapper .filterWrapper form .swStyledSelect:after{pointer-events:none;content:"";display:block;position:absolute;top:0;right:0;bottom:0;width:80px;background-color:var(--color-primary);-webkit-mask-image:url(../../images/donbosco/icon_chevron_down.svg);mask-image:url(../../images/donbosco/icon_chevron_down.svg);-webkit-mask-size:25px;mask-size:25px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.personlistFilterSearch .innerWrapper .filterWrapper form .swStyledSelect option{color:#000000;background-color:#ffffff;font-size:1.8rem}.personlistFilterSearch .innerWrapper .filterWrapper .btnReset{text-align:center;padding:15px 0px 0px 0px}.personlistFilterSearch .innerWrapper .filterSwitch a{text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;margin-top:5px}.personlistFilterSearch .innerWrapper .filterSwitch a .label{font-size:4.4rem;line-height:4.4rem}.personlistFilterSearch .innerWrapper .filterSwitch a .legend{font-size:1.4rem;line-height:1.8rem;letter-spacing:0.042rem}@container (max-width: 860px){.personlistFilterSearch .innerWrapper .filterWrapper form{-ms-grid-columns:100%;grid-template-columns:100%}}.personlistFilterAlphabet .innerWrapper{display:-ms-grid;display:grid;-ms-grid-columns:1fr 40px 75px;grid-template-columns:1fr 75px;gap:40px;padding-top:12px}.personlistFilterAlphabet .innerWrapper .filterSwitch{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.personlistFilterAlphabet .innerWrapper .filterSwitch a{display:block;width:71px;height:71px;border-radius:100px;background-color:var(--color-white)}.personlistFilterAlphabet .innerWrapper .filterSwitch a:before{content:"";display:block;width:100%;height:100%;background-color:var(--color-primary);-webkit-mask-image:url(../../images/donbosco/icon_search.svg);mask-image:url(../../images/donbosco/icon_search.svg);-webkit-mask-size:35px;mask-size:35px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.personlistFilterAlphabet .innerWrapper .filterAlphabet .label{font-size:1.4rem;line-height:1.8rem;letter-spacing:0.042rem;color:var(--color-white);margin-top:-10px}.personlistFilterAlphabet .innerWrapper .filterAlphabet ul{display:-ms-grid;display:grid;-ms-grid-columns:1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr;grid-template-columns:repeat(26,1fr);gap:15px 10px;list-style:none;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px}.personlistFilterAlphabet .innerWrapper .filterAlphabet ul li{-webkit-box-flex:1;-ms-flex:1;flex:1}.personlistFilterAlphabet .innerWrapper .filterAlphabet ul li a{display:block;text-align:center;padding:10px 0px 15px 0px;border-bottom:3px solid var(--color-white);font-size:2.4rem;line-height:2.4rem;text-decoration:none;color:var(--color-white)}.personlistList{margin-top:100px}.personlistList .personlistGrid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 70px 1fr;grid-template-columns:1fr 1fr;gap:100px 70px}.personlistList .personlistGrid .item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:35px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.personlistList .personlistGrid .item .image{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;width:30%;aspect-ratio:100/100;position:relative;background-color:#f5f5f5;border-radius:500px;overflow:hidden}.personlistList .personlistGrid .item .image img{width:100%;height:100%}.personlistList .personlistGrid .item .content{-webkit-box-flex:1;-ms-flex:1;flex:1}.personlistList .personlistGrid .item .content a{word-break:break-word;-ms-hyphens:auto;hyphens:auto;font-weight:600}.personlistList .personlistGrid .item .content .funktion{font-size:1.4rem;line-height:1.8rem;letter-spacing:0.042rem;font-weight:500;margin-bottom:5px}.personlistList .personlistGrid .item .content .title{font-weight:600;font-size:2.4rem;line-height:2.4rem;margin-bottom:5px}.personlistList .personlistGrid .item .content .title a{text-decoration:none;color:var(--color-base)}.personlistList .personlistGrid .item .content .title .nachname{text-transform:uppercase}.personlistList .personlistGrid .item .content .infoBlock{margin-top:25px;margin-bottom:15px}.personlistList .personlistGrid .item .content .label{font-style:normal}.personlistList .personlistGrid .item .content .addressBlock{margin-bottom:25px}.personlistList .personlistGrid .item .content .moreLink{padding-top:25px}.personlistList .personlistGrid .item .content .moreLink a{display:inline-block}.personlistList .personlistGrid .item .content .moreLink a:before{display:block;content:"";width:50px;height:50px;background-color:var(--color-base);-webkit-mask-image:url(../../images/common/icons/pfeil_r.svg);mask-image:url(../../images/common/icons/pfeil_r.svg);-webkit-mask-size:60px;mask-size:60px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.personlistList .personlistGrid .msg.noitems{grid-column:1/-1;text-align:center}@media screen and (max-width:767px){.personlistHeader .titleBlock{padding-top:30px;margin-bottom:50px;width:auto}.personlistHeader .titleBlock .title{font-size:3.5rem;line-height:3.5rem;margin-bottom:20px}.personlistFilterSearch .innerWrapper{-ms-grid-columns:1fr 15px 60px;grid-template-columns:1fr 60px;gap:15px}.personlistFilterSearch .innerWrapper .filterSwitch a{margin-top:19px}.personlistFilterSearch .innerWrapper .filterSwitch a .label{font-size:3.3rem;line-height:3.3rem}.personlistFilterSearch .innerWrapper .filterSwitch a .legend{display:none}.personlistFilterAlphabet .innerWrapper{gap:20px}.personlistFilterAlphabet .innerWrapper .filterAlphabet ul{grid-template-columns:repeat(auto-fit,minmax(30px,1fr))}.personlistList .personlistGrid{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:70px 15px;max-width:520px;margin:0px auto 0px auto}}@media screen and (min-width:768px) and (max-width:991px){.personlistHeader .titleBlock .title{font-size:3.8rem;line-height:3.9rem}.personlistFilterSearch .innerWrapper{gap:40px}.personlistFilterAlphabet .innerWrapper .filterAlphabet ul{-ms-grid-columns:(1fr)[13];grid-template-columns:repeat(13,1fr)}.personlistList .personlistGrid{gap:100px 30px}}@media screen and (min-width:992px) and (max-width:1199px){.personlistHeader .titleBlock .title{font-size:4.4rem;line-height:4.4rem}.personlistFilterAlphabet .innerWrapper .filterAlphabet ul{-ms-grid-columns:(1fr)[13];grid-template-columns:repeat(13,1fr)}.personlistList .personlistGrid{gap:100px 40px}}
/*# sourceMappingURL=mod_personlist_page.css.map */