.archiv-hero{background:url("../themes/schotebiz/assets/images/archiv-hero-background-tiny.png") no-repeat center center;background-size:cover}
.archiv-hero__inner{width:100%;padding:7rem 12px;margin:0 auto;max-width:680px;text-align:center;color:#fff}
@media (min-width:640px){.archiv-hero__inner{padding:15rem 12px}}
.archiv-hero__inner>h1{font-weight:lighter;font-size:3rem}
.archiv-hero__search-btn{border:1px #7acc62 solid;padding:12px 24px;margin:4rem auto;display:block;max-width:340px;width:100%;text-align:left;border-radius:100px;color:#ddd;background-color:rgba(0,0,0,0.5);transition:all 0.3s;cursor:pointer;overflow:hidden;position:relative}
.archiv-hero__search-btn::after{content:url("../themes/schotebiz/assets/images/search.svg");display:flex;justify-content:center;position:absolute;right:0;top:0;bottom:0;background-color:#7acc62;padding:0 16px;align-items:center;margin-bottom:-0.3rem}
.archiv-hero__search-btn:hover{color:#fff;background-color:rgba(0,0,0,0.8);box-shadow:0 0 40px 3px rgba(122,204,98,0.9)}
.archiv-list__category{list-style:none;display:flex;flex-wrap:wrap;margin:0 0 8px;padding:0;scroll-margin-top:84px}
.archiv-list__category__letter{text-transform:uppercase;border-bottom:1px #848484 solid;width:100%;margin-bottom:1rem}
.archiv-list__category__letter h2{margin-bottom:0.5rem}
.archiv-list__category__item{width:100%}
@media (min-width:850px){.archiv-list__category__item{width:50%}}
@media (min-width:1320px){.archiv-list__category__item{width:33%}}
.archiv-list__category__item a{text-decoration:none;color:inherit;transition:color 0.3s;padding:5px 0;display:inline-block;white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis}
@media (min-width:850px){.archiv-list__category__item a{padding:5px 16px 5px 0}}
.archiv-list__category__item a:hover{color:#53a93a}
.archiv-alphabet{text-align:center;margin:32px 0;display:flex;justify-content:center;padding:12px 0;flex-wrap:wrap;color:#848484;font-size:0.5em;align-items:center}
.archiv-alphabet a{font-size:2em;color:#020202;width:38px;padding:6px 0;text-align:center;text-decoration:none;display:block}
.archiv-alphabet a:hover{color:#fff;background-color:#53a93a}
.archiv-alphabet a:last-child{border-right:none}