:root  {
    --bs-link-color: #1d1d1d;
}
::selection {
    color:#FFF;
    background: var(--mainColor);
}
::-moz-selection {
    color:#FFF;
    background: var(--mainColor);
}


/*  SUCHE   */
.btn-primary    {
    background:var(--mainColor);
    border-color:var(--mainColor);
}
.btn:hover  {
    background:var(--mainColorShadow) !important;
    border-color:var(--mainColorShadow) !important;
}
div.com-finder.finder   {
    margin-top:20px !important;
}
div.com-finder.finder .awesomplete  {
    width:70% !important;
}
div.mod-finder__search  {
    margin-bottom:15px;
}
div.mod-finder__search .awesomplete  {
    width:70% !important;
}
div.mod-finder__search .awesomplete button {
    background:var(--mainColor) !important;
    border-color: var(--mainColor) !important;
}
/* SUCHE ENDE */
form.com-content-category__articles table {
    display:none;
}
html {
  padding: env(safe-area-inset) !important;
}
.img-fluid.fullsize-image   {
    padding:5px;
}
.bg-win, span.badge-win    {
    background-color: var(--mainColor);
    color:var(--fontLight);
}
span.highlight-badge    {
    right: unset !important;
    left:5px !important;
    top:5px !important;
    text-transform: uppercase;
}
.mobile-only    {
    display: none;
}
.blinking    {
    animation: blinkingText 2.2s infinite;
}
.blinking.white {
    color: #FFFFFF;
}
span.after-blinking {
    font-weight: bold;
}
body    {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto;
    font-weight: 300;
    overflow-x: hidden !important;
    color:var(--fontColor);
    padding-top: 30px;
}
div.page-header h1  {
    font-size: 2.75em;
    margin-top:30px;
}
.item-page.commercial-article .commercial-under-article,
body.branchenklick .furtherArticlesFromCategory,
body.jobboerse .furtherArticlesFromCategory,
body.jobboerse-anzeige-einzeln .furtherArticlesFromCategory,
body.jobboerse-anzeige-einzeln .commercial-under-article,
body.netiquette .furtherArticlesFromCategory,
body.branchenklick .articleBody,
body.branchenklick .full-article,
body.branchenklick .branchenklick h2,
body.branchenklick h1 {
    display: none !important;
}
.content    {
    padding-bottom:50px;
}
figcaption.caption  {
    background: var(--mainColor);
    color:#FFFFFF;
    font-size: small;
    padding:5px;
    box-sizing: border-box;
}
#scrollToTop    {
    position:fixed;
    bottom:1vw;
    right:1vw;
    padding:10px;
    width:3rem;
    height:3rem;
    background:var(--mainColor);
    color:var(--fontLight);
    line-height:1.9rem;
    text-align: center;
    font-size: 1.8rem;
    border-radius:3px;
    cursor: pointer;
    z-index:999;
}
.btn-win    {
    background:var(--mainColor);
    color:#FFF;
}
.btn-win:hover,
.btn-win:active {
    background: var(--mainColorShadow);
    color:#FFF;
}
.global-headersearch .form-control    {
    width:unset !important;
}
.searchbox-header   {
    margin-top:15px;
    margin-bottom:15px;
}
.searchbox-header form  {
    margin-left: auto;
    margin-right: 0;
}
div.category-list div.content-category h1,
div.category-list div div.content-category h2   {
    margin-top:20px;
    font-size:2.75rem;
    color:var(--mainColorShadow);
}
div.content-category h1,
div.content-category h2   {
    text-transform: uppercase;
    color:var(--mainColorShadow);
}
/* Article View */
div.page-header h2  {
    margin-top:30px;
    font-size:2.75rem;
    hyphens: auto;
    orphans:3; 
    widows: 3;
}
div[itemprop="articleBody"] {
    text-align: justify;
}
div[itemprop="articleBody"] p img {
    max-width: 100%;
    height:auto;
}
div.articleBody {
    margin-top:25px;
    line-height:1.35rem;
    font-size:1.15rem;
    text-align: justify;
    hyphens: auto;
    orphans:3; 
    widows: 3;
}
div.articleBody p a {
    color:var(--mainColor);
}
.item-image.full-article    {
    margin-bottom:20px;
}
span.bildunterschrift   {
    font-size:small;
    padding:5px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
.item-image.full-article img    {
    border-bottom:4px solid var(--mainColor);
    min-width:100%;
}
div.commercial-under-article   {
   margin-bottom:25px; 
}
dd.published reading-time::before   {
    content: "|";
}
dd.published reading-time,
dd.published time   {
    font-weight:500;
    font-size: 0.8em;
    color:#333;
    line-height: 1.4em;
}
social a i  {
    font-size: 1.4em;
    padding:5px;
}
social a i.fa-facebook  {
    color:#4267B2;
}
social a i.fa-twitter-square  {
    color:#1DA1F2;
}
social a i.fa-pinterest  {
    color:#BD081C;
}
social a i.fa-linkedin  {
    color:#2867B2;
}
social a i.fa-envelope  {
    color:#333;
}
social a i.fa-whatsapp  {
    color:#25D366;
}
social a i.fa-instagram  {
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}


/* Muss noch übernommen werden in globales repo!!   */
.no-further-articles .standard_headline_banner {
  margin-bottom:35px; 
}
.show-no-further-articles .further-articles-below   {
    display:none !important;
}
body.no-further-articles .furtherArticlesFromCategory,
body.no-further-articles nav.pagenavigation.row   {
    display:none !important;
}

body.no-further-articles .item-page.no-further-articles    {
    display:none;
}
body.jobboerse.no-further-articles .item-page.no-further-articles,
body.impressum.no-further-articles .item-page.no-further-articles ,
body.agb.no-further-articles .item-page.no-further-articles ,
body.datenschutz.no-further-articles .item-page.no-further-articles    {
    display:block;
}
body.jobboerse.no-further-articles figure.item-image,
body.jobboerse.no-further-articles .content-category.startpage,
body.jobboerse.no-further-articles dd.published time,
body.impressum.no-further-articles .item-page.no-further-articles div.content-category.startpage,
body.agb.no-further-articles .item-page.no-further-articles div.content-category.startpage,
body.datenschutz.no-further-articles .item-page.no-further-articles div.content-category.startpage{
    display:none !important;
}
/* Bis hier1    */

body.no-further-articles .furtherArticlesFromCategory   {
    display:none;
}
.furtherArticlesFromCategory    {
    margin-bottom:40px;
}
.furtherArticlesFromCategory a   {
    color:var(--urlColorDark);
}
/* ENDE ARTICLE VIEW    */
/*  Commercial-Definitions   */
div.commercial .info-text   {
    font-size: x-small;
    text-align: right;
    margin-top:20px;
}
.card.article-preview.commercial   {
    border-color: rgba(237, 237, 237, 1);
}
.card.article-preview.commercial a div.image   {
    position: relative;
}
.card.article-preview.commercial a div.image::after   {
    content: "Anzeige";
    background:var(--mainColor);
    padding:3px;
    border-radius: 3px;
    color:#FFF;
    font-size: x-small;
    position: absolute;
    top:5px;
    right: 5px;
}
/*  Category-Übersicht Startseite   */
span.published-categroy {
    color:var(--urlColorDark);
}
span.published-categroy::before {
    content: "| ";
}
.category-default   {
    overflow: hidden;
}
.card.article-preview .card-header  {
    text-align: right;
    background:transparent;
    padding: 0px;
}
.card.article-preview .card-header span.published  {
    font-size: x-small;
    font-weight: bold;
}
.card.article-preview   {
    border-radius: 0px;
    overflow: hidden !important;
    border-color:transparent;
    width:50%;
    float: left;
    padding:5px;
    box-sizing: border-box;
    margin-bottom:20px;
}
.card.article-preview:first-child   {
    width: 100% !important;
    overflow: hidden;
}
.card.article-preview.commercial   {
    border-width: 1px;
}
.card.article-preview .image   {
    background-size: 100% !important;
    transition:.6s all ease-out;
}
.card.article-preview:first-child:hover .image   {
    transform: scale(1.025);
    cursor: pointer;
}
.card.article-preview:hover .preview-box:hover  {
    cursor: pointer;
}
.card.article-preview:hover h2  {
    color:var(--mainColor);
}
.card.article-preview:first-child .image   {
    padding-bottom:calc(100% / 16 * 7.8) !important;
}
.card.article-preview:first-child .image img   {
    display:none;
}
.card.article-preview:first-child .preview-box   {
    width:80%;
    margin-right: 0;
    margin-left: auto;
    margin-top: -20%;
    z-index:1;
    background:#FFF;
    padding:15px;
    box-sizing: border-box;
}
.card.article-preview:first-child .preview-box .inner-head   {
    border-left: 1px solid #cecece;
    padding-left:15px;
}
.card.article-preview .preview-box .inner-head p   {
    font-size: x-small;
    margin-bottom:0;
    text-transform: uppercase;
    margin-top: 10px;
}
.card.article-preview:first-child .preview-box .inner-content   {
    padding-left:15px;
}
/*  Kategorieseiten */
.card.category-preview  {
    margin-top:20px;
    border-color:transparent;
    border-radius: 0px;
}
.item-page.commercial-article   {
    border:1px solid;
    padding:15px;
    margin-top:15px;
    margin-bottom:15px;
    box-sizing: border-box;
}
.card.category-preview.commercial-article,
.item-page.commercial-article   {
    border-color:var(--borderColor);    
}
.card.category-preview .info-text a  {
    color:rgba(0, 0, 0, 0.85);
    background:
        linear-gradient(
        to bottom, var(--mainColor) 0%,
        var(--mainColor) 100%
    );
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 1px 1px;
    text-decoration: none;
    transition: all .6s;
    padding:4px 8px;
    font-size: 0.9em;
}
.card.category-preview a:hover  {
    background-size: 4px 50px;
    color:#FFFFFF;
}
.card.category-preview h5   {
    font-size: 1.25em;
}
.card.category-preview h6   {
    font-size: x-small;
    margin-bottom: 0 !important;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: bold;
    color:var(--mainColor) !important;
    text-align: left;
}
p.card-text {
    line-height:1.38;
    font-size:1rem;
}
.card.category-preview .info-text   {
    text-align: justify;
    hyphens: auto;
    orphans:3; 
    widows: 3;
}
.card.category-preview:first-of-type {
    width:100%;
}
.card.category-preview:first-of-type .image {
    width:100%;
    padding-left:15px;
    padding-bottom:56.25%;
    background-size:100% 100% !important;
    position: relative;
}
.card.category-preview:first-of-type .image div {
    position: absolute;
    left: 0px;
    bottom: 0px;
    text-transform: uppercase;
    background:var(--mainColor);
    color:#FFFFFF;
    font-weight:600;
    padding:4px;
}
.card.category-preview:first-of-type .info-text {
    float: left;
    padding-right:15px;
    box-sizing: border-box;
}
.content-category.startpage {
    margin-top:40px !important;
}
.card-deck .card    {
    flex:unset !important;
    margin-right: unset !important;
    margin-left: unset !important;
}
.card-deck .category-preview:first-of-type  {
    margin-top:0px !important;
}
.card-deck .category-preview:first-of-type .card-body  {
    padding-top:0px !important;
}
.card.category-preview:nth-child(2),
.card.category-preview:nth-child(3),
.card.category-preview:nth-child(4),
.card.category-preview:nth-child(5),
.card.category-preview:nth-child(6),
.card.category-preview:nth-child(7),
.card.category-preview:nth-child(8),
.card.category-preview:nth-child(9),
.card.category-preview:nth-child(10),
.card.category-preview:nth-child(11),
.card.category-preview:nth-child(12),
.card.category-preview:nth-child(13),
.card.category-preview:nth-child(14),
.card.category-preview:nth-child(15)  {
    width:50%;
    
}

body.suche .card.category-preview .image,
.card.category-preview:nth-child(2) .image,
.card.category-preview:nth-child(3) .image,
.card.category-preview:nth-child(4) .image,
.card.category-preview:nth-child(5) .image,
.card.category-preview:nth-child(6) .image,
.card.category-preview:nth-child(7) .image,
.card.category-preview:nth-child(8) .image,
.card.category-preview:nth-child(9) .image,
.card.category-preview:nth-child(10) .image,
.card.category-preview:nth-child(11) .image,
.card.category-preview:nth-child(12) .image,
.card.category-preview:nth-child(13) .image,
.card.category-preview:nth-child(14) .image,
.card.category-preview:nth-child(15) .image  {
    padding-bottom:56.25%;
    background-size: cover !important;
    background-position: center;
    position: relative;
}
.card.category-preview:nth-child(2) .image div,
.card.category-preview:nth-child(3) .image div,
.card.category-preview:nth-child(4) .image div,
.card.category-preview:nth-child(5) .image div,
.card.category-preview:nth-child(6) .image div,
.card.category-preview:nth-child(7) .image div,
.card.category-preview:nth-child(8) .image div,
.card.category-preview:nth-child(9) .image div,
.card.category-preview:nth-child(10) .image div,
.card.category-preview:nth-child(11) .image div,
.card.category-preview:nth-child(12) .image div,
.card.category-preview:nth-child(13) .image div,
.card.category-preview:nth-child(14) .image div,
.card.category-preview:nth-child(15) .image div  {
    position: absolute;
    top: 5px;
    left: 5px;
    background: var(--mainColor);
    color:#FFF;
    font-size: small;
    padding-left: 2px;
    padding-right:2px;
}
.item-image.full-article   {
    position: relative;
}
.item-page.commercial-article .item-image   {
    position: relative;
}
.card.category-preview.commercial-article div div.image::after,
.item-page.commercial-article .item-image::after   {
    content: "Anzeige";
    background: var(--mainColor);
    padding: 3px;
    border-radius: 3px;
    color: #FFF;
    font-size: x-small;
    position: absolute;
    top: 15px;
    right: 25px;
}
/*  PageNavigation  */
nav.pagenavigation  {
    background:unset;   
    margin:0 auto;
}
p.com-content-category__counter {
    display: none;
}
nav.pagenavigation .card    {
    width:45% !important;
}
/*  Pagination  */
nav.pagination__wrapper {
    background:unset;
}
nav.pagination__wrapper ul li a.page-link    {
    color:var(--mainColor) !important;
}
nav.pagination__wrapper ul li.active a    {
    background:var(--mainColor) !important;
    border-color: var(--mainColor) !important;
    color:#FFFFFF !important;
}
div.pagination {
    display: unset;
}
div.pagination p    {
    display: block !important;
    text-align: center;
}
div.pagination ul.pagination   {
    margin-bottom:20px;
    margin-top:20px;
    display: flex;
}
.pagination ul li span  {
    color:var(--mainColor);
    padding-left:10px;
    padding-right:10px;
}
.pagination ul li:has(> a)  {
    background:blue !important;
}
.pagination ul li a  {
    color:var(--mainColor);
    cursor: pointer;
}
.pagination-list    {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.pagination li:first-of-type    {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.pagination li:last-of-type    {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
ul.pager.pagenav    {
    padding-left:0px;
    padding-right:0px;
}
ul.pager.pagenav li    {
    list-style-type: none !important;
}
ul.pager.pagenav li img    {
    max-width:30%;
}
@keyframes blinkingText {
    0%{ color: var(--mainColor);    }
    49%{ color: var(--mainColor);    }
    60%{ color: transparent;    }
    99%{ color: transparent;    }
    100%{ color: var(--mainColor);    }
}
/*  SUCHAUSGABE */
.row.search-pagination  {
    margin:0 auto;
}
.row.search-pagination nav  {
    background:transparent !important;
}
.row.search-pagination nav ul li.active a  {
    background:var(--mainColor) !important;
    border-color:var(--mainColor) !important;
}
div.search h2   {
    margin-top: 15px;
}
form#searchForm {
    padding-top: 15px;   
}
dl.search-results .card {
    margin-top:15px;
    border:none;
}
dl.search-results .readon {
    text-align: right;
}
dd.result-text span.highlight   {
    font-weight: bold;
}
dl.search-results .card-header {
    display:flex !important;
    border-bottom: none;
}
dl.search-results .card-header dd:last-of-type {
    padding-left:15px;
}
label.element-invisible {
    display: none;
}
dt.result-title,
dt.result-title a {
    color:var(--mainColor);
}
dl.search-results dd.result-category    {
}

/*  IMAGESIZER  */
.articleBody a.linkthumb img   {
    padding:2px !important;
    box-sizing: border-box;
    transition:0.2s all ease;
}
#imageGallery   {
    position: fixed;
    z-index:10000;
    top:10%;
}
#imageGallery .modal-dialog {
    max-width:800px !important;
}
/*  IMAGESIZER ENDE */
/*  ENDE    */

@media all and (min-width: 768px)   {
    .smartphone-only,
    .hidden-responsive  {
        display: none !important;
        box-sizing:border-box;
    }
}
@media all and (max-width: 768px) {
div.page-header h1  {
    font-size: 2.75em;
    margin-top:22px;
  word-wrap: break-word;
}
    div.page-header h2  {
        font-size:1.9rem !important;
        line-height: 1.9rem;
    }
    body    {
        padding-top:0px !important;
    }
    .global-headersearch    {
        padding-left: 0px !important;
        margin:0 auto !important;
    }
    form#searchForm .btn-toolbar .btn-group:first-of-type {
        order:0 !important;
    }
    form#searchForm .btn-toolbar .btn-group:last-of-type {
        order:1 !important;
    }
    form#searchForm .btn-toolbar .btn-group {
        width: 100% !important;
    }
    form#searchForm .searchintro {
        margin-top: 15px;
    }
    /*  SEARCH  */
    fieldset.com-finder__search div.input-group {
        order: 0 !important;
    }
    fieldset.com-finder__search div.input-group button[type=submit] {
        order: 10 !important;
    }
    /* SEARCH ENDE */
    body    {
        overflow-x: hidden !important;
    }
    .mobile-only    {
        display: unset;
    }
    main    {
        padding-top:20px;
        padding-left:15px;
        width: calc(100% - 15px) !important;
    }
    main .container:first-of-type {
        padding:0;
    }
    main .container:first-of-type .row:first-of-type {
        padding:0;
    }
    .content    {
        display: flex;
    }
    .content div:first-of-type  {
        order: 1;
    }
    .content div:last-of-type  {
        order: 2;
    }
    .content-side   {
        order:0 !important;
    }
    .content div .eckfeld    {
        display: none;
    }
    .card.article-preview   {
        width:100%;
        margin-bottom:20px;
    }
    /*  Artikelausgabe    */
    div.articleBody {
        padding-left:15px;
        padding-right:15px;
        line-height:1.5rem;
        font-size:1.2rem;
        font-weight:300;
    }
    div.page-header h2  {
        padding-left:15px;
        padding-right:15px;
    }
    dd.published reading-time::before   {
        content: "";
    }
    dd.published reading-time   {
        display: block;
        text-align: center;
    }
    dd.published time   {
        margin-top:20px;
        display: block;
        text-align: center;
    }
    dd.published social {
        display: block;
        text-align: center;
    }
    /*  Kategorieausgabe    */
    .card.category-preview  {
        width:100% !important;
    }
    .card.category-preview .image   {
        padding-bottom: 50% !important;
        background-size:100% !important;
    }
    .card.category-preview:nth-child(3) .image  {
        display: block;
    }
    .card.category-preview .image,
    .card.category-preview .info-text  {
        float:none !important;
        clear:both !important;
        width:100% !important;
    }
    /*  IMAGESIZER  */
    .articleBody a.linkthumb img   {
        width:calc(100% / 2 - 4px) !important;
        height:66.76% !important;
    }
    /*  IMAGESIZER  */
}
@media print {
    .topnavi-container, .content-side, .commercial, .header-social, nav, footer, #commercialSlide, .com-content-article .container-fluid    {
        display: none !important;
    }
    #superbanner    {
        display:block !important;
    }
    .header-logo    {
        width:100% !important;
    }
}