﻿.nomargin-bottom{margin-bottom:0}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,figure{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline}img{max-width:100%}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:top;padding:0;margin:0}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}
.clearall{clear:both;font-size:0;line-height:0;height:0}
.clearfix{display:inline-table;height:1%;display:block;zoom:1}html>body .clearfix{height:auto}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearflow{overflow:hidden;zoom:1}body{background:url(/assets/images/bg_full_test.png) top center repeat-y;background-attachment:fixed;background-color:#f2f2f2;font-family:"Titillium Web",sans-serif;color:#000}#page{position:relative;height:100%}a{color:#000}
.link-wrap{display:block;transition:opacity .2s linear;opacity:1}
.link-wrap:hover{opacity:.7;transition:opacity .2s linear}img{outline:none;border:none;max-width:100%}
.high_1{height:210px;overflow:hidden}
.high_2{height:430px;overflow:hidden}
.up_1{top:-220px}
.block{max-height:440px;overflow:hidden}
.block--no-height{max-height:none}
.block__wrap-height{min-height:690px}
.block__wrap-fill{position:absolute;height:100%}
.block--margin-bottom{margin-bottom:10px}
.block--margin-extra-top{margin-top:22px}
.block--margin-extra-bottom{margin-bottom:22px}
.block--margin-extra-both{margin:22px auto 22px auto}
.container_12{position:relative}
.top{position:relative;background:#fff;border-bottom:5px solid #FFD93F;height:60px;width:950px;line-height:60px;box-shadow:2px 2px 0px #d3d3d3;box-shadow-bottom:none}
.logo{float:left}
.logo__link{color:#000;position:relative;display:block;padding-left:67px;margin-left:10px;background:url(/assets/images/hh_logo.png) no-repeat center left;font-family:"Titillium Web",sans-serif;font-size:28px;text-decoration:none}
.search{height:60px;width:250px;display:inline-block;transition:width .15s cubic-bezier(0, .64, .64, .95);text-align:right}
.search__input{border:none;outline:0;font-size:14px;height:25px;background:#f2f2f2;width:50px;padding:0 0 0 10px;transition:width .15s cubic-bezier(0, .64, .64, .95)}
.search__input:focus{background:#f2f2f2;width:200px;transition:width .15s cubic-bezier(0, .64, .64, .95)}
.search__submit{border:none;outline:0;cursor:pointer;margin:0px;margin-left:-4px;padding:0px;background:#f2f2f2;width:32px;height:25px}
.buttons{padding-top:5px;color:#000;float:right;position:relative;text-align:right}
.button{background-color:transparent;box-sizing:border-box;color:#000;cursor:pointer;display:inline-block;font-size:25px;height:25px;line-height:25px;list-style:none;margin-left:-4px;margin:0px;padding:0 5px 0 0;width:32px;transition:transform .3s ease-in-out}
.button:hover{transform:rotate(360deg) scale(1.5);transition:transform .3s ease-in-out}
.button__link{color:#f2f2f2}
.button__icon--mail{color:#FFD93F}
.button__icon--fbook{color:#3b5998}
.button__icon--rss{color:#ee802f}
.button__icon--youtube{color:#e52d27}
.button__icon--twitter{color:#55acee}
.main-menu{font-family:"Titillium Web",sans-serif;height:40px;overflow:hidden;color:#000;background:repeat-x top left #FFD93F;background-image:url(/assets/images/herne_linie.png);box-shadow-bottom:0}
.main-menu__item{list-style-type:none;display:inline-block;margin:2px 2px 0 0;line-height:14px;background-color:#fff;background-color:rgba(255,255,255,0.8);border-bottom-width:0;transition:border-bottom-width .2s,background-color .2s}
.main-menu__link{text-decoration:none;border-bottom:0px solid transparent;color:#000;display:block;font-size:14px;padding:4px 7px;transition:border-bottom-width .2s,background-color .2s}
.main-menu__link:hover{background-color:rgba(255,255,255,0.8);text-decoration:none;color:#000;border-bottom-color:#FFD93F;border-bottom-width:3px;transition:border-bottom-width .2s,background-color .2s}
.main-menu__link--active{background-color:#fff;border-bottom:3px solid #FFD93F;background-color:#fff;color:#000;transition:none}
.main-menu__link--active:hover{transition:none}
.bottom{border-top:5px solid #FFD93F;border-bottom:2px solid #d3d3d3;background-color:#FFF;margin-bottom:0;box-shadow:2px 2px 0px #d3d3d3;transition:box-shadow .2s ease-out}
.bottom-menu{width:135px;list-style-type:none;font-size:12px;line-height:14px;margin:10px;float:left}
.bottom-menu__item{padding:0 0 0 5px;margin:4px 0;border-left:5px solid #FFD93F}
.bottom-menu__item a{text-decoration:none;display:block}
.bottom-menu__item:hover{border-left-color:#000}
.bottom-info{background-color:#fff;font-size:12px;line-height:18px;border-bottom:5px solid #FFD93F;margin-bottom:0;box-shadow:2px 2px 0px #d3d3d3}
.bottom-info__text{margin:10px}
.bottom-info__text--right{text-align:right}
.bottom-line{height:40px;background-image:url(/assets/images/herne_linie.png);margin-bottom:0}
.teaser{background:rgba(255,255,255,0.88);text-decoration:none;box-shadow:2px 2px 0px #d3d3d3;transition:box-shadow .2s ease-out}
.teaser:hover{box-shadow:3px 3px 0px #b3b3b3;transition:box-shadow .2s ease-out}
.teaser__heading{margin:10px 10px 8px 10px;font-weight:600;font-size:22px;line-height:22px}
.teaser__heading__link{display:block;text-decoration:none}
.teaser__heading--has-sub{margin:10px 10px 0 10px;min-height:auto}
.teaser__heading--eleven{font-size:18px;height:44px;overflow:hidden}
.teaser__heading--mega{font-size:28px;line-height:33px;margin:10px 30px 0 10px}
.teaser__heading--mega-no-sub{margin:10px 30px 10px 10px}
.teaser__mega{position:absolute;background-color:rgba(255,255,255,0.75);bottom:120px;right:10px;max-width:95%;text-align:left}
.teaser__mega--no-sub{bottom:80px}
.teaser__mega-subcontainer{position:absolute;top:43px;left:0;right:0}
.teaser__mega-subtext{padding:0 10px 10px 10px;font-size:16px;background-color:rgba(255,255,255,0.75)}
.teaser__subheading{font-size:14px;line-height:22px;font-weight:600;margin:4px 10px 4px 10px;height:22px;overflow:hidden}
.teaser__imagewrap{margin:5px 10px 10px 10px;float:left;overflow:hidden;position:relative}
.teaser__imagewrap--eleven{margin:5px 10px 0 10px}
.teaser__imagewrap--mega{margin:10px}
.teaser__icon{position:absolute;color:#000;background-color:rgba(255,255,255,0.75);bottom:22px;right:0;font-size:13px;line-height:13px;padding:3px}
.teaser__text{font-size:14px;line-height:20px;font-weight:400;margin:0 10px}
.teaser__list{font-size:14px;line-height:20px;font-weight:400;list-style-position:inside;margin:0 10px}
.teaser__time{font-weight:600;border-bottom:2px solid #FFD93F;margin-right:.5em;line-height:14px;display:inline-block}
.teaser--last{border-bottom-right-radius:25px}
.teaser__event-textonly-info{position:absolute;bottom:10px;right:10px;font-size:13px}
.teaser__event-time{font-weight:600}
.teaser__event-category{margin-left:.3em}
.heading{background-color:#fff;border-bottom:5px solid #FFD93F;height:auto;border-top-left-radius:10px}
.heading__only{font-size:28px;line-height:50px;margin:5px 10px 0 10px}
.fill{background-color:#FFF}
.advi{box-shadow:none}
.image{box-shadow:2px 2px 0px #d3d3d3;transition:box-shadow .2s ease-out}
.banner{box-shadow:none !important;border-radius:0px !important;background-color:none}
.banner__link{color:blue}
.banner__image{margin:0}
.banner__info{position:absolute;right:0;bottom:0;font-size:7px;line-height:9px;color:#000;background-color:rgba(255,255,255,0.8);padding:1px 2px}
.banner--obituary{width:130px;padding:0;margin:0;display:inline-block;position:relative;height:200px}
.banner::after{position:absolute;right:0px;bottom:0px;font-size:7px;line-height:9px;color:#000;background-color:rgba(255,255,255,0.8);padding:1px 2px;content:"ANZEIGE"}
.right-banner{height:210px;line-height:1px;overflow:hidden}
.right-banner--last{margin:0}
.right-banner--high{height:470px}
.right-banner::after{position:absolute;right:0px;bottom:0px;font-size:7px;line-height:9px;color:#000;background-color:rgba(255,255,255,0.8);padding:1px 2px;content:"ANZEIGE"}
.js-rotate-banner a,.js-rotate-banner img{position:absolute;top:0;width:100%;height:100%}
.high_banner_100{height:100px}
.kategorium{background-color:#fff;box-shadow:2px 2px 0px #d3d3d3;transition:box-shadow .2s ease-out}
.kategorium__list{margin-top:10px}
.kategorium__item{font-size:14px;font-weight:normal;line-height:22px;margin:0 10px 5px 10px;border-left:5px solid #FFD93F}
.kategorium__item:hover{border-left:5px solid #000}
.kategorium__date{font-weight:bold}
.kategorium__link{margin-left:5px;display:block;text-decoration:none}
.kategorium__more{font-size:14px;border-bottom:5px solid #FFD93F;border-left:5px solid #FFD93F;text-align:right;position:absolute;left:10px;bottom:10px;width:calc(100% - 20px);font-weight:bold;text-decoration:none}
.kategorium__more:hover{border-bottom:5px solid #000;border-left:5px solid #000}
.teaser__heading--kategorium{border-left:5px solid #FFD93F;padding-left:5px;margin-bottom:0;min-height:auto}
.ticker{height:22px;border-bottom:5px solid #FFD93F;position:relative;background-color:#FFF}
.ticker__wrap{margin:0 .5em;overflow:hidden}
.ticker__title{line-height:22px;font-size:14px;font-weight:bold;float:left;background-color:#FFF;display:block;padding:0 .5em}
.ticker__items{list-style:none;overflow:hidden;height:22px;float:left;display:block;white-space:nowrap}
.ticker__item{list-style-type:none;display:inline-block;line-height:22px;overflow:hidden;font-size:13px;max-width:950px}
.ticker__item:first-child{max-width:0;transition:max-width 1s;transition-timing-function:ease-out}
.ticker__item::after{content:"+++"}
.ticker__link{text-decoration:none}
.ticker__more{font-size:14px;line-height:22px;position:absolute;right:0;bottom:0;font-weight:bold;text-decoration:none;background-color:#FFF;padding:0 .5em}
.event-date{font-size:22px;font-weight:600;padding:0 0 0 30px}
.event-list-date{margin:10px 10px 0 10px;font-size:18px}
.event-list{list-style:none;margin:0 10px 10px 10px;border-top:1px solid #000}
.event-list__item{font-size:14px}
.event-list__item:hover{text-decoration:underline}
.event-list__time{min-width:5.5em;display:inline-block}
.event-list__link{text-decoration:none}
.article{background:#FFF;padding:0 0 100px 0;cursor:default;position:relative;min-height:435px;box-shadow:2px 2px 0px #d3d3d3;transition:box-shadow .2s ease-out}
.article__heading{margin:0 10px;padding:11px 0 0 0;font-size:28px;font-weight:600}
.article__heading--sub{font-weight:600;font-size:18px;line-height:20px}
.article__paragraph{font-size:16px;line-height:24px;padding:6px 0 11px 0;margin:0 10px}
.article__image{padding-top:0;float:none;margin:0 10px}
.article__image--full{padding:6px 0 6px 0;float:left;clear:both}
.article__image--medium{width:450px;float:right;padding-top:11px}
.article__image--small{width:190px;float:right;padding-top:11px}
.article__image--left{float:left}
.article__advi{border-top:1px solid #000;text-align:right;margin:10px}
.article-image__caption{font-size:12px;line-height:13px;padding:0 5px}
.article-image__photographer{font-size:12px;line-height:13px;float:right}
.wrap-article-list{margin:6px 10px 11px 30px}
.article-list{list-style-position:outside;font-size:16px;display:block}
.article-video{margin:6px 10px 11px 10px;display:block}
.article-video:after{content:"";display:table;clear:both}
.article-video__placeholder{float:left;width:690px;height:423px;background-color:#ededed;}
.article-video__text{text-align:center;font-size:13px;margin:0 1em}
.article-video__text--large{font-weight:bold;font-size:16px;margin:3em 1em 1em 1em}
.article-video__button{display:block;width:333px;padding:10px;background-color:#FFD93F;border:0 none;cursor:pointer;-webkit-border-radius:10px;border-radius:10px;font-size:16px;text-align:center;width:450px;box-sizing:border-box;margin:2em auto;border:5px solid #FFD93F}
.article-audio{margin:6px 10px 11px 10px;display:block}
.article-audio:after{content:"";display:table;clear:both}
.article-audio__player{margin:10px 0;width:690px;display:block}
.stopper-banner{margin:33px 10px;position:relative;line-height:1;float:left;clear:both}
.stopper-banner--top{margin:10px 10px 33px 10px}
.article-bottom{border-top:3px solid #d3d3d3;font-size:12px;padding:10px 0 0 0;margin:40px 0 0 0;position:absolute;bottom:0}
.article-bottom__right{padding-right:0px}
.article-bottom__datetime{display:block}
.article-bottom ul{margin:0 0 0 10px}
.article-bottom ul li.shariff-button{width:80px !important;min-width:80px;max-width:80px}
.article-right:after{content:"";display:table;clear:both}
.article-right__fill-place{height:calc(100% - 700px);background-color:#FFF;box-shadow:2px 2px 0px #d3d3d3;transition:box-shadow .2s ease-out}
.article-right__fill-place--one{height:calc(100% - 480px)}
.article-right__fill-place--two{height:calc(100% - 220px)}
.article-right__fill-place--full{height:100%}
.article-right__home-button{text-align:center;bottom:5px;left:5px;right:5px;text-decoration:none;display:block;border-radius:5px;background-color:#FFD93F;padding:10px;position:absolute}
.article-teaser:after{content:"";display:table;clear:both}
.article-teaser .teaser{margin-bottom:0}
.shariff{text-align:left}
.shariff ul{padding-left:0}
.article-table{margin:11px 10px 22px 10px}
.article-table__table{border-collapse:separate;border-spacing:2px;width:calc(100%  - 20px)}
.article-table__head__cell{padding:0 5px;font-weight:600;border-bottom:2px solid #FFD93F}
.article-table__row__cell{padding:0 5px}
.article-table__row--alt{background-color:#f2f2f2}
.article-event{margin:6px 10px 11px 10px;float:left;clear:both;width:690px;position:relative;border-top:2px solid #ededed;border-bottom:2px solid #ededed;min-height:120px}
.article-event__card{position:absolute;float:left;width:100px;height:100px;margin-right:5px;display:block;top:50%;transform:translateY(-50%);border:1px solid #000;border-radius:0 0 15px 15px}
.article-event__month{text-align:center;font-size:14px;line-height:22px;background-color:#ededed}
.article-event__day{text-align:center;font-size:12px;line-height:16px}
.article-event__date{text-align:center;font-size:44px;font-weight:600;line-height:55px}
.article-event__detail{font-size:14px;line-height:22px;display:block;margin-left:110px}
.article-event__dates{display:block;margin-top:5px}
.article-event__info{display:block;margin-bottom:10px}
.article-event__tickets{display:block}
.article-event__place{display:block}
.article-event-more{clear:both;margin:0 10px;padding: 10px 0;border-bottom:2px solid #ededed}
.article-event-more__summary{font-size:14px;font-weight:bold}
.article-event-more__list{font-size:14px;list-style-position:inside;margin:0 10px 26px 10px;display:block}
.article-gallery{margin:6px 10px 11px 10px;clear:both;float:left}
.article-gallery:after{content:"";display:table;clear:both}
.article-gallery__images{list-style-type:none;display:block}
.article-gallery__images:after{content:"";display:table;clear:both}
.article-gallery__images--all{margin-top:10px}
.article-gallery__image{margin:0 10px 10px 0;width:165px;height:165px;float:left}
.article-gallery__image--lastinrow{margin:0}
.article-gallery__image--small{width:78px;height:78px;margin:0 10px 10px 0}
.article-gallery__more-box{position:relative;box-sizing:border-box;float:left;width:338px;height:80px;text-align:left;background-color:#f3f3f3;background-position:top left;background-repeat:no-repeat}
.article-gallery__more-box--tease{height:165px;width:165px}
.article-gallery__title{padding:5px;font-size:16px;font-weight:600;height:100%;background-color:rgba(255,255,255,0.7);transition:background-color,color .5s ease-out}
.article-gallery__more-text{font-size:14px;font-weight:600;position:absolute;bottom:5px;right:5px}
.article-gallery:hover .article-gallery__title{background-color:rgba(255,255,255,0.4);transition:background-color .5s ease-out}
.gallery{background:#FFF;box-shadow:2px 2px 0px #d3d3d3;transition:box-shadow .2s ease-out}
.gallery__heading{margin:15px 10px 10px 10px;font-size:28px;font-weight:600}
.gallery__description{margin:0 10px}
.gallery__author{font-weight:600}
.gallery__images{list-style-type:none;display:block;margin:10px}
.gallery__images:after{content:"";display:table;clear:both}
.gallery__image{margin:0 10px 10px 0;width:165px;height:165px;float:left}
.gallery__image--lastinrow{margin:0}
.gallery__image__link{display:block}
.obituary{background-color:#FFF;overflow:hidden}
.obituary__scroll{position:relative;height:240px;width:30px;float:left}
.obituary__scroll:after{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:900;text-decoration:inherit;position:absolute;font-size:24px;color:#000;top:50%;left:50%;transform:translate(-50%, -50%)}
.obituary__scroll--left:after{content:"\f0d9"}
.obituary__scroll--right:after{content:"\f0da"}
.obituary-items{overflow:hidden;height:200px;float:left;width:calc(100% - 60px);white-space:nowrap;margin:20px 0}
.obituary-items:after{content:"";display:table;clear:both}
.obituary-items__item{margin:0 5px;display:inline-block;font-size:13px}
.obituary-info{background-color:#FFF}
.obituary-info .info{font-size:14px;margin:5px 35px 30px 35px}
.obituaries-full{background-color:#FFF}
.obituaries{column-count:3;column-gap:10px;width:calc(100% - 20px);margin:10px}
.obituaries__item{display:inline-block;margin:0 0 10px;max-width:100%}
.obituary-more{background-color:#FFD93F;padding:10px;margin:10px;display:block;border-radius:5px;column-span:all;text-align:center}
.obituary-more__link{text-align:center;text-decoration:none;display:block}
.load-spin{text-align:center}
.modal-mask{display:none;position:fixed;z-index:1;top:0;right:0;width:100%;height:100%;overflow:auto;background-color:rgba(255,255,255,0.85)}
.modal{display:none;margin:auto;position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);width:100%;height:100%;max-height:600px;max-width:960px;background-image:none;background-size:contain;background-position:center center;background-repeat:no-repeat;z-index:1111}
.modal:before{content:attr(data-description);font-size:16px;display:block;color:#f2f2f2;position:absolute;top:5px;text-align:center;width:100%;line-height:16px;font-weight:bold;text-shadow:0px 0px 5px #000}
.modal__close{z-index:999;position:absolute;top:10px;right:15px;color:#fff;font-size:40px;font-weight:bold;transition:color 1s cubic-bezier(0, .64, .64, .95)}
.modal__close:hover{cursor:pointer;transition:color 1s cubic-bezier(0, .64, .64, .95);color:#666}
.modal__arrow{width:50%;height:100%;float:left;opacity:.1;transition:opacity .5s cubic-bezier(0, .64, .64, .95)}
.modal__arrow:hover{transition:opacity .5s cubic-bezier(0, .64, .64, .95);opacity:.999;cursor:pointer}
.modal__arrow--prev{background:url(/assets/images/gallery_arrow_l.png) no-repeat left center}
.modal__arrow--next{background:url(/assets/images/gallery_arrow_r.png) no-repeat right center}
.search-order__button{width:450px;line-height:30px;background:#F2F2F2;margin:10px;display:inline-block;text-align:center;text-decoration:none;color:#000}
.search-order__button--active{background-color:#FFD93F}
.search-box{background-color:#FFF}
.search-form__input{padding:0 5px;font-size:14px;line-height:22px;width:435px}
.search-form__input--big{font-size:18px;line-height:44px}
.search-form__label{font-size:14px;display:block;margin:.5em 10px 0 10px}
.search-form__submit{padding:10px;background-color:#FFD93F;border:0 none;cursor:pointer;-webkit-border-radius:5px;border-radius:10px;font-size:16px;text-align:center;width:450px;box-sizing:border-box;margin:20px 5px 10px 5px;border:5px solid #FFD93F}
.search-form__submit:hover{border:5px solid #000}
.search-form__error{color:red}
.date_created{position:absolute;bottom:10px;right:0;padding:0 10px 0 0;font-size:14px;border-bottom:2px solid #FFD93F}
.pagination{text-align:center;background-color:#FFF;padding:10px}
.pagination a,.pagination .page-number{text-decoration:none;padding:5px 10px;border:1px solid #000;border-left:2px solid #fff;border-right:2px solid #fff}
.pagination .page-number{background-color:#000;color:#FFF}
.contact-box{background-color:#FFF;font-size:14px}
.contact-box__submit{padding:10px;background-color:#FFD93F;border:0 none;cursor:pointer;-webkit-border-radius:5px;border-radius:10px;font-size:16px;text-align:center;width:450px;box-sizing:border-box;margin:5px 10px;border:5px solid #FFD93F}
.contact-box__submit:hover{border:5px solid #000}
.contact-box__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:none;display:block;margin:5px 10px 10px 10px;width:450px;box-sizing:border-box;padding:10px;background:#d1d1d1;font-size:14px;background-image:url(../images/arrow_down.png);background-position:right;background-repeat:no-repeat}
.contact-box__checkbox{margin:0px 10px 5px 10px;font-size:12px}
.contact-box__input{display:block;margin:5px 10px 5px 10px;width:450px;box-sizing:border-box;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:10px;background:#d1d1d1;font-size:14px}
.contact-box__input--captcha{display:inline-block;width:220px;height:60px;margin:5px 0 5px 10px;vertical-align:top;font-size:16px;text-transform:uppercase}
.contact-box__tarea{display:block;margin:5px 10px 10px 10px;width:450px;height:310px;box-sizing:border-box;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:10px;background:#d1d1d1;font-size:14px;resize:none}
.contact-box__label{display:block;margin:5px 10px 0 10px;width:450px;box-sizing:border-box}
.contact-box__error{color:red}
.contact-box__success{font-size:16px;font-weight:bold;text-align:center;display:block;margin-top:5em}#contact-box__captcha{display:inline-block;margin:5px 10px 10px 0}

.no-ad .banner:after {
    content: "" !important;
    display: none
}

.fix-it .high_banner_100 {
    height: auto;
}

.article__paragraph {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
/*# sourceMappingURL=template.css.map */
