.respTextTitle
{
    font-size:8vw;
}

.clearfix:after
{
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

@media screen and (min-width:650px)
{
    .respTextTitle
    {
        font-size:52px
    }
}

body
{
    background-color:#f8f8f8;
    font-family: 'Roboto', sans-serif;
    /*font-weight:lighter;*/
    font-size: 12pt;
}

button:focus
{
    outline:0px;
}

ul.nav.menu
{
    list-style:none;
}

strong
{
    /*font-weight: 400;*/
    font-weight: bold;
    color: black;
}

.navigation
{
    padding: 4px;
    margin-bottom: 0px;
    min-height: 30px;
    width: 100%;
    padding-bottom: 3px;
    padding-right: 1px;
    padding-top: 0px;
}

.banner
{
    text-align: center;
}

.content
{
    background-color:transparent;
    overflow: hidden;
}

.item-page
{
    padding:0px 10px;
}

.youtube
{
    width:100%;
    height:473px;
    max-height:54vw;
}

.left, .right
{
    background-color:transparent;
}

.main
{
    background-color:white;
    box-shadow: 0px -3px 3px RGBa(0,0,0,0.3);
    min-height:100%;
    border-radius:1px;
    position:relative;
}

.laufband
{
    line-height:30px;
    overflow:hidden;
    width:100%;
    margin:0px auto;

}

.laufband a
{
    display: inline-block;
    text-decoration:none;
    color: #fff;
    font-size: 12pt;
    font-weight: 500;
}

.laufbandwrapper
{
    width:100%;
    margin-bottom: 7px;
    background:#ff0000;
}

.laufband ul
{
    list-style:none;
    display:table-cell;
    position:relative;
}

.laufband li.separator span
{
    color: #000;
    font-size: 12pt;
    font-weight: 500;
}

.laufband li
{
    display:table-cell;
    white-space: nowrap;
    padding:0px 10px;
}

@keyframes laufbandanim
{
    from {left: 0%;}
    to {left: -33.333%;}
}

.laufband:hover > ul
{
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.laufband > ul
{
    padding:0px;
    margin:0px;
    animation-name: laufbandanim;
    animation-duration: 60s;
    animation-timing-function:linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.laufband li span
{
    line-height: 30px;
}

.article .laufbandwrapper
{
    display:none;
}

.bottomborder
{
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    height:1px;
}

.column-2 .bottomborder
{
    left:10px;
}

.column-1 .bottomborder
{
    right:10px;
}

.betweenads .items-row:last-child .bottomborder,
.ad .bottomborder,
.items-leading .bottomborder
{
    display:none;
}

.fixednav
{
    display:none;
}

a:focus,
a:hover,
a
{
    color: #444;
    outline:0px;
}

a:focus,
a:hover
{
    color:black;
}

.header
{
    text-align:center;
    background-size:contain;
    text-transform: uppercase;
    font-weight:bold;
    padding:0px 15px 0px 15px;
    margin: 0px auto;
    width: 100%;
    background: url("../images/headerbg.png");
    background-size: contain;
    border-bottom:1px solid #bbb;
}

#headertexttemp
{
    padding-bottom:10px;
    margin-bottom:0px;
    pointer-events:none;
}

.header img
{
    max-width:800px;
    height: 80px;
    width:100%;
    vertical-align: top;
}

.item-image img,
div.content p img
{
    padding: 0px;
    height: auto;
    width: auto;
    max-width: 100%;
    width:100%;
}

.category p.img_caption
{
    display:none;
}

time
{
    text-align: right;
    display: block;
    font-size: 10pt;
}

.img_caption p
{
    color: #333;
    font-size: 10pt;
    margin-bottom: 0 !important;
}

.img_caption
{
    width: auto !important; /*inline style override*/
}

.article-info-term
{
    display:none;
}

.category .article-info
{
    display:none;
}

.item-image
{
    margin:0px auto;
}

.item-page p
{
    text-align:justify;
}

.mainmenu .nav > li > a
{
    padding:10px 30px;
    font-size:18px;
    transition:background-color 0.3s;
}

h2[itemprop=name] a
{
    font-weight:300;
}

.content > div .items-leading .item-image
{
    width:100%;
    max-height:480px;
    float:none !important;
    overflow:hidden;
}

.item .item-image {
    width: 155px;
    height: auto;
    overflow: hidden;
    padding-top: 4px;
}

.item-page .item-image {
    max-width: 100%;
    width:100%;
    padding-bottom: 5px;
    padding-top: 4px;
}

.content > div p
{
    margin:6px 0px 15px 0px;
    padding:0px;
}

.content > div p.readmore
{
    margin-top: 0;
}

div.contenticon
{
    float: left;
}

p.readmore
{
    margin-bottom:5px !important;
    text-align: right !important;
}

.content > div h2
{
    margin:-1px 0px 8px 0px;
    padding:0px;
    font-size:21px;
}

.content > div .readmore a,
.content > div .readmore a:hover
{
    padding: 0px;
    font-size: 10pt;
    border: 0px none;
    color: #333;
    text-decoration:none;
}

.readmore
{
    padding:0px;
}

.content > div
{
    overflow:hidden;
}

.content > div a
{
    color: black;
}

.content > div a:hover,
.content > div a:focus
{
    text-decoration:none;
}

.item .articleleft,
.item .articleright
{
    display:table-cell;
    vertical-align:top;
}

.articleLeft img
{
    padding-right: 10px;
}

.item img
{
    width:100%;
}

.items-leading .articleLeft img
{
    padding-right: 0px;
}

.sige li
{
    width: auto;
    height: auto;
    max-width: 841px;
    max-height: 841px;
}

.item,
.items-leading,
.ad
{
    background-color:white;
    margin-left: auto;
    margin-right: auto;
    border-radius: 1px;
    min-height:20px;
}

.ad
{
    padding: 0px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-width:1px 0px;
}

.ad.headerbanner
{
    border-top: none;
    padding-bottom: 10px;
}

.article .ad.footerbanner
{
    display: block;
    padding: 10px 0px 10px 0px;
}

.category .ad.headerbanner .bannergroup.article,
.category .ad.footerbanner .bannergroup.article,
.article .ad.headerbanner .bannergroup.overview,
.article .ad.footerbanner .bannergroup.overview,
.search .ad.headerbanner .bannergroup.overview,
.search .ad.footerbanner .bannergroup.overview
{
    display: none;
}

.left .banneritem
{
    margin:0px 0px 2px 0px;
}

.bannergroup:last-child {
    padding-bottom: 5px;
}

.item p,
.items-leading p
{
    color: #333;
}

.red
{
    color:#FF5C47;
}

.ad img,
.bannergroup img
{
    max-width: 861px;
    /* TZE/20170419: Freie Höhe gewünscht! /* max-height: 200px; */
}

.article .ad img,
.bannergroup.article img
{
    max-width: 841px;
}

.bannergroup
{
    font-size: 8pt;
    text-align: right;
}

.banner.head
{
    padding: 0px 15px 0px 15px;
}

.bannergroup .banneritem
{
    text-align: center;
    width: 100%;
}

.right .inside .bannergroup
{
    text-align: right;
    width: 120px;
}

.inside .bannergroup .banneritem
{
    margin-bottom: 15px;
}

.left .inside.banner
{
    padding:0px;
    padding-left: 4px;
}

.right .inside.banner
{
    padding:0px;
    padding-right: 3px;
    padding-left: 10px;
}

.right .banneritem img,
.left .banneritem img
{
    width:120px;
    max-height: none;
}

.banneritem ins,
.banneritem ins *
{
    width: 100% !important;
}

.nav > li > a:focus, .nav > li > a:hover
{
    background-color:#f8f8f8;
}

.footermenu
{
    width:100%;
    background:#333;
}

.footermenu a
{
    color:white;
    transition:background 0.2s;
}

.footermenu .nav > li > a:hover,
.footermenu .nav > li > a:focus
{
    background:#111;
}

.content > div > div:last-child
{
    border-bottom:0px;
}

.sidecol
{
    min-width:148px;
}

ul.nav.menu
{
    display:table;
    margin:0px auto;
}

.mainmenu
{
    text-align:center;
    border-bottom:1px solid #eee;
    margin:0px 15px;
    height: 47px;
}

ul.nav.menu li
{
    display:inline;
    float:left;
}

.mid.grid
{
    padding-left:15px;
}

.items-row
{
    width: 100%;
    display: block;
}

.items-row > .item
{
    display:table-cell;
    width:50%;
    position:relative;
    padding-top: 15px;
    cursor: pointer;
}

.items-row:first-child > .item
{
    padding-top:5px;
}

.column-1
{
    padding-right: 10px;
}

.column-2
{
    padding-left: 10px;
    border-left: 1px solid rgba(0, 0, 0, 0.16);
}

.articleRight p
{
    text-align:justify;
    letter-spacing:-0.1px;
}

.items-leading .articleRight
{
    padding-right:10px;
    width:38.2%;
}

.items-leading .articleLeft
{
    width: 61.8%;
    float: right;
    /*padding-left: 10px;*/
}

h2[itemprop=name]
{
    text-align: center;
}

.blog .page-header {
    border: 0px;
    margin: 10px 0;
    padding: 0px;
}

.item-page .page-header
{
    border:0px;
    margin: 10px 0 10px;
    margin-bottom: 0;
    padding: 0;
}

.items-leading h2[itemprop=name] a,
.item-page .page-header h2
{
    font-size:31px;
    font-weight:300;
}

.page-header a:focus,
.page-header a:hover,
.page-header a
{
    text-decoration:none;
}

.items-leading
{
    position:relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.items-row .articlewrapper
{
    height:100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}

.items-row:last-child .articlewrapper
{
    border-bottom:0px;
}

.invisible-button
{
    background:transparent;
    border:0px;
    padding:0px;
}

/* PageNavigation und Share-Buttons */

.pagenavwithshare .sharebutton
{
    font-size:0px;
    padding:0px 10px;
    height:40px;

}

.pagenavwithshare .sharebuttons a
{
    padding:0px;
    border:0px;
}

.pagenavwithshare
{
    padding-top: 4px;
    margin-top: 30px;
    border-top: 1px solid #eee;
}

.pagination
{
    margin: 0px 0px 10px 0px;
    padding: 0px;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.16);
}

.pagination ul
{
    list-style-type: none;
    margin: 15px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
}

.pager
{
    margin-bottom: 5px;
}

.pagenavwithshare .next,
.pagenavwithshare .prev
{
    width:101px;
}

.placeholderforbutton span
{
    width: 101px;
    display: inline-block;
    padding: 1px !important; /*damit die teilen-buttons mittig sind, auch wenn ein nav-button fehlt*/
    background: transparent !important;
}

.pagination li.pagination-prev,
.pager .prev > a,
.pager .prev > span,
.placeholderforbutton.prev span
{
    float: left;
}

.pagination li.pagination-next,
.placeholderforbutton.next span
{
    float: right;
}

.pager li > a,
.pager li > span,
.pagination li > a,
.pagination li > span
{
    display: inline-block;
    padding: 0px 25px;
    background-color: #f4f4f4;
    line-height: 40px;
    border:0px;
    border-radius:0px;
}

.pagination ul li
{
    display: none;
    margin: 0px 15px;
}

.pagination li > span
{
    color: #333;
    background-color: #fefefe;
    display: none;
}

.pager li > a:focus,
.pager li > a:hover,
.pagination li > a:focus,
.pagination li > a:hover
{
    transition: background-color 0.2s;
}

.pagination li.pagination-start,
.pagination li.pagination-end
{
    display: none;
}

.pagination p.counter,
.pagination li.pagination-prev,
.pagination li.pagination-next
{
    display: inline;
}

.pagination p.counter
{
    position: relative;
    right: calc(50% - 75px);
    bottom: -48px;
    margin: -25px 0px 0px 0px;
    width: 150px;
    text-align: center;
}



/* Suche: Menü-Suchfeld */

.searchmenu
{
    text-align: right;
    position: relative;
    top: -36px;
    right: 0px;
    height: 0px;
    display: block;
    float: right;
}

.searchmenu label
{
    display: none;
}

.searchmenu input
{
    max-width: 200px;
    border: 1px solid #bbb;
    padding-left: 5px;
    font-family: Roboto, sans-serif;
    font-weight: normal;
    line-height: 1.3em;
}

div.finder.glyphicon.glyphicon-search:before
{
    content: unset;
}

div.finder form.form-search:before
{
    content: '\e003';
}



/* Suche: Ergebnisliste */

body.search .content .finder
{
    margin-top: 15px;
}

body.search .content .finder div.finder-selects
{
    margin: 0px 15px 15px 0px;
}

body.search .content .finder div#search-results
{
    clear: both;
}

body.search .content .finder ul.search-results
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

body.search .content .finder ul.search-results li:first-child
{
    margin-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.16);
}

body.search .content .finder ul.search-results li
{
    padding: 15px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    cursor: pointer;
}

body.search .content .finder .result-title
{
    line-height: 1.1em;
    font-size: 21px;
    font-weight: 300;
    color: black;
}

body.search .content .finder .result-text
{
    font-size: 12pt;
    text-align: justify;
    color: #333;
}

body.search .content .finder .result-url
{
    color: #333;
}

body.article .content .highlight,
body.search .content .finder .result-title .highlight,
body.search .content .finder .result-text .highlight
{
    background-color: rgba(0, 0, 0, 0.16);
    color: #333;
    font-weight: normal;
}



/* Suche: Mobilversion */
.search dt
{
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #F4F4F4;
    padding-left: 0px;
    padding-bottom: 4px;
    color: black;
}

.search dt a
{
    background:transparent;
}

.search .result-created,
.search .result-category
{
    display:none;
}

.search .btn-group.pull-left
{
    max-width: 70%;
}

.search .btn-group.pull-left > input
{
    max-width: 100%;
}

.search #searchForm > .btn-toolbar
{
    margin-bottom:10px;
}

.search #searchForm > .btn-toolbar > div:nth-child(2) > button
{
    padding:0px 5px;
    background:transparent;
}

.search #searchForm > .btn-toolbar > div:nth-child(2) > button:before
{
    position: relative;
    top: 2px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0px;
    content: "\e003";
    font-size: 22px;
}

.search #searchForm fieldset.only
{
    display:none;
}

.search .btn-toolbar,
.search .searchintro
{
    display:none;
}

.search #searchForm fieldset label
{
    padding-left: 30px;
}

.search #searchForm
{
    padding:10px;
    background:#f7f7f7;
    margin-top:12px;
}

.search .main .wrapper .custom
{
    display:none;
}

.form-limit
{
    padding-left: 30px;
}


/* Cookie Wall */

#cookie-bar {
    background-color: #9c9c9c;
    box-shadow: 3px 2px 20px black;
    padding: 10px 0px;
    height: auto;
    line-height: 1.5;
    color: white;
    text-align: center;
    z-index: 999999 !important;
    -webkit-transform: translate3d(0,0,0);

}
#cookie-bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
#cookie-bar.fixed.bottom {
    bottom: 0;
    top: auto;
}
#cookie-bar p {
    color: white;
    line-height: 2em;
    margin: 0;
    padding: 0;
}
#cookie-bar .cb-enable {
  background-color: #d6d6d6;
  color: #444444;
  border-radius: 0.2em;
  padding: 0.3em 0.6em;
  line-height: 1.5em !important;
  float: right;
  margin-left: 1.3em;
  margin-right: 1.3em;
  display: inline-block;
  font-weight: bold;
}
#cookie-bar .cb-enable:hover {
  background-color: red;
  color: white;
  text-decoration: none;
}


/* %%%% mobiles layout %%%% */

@media screen and (max-width: 900px)
{
    .mid {
        padding-right: 15px;
    }
}

@media screen and (max-width:767px)
{
    body
    {
        margin:0px;
    }

    .item, .items-leading, .ad
    {
        border-width:0px;
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    }

    .item
    {
        padding:5px 5px 0px 5px;
        margin-top:10px;
    }

    .main
    {
        background-color: #F7F7F7;
        border:0px;
        margin-top:0px;
        margin-bottom:0px;
    }

    .items-leading h2[itemprop=name] a,
    .item-page .page-header h2
    {
        font-size: 21px;
    }

    .item .item-image
    {
        width: 100%;
    }

    .content > div
    {
        margin-bottom:23px;
    }

    .blog
    {
        margin-bottom:0px;
    }

    .fixednav
    {
        display:inline;
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background-color: #f7f7f7;
        outline: 1px solid rgba(0, 0, 0, 0.15);
        font-size: 30px;
        padding: 5px 0px 0px 0px;
        text-align:center;
    }

    ul.nav > li:first-child,
    span.searchmenu
    {
        display:none;
    }

    .pagination ul li *
    {
        background-color: #ddd;
    }

    .ad img,
    .bannergroup img
    {
        width: 100%;
        /* TZE/20170419: Freie Höhe gewünscht! /* max-height: 200px; */
    }

    .articleLeft img
    {
        padding-right: 0px;
    }

    .avPlayerWrapper .avPlayerContainer
    {
        margin-bottom: 9em;
    }

    .avPlayerWrapper .avPlayerContainer .avPlayerBlock > div
    {
        width: 100% !important;
        height: auto !important;
    }

    /*min-WIDTH und max-HEIGHT! */
    @media screen and (min-width:500px) and (max-height:500px)
    {
        /*auf kleinen, breiten, schmalen smartphone landscape bildschirmen*/
        .fixednav
        {
            font-size: 30px;
        }

        .content > div .items-leading .item-image
        {
            max-height: 280px;
        }
    }

    .main
    {
        padding-bottom: 87px;
    }

    .items-leading .articleLeft
    {
        width: 100%;
        float: none;
        padding: 10px;
    }

    .items-leading .articleRight
    {
        padding: 10px;
        width: 100%;
    }

    .items-row > .item
    {
        display: block;
        width: 100%;
        position: relative;
        padding: 10px;
        margin-top:0px;
    }

    .items-row:first-child > .item
    {
        padding-top: 12px;
    }

    .content
    {
        padding-top:0px;
    }

    .blog .page-header
    {
        padding:10px;
        padding-bottom:0px;
    }

    .mid.grid
    {
        padding-left:0px;
    }

    .mainmenu .nav > li > a:hover
    {
        background: transparent;
    }

    .mainmenu
    {
        margin:0px;
    }

    .items-row > .item,
    .ad,
    .items-leading
    {
        margin-bottom:19px;
    }

    .betweenads
    {
        padding:0px;
    }

    .content > div h2
    {
        margin: 2px 0px 5px 0px;
    }

    .ad
    {
        padding:0px 10px 5px 10px;
    }

    .item .page-header
    {
        padding-top:2px;
        padding-bottom:0px;
    }

    #mod-search-searchword
    {
        width:100%;
        border:1px solid #ddd;
        font-size:20px;
        padding-left:6px;
    }

    .search
    {
        padding:0px 10px;
        background:white;
    }

    .search .element-invisible
    {
        display:none;
    }

    .fixednav > ul li > button
    {
        width:100%;
    }

    .fixednav > ul li
    {
        display:table-cell;
        width:100%;
        float:none;
    }

    .fixednav > ul
    {
        display:table;
        table-layout:fixed;
        list-style:none;
        width:100%;
        padding:0px;
        margin-bottom: 0px;
    }

    .item-page
    {
        background:white;
    }

    .item-page .page-header
    {
        margin-top:12px;
    }

    .content > div.item-page
    {
        margin-bottom:22px;
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
    }

    .item-image img
    {
        max-height: 500px;
        max-width: 100%;
    }

    .content > div .items-leading .item-image
    {
        text-align: center;
    }
}

@media screen and (max-width:400px)
{
    .articleRight p
    {
        text-align:justify;
    }
}

/* PageNavigation: responsive mit Share-Buttons */
@media screen and (max-width:450px)
{
    .pagenavwithshare .pager.pagenav
    {
        position:relative;
        margin-bottom:55px;
    }

    .pagenavwithshare .prev,
    .pagenavwithshare .next,
    .pagenavwithshare .left,
    .pagenavwithshare .right
    {
        position: absolute;
        top: 44px;
        width:auto;
    }

    .pagenavwithshare .prev
    {
        left: 0px;
        right:50%;
        border-right: 2px solid white;
    }
    .pagenavwithshare .next
    {
        right: 0px;
        left:50%;
        border-left: 2px solid white;
    }

    .pager .home
    {
        display: none;
    }

    .pagenavwithshare .sharebuttons
    {
        width: 100%;
        display: block;
    }

    .pagenavwithshare .sharebuttons a:last-child
    {
        border-right:0px;
        border-left:8px;
    }

    .pagenavwithshare .sharebuttons a:first-child
    {
        border-left:0px;
        border-right:8px;
    }

    .pagenavwithshare .sharebuttons a
    {
        display: block;
        float: left;
        border-right: 4px solid white;
        border-left: 4px solid white;
        width:33.333%;
    }

    .pagenavwithshare .next a,
    .pagenavwithshare .next span,
    .pagenavwithshare .prev a,
    .pagenavwithshare .prev span
    {
        width:100%;
    }

    .pagination p.counter
    {
        display: none;
    }
}



/* %%%%%%%%%%%%%%%%%%%% alternatives %%%%%%%%%%%%%%%%%%%% */

/*laufband ausblenden, da man die letzten artikel sowieso sofortauf der startseite sieht*/
/*.laufbandwrapper
{
	display:none;
}*/

.mainmenu
{
    border-bottom:0px;
}

.article .mainmenu
{
    border-bottom: 1px solid rgba(0, 0, 0, 0.16);
    margin-bottom: 5px;
}

.articleLeft p:last-child,
.articleRight p:last-child
{
    margin-bottom: 0;
}