:root {
    --clr-persoenlich: #d90025;
    --clr-werbung: #6A5F52;
    --clr-medien: #68B351;
    --clr-digital: #8C49AF;
    --clr-marketing: #003D2D;
    --clr-corporate: #EF4B34;
    --clr-gesellschaft: #6F9CEB;
    --clr-verbandspartner: #333;
}


body {
    color: #333;
    background-color: #fff;
    font-family: 'Onest', "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 1.5;
}
.bodybg.home, .bodyprint {
    background: none;
    background-position: none !important;
}

a {
    color: #333;
    -webkit-transition:all .1s;
    -moz-transition:all .1s;
    transition:all .1s
}


strong {
    text-transform: none;
    font-weight: 700;
}

a:hover, a:focus, a:active  {
    color: #333;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    margin-bottom: 50px;
}

.column {
    height: 360px;
}

.column.h2Row {
    height: 770px;
}

.pl0 { padding-left: 0;}
.pl5 { padding-left: 5px;}
.pl14 { padding-left: 14px;}
.pr0 { padding-right: 0;}
.pt20 { padding-top: 20px;}
.pb20 { padding-bottom: 20px;}
.mb0 { margin-bottom: 0;}
.ml0 { margin-left: 0;}
.mr0 { margin-right: 0;}
.mt10 {margin-top: 10px; }
.mt0 {margin-top: 0; }
.mt5 { margin-top: 5px;}
.mt20 {margin-top: 20px; }
.mt30 {margin-top: 30px;}
.tar { text-align: right;}
.tac { text-align: center;}
.mb30 { margin-bottom: 30px; }
.mb30i { margin-bottom: 30px !important; }
.mb20 { margin-bottom: 20px; }
.mb10 { margin-bottom: 10px; }
.mb50 { margin-bottom: 50px; }
.mb70 { margin-bottom: 70px; }
.mt50 { margin-top: 50px; }
.mt30 { margin-top: 30px; }
.mt65 {margin-top: 65px;}
.mt-65 {margin-top: -65px;}

img { max-width: 100%;}

.clear {clear: both;}

.no-float {
    float: none;
}

h1 { font-size: 30px; margin-bottom:30px;}
h2 { font-size: 24px;}

.categorytitle h1 {
    font-size: 48px;
    font-weight: 700;
    margin: 0 0 6px 0;
}
.categorytitle .bbottom { height: 8px; position: relative; bottom: 0;width: 100%; background-color: #333; }
.categorytitle.kategorie-werbung .bbottom{ background-color: #6a5f52; }
.categorytitle.medien .bbottom { background-color: #68b351; }
.categorytitle.digital .bbottom{ background-color: #8c49af; }
.categorytitle.marketing .bbottom{ background-color: #003d2d; }
.categorytitle.pr .bbottom, .categorytitle.prcorporate-communication .bbottom { background-color: #ef4b34; }
.categorytitle.gesellschaft .bbottom { background-color: var(--clr-gesellschaft); }

.underline{
    text-decoration: underline;
}

[id^="ring-slot-"] {
    overflow: hidden;
}

/*
.h300 {height: 300px; max-height: 300px;}
.h360 {height: 360px; max-height: 360px;}
.h620 {height: 620px; max-height: 620px;}
.h740 {height: 740px; max-height: 740px;}
.w620 {width: 620px;}
*/

/*skyscraper*/
#skyscraper {
    position: absolute;
    right: -330px;
    top: 0;
    width: 300px;
    height: 600px;
}
.skyscraper1 { margin-bottom: 50px;}

#skyscraperLeft {
    position: absolute;
    left: -330px;
    top: 0;
    width: 300px;
    height: 600px;
    text-align:right;
}

/* PLACEHOLDER ADS */
@media (min-width: 768px) {
    
    #ring-slot-wb1,
    #ring-slot-wb2,
    #ring-slot-wb3,
    #ring-slot-wb4,
    #ring-slot-wb5,
    #ring-slot-wb9,
    #ring-slot-mr1,
    #ring-slot-mr2,
    #ring-slot-mr2a,
    #ring-slot-mr2b {
        text-align: center;
    }
    
    #ring-slot-wb1::after,
    #ring-slot-wb2::after,
    #ring-slot-wb3::after,
    #ring-slot-wb4::after,
    #ring-slot-wb5::after,
    #ring-slot-wb9::after,
    #ring-slot-mr1::after,
    #ring-slot-mr2::after,
    #ring-slot-mr2a::after,
    #ring-slot-mr2b::after{
        content:'Anzeige';
        position:relative;
        top:0;
        left:0;
        width: 300px;
        height: 250px;
        background: #f4f4f4;
        border: 1px solid #dadada;
        font-size:11px;
        color: #a1a1a1;
        display:flex;
        justify-content: center;
        align-items:center;
        margin: 0 auto;
    }
    
    #ring-slot-wb2,
    #ring-slot-wb3,
    #ring-slot-wb4,
    #ring-slot-wb5,
    #ring-slot-wb9{
        height: 300px;
    }

    #ring-slot-wb1.adm-loaded {
        height: auto;
    }
    #ring-slot-wb2.adm-loaded,
    #ring-slot-wb3.adm-loaded,
    #ring-slot-wb4.adm-loaded,
    #ring-slot-wb5.adm-loaded,
    #ring-slot-wb9.adm-loaded{
        height: auto;
        margin-bottom: 50px;
    }

    #ring-slot-wb1.adm-loaded::after,
    #ring-slot-wb2.adm-loaded::after,
    #ring-slot-wb3.adm-loaded::after,
    #ring-slot-wb4.adm-loaded::after,
    #ring-slot-wb5.adm-loaded::after,
    #ring-slot-wb9.adm-loaded::after,
    #ring-slot-mr1.adm-loaded::after,
    #ring-slot-mr2.adm-loaded::after,
    #ring-slot-mr2a.adm-loaded::after,
    #ring-slot-mr2b.adm-loaded::after
    {
        display:none;
        margin:0;
    }
    
    .hideplaceholder::after {
        display: none !important;
    }
    

    
}


@media (min-width: 1021px) {
    #ring-slot-wb1::after,
    #ring-slot-wb2::after,
    #ring-slot-wb3::after,
    #ring-slot-wb4::after,
    #ring-slot-wb5::after,
    #ring-slot-wb9::after{
        width: 994px;
    }
    
    .wrap-ad {
        position: relative;
        width: 994px;
        left: -27px;
    }

    .wrap-wideboard {
        position: relative;
        width: 994px;
        left: -27px;
    }
    #ring-slot-sba1.fix,
    #ring-slot-sba2.fix {
        position:fixed;
        top:74px;
    }
}


@media (max-width: 767px) {
    
    #ring-slot-mobmpa2::after,
    #ring-slot-mobmpa2a::after,
    #ring-slot-mobmpa2b::after,
    #ring-slot-mobmpa2c::after,
    #ring-slot-mobmr1::after,		
    #ring-slot-mobmr2::after,
    #ring-slot-mobmpa3::after{
        content:'Anzeige';
        position:relative;
        top:0;
        left:0;
        width: 300px;
        height: 250px;
        background: #f4f4f4;
        border: 1px solid #dadada;
        font-size:11px;
        color: #a1a1a1;
        display:flex;
        justify-content: center;
        align-items:center;
        margin: 0 auto;
    }
    
    #ring-slot-mobmpa2,
    #ring-slot-mobmpa2a,
    #ring-slot-mobmpa2b,
    #ring-slot-mobmpa2c,
    #ring-slot-mobmr1,		
    #ring-slot-mobmr2,
    #ring-slot-mobmpa3 {
        height:250px;
        margin: 0 auto 50px auto;
    }
    #ring-slot-mobmpa2.adm-loaded,
    #ring-slot-mobmpa2a.adm-loaded,
    #ring-slot-mobmpa2b.adm-loaded,
    #ring-slot-mobmpa2c.adm-loaded,
    #ring-slot-mobmr1.adm-loaded,		
    #ring-slot-mobmr2.adm-loaded,
    #ring-slot-mobmpa3.adm-loaded {
        height:auto;
        margin: 0 auto;
    }

    
    #ring-slot-mobmpa2.adm-loaded::after,
    #ring-slot-mobmpa2a.adm-loaded::after,
    #ring-slot-mobmpa2b.adm-loaded::after,
    #ring-slot-mobmpa2c.adm-loaded::after,
    #ring-slot-mobmr1.adm-loaded::after,		
    #ring-slot-mobmr2.adm-loaded::after,
    #ring-slot-mobmpa3.adm-loaded::after{
        display:none;
    }
    
}

hr.style-one {
    margin: 40px 0;
    border: 0;
    height: 1px;
    background: #666;
    background-image: -webkit-linear-gradient(left, #dfdfdf, #666, #dfdfdf);
    background-image:    -moz-linear-gradient(left, #dfdfdf, #666, #dfdfdf);
    background-image:     -ms-linear-gradient(left, #dfdfdf, #666, #dfdfdf);
    background-image:      -o-linear-gradient(left, #dfdfdf, #666, #dfdfdf);
}
hr.style-two {
    margin: 4px 0;
    border: 0;
    height: 1px;
    background: #666;
    background-image: -webkit-linear-gradient(left, #dfdfdf, #666, #dfdfdf);
    background-image:    -moz-linear-gradient(left, #dfdfdf, #666, #dfdfdf);
    background-image:     -ms-linear-gradient(left, #dfdfdf, #666, #dfdfdf);
    background-image:      -o-linear-gradient(left, #dfdfdf, #666, #dfdfdf);
}

nav {
    width:100%;
    left:0;
    z-index:10;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}
nav .wrapper {
    width:960px;
    margin:0 auto
}
nav h1 {
    margin:0;
    padding:0;
    line-height:36px;
    font-size:36px;
    margin-left:10px
}
.logo {
    float:left;
    background:#55acee;
    width:40px;
    height:40px;
    border-radius:40px;
    padding-left:40px
}
.nav-top {
    padding-top:5px;
    margin-top:0;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s
}
.nav-top .logo {
    margin-top:-2px
}
.nav-top .search {
    float:right;
    width:40%;
    position:relative
}
.nav-top .search input[type="text"] {
    background:#fff;
    border:1px solid #ddd;
    border-radius:20px;
    color:#333;
    font-size:17px;
    height:40px;
    outline:0;
    padding:0 50px 0 15px;
    transition:background-color .15s;
    width:100%
}
.nav-top .search .search-submit {
    cursor:pointer;
    height:40px;
    position:absolute;
    right:0;
    top:-2px;
    width:50px;
    background:none;
    border:0;
    font-size:20px;
    color:#333;
    opacity:.5
}
.nav-top .search .search-submit:hover {
    color:#55acee;
    opacity:1
}
.nav-top .navbar-toggle {
    margin-top:-2px;
    margin-right:0
}
.nav-top .navbar-toggle .fa {
    color:#888;
    font-size:28px
}
.navbar-collapse {
    padding:0
}
.navbar-collapse.in {
    overflow:visible
}
.main-nav {
    width:100%;
}
.main-nav .container {
    position:relative
}
.main-nav ul.nav {
    list-style-type:none;
    background-color:#d90025;
    -webkit-transition:padding .3s;
    -moz-transition:padding .3s;
    transition:padding .3s
}
.main-nav ul.nav > li {
    vertical-align:top
}
.main-nav ul.nav.bg-navdarkred {
    background-color: #BC0118;
}
.main-nav .nav-underline.bg-navdarkred a {
    font-size:17px;
}
section.stretch {
    height:1600px;
    width:100%
}
section.stretch p {
    font-size:80px;
    color:#d2d2d2;
    text-align:center;
    position:relative;
    margin-top:320px
}
section.stretch p.bottom {
    top:100%
}

.mainlogo {max-width: 100%; margin-bottom: 10px;}
.logowrap {font-size: 13px; color: #fff; margin-bottom: 0}
.logowrap a { padding: 0 !important;}
.minilogo {display: none;}
.minilogo a {padding: 10px 30px 10px 0 !important;}
nav.small .mainlogo { display:none;}
nav.small .minilogo { padding: 8px 0 8px 0; float:left; display: block;}
nav.small {
    height:51px;
    position:fixed;
    top:0;
}
nav.small .navbar-collapse.collapse {
    position: absolute;
    border-top: none;

}
nav.small .navbar-collapse.collapse a {
    font-size: 14px;
    padding: 10px 12px;
    text-transform: none;
}

.minilogo a {
    padding: 10px 12px 10px 0;
}
nav.small .nav-top {
    margin-top:-90px
}
nav.small .main-nav {
    box-shadow:none
}
nav.small ul.nav {
    padding: 6px 0 5px 0;
}


#outer-nav.outer-nav-small {
    width: 940px;
    left: 50%;
    margin-left: -470px;
}





@media (max-width: 992px) {
    nav.small .minilogo {
        left:10px
    }
}

@media (max-width: 767px) {
    nav {
        height:81px!important
    }
    nav .nav-top {
        padding-top:20px;
        height:80px
    }
    .main-nav .container {
        padding:0
    }
    .main-nav .container ul.nav {
        border-bottom:1px solid #ccc
    }
    nav.small .nav-top {
        margin-top:0
    }
    nav.small ul.nav {
        padding-left:0
    }
    nav.small .minilogo {
        display:none
    }
}


#storyoftheday {margin-bottom: 50px;}
#storyoftheday h2 { font-size: 46px; margin-bottom:52px;}
#storyoftheday h1 { 
    font-size: 50px; 
    margin-bottom:52px;
    font-weight: 700; 
    margin: 0 0 12px 0; 
    color: #333; 
    padding: 0;
    font-family: 'Onest', "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 55px;
}
#storyoftheday h1 a, .leadstoryday {
    color: #333; 
}
#storyoftheday h1 a:hover, .leadstoryday {
    color: #333; 
}
.headstoryoftheday {
    font-family: 'Onest', "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height:30px;
    margin: 0;
    padding: 24px 0;
}
.headstoryoftheday p {
    line-height: 1.3;
}


.storyoftheday {padding-left: 60px;}
#storyoftheday .storyeditor { 
    float:left;
    font-size: 14px;
    font-weight: normal;
    padding-top: 1px;
    margin-left: 0;
}
#storyoftheday .bbottom { width: 940px;}
.teasericonsstoryday { 
    font-size: 14px; 
    margin-left: 10px;
    float:right;
}
.storyofthedayinterview {
    font-size: 11px;
    font-weight: bold;
    float:right;
    margin-left: 20px;
    text-transform: uppercase;
    padding-top: 7px;
}
#storyoftheday .storyofthedayinterview {
    padding-top: 1px;
}
.icpadri {padding-right: 8px;}
#storyoftheday .bgformat {
    width: 24px;
    height: 24px;
    padding: 6px 4px 0 4px;
    position: relative;
    bottom: 9px;
    margin-right: 2px;
}
.imgstoryoftheday { height: 400px; max-height: 400px; overflow: hidden; position: relative;}
.imgstoryoftheday img {
    top: -70px;
    display: inline-block;
    position: relative;
}

.storyofthedayline {
    position: absolute; 
    bottom: 0; 
    left:6%; 
    width: 94%; 
    height: 15px; 
}
#storyoftheday .storyofthedayline.kategorie-werbung { background-color: #6a5f52; }
#storyoftheday .storyofthedayline.medien { background-color: #68b351; }
#storyoftheday .storyofthedayline.digital { background-color: #8c49af; }
#storyoftheday .storyofthedayline.marketing { background-color: #003d2d; }
#storyoftheday .storyofthedayline.prcorporate-communication { background-color: #ef4b34; }
#storyoftheday .storyofthedayline.gesellschaft { background-color: var(--clr-gesellschaft); }

#storyoftheday .marke {
    
    font-size: 18px;
    font-family: 'Onest', "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
    height: 30px;
    color: #000;
}
#storyoftheday .storyofthedaymeta.kategorie-werbung { border-bottom: 8px solid #6a5f52; }
#storyoftheday .storyofthedaymeta.medien { border-bottom: 8px solid #68b351; }
#storyoftheday .storyofthedaymeta.digital { border-bottom: 8px solid #8c49af; }
#storyoftheday .storyofthedaymeta.marketing { border-bottom: 8px solid #003d2d; }
#storyoftheday .storyofthedaymeta.prcorporate-communication { border-bottom: 8px solid #ef4b34; }
#storyoftheday .storyofthedaymeta.gesellschaft { border-bottom: 8px solid var(--clr-gesellschaft); }

#storyoftheday.kategorie-werbung .wrapsotdimg { background-color: #6a5f52}
#storyoftheday.medien .wrapsotdimg {background-color: #68b351}
#storyoftheday.digital .wrapsotdimg {background-color: #8c49af}
#storyoftheday.marketing .wrapsotdimg {background-color: #003d2d}
#storyoftheday.prcorporate-communication .wrapsotdimg {background-color: #ef4b34}
#storyoftheday.gesellschaft .wrapsotdimg {background-color:var(--clr-gesellschaft) }

#storyoftheday .storyofthedaymeta {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    height: 36px;
    text-align: right;
}

#storyoftheday img {
    position: relative;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    bottom:0;
}
#storyoftheday a:hover img {
    bottom: 6px;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}



/* TEASER */
.teaser, .articledetail {
    /*
    background:-moz-linear-gradient(bottom,#e8e8e8,#fbfbfb); 
    background:-webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#fbfbfb)); 
    filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='#e8e8e8',endColorstr='#fbfbfb'); 
    -moz-background-clip: content;    
    -webkit-background-clip: content; 
    background-clip: content-box;
    
    background:-moz-linear-gradient(bottom,#b4b4b4,#d4d4d4); 
    background:-webkit-gradient(linear,left top,left bottom,from(#b4b4b4),to(#d4d4d4)); 
    filter: progid:DXImageTransform.Microsoft.gradient(start Colorstr='#b4b4b4',endColorstr='#d4d4d4'); 
    -moz-background-clip: content;    
    -webkit-background-clip: content; 
    background-clip: content-box;
    */
}
.headerh4black { color: #333;}
.teaserimg {overflow: hidden;}
.h620 .teaserimg {position: relative; height: 380px; overflow: hidden; margin-bottom: 5px;}
.h620.teaser h2 {font-size: 34px;}
.h740.teaser h2 {font-size: 42px;}
.h740.teaser .text {font-size: 26px;}

.parent-h740 {height: 360px;}
.teasericons {position: absolute; bottom: 10px; right: 10px; text-align: right; font-size: 10px;}
.parent-h740 .teasericons {position: absolute; bottom: 20px; right: 0px; text-align: right; font-size: 10px;}
.teasericon {float: left; margin-left:0; padding: 4px; color: #333 !important; background: none !important}
.teaser h2 { 
    font-weight: 700; 
    font-size: 20px; 
    margin: 0 0 10px 0; 
    color: #333; 
    padding: 0;
    /*-moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;*/
}
.teaser.noimage h2 {
    font-size: 36px; 
    margin: 32px 0;
    line-height: 44px;
    /*-moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;*/
}
.teaser.noimage.h740 h2 {font-size: 72px; margin-top: 26px;}
.teaser.noimage.h740 .text {font-size: 32px; margin-top: 32px;}


.teaser h4 { text-transform: uppercase; font-weight: 700; font-size:12px; margin: 0 0 5px 0; padding: 0;}
.teaser.noimage h4 {margin-top:0;  padding: 0;}
.teaser.noimage .timetoread {margin-top:0; padding: 6px 6px 0 0 ;}
.teaser .text {
    color: #333; 
    padding: 0;
    font-size: 16px;
    font-weight:600;
    line-height: 1.3;
}
.teaser .bbottom { height: 8px; position: absolute; bottom: 0;width: 100%; }
.teaser a:hover { text-decoration: none; }
.teaser .timetoread {margin: 11px 0; font-size: 10px; color: #d4d4d4; text-align: right; padding: 0 6px 0 0 ;}
.teaser .badge {background: #d4d4d4; font-size: 10px; position: relative; bottom: 3px; left: 8px; }
.w620 h2 {font-size: 28px;}
.teaserauthor {font-size: 14px; width: 200px; height: 16px; position: absolute; bottom: 20px; left: 3px; text-align: left; color: #333;}
.parent-h740 .teaserauthor {font-size: 9px; width: 200px; height: 16px; position: absolute; bottom: 19px; left: 0px; text-align: left; color: #333;}
.h740 h4 { font-size: 16px; margin: 16px 0;}


.teaser.kategorie-werbung h4, .articledetail.kategorie-werbung h4, .widgettext .kategorie-werbung { color: #6a5f52; }
.teaser.kategorie-werbung .bbottom, .articledetail.kategorie-werbung .bbottom { background-color: #6a5f52; }
.teaser.medien h4, .articledetail.medien h4, .widgettext .medien  { color: #68b351; }
.teaser.medien .bbottom, .articledetail.medien .bbottom { background-color: #68b351; }
.teaser.digital h4, .articledetail.digital h4, .widgettext .digital { color: #8c49af; }
.teaser.digital .bbottom, .articledetail.digital .bbottom { background-color: #8c49af; }
.teaser.marketing h4, .articledetail.marketing h4, .widgettext .marketing { color: #003d2d; }
.teaser.marketing .bbottom, .articledetail.marketing .bbottom { background-color: #003d2d; }
.teaser.pr h4, .articledetail.pr h4, .widgettext .pr,
.teaser.prcorporate-communication h4, .articledetail.prcorporate-communication h4, .widgettext .prcorporate-communication { 
    color: #ef4b34; 
}
.teaser.pr .bbottom, .articledetail.pr .bbottom, .teaser.prcorporate-communication .bbottom, .articledetail.prcorporate-communication .bbottom { background-color: #ef4b34; }
.teaser.gesellschaft h4, .articledetail.gesellschaft h4, .widgettext .gesellschaft { color: var(--clr-gesellschaft); }
.teaser.gesellschaft .bbottom, .articledetail.gesellschaft .bbottom { background-color: var(--clr-gesellschaft); }

.slot.teaser.mediapartner {
  background-color: #E8E8E6;
}
.slot.teaser.mediapartner .lead_short,
.slot.teaser.mediapartner .lead_big,
.slot.teaser.mediapartner .text lead_short,
.slot.teaser.mediapartner .text lead_big,
.slot.teaser.mediapartner .teaserauthor,
.slot.teaser.mediapartner .teasericons {
    padding: 0 10px;
}
.lyrteaser.mediapartner {
    background: #333;
    color: #fff;
}


.teaser.kategorie-werbung .sponsoredNative { background-color: #6a5f52; border: 1px solid #6a5f52; }
.teaser.medien .sponsoredNative { background-color: #68b351; border: 1px solid #68b351;}
.teaser.digital .sponsoredNative { background-color: #8c49af; border: 1px solid #8c49af;}
.teaser.marketing .sponsoredNative { background-color: #003d2d; border: 1px solid #003d2d;}
.teaser.pr .sponsoredNative, .teaser.prcorporate-communication .sponsoredNative { background-color: #ef4b34; border: 1px solid #ef4b34;}
.teaser.gesellschaft .sponsoredNative { background-color: var(--clr-gesellschaft); border: 1px solid var(--clr-gesellschaft);}

/*
.bordertop-kategorie-werbung  { border-top: 1px solid #6a5f52; }
.bordertop-medien { border-top: 1px solid #68b351;}
.bordertop-digital { border-top: 1px solid #8c49af;}
.bordertop-marketing { border-top: 1px solid #003d2d;}
.bordertop-pr, .bordertop-prcorporate-communication { border-top: 1px solid #ef4b34;}
.bordertop-gesellschaft { border-top: 1px solid var(--clr-gesellschaft);}
*/

.teaser.noimage.kategorie-werbung a .bordertop::before{
    background-color: var(--clr-werbung);
}
.teaser.noimage.medien a .bordertop::before{
    background-color: var(--clr-medien);
}
.teaser.noimage.digital a .bordertop::before{
    background-color: var(--clr-digital);
}
.teaser.noimage.marketing a .bordertop::before{
    background-color: var(--clr-marketing);
}
.teaser.noimage.corporate a .bordertop::before{
    background-color: var(--clr-corporate);
}
.teaser.noimage.gesellschaft a .bordertop::before{
    background-color: var(--clr-gesellschaft);
}
.teaser.noimage.mediapartner a .bordertop::before{
    background-color: #333;
}
.teaser.noimage a .bordertop::before {
    content:'';
    display:block;
    width: 100%;
    height: 6px;
    position: absolute;
    left: 0;
    top: -6px;
    background-color: red;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}
.teaser.noimage a:hover .bordertop::before {
    top:0;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}

.teaser.noimage .lead_short, 
.teaser.noimage .lead_big {
    top: 0;
    position: relative;
    overflow: hidden;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
}

.teaser.noimage a:hover .lead_short,
.teaser.noimage a:hover .lead_big {
  top: 6px;
  -webkit-transition: all ease-in-out .2s;
  transition: all ease-in-out .2s;
}
.sponsoredNative {
    padding: 3px 8px;
    border-radius: 3px; 
    text-transform: uppercase;
    float: left;
    font-size: 10px;
    margin-bottom: 6px;
    color: #ffffff;
}

.bbottomblack {
    height: 12px; 
    position: absolute; 
    bottom: 0;
    width: 100%; 
    background-color: #333;
}

.lyrteaser.lyrteasernoimage {
    position: relative;
    display: inline;
    line-height: 28px;
}


.hyphens {
    /*-moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;*/
}

.h2Row .noimage h2 {
    font-size: 90px;
    line-height: 90px;
}

.h2Row h4 {
    margin: 0 0 12px 0;
    font-size: 16px;
}

.h2Row h2 {
    font-size: 48px;
    margin-bottom: 20px;
}

.h2Row .text {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}
.h2Row .noimage .text {
    font-size: 18px;
    margin-top: 20px;
}


.category .widget.category.jobs {
   height: 800px;
}

.nearbynoheight { height: auto !important;}

/* Kategorien */
.cat-font { color: #fff;}
.kategorie-werbung .cat-bg { background-color: #6a5f52;}
.medien .cat-bg { background-color: #68b351;}
.digital .cat-bg { background-color: #8c49af;}
.marketing .cat-bg { background-color: #003d2d;}
.pr .cat-bg, .prcorporate-communication .cat-bg { background-color: #ef4b34;}
.gesellschaft .cat-bg { background-color: var(--clr-gesellschaft);}

/* NAVIGATION */
#metaheader { font-weight: bold; color: #fff; font-size: 13px; text-align: right; padding-right: 0; margin-bottom: 33px;}
#metaheader a { font-weight: bold; color: #fff; font-size: 13px; padding: 0 3px; text-transform: none;}

#search { padding-top: 10px; margin-bottom:0 }
#search .form-control {
    background-color: rgba(62,62,62,0.4);
    border: 1px solid rgba(62,62,62,0);
    color: #fff;
    box-shadow: none;
}
#search .form-control::-webkit-input-placeholder { color: white; }
#search .form-control:-moz-placeholder { color: white; }
#search .form-control::-moz-placeholder { color: white; }
#search .form-control:-ms-input-placeholder { color: white; }

#search .form-control::-webkit-input-placeholder { font-size:12px; padding-top: 2px; }
#search .form-control:-moz-placeholder { font-size:12px;padding-top: 2px; }
#search .form-control::-moz-placeholder { font-size:12px;padding-top: 2px; }
#search .form-control:-ms-input-placeholder { font-size:12px;padding-top: 2px; }

#search .input-group {
    border: 1px solid #fff;
    border-radius: 50px;
    overflow: hidden;
}
#search .form-control {
    background: #d90025;
    border: none;
    color: #fff;
}

#search .btn {
    font-size: 10px;
    line-height: 24px;
    border-radius: 99px;
    width: 30px;
    height: 30px;
    padding: 0;
    margin-right: 2px;
    color: #d90025;
    background: #fff;
    border: none;
}
.searchlist h3 {
    margin-top: 50px !important;
}

.header { background-color: #d90025; background-clip: content-box; margin-bottom: 0; padding-top: 15px;}
.nav-bg { background-color: #d90025; background-clip: content-box; margin-bottom: 0;margin-top:14px;}
#top-logo { color: #fff; font-size: 13px; margin-top:20px; font-weight: bold; }
#top-logo img { margin-bottom: 6px; }
#top-logo2 { color: #fff; font-size: 11px; margin-top:20px; font-weight: bold; }
#top-logo2 img { margin-bottom: 6px; max-width: 100%; }


.main-nav { background-color: #d90025; background-clip: content-box; margin: 0;}
.main-nav a { color: #fff; font-weight: bold; font-size: 12px; padding: 14px 0;}
.main-nav a:hover, .main-nav a:focus {
    background-color: transparent !important;
}

.small.shrink.navbar-fixed-top {
    background-color: #d90025;
    /* box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); */
}

nav.shrink img { height: 30px; }

ul.nav.navbar-right:hover ul.dropdown-menu {
    display: block; 
    margin-top: 0px;
}


/* Underline From Center */
.main-nav .nav-underline a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    font-size: 19px;
    padding: 15px 13px;
}
.main-nav .nav-underline a:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 8px;
    background: #fff;
    height: 3px;
    transition-duration: 200ms;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    opacity: 0;
}
.main-nav .nav-underline a:hover:before {
    opacity: 1;
}

.main-nav .nav-underline .dropdown-menu a {
    font-size: 16px;
}

.main-nav ul.dropdown-menu > li > a:before {
    background: #D90025;
    bottom: 2px;
    height: 2px;
}

.main-nav .nav-underline .active a:before, .main-nav .nav-underline a:hover:before, .main-nav .nav-underline a:focus:before, .main-nav .nav-underline a:active:before {
    left: 10px;
    right: 10px;
}

/* TICKER */
.vticker { margin-top: 20px;}
.vticker ul{
    padding: 0;
    text-align: center;
    width: 100%;
    font-weight: bold;
}
.vticker li{
    list-style: none;
    padding: 0px;
    font-size: 16px;
}

#newstickerbottom {
    background-color: #d90025;
    height: 51px;
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    left:0;
    z-index:999;
    transition: all .3s;
    display:block;
}
.newstickerwrap {
    max-width: 960px;
    margin: 0 auto;
    overflow: hidden;
    height: 100%;
}
.newstickertext {
    text-align:center;
    color: #fff;
    font-size:18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: max-content;
    line-height: 1.2;
    animation: newstickermarquee 36s linear infinite;
}
.newstickertext a {
    color: #fff;
    text-decoration: none;
    transition: 300ms;
}
.newstickerinner span {
    padding: 0 14px;
}

@keyframes newstickermarquee {
    0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
  }

/* ads */
.adslot-fireplace {margin: 6px 0 30px ;}
.bodybg.home .adslot-fireplace {margin: 10px 0 30px ;}
.adslot-fireplace .ad {margin: 0 auto; display: table; }
.adslot-fireplace .adtext { text-align: right; font-size: 9px; color: #d4d4d4; width: 100%}
.adslot {margin: 0 0 50px 0;}
.adslot .ad {margin: 0 auto; display: table; margin: -13px auto 0 auto; }
.adslot .adtext { text-align: right; font-size: 9px; color: #d4d4d4; width: 100%;}
.stickteaserinner .adslot {margin-bottom: 20px;}
.half-size-banner {text-align: center;}


.articletop h4 { font-size:16px; font-weight: 700; text-transform: uppercase; }
.articletop h1 { font-size:50px; line-height: 55px; font-weight: 700; padding-bottom: 20px; margin-bottom: 30px; margin-top:14px; border-bottom-width: 8px;   border-bottom-style: solid; }
@media (max-width:992px) {
    .articletop h1 {font-size: 30px}
}
.articletop h1.kategorie-werbung  { border-bottom-color: #6a5f52; }
.articletop h1.medien  { border-bottom-color: #68b351;  }
.articletop h1.digital  { border-bottom-color: #8c49af;  }
.articletop h1.marketing  { border-bottom-color: #003d2d; }
.articletop h1.pr, .articletop h1.prcorporate-communication { border-bottom-color: #ef4b34;  }
.articletop h1.gesellschaft  { border-bottom-color: var(--clr-gesellschaft);  }
.articletext {margin-bottom:0;}
.articletext strong, .articletext strong span, .articletext strong b, .articletext p strong a {text-transform: none; font-size: 18px}
.articletext h5 {font-size: 12px; margin-top: 0; margin-bottom: 40px;}

.articletext .articleauthorbox {
    font-family: 'Onest', "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    display:flex;
    align-items:center;
    gap:15px;
}
.articletext .articleauthorbox .authorname a {
    font-family: 'Onest', "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    text-decoration:none;
    font-weight:700;
}

.articletext .articlesocialbox {
    display:flex;
    align-items:center;
    gap:15px;
    justify-content: space-between;
}
.articletext .articleauthorbox img {
    max-width: 60px;
    height: auto;
    border-radius: 100%;
}

.articletext .authorname span {
    font-size:14px;
}
.articletext .authorname .vita {
    font-size:14px !important;
    font-family: 'Onest', "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.articletext .articlesocials {
    margin-bottom: 0;
}
.articletext .footersocials.articlesocials .fa-stack {
  height: 1.4em;
  line-height: 1.4em;
  width: 1.4em;
}
.articletext .footersocials.articlesocials .fa-stack-2x {
  font-size: 1.4em;
}
.articletext .footersocials.articlesocials .fa-brands,
.articletext .footersocials.articlesocials .fa-solid,
.articletext .footersocials.articlesocials .fa-regular {
  font-size: 16px;
}
.commentarticlebox {
    padding: 36px 0;
    border-bottom: 1px solid #333;
    font-size:16px;
}
.commentusername {
    margin-bottom:18px;
}
.commentusername span {
    font-size:14px;
}
.articletext div.commentusername,
.articletext div.commentcomment, 
.articletext div.commentsclosed{
    font-family: 'Onest', "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.commentmp {
    margin:50px 0 80px 0;
    padding:0;
}

.articletext p { 
    font-size: 18px !important;
    font-family: 'Bitter' !important;
    margin-bottom: 32px;
    line-height:30px;;
}
.articletext div { 
    font-size: 18px !important;
    font-family: 'Bitter' !important;
}

.articletext a {
    text-decoration: underline;
    color: #333;
}
.articletext strong a {
    text-decoration: underline;
    color: #333333;
    text-transform: none;
    font-size: 18px;
}

.articletext a:hover {
    color: #D90025;
    transition: all 0.2s ease-in 0.2s; 
    -webkit-transition: all 0.2s ease-in 0.2s; 
    -moz-transition: all 0.2s ease-in 0.2s; 
    -o-transition: all 0.2s ease-in 0.2s; 
}
.articletext img {
    height: auto;
}
.articletext #newsletterwidget {
    height: auto;
    padding-bottom: 60px;
}
.articletext #newsletterwidget.widget.marktplatzsuche h3.big-underline {
    font-size: 16px;
    border-bottom: 4px solid #fff;
}
#newsletterwidget .form-group input, 
#marktplatzwidget .form-group input,
#marktplatzwidget .form-group select {
    border:none;
}
#newsletterwidget .btn:hover, #newsletterwidget .btn-default:hover,
#marktplatzwidget .btn:hover, #marktplatzwidget .btn-default:hover{
    background-color: #BC0118;
}
#marktplatzwidget .cstmselect select { 
    appearance: none;
    padding-right: 0;
    background-color: transparent;
}
#marktplatzwidget .cstmselect::after { 
    content: "\f078";
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    top: 0;
    right: 5px;
    height: 28px;
    width: 36px;
    line-height: 28px;
    border-left: 1px solid rgba(51,51,51,.35);
    text-align: center;
    font-size: 12px;
    margin: 6px 0;
    z-index: -1;
}
#marktplatzwidget .cstmselect { 
    position: relative;
    background: #fff;
    border-radius: 50px;
    isolation: isolate;
}

.articletext .newsletterWidget form .form-group:nth-of-type(1),
.articletext .newsletterWidget form .form-group:nth-of-type(2){
    width:48%;
    float:left;
}
.articletext .newsletterWidget form .form-group:nth-of-type(1) {
    margin-right: 4%;
}
.articletext #newsComments h3{
    font-size: 16px;
    border-bottom: 4px solid #333;
    padding-bottom: 7px;
    font-family: 'Onest', "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}
.articletext #newsComments .detail-box-kategorie-werbung h3 { border-bottom: 4px solid var(--clr-werbung);color: var(--clr-werbung) }
.articletext #newsComments .detail-box-medien h3 { border-bottom: 4px solid var(--clr-medien); color: var(--clr-medien) }
.articletext #newsComments .detail-box-digital h3 { border-bottom: 4px solid var(--clr-digital);color:var(--clr-digital) }
.articletext #newsComments .detail-box-marketing h3 { border-bottom: 4px solid var(--clr-marketing);color:var(--clr-marketing) }
.articletext #newsComments .detail-box-pr h3, .articletext #newsComments .detail-box-prcorporate-communication h3 { border-bottom: 4px solid var(--clr-corporate); color:var(--clr-corporate) }
.articletext #newsComments .detail-box-gesellschaft h3 { border-bottom: 4px solid var(--clr-gesellschaft); color: var(--clr-gesellschaft); }

.articletext #newsComments .detail-box-kategorie-werbung h3 .comment-i { background-color: var(--clr-werbung) }
.articletext #newsComments .detail-box-medien h3 .comment-i { background-color: var(--clr-medien) }
.articletext #newsComments .detail-box-digital h3 .comment-i { background-color:var(--clr-digital) }
.articletext #newsComments .detail-box-marketing h3 .comment-i { background-color:var(--clr-marketing) }
.articletext #newsComments .detail-box-pr h3 .comment-i, .articletext #newsComments .detail-box-prcorporate-communication h3 .comment-i { background-color:var(--clr-corporate) }
.articletext #newsComments .detail-box-gesellschaft h3 .comment-i { background-color: var(--clr-gesellschaft); }


.articletext #articleCredits {padding-top:20px; margin-bottom:20px; font-size:14px;}
.articletext #articleCredits h3 {
    font-size: 16px;
    font-family: 'Onest', "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    padding-bottom: 7px;
    font-weight: 700;
}
.articletext #articleCredits p,
.articletext #articleCredits strong {
    margin-bottom:10px;
    font-size:14px !important;
    font-family: 'Onest', "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.articletext #articleCredits h3.credits-kategorie-werbung  { border-bottom: 4px solid #6a5f52; color:#6a5f52 }
.articletext #articleCredits h3.credits-medien  { border-bottom: 4px solid #68b351; color:#68b351 }
.articletext #articleCredits h3.credits-digital  { border-bottom: 4px solid #8c49af; color:#8c49af }
.articletext #articleCredits h3.credits-marketing  { border-bottom: 4px solid #003d2d; color:#003d2d }
.articletext #articleCredits h3.credits-prcorporate-communication , .articletext #newsComments .credits-prcorporate-communication  { border-bottom: 4px solid #ef4b34; color:#ef4b34 }
.articletext #articleCredits h3.credits-gesellschaft { border-bottom: 4px solid var(--clr-gesellschaft); color:var(--clr-gesellschaft) }
.articletext .column {
    height: auto;
}
.articletext video {
    float: right;
    margin-bottom: 20px;
}
.articletext iframe {
    display: none;
}
.articletext #ring-slot-iav1 iframe,
.articletext #ring-slot-mobiav1 iframe {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
}
.newsletterWidget div {
    font-family: 'Onest', "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.newsletterWidget div.widget div {
    font-size: 14px !important;
}
#appbundle_newsletter button {
    font-weight: bold !important;
}

/* persoenlich icons*/
.newsdetailicons a {
    text-decoration:none;
    font-size: 16px;
    color: #333 !important;
    transition: 100ms;
}
.newsdetailicons a:hover {
    color: #fff !important;
    transition: 100ms;
}
.newsdetailicons .persoenlich__icon {
    width: 30px;
    height: 30px;
    line-height: 31px;
    text-align: center;
    background: linear-gradient(to left, #fff 50%, #333333 50%) right;
    background-size: 200%;
    transition: .1s ease-out;
    font-size:14px !important;
    border-radius: 100%;
    border: 1px solid #333;
}
.articlecommenticon .newsdetailicons .persoenlich__icon {
    border: 1px solid #f4f4f4;
}

.newsdetailicons.contactpage .persoenlich__icon {
    background: linear-gradient(to left, #fff 50%,#333333 50%) right;
    width: 30px;
    height: 30px;
    line-height: 31px;
    text-align: center;
    background-size: 200%;
    transition: .1s ease-out;
    font-size:14px !important;
    border-radius: 100%;
    border: 1px solid #333;
}

.newsdetailicons.kategorie-werbung .persoenlich__icon {background: linear-gradient(to left, #fff 50%, var(--clr-werbung) 50%) right;background-size: 200%;}
.newsdetailicons.kategorie-werbung .persoenlich__icon:hover {border: 1px solid var(--clr-werbung)}
.newsdetailicons.medien .persoenlich__icon {background: linear-gradient(to left, #fff 50%, var(--clr-medien) 50%) right;background-size: 200%;}
.newsdetailicons.medien .persoenlich__icon:hover {border: 1px solid var(--clr-medien)}
.newsdetailicons.digital .persoenlich__icon {background: linear-gradient(to left, #fff 50%, var(--clr-digital) 50%) right;background-size: 200%;}
.newsdetailicons.digital .persoenlich__icon:hover {border: 1px solid var(--clr-digital)}
.newsdetailicons.marketing .persoenlich__icon {background: linear-gradient(to left, #fff 50%, var(--clr-marketing) 50%) right;background-size: 200%;}
.newsdetailicons.marketing .persoenlich__icon:hover {border: 1px solid var(--clr-marketing)}
.newsdetailicons.prcorporate-communication .persoenlich__icon {background: linear-gradient(to left, #fff 50%, var(--clr-corporate) 50%) right;background-size: 200%;}
.newsdetailicons.prcorporate-communication .persoenlich__icon:hover {border: 1px solid var(--clr-corporate)}
.newsdetailicons.gesellschaft .persoenlich__icon {background: linear-gradient(to left, #fff 50%, var(--clr-gesellschaft) 50%) right;background-size: 200%;}
.newsdetailicons.gesellschaft .persoenlich__icon:hover {border: 1px solid var(--clr-gesellschaft)}

.articlecommenticon .newsdetailicons.kategorie-werbung .persoenlich__icon {background: linear-gradient(to left, #f4f4f4 50%, var(--clr-werbung) 50%) right;background-size: 200%;}
.articlecommenticon .newsdetailicons.kategorie-werbung .persoenlich__icon:hover {border: 1px solid var(--clr-werbung)}
.articlecommenticon .newsdetailicons.medien .persoenlich__icon {background: linear-gradient(to left, #f4f4f4 50%, var(--clr-medien) 50%) right;background-size: 200%;}
.articlecommenticon .newsdetailicons.medien .persoenlich__icon:hover {border: 1px solid var(--clr-medien)}
.articlecommenticon .newsdetailicons.digital .persoenlich__icon {background: linear-gradient(to left, #f4f4f4 50%, var(--clr-digital) 50%) right;background-size: 200%;}
.articlecommenticon .newsdetailicons.digital .persoenlich__icon:hover {border: 1px solid var(--clr-digital)}
.articlecommenticon .newsdetailicons.marketing .persoenlich__icon {background: linear-gradient(to left, #f4f4f4 50%, var(--clr-marketing) 50%) right;background-size: 200%;}
.articlecommenticon .newsdetailicons.marketing .persoenlich__icon:hover {border: 1px solid var(--clr-marketing)}
.articlecommenticon .newsdetailicons.prcorporate-communication .persoenlich__icon {background: linear-gradient(to left, #f4f4f4 50%, var(--clr-corporate) 50%) right;background-size: 200%;}
.articlecommenticon .newsdetailicons.prcorporate-communication .persoenlich__icon:hover {border: 1px solid var(--clr-corporate)}
.articlecommenticon .newsdetailicons.gesellschaft .persoenlich__icon {background: linear-gradient(to left, #f4f4f4 50%, var(--clr-gesellschaft) 50%) right;background-size: 200%;}
.articlecommenticon .newsdetailicons.gesellschaft .persoenlich__icon:hover {border: 1px solid var(--clr-gesellschaft)}
.articlecommenticon .newsdetailicons.blog .persoenlich__icon {background: linear-gradient(to left, #f4f4f4 50%, #777777 50%) right;background-size: 200%;width: 60px;border-radius:30px;}
.articlecommenticon .newsdetailicons.blog .persoenlich__icon:hover {border: 1px solid #777}
.articlecommenticon .newsdetailicons.mediapartner .persoenlich__icon {background: linear-gradient(to left, #f4f4f4 50%, #777777 50%) right;background-size: 200%;}
.articlecommenticon .newsdetailicons.mediapartner .persoenlich__icon:hover {border: 1px solid #777}


.articlecommenticon .newsdetailicons.blog .persoenlich__icon .icon-comment {padding-right:3px;}



.newsdetailicons a:hover .persoenlich__icon{
    background-position: left !important;
}

.newsdetailicons .pull-right {
    margin-left: 6px;
}


.persoenlich__icon .xxicon-Image{
    background: linear-gradient(to left, salmon 50%, lightblue 50%) right;
    font-size:40px;
    background-size: 200%;
    transition: .3s ease-out;
}
.persoenlich__icon .icon-Image:hover{
        background-position: left;
}


#footer .footericons .pull-left:not(:last-child),
.newsdetailicons .pull-left:not(:last-child){
    margin-right: 6px;
}
#footer .persoenlich__icon {
    border-radius: 100%;
    overflow: hidden;
    background: #fff;
    width:36px;
    height:36px;
    display:block;
    transition:150ms;
}
#footer .persoenlich__icon span {
    color: #333;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    width: 100%;
    display: inline-block;
}
#footer .persoenlich__icon:hover{
    /* background-position: left; */
    opacity: .9;
    
}


.social {position: relative;}
.socials {position: relative;  width: 160px; margin-top: 4px;}
.socialicon { font-size: 22px; text-align: center; }
.socialicon2 { font-size: 29px; text-align: center; line-height: 35px }
.socialiconjobs { font-size: 29px; text-align: left; line-height: 35px; float: left; padding-right: 8px; }
.socialiconjobs .fa-whatsapp {
    background: rgb(0, 0, 0) none repeat scroll 0 0;
    border-radius: 6px;
    color: rgb(255, 255, 255);
    font-size: 21px !important;
    padding: 3px 0 2px 5px;
    position: relative;
    top: -4px;
    width: 27px;
}
.socialiconjobs .fa-whatsapp:hover {
    background: #444;
}

.socialicon2.kategorie-werbung a { color: #6a5f52;}
.socialicon2.medien a { color: #68b351;}
.socialicon2.digital a { color: #8c49af;}
.socialicon2.marketing a { color: #003d2d;}
.socialicon2.pr a, .socialicon2.prcorporate-communication a { color: #ef4b34;}
.socialicon2.gesellschaft a { color: var(--clr-gesellschaft);}

.socialicon2.kategorie-werbung .fa-whatsapp { background-color: #6a5f52;}
.socialicon2.medien .fa-whatsapp { background-color: #68b351;}
.socialicon2.digital .fa-whatsapp { background-color: #8c49af;}
.socialicon2.marketing .fa-whatsapp { background-color: #003d2d;}
.socialicon2.pr .fa-whatsapp, .socialicon2.prcorporate-communication .fa-whatsapp { background-color: #ef4b34;}
.socialicon2.gesellschaft .fa-whatsapp { background-color: var(--clr-gesellschaft);}

.socialicon2.kategorie-werbung a:hover { color: #444;}
.socialicon2.medien a:hover { color: #444;}
.socialicon2.digital a:hover { color: #444;}
.socialicon2.marketing a:hover { color: #444;}
.socialicon2.pr a:hover,.socialicon2.prcorporate-communication a:hover { color: #444; }
.socialicon2.gesellschaft a:hover { color: #444;}

.socialicon2.kategorie-werbung .fa-whatsapp:hover { background-color: #444;}
.socialicon2.medien .fa-whatsapp:hover { background-color: #444;}
.socialicon2.digital .fa-whatsapp:hover { background-color: #444;}
.socialicon2.marketing .fa-whatsapp:hover { background-color: #444;}
.socialicon2.pr .fa-whatsapp:hover { background-color: #444;}
.socialicon2.gesellschaft .fa-whatsapp:hover { background-color: #444;}

.socialicon2 .fa-whatsapp {
    color: #fff;
    -moz-border-radius: 6px; 
    border-radius: 6px;
    font-size: 21px !important;
    padding: 2px 3px;
    position: relative;
    top: -3px;
}

.socials .articledetailmore p {
    margin-bottom: 4px;
}

.lazyNews {
    display: none;
}

.articledetailmore {
    text-transform: uppercase;
    margin-top: 18px;
    padding-right: 67px;
    text-align: right;
}
.articledetailmore a { 
    color: #333;
    font-weight: bold;
}
.articledate {
    font-weight: bold;
}
#clickcomment {
    color: #333;
    font-weight: bold;
    cursor: pointer;
}
#clickcomment:hover {
    text-decoration: underline;
}
.comment-i {
    font-family: Arial;
    font-size: 10px;
    line-height: 17px;
    color: #fff;
    text-align: center;
    width: 18px;
    height: 18px;
    display: inline-block;
    background: #333;
    border-radius: 50%;
    font-weight: 900;    
}

.widget.marktplatzsuche { background-color: #d90025; padding-bottom: 20px; height: auto; }
.widget.marktplatzsuche h3 {
    margin: 10px 10px 16px 10px;
    color:#fff;
    border-bottom: 6px solid #fff;
}
.widget.marktplatzsuche .form-control {
    background-color: #fff;
}
.widget.marktplatzsuche p {
    padding: 0 10px;
    color: #fff;
}
.catopt {
        background-color: #e2e2e2;
        color: #000;
    }
.widget.marktplatzsuche { background-color: #d90025; padding-bottom: 20px; height: 360px;}
    .widget.marktplatzsuche h3 {
        margin: 10px 10px 16px 10px;
        color:#fff;
        border-bottom: 6px solid #fff;
        padding-bottom: 7px;
    }
    .widget.marktplatzsuche .form-control {
        background-color: #fff;
    }
    .widget.marktplatzsuche p {
        padding: 0 10px;
        color: #fff;
    }
    .catopt {
        background-color: #e2e2e2;
        color: #000;
    }
    
    #marktplatzwidget .gotomarktplatz {
        display: none;
    }
    #marktplatzwidget input.form-control,
    #marktplatzwidget select.form-control,
    #newsletterwidget input.form-control {
        border-radius: 50px;
        height: 40px;
    }
    #newsletterwidget .form-group:last-child,
    #marktplatzwidget .col-md-12:last-child {
        position: absolute;
        bottom: 0;
        margin-bottom: 0 !important;
        left: 0px;
        width: 100%;
        height: 44px;
        background: #000;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #marktplatzwidget .col-md-12:last-child {
        padding: 0;
    }
    #newsletterwidget .form-group:last-child button,
    #marktplatzwidget .col-md-12:last-child button{
        width: 100%;
        height: 44px;
    }
    #newsletter_Abonnieren.btn { font-size:16px;}
    
.commentwidget a:hover {
    text-decoration: none;
}

.commentwidgettext {
    font-style: italic;
    margin: 3px 0;
}

.searchjobevents {
    width: 780px;
    height: 320px;
}

.bgfooter { background-color: #444; color: #fff; background-clip: content-box; font-size: 14px; line-height: 22px;margin-top: 70px;}
#footer h3  { margin: 0 0 86px 0; font-size: 14px; color: #ffffff; text-transform: none; line-height: 22px;}
#footer h3 strong  { font-size: 14px; color: #ffffff; text-transform: none; line-height: 22px;}
#footer h4  { margin: 0; font-size: 14px; color: #ffffff; text-transform: none; line-height: 20px; font-weight: bold;}
#footer a { color: #fff; display: block; margin-bottom: 10px;}
#footer a { margin-bottom: 0;}
#footer .btn { font-size: 12px;}
.footerlink { font-weight: 600; }
.fixheightfooter {height: 300px; position: relative;}
.footerorder {position: absolute; bottom: 0;}

.footersocials.team-share li { padding-right: 3px; }
.footersocials.team-share .fa-brands { font-size: 18px; }
.footersocials.team-share a:hover { color: #a9a9a9 !important; }

.footersocials .fa-stack {
    height: 1.8em;
    line-height: 1.8em;
    width:1.8em;
}
.footersocials .fa-stack-2x {
  font-size: 1.8em;
}
.copyright {font-size: 9px; font-weight: bold; }
.copy { font-size: 11px;}

.articlelead { 
    margin: 34px 0 44px 0;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    font-family: 'Onest';
}
.articleimagecaption { 
    margin: 10px 0; 
    font-weight: normal;
    font-size: 14px;
}
.articletext .mponest {
    font-family: Onest !important;
    font-size: 16px !important;
    font-weight: bold;
    line-height:20px;
    
}
.articletext .mponest span {
    font-size:12px;
    line-height: 16px;  
    font-weight: 400;
}

.teasermarginal { width: 300px;}

.teaser-active { 
    display: block !important;
    position: fixed;
}

.stickteaser {position: relative;}
.stickteaserinner {position: relative;  width: 300px;}
#teaserblock1, #teaserblock2, #teaserblock3, #teaserblock4 { display: none;}
.teaseractive { display: block !important;}
.widget {
    width: 100%;
    height: 360px;
    overflow: hidden;
    position: relative;
}
.h2Row .widget {
    height: 720px;
}
.h2Row .widget.jobs {
    height: 770px;
}

.widget h3,.subhead h3, .usersettings h3 {
    text-transform: uppercase;
    border-bottom: 5px solid #333;
    margin: 0 0 12px 0;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 6px;
}
.widget .widgettext  {
    font-weight: bold;
    color: #333;
    border-bottom: 3px solid #333;
    margin-bottom: 6px;
    padding-bottom: 6px;
    font-size: 14px;
}

.widget .widgettext a {
    color: #333;
}
.widget .widgettext.stellen {
    font-weight: normal;
}
.widget .widgettext p{
    font-weight: normal;
    padding-top:0.5em;
}

.widget .widgettext.wtextly div {
    margin-bottom: 6px;
}
.widget .widgettext.wtextly {
  border-bottom: 1px solid #333;
  margin-bottom: 16px;
  padding-bottom: 12px;
}
.widget .widgettext.wtextly .fgrey {
    color:#b3b3b3;
    font-weight: 400;
}

/* CALENDAR WIDGET */

.widget.calendar{
    height:inherit;
}

#calendar {
    height:inherit;
    color: white;
    padding: 0px !important;
}

.calendar-month-header {
    background: #000;
}
.green-panel {
    text-align: center;
    background: #ccc;
}

/* JOB WIDGET */

.widget .widgettext.new-job {
    color: rgba(0,0,0,0.4);
}

/* EVENTS WIDGET */

/* make small font-size when on page-highlighted */
.page-highlighted .small-text {
    font-size: 11px;
}

/**/

.eventfirstul li {
    margin: 30px 0 0 0 !important;
    
}

.titlemore h3 {
    text-transform: uppercase;
    border-bottom: 4px solid #333;
    margin: 0 0 12px 0;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 4px;
}

/** ADS **/
.banner-fullsize {
    height: auto;
}

.banner-fullsize .adslot {
    margin-bottom: 0;
}

.article-image {
    width: 100%;
}
.slot {
    height: 100%;
    position: relative;
    overflow: hidden;
}
.teaserimg {
    overflow-y: hidden;
}

.teaserimg {
    height: 169px;
    margin-bottom: 14px;
}

.h2Row .teaserimg {
    height: 348px;
    margin-bottom: 40px;
}
.noheight { height: auto !important;}
.inputerror { 
    color: #d90025;
    font-weight: bold;
}

a.linkred {
    color: #d90025;
}

.user-register #appdatabundle_user_dateOfBirth select {
    margin-right: 10px;
}

.usersettings a.no-button, a.no-button_red {
    color: #d90025;
    border-bottom: 1px dotted #d90025;
}
.usersettings a:hover {
    color: #333;
    border-bottom: 1px dotted #333;
    text-decoration: none;
}
.usersettings a.btn:hover {
    color: #fff; 
    background-color: #444;
    transition: background-color 0.2s ease-in-out 0s
}
.usersettings ul {
    margin: 14px 0 20px 0;
}
.usersettings h2 {
    margin-bottom: 10px;
    text-decoration: underline;
    font-size: 20px;
}
.accountsettings li {
    margin-bottom: 20px;
}

/* FORM CONTROL*/
.form-control {
    background-color: rgb(232, 232, 230,.6);
    border-radius: 0;
    border:0;
    color:#333;
    box-shadow:none;
}
.form-control:focus {
    border-color: #666;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 3px rgba(92, 92, 92, 0.6)
}
.form-control::placeholder,
.form-control::-webkit-input-placeholder{
  font-family: 'Onest';
  color: #777;
}


/* required asterisk */

label.required:after {
    content: "*";
    color: #d90025;
}

.btn { 
    border-radius: 0;
    padding: 6px 15px;
    border: 0;
}

.btn-persoenlich, .btn-persoenlich:focus, .btn-persoenlich:active,
.articletext a.btn-persoenlich, .articletext a.btn-persoenlich:focus, .articletext a.btn-persoenlich:active,
.btn-default, .btn-default:focus, .btn-default:active,
.btn-primary, .btn-primary:focus, .btn-primary:active
{ 
    color: #fff; 
    background-color: #000;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration:none;
}

.btn a, .btn:focus a, .btn:active a,
.btn-persoenlich a, .btn-persoenlich:focus a, .btn-persoenlich:active a,
.btn-default a, .btn-default:focus a, .btn-default:active a,
.btn-primary a, .btn-primary:focus a, .btn-primary:active a {
    color: #fff!important;
}

.btn:hover, .btn-persoenlich:hover, .btn-default:hover, .articletext a.btn-persoenlich:hover,
.btn-primary:hover {
    color: #fff; 
    background-color: #d90025;
    transition: background-color 0.2s ease-in-out 0s
}
.heft.btn-persoenlich:hover { 
    background-color: #787878;
}

.btn-pcom, .btn-pcom:focus, .btn-pcom:visited, 
.btn-pcom a, .btn-pcom:focus a, .btn-pcom:visited a{
    color: #fff; 
    background-color: #000;
    font-weight: bold;
    text-transform: uppercase;
    transition: 300ms;
    padding: 6px 15px;
}

.btn-pcom:hover {
    opacity: .7 !important;
    background-color: #111;
}

.dropdown-menu { font-size: 12px;}
#appdatabundle_user_latlng_current_position, 
#appdatabundle_job_latlng_current_position, 
#appdatabundle_situationwanted_latlng_current_position,
#appdatabundle_event_latlng_current_position{
    margin-top:16px;
}
#appdatabundle_user_latlng_search_button, 
#appdatabundle_job_latlng_search_button, 
#appdatabundle_situationwanted_latlng_search_button,
#appdatabundle_event_latlng_search_button { margin-left: 10px; padding: 7px 12px;}
.breadcrumb { background-color: #111; color: #e4e4e4; }
.breadcrumb > .active { color: #fff; }
.breadcrumb a { color: #e4e4e4; }

.table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #e4e4e4;}

.marginalright .mt30 .widget, .marginalright .mt30 .adslot { height: auto; }
.marginalright .mt30 #newsletterwidget,
.marginalright .mt30 #marktplatzwidet{
    height: 360px;
}
.marginalright .mt30 .widget { margin-bottom: 50px; }
.marginalright .adslot { margin-bottom: 0;}

.stellenmarktsearch { 
    margin-top: 70px; 
    padding: 14px;
    background: transparent linear-gradient(to top, #b3b3b3, #fff) repeat scroll 0% 0%;

}
.stellenmarktsearch h2 { font-size: 32px; font-weight: bold;}
.stellenmarktsearch .aktuell { color: #787878; font-size: 20px; font-weight: bold;}

.gradient {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#868384+0,ffffff+100&1+0,0+100 */
    background: -moz-linear-gradient(top,  rgba(134,131,132,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(134,131,132,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(134,131,132,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(134,131,132,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(134,131,132,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(134,131,132,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#868384', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.team-share li {
    padding: 0;
}
.team-share li a {
    font-size: 20px;
    color: #000;
}
.team-share {
    margin-bottom: 20px;
}

.small-underline {
    border-bottom: 3px solid #333;
}

.big-underline {
    border-bottom: 8px solid #333;
}

h1.big-underline {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 48px;
    padding-bottom: 10px;
}

h2.subheadline {
    font-weight: 600;
    font-size: 24px;
}

.blog h2 {
    margin-bottom: 30px;
}

.blog h3.big-underline {
    margin: 0 0 10px 0;
    font-weight: 700;
    font-size: 16px;
    border-bottom: none;
}

h3.big-underline {
    border-bottom: 6px solid #000;
    margin: 0 0 12px 0;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 6px;
}

h4.big-underline {
    border-bottom: 3px solid #000;
    margin-bottom: 14px;
    font-weight: 700;
    font-size: 14px;
}
.readblog {
    margin: 20px 0 30px 0;
    font-weight: bold;
}
.readblog a {
    color: var(--clr-persoenlich);
}

.blogbtncomment {
    background-color: var(--clr-persoenlich);
}

.blogmarginal h3.big-underline {
    border-bottom: 6px solid #000;
    font-size: 14px;
}
.blogmarginal .socialsmobile {
    height: 28px;
}

.widgetblog a:hover {
    text-decoration: none;
}

.blogauthorimg {
    border-radius: 100%;
    margin: 0 auto 16px auto;
}
.blogcomment {
    position:absolute; 
    top:6px;
    right: 10px;
    background:#e6e6e6;
    border-radius: 6px;
    padding: 3px 8px;
}

.blogdate {
    color: #b3b3b3;
    padding-top:12px;
}
.blogdivider {margin-bottom:0;}
.rowblogbig .row .innerblogdivider {
    margin-bottom: 36px;
    padding-bottom: 36px;
    border-bottom: 1px solid #333;
}
.rowblogbig h2 {
    margin: 6px 0 16px 0;
    font-size: 20px;
    font-weight: 600;
}
.rowblogbig .wblogtext {
    font-weight: 600;
    margin-bottom:20px;
}
.rowblogbig .borderb::after {
    content:'';
    display:block;
    border-bottom: 1px solid #333;
}
.rowblogbig a:hover {
    color: var(--clr-persoenlich);
}
.rowblogbig .icon-comment {
    padding-right: 3px;
    position: relative;
    top: 2px;
}

.team h2 {
    margin-top: 0;
}
.team h4.subteam {
    margin-top: 0;
    font-size:14px;
    font-weight: 600;
}
.team .teamtext {
    margin: 30px 0;
}

.team-article {
    display: inline-block;
    width: 100%;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
}
a.team-article:hover {
    color:var(--clr-persoenlich);
} 
.teammember h2 {
    padding-top: 20px;
    font-size:18px;
    line-height: 1.6;
    font-weight: 700;
    margin-bottom:0;
}
.teammember.widget {
    height: auto !important;
    padding-bottom:0;
    margin-bottom:40px;
}
.teammember.widget h3 {
    margin-bottom: 24px;
}

.teamborderbottom {
    border-bottom:1px solid #333;
    width: 100%;
    padding-top:10px;
    margin-bottom:0;
}
.teammemberdetail h2 {
    font-weight:700;
    margin-bottom:6px;
    font-size: 18px;
}
.teammemberdetail h4 {
    font-weight:600;
    font-size:14px;
    margin-top: 0;
}
.teammemberdetail img {
    border-radius:100px;
    max-width:200px;
}

.image-cropper {
    width: 200px;
    height: 200px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
}
.profile-pic {
  display: inline;
  margin: 0 auto;
  margin-left: -25%; 
  height: 100%;
  width: auto;
  max-width: initial;
}


.pagination>span{
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none !important;
	color: #000;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px;
        font-family: 'Onest', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.pagination>span:first-child {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}

.pagination>span:last-child  {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px
}

.pagination>a:hover,
.pagination>span:hover,
.pagination>a:focus,
.pagination>span:focus {
	z-index: 3;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd;
        text-decoration: none;
}

.pagination>.current,
.pagination>.current:hover {
	z-index: 2;
	color: #fff;
	background-color: #000;
	border-color: #000;
	cursor: default;
        text-decoration: none;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
	color: #777;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed;
        text-decoration: none;
}

a.link-button, a.link-button:focus, a.link-button:active {
    color: #000;
    display: inline-block;
    font-weight: 700;
    height: 100%;
    line-height: 14px;
    vertical-align: middle;
}

a.link-button:hover {
    color: #444;
}

.comment-page h3 {
    font-size: 18px;
    font-weight: 600;
}

.comment-page h1.big-underline {
    border-bottom-width: 8px;
    padding-bottom: 10px;
}

.comment-page .vita {
    font-size: 11px;
    font-style: italic;
    margin-bottom: 40px;
}
.comment-page .text-center img {
    margin: 0 auto;
}

.team-share.list-inline {
    margin-left: 0;
}

.team-share .fa-brands {
    font-size: 27px;
}

/** KOMMENTIEREN **/
.detailBox {
    width:100%;
    /*border:1px solid #bbb;*/
    margin: 50px 0 20px 0;
}

/*
.detailBox button, #appbundle_newsletter_Abonnieren {
    font-weight: normal;
}
*/
.detailBox.detail-box-kategorie-werbung h3 { color: #6a5f52; }
.detailBox.detail-box-medien h3 { color: #68b351; }
.detailBox.detail-box-digital h3 { color: #8c49af; }
.detailBox.detail-box-marketing h3 { color: #003d2d; }
.detailBox.detail-box-pr h3 { color: #ef4b34; }
.detailBox.detail-box-gesellschaft h3 { color: var(--clr-gesellschaft); }
 
.titleBox {
    background-color:#f7f7f7;
    padding:10px;
}
.titleBox label{
    color:#444;
    margin:0;
    display:inline-block;
}
.teasericons .label-persoenlich {
    font-size: 100%;
}

.teasericons .isexclusive {
    right: -15px;
    position: relative;
    top: 0;
}

.teasericons .isexclusive .label-persoenlich{
    font-size: 10px;
    position: relative;
    background: #fff;
    color: #333;
    border: 1px solid #333;
}
.isexclusive .label {
    border-radius: 0;
}
.teaser .teasericons {
    font-size: 16px;
    height:32px;
}
.commentBox {
    padding:10px;
    border-top:1px dotted #bbb;
}
.commentBox .form-group:first-child, .actionBox .form-group:first-child {
    width:100%;
}

.actionBox .form-group * {
    width:100%;
}
.taskDescription {
    margin-top: 10px 0;
}
.commentList {
    padding:0;
    list-style:none;
    max-height:200px;
    overflow:auto;
}
.commentList li {
    margin:0;
    margin-top:10px;
}
.commentList li > div {
    display:table-cell;
}
.commenterImage {
    width:30px;
    margin-right:5px;
    height:100%;
    float:left;
}
.commenterImage img {
    width:100%;
    border-radius:50%;
}
.commentText p {
    margin:0;
}
.sub-text {
    color:#aaa;
    font-family:verdana;
    font-size:11px;
}
.actionBox {
    border-top:1px dotted #bbb;
    padding:10px;
}

.pd5 {
    padding: 5px;
}

.pd10 {
    padding: 10px;
}

/** KOMMENTIEREN ENDE **/

.list-search .col-xs-10 {
    padding-top: 50px;
}

.list-search .search-form {
    position: absolute;
    left: 3%;
    top: 0;
    /* bottom: 5%;*/
    background-color: #fff;;
    padding: 0 15px 10px 15px;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    min-height: 340px;
}

.list-search .search-form h4.title {
    border-bottom: 2px solid #000;
}

.list-search .search-form div {
    padding-top: 0;
}


.list-search .search-form button, .list-search .search-form .btn-default {
    width: 100%;
}


.list-search .search-form button {
    margin-bottom: 2px;
}

.list-searchresult .big-underline {
    border-bottom: 2px solid #333;
    line-height: 1.8;
}
.searchresultpreviewtext {
    font-family: 'Onest', "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 6px 0 16px 0;
    font-size: 16px;
}

.sortable {
    color: #000;
}

.sortable:hover {
    color: #444;
}

.sort-list {
    border-bottom: 2px solid #000;
    margin-left:0;
}

.keyword-search {
    min-height: 150px;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(204,204,204,0.79) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(204,204,204,0.79)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(204,204,204,0.79) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(204,204,204,0.79) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(204,204,204,0.79) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(204,204,204,0.79) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=0 );
    padding-top: 20px;
    margin-bottom: 40px;
}

.borderBtSoft {
    border-bottom: 8px solid #9c9e9f;
}

.keyword-search .input-container {
    margin-top: 20px;
}

.keyword-search input {
    background-color: #fff;
}

.keyword-search .subnav-container {
    margin-top: 30px;
    margin-bottom: 10px;
}



strong.small, strong.small * {
    font-size:14px;
}

.jobtitledetail {
    font-size: 48px;
    font-family: 'Bitter';
    margin-bottom: 10px;
}

.job-list h4 {
    font-size: 21px;
    font-weight: 700;
}

.job-list li {
    margin-bottom: 30px;
    cursor: pointer;
}

.job-list li ul li {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

.job-list li p {
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    margin-bottom: 20px;
}

h2.subheadline {
    font-weight: 700;
    font-size: 28px;
}

.list-search input {
    background-color: #fff;
    border-color: #000;
}

.list-search select {
    background-color: #fff;
    border:none;
    font-weight: 600;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    box-shadow: none;
    border-bottom: 3px solid #000;
    text-transform: uppercase;
    font-size: 12px;
    text-align: right;
    padding-bottom: 0;
}

.list-search select option {
    width: inherit;
    text-align: left;
    text-transform: none;
}

.list-search .select .form-group, .list-search .input .form-group {
    width: 100%;
    position: relative;
}

.list-search .select .form-group:after {
    content: "\00a0\f0d7";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top:20%;
}

.list-search .input .form-group:after {
    content: "\00a0\f0d9";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top:20%;
}

.list-search .select .form-control:focus {
    box-shadow: none;
}
.list-unstyled strong {
    color: #9c9e9f;
}

.title-serif {
    font-size: 52px;
    font-family: 'Bitter';
}

.serif {
    font-size: 16px;
    font-family: 'Bitter';
}

.responsiveContainer {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.interview .question {
    color: #666;
}


/** WIZARD NAV **/
ul.nav-wizard {
    background-color: #f9f9f9;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    *zoom: 1;
    position: relative;
    overflow: hidden;
}
ul.nav-wizard:before {
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 46px;
    height: 47px;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    z-index: 11;
    content: " ";
}
ul.nav-wizard:after {
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 138px;
    height: 47px;
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    z-index: 11;
    content: " ";
}
ul.nav-wizard li {
    position: relative;
    float: left;
    height: 46px;
    display: inline-block;
    text-align: middle;
    padding: 0 20px 0 30px;
    margin: 0;
    font-size: 16px;
    line-height: 46px;
}
ul.nav-wizard li a {
    color: #444;
    padding: 0;
}
ul.nav-wizard li a:hover {
    background-color: transparent;
}
ul.nav-wizard li:before {
    position: absolute;
    display: block;
    border: 24px solid transparent;
    border-left: 16px solid #d4d4d4;
    border-right: 0;
    top: -1px;
    z-index: 10;
    content: '';
    right: -16px;
}
ul.nav-wizard li:after {
    position: absolute;
    display: block;
    border: 24px solid transparent;
    border-left: 16px solid #f9f9f9;
    border-right: 0;
    top: -1px;
    z-index: 10;
    content: '';
    right: -15px;
}
ul.nav-wizard li.active {
    color: #fff;
    background: #000;
}
ul.nav-wizard li.active:after {
    border-left: 16px solid #000;
}
ul.nav-wizard li.active a,
ul.nav-wizard li.active a:active,
ul.nav-wizard li.active a:visited,
ul.nav-wizard li.active a:focus {
    color: #fff;
    background: #000;
}
ul.nav-wizard .active ~ li {
    color: #999999;
    background: #ededed;
}
ul.nav-wizard .active ~ li:after {
    border-left: 16px solid #ededed;
}
ul.nav-wizard .active ~ li a,
ul.nav-wizard .active ~ li a:active,
ul.nav-wizard .active ~ li a:visited,
ul.nav-wizard .active ~ li a:focus {
    color: #999999;
    background: #ededed;
}
ul.nav-wizard.nav-wizard-backnav li:hover {
    color: #444;
    background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover:after {
    border-left: 16px solid #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover a,
ul.nav-wizard.nav-wizard-backnav li:hover a:active,
ul.nav-wizard.nav-wizard-backnav li:hover a:visited,
ul.nav-wizard.nav-wizard-backnav li:hover a:focus {
    color: #444;
    background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li {
    color: #999999;
    background: #ededed;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li:after {
    border-left: 16px solid #ededed;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li a,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:active,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus {
    color: #999999;
    background: #ededed;
}
/** END WIZARD **/

#filterList li strong {
    color: #9c9e9f;
}


#verbandspartner img { float: right; }
#verbandspartner a.medienparter { 
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    border-bottom: 4px solid #222222;
    padding-bottom: 40px;
    width: 100%;
}
.breakingred {
    color: #d90025;
    font-weight: 700;
}

/* DETAILS PAGE */

.page-highlighted strong {
    font-weight: bold;
    color: black;
    font-size: inherit;
    text-transform: none;
}

.page-highlighted {
    /*background-color: #f5f5f5;*/
    padding: 0 20px;
}

.project-flexslider{
    height: 190px;
}

.marketplace-details{
    font-weight: 600;
}

.marketplace-details div{
    margin-bottom: 10px;
}

.btn-grey {
    background: rgba(68,68,68,0.7);
    background: -moz-linear-gradient(top, rgba(68,68,68,0.7) 0%, rgba(68,68,68,0.53) 29%, rgba(68,68,68,0.42) 49%, rgba(68,68,68,0.4) 51%, rgba(68,68,68,0.12) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(68,68,68,0.7)), color-stop(29%, rgba(68,68,68,0.53)), color-stop(49%, rgba(68,68,68,0.42)), color-stop(51%, rgba(68,68,68,0.4)), color-stop(100%, rgba(68,68,68,0.12)));
    background: -webkit-linear-gradient(top, rgba(68,68,68,0.7) 0%, rgba(68,68,68,0.53) 29%, rgba(68,68,68,0.42) 49%, rgba(68,68,68,0.4) 51%, rgba(68,68,68,0.12) 100%);
    background: -o-linear-gradient(top, rgba(68,68,68,0.7) 0%, rgba(68,68,68,0.53) 29%, rgba(68,68,68,0.42) 49%, rgba(68,68,68,0.4) 51%, rgba(68,68,68,0.12) 100%);
    background: -ms-linear-gradient(top, rgba(68,68,68,0.7) 0%, rgba(68,68,68,0.53) 29%, rgba(68,68,68,0.42) 49%, rgba(68,68,68,0.4) 51%, rgba(68,68,68,0.12) 100%);
    background: linear-gradient(to bottom, rgba(68,68,68,0.7) 0%, rgba(68,68,68,0.53) 29%, rgba(68,68,68,0.42) 49%, rgba(68,68,68,0.4) 51%, rgba(68,68,68,0.12) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#444444', GradientType=0 );
    color: #000;
    font-size: 18px;
    padding: 10px 0;
}

.width12 {
    width: 100%;
}

.external-event {
    cursor: move;
    display: inline-block !important;
    margin-bottom: 7px !important;
    margin-right: 7px !important;
    padding: 10px;
}

.drop-after {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #ccc;
}

.fc-state-default, .fc-state-default .fc-button-inner {
    background: #f2f2f2;
}

.fc-state-active .fc-button-inner {
    background: #FFFFFF;
}

.img-logo img{
    max-height: 128px;
}
/* END DETAILS PAGE*/

/*INTERVIEW PAGE*/

/* listnav */

.listNav{
    margin: 2em 0;
    font-size: 12px;
}

/* VIDEOBOX PAGE*/

.videobox {
    position: relative;
    padding-bottom: 55%;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
    margin-bottom: 30px;
}
.videobox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* PHOTOBOX PAGE*/

.photoboxouter {
    -moz-column-width: 200px;
     -webkit-column-width: 200px;
     -moz-column-gap: 7px;
     -webkit-column-gap: 7px; 
}
.photobox {
    margin: 0 0 26px 0; 
    min-width: 200px; 
    text-align: center;
    display: inline-block; 
    width: 200px; 
}


.page-highlighted  > div > div > p > iframe {
    width: 100%;
}

.page-highlighted  > div > div > p > iframe {
    width: 100%;
}

.lead_short {
    display: block;
}

.lead_big {
    display: none;
}

.col-md-8.h2Row .lead_short {
    display: none;
}

.col-md-8.h2Row .teaserinterview {
    margin: 20px 0 ;
    font-weight: 700;
    text-transform: uppercase;
}
.col-md-8.h2Row .teaserinterview.kategorie-werbung { color:#6a5f52 }
.col-md-8.h2Row .teaserinterview.medien { color:#68b351 }
.col-md-8.h2Row .teaserinterview.digital { color:#8c49af }
.col-md-8.h2Row .teaserinterview.marketing { color:#003d2d }
.col-md-8.h2Row .teaserinterview.prcorporate-communication { color:#ef4b34 }
.col-md-8.h2Row .teaserinterview.gesellschaft { color:var(--clr-gesellschaft) }



.articletext #articleCredits h3.credits-kategorie-werbung  { border-bottom: 4px solid #6a5f52; color:#6a5f52 }
.articletext #articleCredits h3.credits-medien  { border-bottom: 4px solid #68b351; color:#68b351 }
.articletext #articleCredits h3.credits-digital  { border-bottom: 4px solid #8c49af; color:#8c49af }
.articletext #articleCredits h3.credits-marketing  { border-bottom: 4px solid #003d2d; color:#003d2d }
.articletext #articleCredits h3.credits-prcorporate-communication , .articletext #newsComments .credits-prcorporate-communication  { border-bottom: 4px solid #ef4b34; color:#ef4b34 }
.articletext #articleCredits h3.credits-gesellschaft { border-bottom: 4px solid var(--clr-gesellschaft); color:var(--clr-gesellschaft) }

.col-md-8.h2Row .lead_big {
    display: block;
}

.newsticker {
    border-radius: 5px;
    color: #fff;
    cursor: default;
    font-family: verdana;
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    padding: 0 10px 0 10px;
    height: 30px;
    position: relative;
    overflow: hidden;
    max-width:800px;
    margin:0 auto;
    margin-top: 20px;
    text-align: center;
}

.newsticker .newsticker-list {
    position: absolute;
    top: 7.2px;
}

.newsticker .newsticker-list .newsticker-item {
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
}


.detailBox button {
    background-color: #333;
    font-family: 'Onest', "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.detailBox h3 button {
    background-color: transparent;
    border: none;
}



.detailBox form input, .detailBox form textarea {
    width: 100%;
}

.detailBox li {
    border-bottom: 3px solid #777;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.detailBox ::-webkit-input-placeholder {
    color: #777;
    font-weight: 400;
}

.detailBox :-moz-placeholder { /* Firefox 18- */
    color: #777;
    font-weight: 400;
}

.detailBox ::-moz-placeholder {  /* Firefox 19+ */
    color: #777;
    font-weight: 400;
}

.detailBox :-ms-input-placeholder {
    color: #777;
    font-weight: 400;
}

.newsticker-list {
    padding-left: 0;
    list-style-type: none;
}
.newsticker-item, .newsticker-list {
    width: 100%;
}

.printblack {
    color: #000;
}

#publisuisse {
    height: 350px;
}

.label-persoenlich {
    background-color: #333;
    margin-right: 5px;
    font-size: 85%;
    padding: .2em .6em .2em;
}
.blogauthorimg {
    border-radius: 100%;
    margin: 0 auto 16px auto;
}
.blogcomment {
    position:absolute; 
    top:6px;
    right: 10px;
    background:#f4f4f4;
    border-radius: 99px;
    padding: 3px 14px;
}

.blogdate {
    color: #b3b3b3;
    padding-top:12px;
}

.rowblogbig a {
     transition: 0;
}
.rowblogbig a:hover,
.rowblogbig a:active,
.rowblogbig a:focus{
    text-decoration:none;
}
a .blogcomment,
a .blogteasertitle,
a .wblogtext {
    color: #333;
    text-decoration: none !important;
}
a:hover .blogcomment,
a:hover .blogteasertitle,
a:hover .wblogtext {
    color: #333;
    text-decoration: none !important;
}
a:hover .blogdate {
    colot: #b3b3b3;
}

.blogdivider {margin-bottom:0;}
.rowblogbig .innerblogdivider {
    margin-bottom: 36px;
    padding-bottom: 36px;
    border-bottom: 1px solid #333;
}
.rowblogbig h2 {
    margin: 6px 0 16px 0;
    font-size: 20px;
    font-weight: 600;
}
.rowblogbig .wblogtext {
    font-weight: 600;
    margin-bottom:20px;
}
.rowblogbig .borderb::after {
    content:'';
    display:block;
    border-bottom: 1px solid #333;
}

.tvkritikauthor hr {
    margin: 20px 0; 
    border-top: 1px solid #333333;
}
.tvkritikauthor img {
    margin-top: 4px;
}
.tvkritikauthor .tvauthorintro {
    font-size: 15px !important;
    line-height: 21px;
}

.lyrteaser {
    position: absolute; 
    bottom:0; 
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 10px;
}
.lyrteaser.kategorie-werbung  { background-color: #6a5f52; color: #fff; }
.lyrteaser.medien  { background-color: #68b351; color: #fff; }
.lyrteaser.digital  { background-color: #8c49af; color: #fff; }
.lyrteaser.marketing  { background-color: #003d2d; color: #fff; }
.lyrteaser.pr, .lyrteaser.prcorporate-communication { background-color: #ef4b34; color: #fff; }
.lyrteaser.gesellschaft  { background-color: var(--clr-gesellschaft); color: #fff; }

.lyrteaser.lyrteasernoimage {
    position: relative;
    display: inline;
}

#magazineBottom, #podcastBottom {
    background-color: #d90025;
    /* box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.4); */
    height: 51px;
    width: 100%;
    position: fixed;
    bottom: 0;
    right: 0;
    left:0;
    z-index:100;
    transition: all .3s;
    display:block;
}
#podcastBottom {
    z-index:500;
}
.MagazineFixedText,
.PodcastFixedText {
    text-align:center;
    color: #fff;
    font-size:20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    line-height: 1.2;
}
.MagazineFixedText a,
.PodcastFixedText a{
    color: #fff;
    text-decoration: none;
    transition: 300ms;
}
.MagazineFixedText a:hover,
.PodcastFixedText a:hover {
    opacity: .7;
}
#backTop,.cleverpush-bell {
    bottom: 60px !important
}
@media only screen and (max-width:480px){
    #magazineBottom,
    #podcastBottom{
        height:56px;
    }
    .MagazineFixedText, 
    .PodcastFixedText {
        font-size:18px;
    }
    .MagazineFixedText a span,
    .PodcastFixedText a span{
        display:block;
    }
}

/* PRINT */
.printpage h1 {
    font-size: 44px;
    color: #d90025;
    font-weight: 700; 
    margin: 0 0 10px 0;
}

.bodyprint .articletop h1 {
    font-size: 30px;
    border-bottom: 3px solid #333;
}

.pdfdownload { 
    color: #fff !important;
    text-decoration: none !important;
}
.pdfdownload:hover { 
    color: #fff;
}
.printdate {
    display: none;
}

/*Main stylesheet for Backtop jQuery Plugin */
#backTop{
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius:4px;
    text-indent:-9999px;
    cursor:pointer;
    z-index:999999999;
    display:none;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
}

#backTop.red{
    border: 1px solid var(--clr-persoenlich);
    display: flex;
    align-items: center;
    justify-content:center;
    color: var(--clr-persoenlich);
    background: linear-gradient(to left, #fff 50%, var(--clr-persoenlich) 50%) right;
    background-size: 200%;
    transition: .15s ease-out;
    text-indent: initial;
    font-size: 14px;
    /* background:url(/img/icons/up.svg) no-repeat center center rgba(255,255,255,0.8); 
    background-size:40px; */
    border-radius: 50px;
}
#backTop.red:hover{
    background-position:left;
    color: #fff;
    text-decoration:none;
}

.cleverpush-bell {
    filter: none !important;
    background-image: none!important;
}
.cleverpush-bell::before {
    content: '\e900';
    font-family: 'icomoon' !important;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    line-height: 22px;
}

.gallery-plugin {
    display: none;
}


/* Loading animation */
.loading {
    background-color: #404456;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.8;
    box-shadow: inset 0 0 20px #ffffff;
    display: none;
}

#loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2.7em;
    margin-left: -2.7em;
    width: 5.4em;
    height: 5.4em;
}

#hill {
    position: absolute;
    width: 7.1em;
    height: 7.1em;
    top: 1.7em;
    left: 1.7em;
    background-color: transparent;
    border-left: .25em solid whitesmoke;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#hill:after {
    content: '';
    position: absolute;
    width: 7.1em;
    height: 7.1em;
    left: 0;
    background-color: #404456;
}

#box {
    position: absolute;
    left: 0;
    bottom: -.1em;
    width: 1em;
    height: 1em;
    background-color: transparent;
    border: .25em solid whitesmoke;
    border-radius: 15%;
    -webkit-transform: translate(0, -1em) rotate(-45deg);
    -moz-transform: translate(0, -1em) rotate(-45deg);
    -ms-transform: translate(0, -1em) rotate(-45deg);
    transform: translate(0, -1em) rotate(-45deg);
    animation: push 2.5s cubic-bezier(.79, 0, .47, .97) infinite;
}

#loaderText {
    position: absolute;
    bottom: 20%;
    color: #fff;
    width: 100%;
    text-align: center;
    font-weight: bold;
}

#sidebutton {
    left: 0px;
    top: 42%;
    height: 175px;
    width: 202px;
    margin: 0;
    padding: 0;
    position: fixed;
    z-index: 9999;
}

#sidebutton img {
    opacity:0;
    -moz-transition: opacity 2s; /* Firefox 4 */
    -webkit-transition: opacity 2s; /* Safari and Chrome */
    -o-transition: opacity 2s;
    transition: opacity 2s;
}

@-webkit-keyframes push {
    0% {
        -webkit-transform: translate(0, -1em) rotate(-45deg);
    }
    5% {
        -webkit-transform: translate(0, -1em) rotate(-50deg);
    }
    20% {
        -webkit-transform: translate(1em, -2em) rotate(47deg);
    }
    25% {
        -webkit-transform: translate(1em, -2em) rotate(45deg);
    }
    30% {
        -webkit-transform: translate(1em, -2em) rotate(40deg);
    }
    45% {
        -webkit-transform: translate(2em, -3em) rotate(137deg);
    }
    50% {
        -webkit-transform: translate(2em, -3em) rotate(135deg);
    }
    55% {
        -webkit-transform: translate(2em, -3em) rotate(130deg);
    }
    70% {
        -webkit-transform: translate(3em, -4em) rotate(217deg);
    }
    75% {
        -webkit-transform: translate(3em, -4em) rotate(220deg);
    }
    100% {
        -webkit-transform: translate(0, -1em) rotate(-225deg);
    }
}

@-moz-keyframes push {
    0% {
        -moz-transform: translate(0, -1em) rotate(-45deg);
    }
    5% {
        -moz-transform: translate(0, -1em) rotate(-50deg);
    }
    20% {
        -moz-transform: translate(1em, -2em) rotate(47deg);
    }
    25% {
        -moz-transform: translate(1em, -2em) rotate(45deg);
    }
    30% {
        -moz-transform: translate(1em, -2em) rotate(40deg);
    }
    45% {
        -moz-transform: translate(2em, -3em) rotate(137deg);
    }
    50% {
        -moz-transform: translate(2em, -3em) rotate(135deg);
    }
    55% {
        -moz-transform: translate(2em, -3em) rotate(130deg);
    }
    70% {
        -moz-transform: translate(3em, -4em) rotate(217deg);
    }
    75% {
        -moz-transform: translate(3em, -4em) rotate(220deg);
    }
    100% {
        -moz-transform: translate(0, -1em) rotate(-225deg);
    }
}

@-ms-keyframes push {
    0% {
        -ms-transform: translate(0, -1em) rotate(-45deg);
    }
    5% {
        -ms-transform: translate(0, -1em) rotate(-50deg);
    }
    20% {
        -ms-transform: translate(1em, -2em) rotate(47deg);
    }
    25% {
        -ms-transform: translate(1em, -2em) rotate(45deg);
    }
    30% {
        -ms-transform: translate(1em, -2em) rotate(40deg);
    }
    45% {
        -ms-transform: translate(2em, -3em) rotate(137deg);
    }
    50% {
        -ms-transform: translate(2em, -3em) rotate(135deg);
    }
    55% {
        -ms-transform: translate(2em, -3em) rotate(130deg);
    }
    70% {
        -ms-transform: translate(3em, -4em) rotate(217deg);
    }
    75% {
        -ms-transform: translate(3em, -4em) rotate(220deg);
    }
    100% {
        -ms-transform: translate(0, -1em) rotate(-225deg);
    }
}

@keyframes push {
    0% {
        transform: translate(0, -1em) rotate(-45deg);
    }
    5% {
        transform: translate(0, -1em) rotate(-50deg);
    }
    20% {
        transform: translate(1em, -2em) rotate(47deg);
    }
    25% {
        transform: translate(1em, -2em) rotate(45deg);
    }
    30% {
        transform: translate(1em, -2em) rotate(40deg);
    }
    45% {
        transform: translate(2em, -3em) rotate(137deg);
    }
    50% {
        transform: translate(2em, -3em) rotate(135deg);
    }
    55% {
        transform: translate(2em, -3em) rotate(130deg);
    }
    70% {
        transform: translate(3em, -4em) rotate(217deg);
    }
    75% {
        transform: translate(3em, -4em) rotate(220deg);
    }
    100% {
        transform: translate(0, -1em) rotate(-225deg);
    }
}

@media print { 
    #social, #search, #socialmobile, #newsComments, #stopsocials, .footersocials, .navtop, .team-share, .noprint, #backTop, #footer .btn.noprint  {
        display: none;
    }
    #stickteaser {
        display: none;
    }
    .adslot, .adslot-fireplace {
        display:none;
    }
    .column, .column.h2Row {
        height: auto;
    }
    .printdate {
        display: block;
        font-weight: bold;
    }

}


@media only screen and (max-width:1593px) and (min-width:993px) {
    #outer-nav.outer-nav-small {
        left: 0;
        margin-left: 35px;
     }
      .container {
          margin-left: 20px;
      }
}