body { font: 14px "OpenSans", Arial, Helvetica, sans-serif; margin: 0; padding: 0; line-height:normal; color:#2b3b37; background-color:#f5f3ef;  }

h1, h2, h3, h4, h5 { font-family: "Share-Regular", Arial, Helvetica, sans-serif; margin: 0; font-weight: normal; }
h1, h2 { font-size: 22px; margin-bottom: 10px; color: #a7490a;  }
h3 { font-size: 15px; }
h5 { font-size: 16px; color: #5e6c72; }
h6 { font-size: 10px; }

a  { color: #358dc1; }
a:hover { color: #a7490a; text-decoration: none; }

.clear { clear: both; margin: 0; padding: 0;}

/* Logo */
header a.logo { width: 62px; height: 62px; background: url(../images/vbb-logo.svg) no-repeat; margin: 7px 0;}

.search input[type="text"] { color: #b3b3b3 }

/* Suche nur Mobil */
header div[class^='search'] .btn { font-family: var(--fontAwesome); }
header .search .btn:after { content: "\f138"; font-weight:900; }

/* Zwischentitel */
.zw-titel { font-size: 17px; color: #5e6c72; font-weight: bold;  font-family: Share-Regular, Arial, Helvetica, sans-serif; }
.comment { font-size: 12px; }
.pdf-comment { font-size: 11px; clear: both; margin: 0 0 4px 0; }
.pdf-comment:before { font-family: var(--fontAwesome); font-size: 16px; content: '\f1c1'; padding-right: 4px; color: #C00; }

/* Termine */
.date-box .single, .date-box .period { color: #a7490a; }

/* TopIcons */
a.app-icon::before { content: '\f36f'; font-weight: 300; }

/* Fachgewerkschaften-Tabelle
.contenttable { width: 100%; margin-bottom: 20px; max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; box-sizing: border-box;}
.contenttable tr { display: table-row; vertical-align: inherit; border-color: inherit; }
.contenttable tr.border-bottom { border-bottom: 1px solid #ddd; }
.contenttable>thead>tr>th, .contenttable>tbody>tr>th, .contenttable>tfoot>tr>th, .contenttable>thead>tr>td, .contenttable>tbody>tr>td, .contenttable>tfoot>tr>td { padding: 8px; line-height: 1.42857143; vertical-align: top; border: none; }
.contenttable th { text-align: right; border-top: none !important; }
.contenttable span a, .contenttable span link { display: block;}
.contenttable img { float: left; margin-right: 40px; }
.contenttable h3 { padding-top: 35px; color: #5e6c72; }
.contenttable h5 { color: #737b7e; text-transform: uppercase; font-size:12px; font-weight:normal; margin: 0 0 2px 0; }
.contenttable a {font-size:12px}

 */

/* Linkliste, auch wesentliche Bestandteile fuer Marginalboxen
.link-list-circle a, .link-list-arrow a { display: block; margin: 0 5px 14px 12px; font-size: 15px; padding-left: 23px; text-indent: -23px; }
.link-list-arrow a { padding-left: 20px; text-indent: -20px;  }
.link-list-circle a:hover,  .link-list-arrow a:hover { text-decoration: none;  }
.link-list-circle a:before, .link-list-arrow a:before { font-family: 'Font Awesome 5 Pro', Arial, Helvetica, sans-serif; font-weight:900; content: "\f138"; padding-right: 20px; font-size: 21px; display: block; float: left; margin-top: -3px; }
.link-list-arrow a:before { font-family: 'Font Awesome 5 Pro', Arial, Helvetica, sans-serif; font-weight:900; content: "\f061"; font-size: 18px;  position: relative; top:  2px; padding-right: 20px;  }
.link-list-circle .text, .link-list-arrow .text { margin: 0 6px 12px 10px; color: #5a5c5d; }
.link-list-circle .text a, .link-list-arrow .text a { font-size: 13px; }
.link-list-circle .text a:before, .link-list-arrow .text a:before { display:none; position: relative; left: -20px; }

 */

/* Paginierung Archiv */
.page-navigation ul { margin: 0 0 20px 0; padding: 0; list-style: none; text-align: right; }
.page-navigation ul li { display: inline-block;  }
.page-navigation ul li a { display: inline-block; border: 1px solid; padding: 3px 7px; margin: 4px; border-radius: 3px; }
.page-navigation ul li a:hover { color: #5e6c72; }
.page-navigation ul li a.prev:before { content: '\f060'; font-family: var(--fontAwesome); padding-right: 4px; font-weight:900; }
.page-navigation ul li a.next:after { content: '\f061'; font-family: var(--fontAwesome); padding-left: 4px; font-weight:900; }

/* ___ Social Bookmarks unterm Content ___
.socialbook { width: 100%; text-align: center; clear: both; margin: 12px 0 5px 0;  }
.socialbook a + a { margin-left: 30px}
.socialbook i { display: inline-block; width: 20px; height: 20px; color: #6c7b81; font-size: 34px; }
.socialbook i.fa.fa-twitter-square:hover { color: #4099FF; }
.socialbook i.fa.fa-facebook-square:hover { color: #3b5998; }
.socialbook i.fa.fa-youtube-square:hover { color: #b31217; }
.socialbook i.fa.fa-rss-square:hover { color: #ee802f; }
#article .socialbook, #pr-forum .socialbook i.fa.fa-rss-square { display: none;}
 */

/* interner Bereich */
.tx-felogin-pi1 { padding: 15px;}
.tx-felogin-pi1 b { display: block;  font: 16px Share-Regular, Arial, Helvetica, sans-serif; margin: 12px 0 -15px 0; text-align: center;}
.tx-felogin-pi1 p.col-xs-12 { padding-right: 0; }
.tx-felogin-pi1 p.col-xs-12 a { display: block; margin-top: 40px; }

/* Seviceleiste */
.dbb-logos { background-color:#fff; margin-top: 40px}
.dbb-logos ul { list-style: none; margin: 0; padding: 0;  }
.dbb-logos ul li { width: 100%; float: left; margin: 15px 0 15px 10%;  }
.dbb-logos ul a { height: 50px; display: block; float: left; background: url(../images/dbb-sprites.png) no-repeat; margin:15px 0; }
.dbb-logos ul a.dbb { background-position: 0 0; width:200px; }
.dbb-logos ul a.dbb:hover { background-position: 0 -50px; }
.dbb-logos ul a.verlag { background-position: -200px 0; width: 114px; }
.dbb-logos ul a.verlag:hover { background-position: -200px -50px; }
.dbb-logos ul a.vorsorge { background-position: -400px 0; width: 178px; }
.dbb-logos ul a.vorsorge:hover { background-position: -400px -50px; }
.dbb-logos ul a.vorteil { background-position: -600px 0; width: 174px; }
.dbb-logos ul a.vorteil:hover { background-position: -600px -50px; }

/* Nach-oben-Button Seite */
a.page-top { background-color:#358dc1; }

@media (min-width: 768px) {

    /* Logo */
    header a.logo { width: 92px; height: 92px;   }

    /*Suche*/
    header .top-icons .search-desktop .btn:after { content: "\f002"; font-weight:900; }

    /* Seviceleiste */
    .dbb-logos ul { text-align: center; }
    .dbb-logos ul li { padding: 35px 0; transform: scale(.7); width: 25%; margin: 0; }
    .dbb-logos ul li+li { }

}

@media (min-width: 992px) {

    /*  Head */
   #start header a.logo { width: 110px; height: 110px; margin-bottom: -16px; position: relative; z-index: 2;}

    /* Seviceleiste */
    .dbb-logos ul li { transform: scale(1); }

}

@media (min-width: 1200px) {

    /* Logo */
    header a.logo {width: 100px; height: 100px; top: 2px; }
    #start header a.logo { width: 121px; height: 121px; }

    /* Seviceleiste */
    .dbb-logos ul { padding-left: 10px;}
    .dbb-logos ul li { width: auto;}
    .dbb-logos ul li+li {margin-left: 14%; }
}