.namensgenerator__Geschlecht,.namensgenerator__Selten_Beliebt{display:flex;justify-content:center}.namensgenerator__Geschlecht label,.namensgenerator__Selten_Beliebt label{cursor:pointer;width:auto;padding-left:.5rem;padding-right:.5rem}.namensgenerator__Geschlecht label>span,.namensgenerator__Selten_Beliebt label>span{pointer-events:none;display:flex;flex-direction:column;align-items:center}.namensgenerator__Geschlecht label>span span,.namensgenerator__Selten_Beliebt label>span span{position:relative;width:48px;height:48px;margin-bottom:.2rem!important;border-radius:50%;background-color:#ebeaea}.namensgenerator__Geschlecht input,.namensgenerator__Selten_Beliebt input{opacity:0;position:absolute;width:0;height:0;outline:none;border:none}.namensgenerator__Geschlecht input:checked+span span,.namensgenerator__Selten_Beliebt input:checked+span span{background-color:#fff}.namensgenerator__Geschlecht input:checked+span span img,.namensgenerator__Selten_Beliebt input:checked+span span img{opacity:1}.namensgenerator__Geschlecht img,.namensgenerator__Selten_Beliebt img{opacity:.5;vertical-align:middle;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto!important;max-width:100%!important;height:58px!important;max-height:100%;margin:0!important}.namensgenerator__Geschlecht__icon--w,.namensgenerator__Selten_Beliebt__icon--w{transform:translate(-50%,-49%)!important}.namensgenerator__Geschlecht__icon--m,.namensgenerator__Selten_Beliebt__icon--m{transform:translate(-50%,-45%)!important}.namensgenerator__Anzahl_Silben{overflow:hidden;display:flex;justify-content:space-between;z-index:1;position:relative;background-color:#ebeaea}.namensgenerator__Anzahl_Silben:before{content:"";z-index:-1;position:absolute;left:0;top:0;width:25%;height:100%;border-radius:4px;background-color:#fff;transition:transform .2s}.namensgenerator__Anzahl_Silben label{cursor:pointer;width:25%;height:100%;padding-left:1rem;padding-right:1rem;text-align:center;line-height:3rem}.namensgenerator__Anzahl_Silben label:hover{background-color:#fff}.namensgenerator__Anzahl_Silben label:hover span{opacity:1}.namensgenerator__Anzahl_Silben input{opacity:0;position:absolute;width:0;height:0}.namensgenerator__Anzahl_Silben input:checked+span{opacity:1}.namensgenerator__Anzahl_Silben span{opacity:.5}.namensgenerator__Anzahl_Silben--Alle:before{transform:translateX(0)}.namensgenerator__Anzahl_Silben--Kurz:before{transform:translateX(100%)}.namensgenerator__Anzahl_Silben--Mittel:before{transform:translateX(200%)}.namensgenerator__Anzahl_Silben--Lang:before{transform:translateX(300%)}.namensgenerator__Herkunft-container{position:relative}.namensgenerator__Herkunft-container:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #495057}.namensgenerator__Herkunft{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding-left:1rem;padding-right:2.5rem;border:none;background:#fff;line-height:3rem;font-family:inherit}.namensgenerator__Herkunft:hover{background-color:#eee}.namensgenerator__Beginnt_mit{overflow:hidden;position:relative}.namensgenerator__Beginnt_mit__inner{overflow-x:scroll;background-color:#ebeaea;white-space:nowrap}.namensgenerator__Beginnt_mit label{cursor:pointer;display:inline-block;width:4rem;height:100%;text-align:center;line-height:3rem}.namensgenerator__Beginnt_mit label span{display:inline-block;opacity:.5;width:100%;height:100%;padding-left:1rem;padding-right:1rem}.namensgenerator__Beginnt_mit input{opacity:0;position:absolute;width:0;height:0}.namensgenerator__Beginnt_mit input:checked+span{opacity:1;background-color:#fff}.namensgenerator__Beginnt_mit__scroll-indicator{opacity:0;position:absolute;right:0;top:0;width:4.5rem;height:100%;background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff)}.namensgenerator__Beginnt_mit__scroll-indicator span{position:absolute;right:1rem;top:50%;transform:translate(-50%,-50%);width:1.5rem;height:1.5rem;border:1px solid #c3002d;border-radius:50%;box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);background-color:#c3002d;animation-name:wobble2;animation-direction:alternate;animation-iteration-count:infinite;animation-duration:1s;animation-timing-function:ease-in-out}@keyframes wobble2{0%{transform:translate(-.5rem,-50%)}to{transform:translate(.5rem,-50%)}}.namensgenerator__Beginnt_mit__scroll-indicator span:after,.namensgenerator__Beginnt_mit__scroll-indicator span:before{content:"";position:absolute;left:50%;top:50%;width:.5rem;height:1px;background-color:#fff}.namensgenerator__Beginnt_mit__scroll-indicator span:before{transform:translate(-40%,-.18rem) rotate(45deg)}.namensgenerator__Beginnt_mit__scroll-indicator span:after{transform:translate(-40%,.18rem) rotate(-45deg)}.namensgenerator__Beginnt_mit__scroll-indicator--visible{opacity:1}.namensgenerator__Filme_Serien-container{position:relative}.namensgenerator__Filme_Serien-container:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #495057}.namensgenerator__Filme_Serien{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding-left:1rem;padding-right:2.5rem;border:none;background:#fff;line-height:3rem;font-family:inherit}.namensgenerator__Filme_Serien:hover{background-color:#eee}.namensgenerator select::-ms-expand{display:none}.namensgenerator__Sortierung-container{position:relative}.namensgenerator__Sortierung-container:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #495057}.namensgenerator__Sortierung{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding-left:1rem;padding-right:2.5rem;border:none;background:#fff;line-height:3rem;font-family:inherit}.namensgenerator__Sortierung:hover{background-color:#eee}.namensgenerator__results{position:relative}.namensgenerator__results__title{margin-top:2rem;margin-bottom:0;text-align:center}.namensgenerator__results__list{list-style:none;display:flex;flex-wrap:wrap;margin:.5rem -.5rem 0;padding-left:0!important}.namensgenerator__results__item{width:33.3333%;margin-bottom:0!important;padding:.5rem}.namensgenerator__results__item__inner{cursor:pointer;display:inline-block;position:relative;width:100%;padding:1rem;border-radius:4px;background-color:#fff;font-size:.7rem;line-height:1}.namensgenerator__results__item__inner:hover{background-color:#eee}.namensgenerator__results__item__icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:1rem;line-height:1}.namensgenerator__results__item__badge{position:absolute;right:2rem;top:-3px;width:1.2rem!important;height:1.2rem!important;margin-top:0!important;margin-bottom:0!important}.namensgenerator__popup__overlay{z-index:1;position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5)}.namensgenerator__popup__outer-inner{z-index:1;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 2rem);max-width:40rem;height:35rem;max-height:calc(100vh - 5rem)}.namensgenerator__popup__inner{overflow-y:auto;height:100%;padding:2rem;border-radius:4px;box-shadow:5px 5px 5px 0 rgba(0,0,0,.5);background-color:#fff;font-size:1rem}.namensgenerator__popup__inner ul{list-style:none;margin-top:0;margin-bottom:0!important;padding-left:0}.namensgenerator__popup__inner li{margin-bottom:1rem}.namensgenerator__popup__inner li:last-of-type{margin-bottom:0}.namensgenerator__popup__inner li span{font-weight:700}.namensgenerator__popup__close{position:absolute;right:1rem;top:1rem;width:2.5rem;height:2.5rem;border:1px solid #495057;border-radius:50%;background-color:#fff}.namensgenerator__popup__close:after,.namensgenerator__popup__close:before{content:"";position:absolute;left:50%;top:50%;width:1rem;height:1px;background-color:#495057}.namensgenerator__popup__close:before{transform:translate(-50%,-50%) rotate(45deg)}.namensgenerator__popup__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.namensgenerator__popup__next,.namensgenerator__popup__previous{position:absolute;bottom:2rem;width:2.5rem;height:2.5rem;border:none;border-radius:50%;background-color:#c3002d}.namensgenerator__popup__next:after,.namensgenerator__popup__next:before,.namensgenerator__popup__previous:after,.namensgenerator__popup__previous:before{content:"";position:absolute;left:50%;top:50%;width:.75rem;height:1px;background-color:#fff}.namensgenerator__popup__previous{left:0;transform:translateX(-35%)}.namensgenerator__popup__previous:before{transform:translate(-60%,-.25rem) rotate(135deg)}.namensgenerator__popup__previous:after{transform:translate(-60%,.25rem) rotate(-135deg)}.namensgenerator__popup__next{right:0;transform:translateX(35%)}.namensgenerator__popup__next:before{transform:translate(-40%,-.25rem) rotate(45deg)}.namensgenerator__popup__next:after{transform:translate(-40%,.25rem) rotate(-45deg)}.namensgenerator__popup__Name{font-size:1.5rem;font-weight:700}.namensgenerator__popup__scroll-indicator{cursor:pointer;opacity:0;position:absolute;left:0;bottom:0;width:100%;height:4.5rem;background:linear-gradient(hsla(0,0%,100%,0),#fff);transition:opacity .2s}.namensgenerator__popup__scroll-indicator span{position:absolute;left:calc(50% - 1.25rem);bottom:1rem;transform:translateY(-.5rem);width:2.5rem;height:2.5rem;border:1px solid #c3002d;border-radius:50%;box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);background-color:#c3002d;animation-name:wobble;animation-direction:alternate;animation-iteration-count:infinite;animation-duration:1s;animation-timing-function:ease-in-out}@keyframes wobble{0%{transform:translateY(-.5rem)}to{transform:translateY(.5rem)}}.namensgenerator__popup__scroll-indicator span:after,.namensgenerator__popup__scroll-indicator span:before{content:"";position:absolute;left:50%;top:50%;width:.75rem;height:1px;background-color:#fff}.namensgenerator__popup__scroll-indicator span:before{transform:translate(-85%) rotate(45deg)}.namensgenerator__popup__scroll-indicator span:after{transform:translate(-15%) rotate(-45deg)}.namensgenerator__popup__scroll-indicator--visible{opacity:1}.namensgenerator__popup__Platz_2025{margin-top:-1rem}.namensgenerator__popup__Filme_Serien span{display:inline-block;position:relative;padding-left:1.7rem}.namensgenerator__popup__Filme_Serien span:before{content:"";position:absolute;left:-.3rem;top:-.4rem;width:2rem;height:2rem;background-image:url(../img/filmklappe.svg);background-position:50%;background-size:contain;background-repeat:no-repeat}.namensgenerator__popup__badge{position:absolute;right:4rem;top:-9px;width:5rem!important;height:5rem!important;margin:0!important}.namensgenerator__pagination{display:flex;justify-content:center;margin-left:-.25rem;margin-right:-.25rem;margin-top:.75rem}.namensgenerator__pagination__page{width:5rem;margin:0 .25rem;padding:1rem;border:none;border-radius:4px;background-color:#fff;text-align:center;font-size:.7rem;line-height:1;font-family:inherit}.namensgenerator__pagination__page:hover{background-color:#e6e6e6}.namensgenerator__pagination__page--collapsed{pointer-events:none;background-color:transparent}.namensgenerator__pagination__page--collapsed+.namensgenerator__pagination__page--collapsed{display:none}.namensgenerator__pagination__page--active{pointer-events:none;background-color:#c3002d;color:#fff}.namensgenerator__pagination__page--disabled{pointer-events:none;color:inherit}.namensgenerator__pagination__page--disabled.namensgenerator__pagination__page--next,.namensgenerator__pagination__page--disabled.namensgenerator__pagination__page--prev{opacity:.5}.namensgenerator{z-index:1;position:relative;margin-left:-1rem;margin-right:-1rem}.namensgenerator picture{margin-bottom:0!important}.namensgenerator__lower,.namensgenerator__upper{display:block!important;height:auto!important;margin:0!important}.namensgenerator__upper{margin-bottom:-4px!important}.namensgenerator__lower{margin-top:-4px!important}.namensgenerator__inner{overflow-x:hidden;padding-left:1rem;padding-right:1rem;background-color:#c8d5cf}.namensgenerator__description,.namensgenerator__title{text-align:center}.namensgenerator__description{font-size:1rem}.namensgenerator__title{font-size:2rem}.namensgenerator__form{overflow-x:hidden;position:relative;padding-top:6rem}.namensgenerator__form:before{content:"";z-index:1;position:absolute;left:50%;top:0;transform:translateX(-50%);width:100%;max-width:64rem;height:5rem;background-image:url(../img/herz.svg);background-position:50%;background-size:contain;background-repeat:no-repeat}.namensgenerator__filter__container{margin:0;padding:1rem 0;border:none}.namensgenerator__filter__title{margin:0;font-size:.8rem}.namensgenerator__Anzahl_Silben,.namensgenerator__Beginnt_mit,.namensgenerator__Filme_Serien,.namensgenerator__Herkunft,.namensgenerator__Sortierung{height:3rem;margin-top:.2rem;border-radius:4px}.namensgenerator__empty{max-width:40rem;margin-left:auto;margin-right:auto;margin-top:2rem;text-align:center;font-size:1.2rem}