body { font: 14px Arial, Helvetica, sans-serif; }
@font-face { font-family: TheSansOffice; src: url(../../__multisite/fonts/TheSans/TSaOf5__.ttf); }
:root {
    --fontAwesome: FontAwesome-6-Pro, FontAwesome-6-Brands;
    --fontAwesomeDuo: Font-Awesome-6-Duo;
}

/* Link */
a { color: #1159a5; text-decoration: none; }
a span { color: #676b6f; }
a:hover { text-decoration: none; color: #c20069; }

/* Sprite */
footer .container-dbb > ul li a, .news-backlink-wrap a {background: url('../images/sprites_trans_dpolg.png') no-repeat;}

/* ul´s genullt */
.linklist-archiv ul { list-style: none; margin: 0; padding: 0; }

/* Container */
.container-dbb{width:100%;box-sizing: border-box;margin:0 auto; padding: 0 10px; }

/* Clearfix */
.container-dbb:after, .container-dbb:before {clear:both; content:" "; display:table; }

/* Headlines */
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
h1, h2 { font: 20px TheSansOffice, Arial, Helvetica, sans-serif; color: #0076bd; margin-bottom: 10px; clear: both; }
h1 a, h2 a { color:#0076bd; }
h3 { font: 14px TheSansOffice, Arial, Helvetica, sans-serif; color: #4d4e57; padding: 4px 0 2px 0; }
h3 a { color: #4d4e57; }
h5 { font-size: 14px;  color: #c20069;  margin: 12px 0 5px 0;  clear: both;  font-weight: normal; }

.prio1 h2 { font-size: 22px; }

/* img */
img { max-width:100%; height:auto; }

/*
.cboxElement {display:block;}
.cboxElement:after {display:block;position:absolute;background: rgba(256,256,256,0.8);padding: 8px;z-index: 10;left: 2px;margin-top: -32px;width: 30px;content: "\f002";font-family: 'Font Awesome 5 Pro', serif; font-style: normal;font-weight: normal;line-height:1em;}
*/
/*** NEWS ***/
.mediaelement-image { position:relative; }


/* custom cols*/
.col-dpvkom-lg {width:100%;margin-right:0;}
.col-dpvkom-sm {width:100%;}
.col-dpvkom {position: relative;min-height: 1px;float:left;}
.prio1 .col-dpvkom-sm {padding:10px;color:#484848;font-size:14px; margin-top: 0; }
.prio1 { background:#fffdcf; }
.prio1 .col-dpvkom-lg {background:#ffffff;margin-right:0;padding-right:0;width:100%; margin-top: 0;}

/* Header */
.header { background-color:#fff32a; padding: 13px 10px 17px 20px; }
.header .claim {color: #0075be;font-style:italic;font-size:13px;float:right;padding: 17px 13px 0 0;}
.header .logo {display:block;float:left;width:184px;height:82px;margin-top:-14px;background:url('../images/logo_dpvkom.svg') center center no-repeat;}
.header-menu { display: none; }

/* Navigation */
.navbar {min-height:38px; margin-bottom: 0; }
.navbar .navbar-collapse {background: #d73087;background: -moz-linear-gradient(top,  #d73087 0%, #bd0b68 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d73087), color-stop(100%,#bd0b68));background: -webkit-linear-gradient(top,  #d73087 0%,#bd0b68 100%);background: -o-linear-gradient(top,  #d73087 0%,#bd0b68 100%);background: -ms-linear-gradient(top,  #d73087 0%,#bd0b68 100%);background: linear-gradient(to bottom,  #d73087 0%,#bd0b68 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d73087', endColorstr='#bd0b68',GradientType=0 );}
.navbar-toggle { margin-top: 5px; margin-bottom: 5px; }
.navbar-default {background-color:#d73087;border:0;border-radius:0;}
.navbar-default .navbar-nav>li>a { color:#ffffff; }
.navbar-default .home-link a {padding-top:10px;padding-bottom:7px;}
.navbar-default .home-link i {font-size:20px;}
.navbar-default a {font-size:16px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color:#d5d5d5; background:inherit; }
.navbar-default .navbar-toggle .icon-bar {background-color: #ffffff;}
/* .navbar-default .triangle {display:none; position:absolute; height:0; width:0; border-bottom:10px solid #0076bd;bottom:0;left:50%;margin-left:-10px;border-left:10px solid transparent;border-right:10px solid transparent;} */
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #ffffff;}
.navbar-nav>li i.home:after { font-family: var(--fontAwesome); font-weight: 900; font-style: normal; content: "\f015"; }
.navbar-nav>li>a {padding-top:10px;padding-bottom:10px;}
.navbar-nav>li>ul.dropdown-menu { padding: 0; margin-top: -7px; }
.navbar-nav>li>ul.dropdown-menu li a { font-size: 14px; padding: 10px 30px; color: #4e4e52; border-bottom: 1px dotted #6a6a6f; text-align: center; }
.navbar-nav>li>ul.dropdown-menu li a:hover, .navbar-nav>li>ul.dropdown-menu li.active a { color: #C20069; background-color: #fff !important; }
.navbar-form {margin-top: 7px;margin-bottom: 7px;}
.navbarSub > .container-dbb {padding-right: 15px;padding-left: 15px;}
.navbarSub {background-color:#0076be; display:none;}
.navbarSub a {color:#fff; }
.navbarSub .nav > li > a:hover, .navbarSub .active a {background:#0076be;color:#e9fb29; }

/* News */
.news-date, .news-list-date {text-align:right;font-size:11px;color:#676b6f;}
.teaser img {float: left;margin-right: 10px;width: auto;}
.news-header { border-bottom:1px solid #ccced1; font-size:11px; color:#676b6f; clear:both; margin-bottom:15px }
.news-header .date{float:left;color:#676b6f;margin-left:0;padding-top: 7px; }
.news-header a.print:after {font-size: 21px;}
.art-foot{padding-top:15px;float:left;}
.mediaelement-image a:hover { text-decoration: none !important; }
.news .article:last-child { border:none;padding-bottom: 47px;}
.news .article .news-img-wrap a { border: none;}
.news .article .news-img-wrap img { width: 100%}
.news-list-view .btn {margin-bottom: -3px;}
.news .article .news-img-wrap a {padding: 0;}
.news-img-wrap .outer {display: none}
.news-img-wrap .outer:first-child {display: block;}
.news .article .news-img-wrap a {float: none;}
.prio-1 .news .article .news-img-wrap {background: none repeat scroll 0 0 #fff;float: left;margin: 0 30px 0 0;}

/* Breadcrumb */
.breadcrumb {list-style: none; margin: 15px 0 10px 0; padding: 0 0 8px 0; font-size: 14px; background-color: transparent; border-radius: inherit; }
.breadcrumb>li {display: inline-block; }
.breadcrumb>li+li:before { content:'|'; padding:0 18px; font-size:18px; }
.breadcrumb a.home:after {
    font-family: var(--fontAwesome);
    font-weight: 900;
    content: "\f015";
    font-size: 19px;
}

/* BildIcons*/
ul.news-img li a:hover .media-icon:before, .ce-gallery figure:hover .media-icon:before{ color:#1159a5; }
ul.news-img li a:hover .media-icon.video, .ce-gallery figure:hover .media-icon.video {border-color: #1159a5;}
ul.news-img li a:hover .media-icon.video:before, .ce-gallery figure:hover .media-icon.video:before { border-color: transparent transparent transparent #1159a5 ; }


/*___Link nach oben___*/
a.top, a.back, a.anchor-to-top { height: 12px; font-size: 10px; text-transform: uppercase; padding-left: 14px; margin: 10px 0 12px 0; }

a.top:before, a.anchor-to-top:before { font-family: var(--fontAwesome); font-weight:900; content: '\f077'; padding-right: 4px; }

.comment, .pdf-comment, .arrow-comment, .arrow-comment14 { font-size: 11px; color: #676b6f; clear: both; margin: 0 0 10px 0; }

.pdf-comment:before { font-family: var(--fontAwesome); font-size: 16px; content: '\f1c1'; padding-right: 4px; color: #C00; }

/* Bilderschau */
.showMore { background: rgba(256,256,256,0.8); padding: 8px; position: relative; z-index: 10; left: 2px; top: -2px; margin-top: -29px; width: 30px; display:block !important; }

figure.image .showMore, figure.thumbnail .showMore{ left: auto; right: 2px; padding: 6px; width: auto; margin-top: -27px; float: right; }

figure.csc-textpic-image .lupe, figure.image .lupe, .dce-member .lupe { margin-top: -27px; width: 28px;  }

.mediaelement { margin-bottom:20px; }
.mediaelement-image .fa { font-size: 24px; }

figure.csc-textpic-image .fa, figure.image .fa, .dce-member .fa { font-size: 15px; }

figcaption.csc-textpic-caption { font-size: 11px; color: #676b6f; padding-top: 4px; }

/* Magazin */
.csc-textpic { margin-bottom: 20px; }
.magazin a.link-arrow { margin-bottom: 20px; }
.magazin img { border: 1px solid #C7C7C7; }

/* Zwischen-Titel */
.zw-titel { font-size: 15px; color: #c20069; margin: 12px 0 5px 0; clear: both; font-weight: normal; }

/* Linkpfeil */
a.arrow:before, .flashList a:before { font-size: 13px; }

.vorspann { font-weight: bold; margin: 15px 0; padding-top: 10px; clear: both; }

.show-images1 {
    background-color: rgba(255,255,255,0.7);
    background-position: 6px 7px;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    width: 160px;
    height: 36px;
    position: relative;
    margin: -38px 0 0 2px;
    padding: 11px 20px 0 47px;
    color: #32343b;
    font-weight: bold;
    font-size: 13px;
    border:none;
    text-shadow: none;
}

.show-images1, .show-images-02 {
    background-image: url(../images/sprites_trans_multisite.png);
    background-repeat: no-repeat;
}



a.print, a.send, a.share {
    display: block !important;
    font-size: 21px !important;
    float: right !important;
    color: #676b6f !important;
}

a.share { font-size:24px!important; margin-top:-3px!important; }

a.print:hover, a.send:hover, a.share:hover, .share-items a:hover {
    text-decoration: none !important;
    color: #c20069 !important;
}

.news-header {
    height:auto;
}

.share-items {
    clear:both;
    display: none;
    padding-top: 20px;
    margin: 10px 42px 0 0;
}

.share-items a { font-size:12px; color:#1159a5; }

/* Seminar-Link & Table */
a.register { width:100%; background-color:#d73087; padding:7px 0; color:#fff; font-weight:bold; display:block; text-align:center; }
span.description p { font-size:12px; }
.ce-table { margin:20px 0 15px 0; }
.ce-table th { background-color:#0076be; color:#fff; }
.ce-table td { vertical-align: middle; }

/* Footer */
footer { background-color:#ebeced; padding-top:20px; margin-top:20px; border-top: 4px solid #e5e5e6; }
.footer-menu {display:block;}
.footer-menu-col {float:left;width:40%;}
.footer-menu-col a {color:#0e72b6;font-size:12px;}
.footer-menu-level2 {padding-top:8px;}
.footer-menu-level2 a {color:#6e6e6e;font-size:11px;}
.footer-menu-level2 li {line-height:14px;}
.footer-menu ul {list-style:none;padding:0;margin:0;}
footer .container-dbb > ul {list-style:none;margin:20px 0 8px 0;padding:0;text-align:center;}
footer .container-dbb > ul li {display:inline-block;margin:0 8px;}
footer .container-dbb > ul a {font-size:11px; color:#6e6e6e;padding-left:20px;line-height:19px;}
footer .container-dbb > ul li:nth-of-type(1) a {background-position: left -1px;}
footer .container-dbb > ul li:nth-of-type(3) a {background:url(../images/dpvkom-mini.png) no-repeat 0 center;}
footer .container-dbb > ul li:nth-of-type(2) a {background-position:left -26px;}
footer .container-dbb > ul a.dbb {background-position:left -76px;padding-left:17px !important;}
.footer-link-box {width:180px;margin:0 auto;float:none;}
.footer-link-box a {text-indent:-9999px;display:block;float:left;background:url(../images/footer-sprite.png) no-repeat;width:89px;height:24px;margin-bottom:18px;}
.footer-link-box a.footer-link-dbb {background-position:0 0;}
.footer-link-box a.footer-link-dbbverlag{background-position:-93px -55px;}
.footer-link-box a.footer-link-dbbvorteilswelt{background-position:-184px 0;}
.footer-link-box a.footer-link-dbbakademie{background-position:0 -55px;}
.footer-link-box a.footer-link-dbbvorsorgewerk{background-position:-184px -55px;}
.footer-link-box a.footer-link-dbbjugend{background-position:-93px 0;}
.footer-contact {text-align:center;color:#6e6e6e;font-size:11px;margin-bottom:30px;}


/*** SPECIALS ***/
.specialElementWrapper {position: relative;margin-bottom: 30px;height: auto;display: block;}
.specialElementWrapper.special-gruen figure, .specialElementWrapper.special-orange figure{display: none;}
.specialElementWrapper h2{margin: 0;}
.specialElementWrapper img{width: 100%;height: auto;}
.textWrapper{padding: 15px;background: rgba(256,256,256,0.9);z-index: 10;width: 100%;position: absolute;}
.specialElementWrapper.special-gruen .textWrapper{background: linear-gradient(#77B82A, #436B13) repeat scroll 0 0 rgba(0, 0, 0, 0);position: relative;}
.specialElementWrapper.special-orange .textWrapper{background: linear-gradient(#d67f20, #c54a04) repeat scroll 0 0 rgba(0, 0, 0, 0);position: relative;}
.specialElementWrapper.special-orange .textWrapper .btn-default {background: linear-gradient(#d67f20, #c54a04) repeat scroll 0 0 rgba(0, 0, 0, 0);position: relative;}
.specialElementWrapper.special-gruen a, .specialElementWrapper.special-gruen h2, .specialElementWrapper.special-orange a, .specialElementWrapper.special-orange h2{color: #fff;}
.specialElementWrapper.oben .textWrapper{top: 0;}
.specialElementWrapper.unten .textWrapper{bottom: 0;}
.prio1 .news .article:last-child {padding-bottom:0;}
.news-single .article .news-img-wrap {float: none;width: 100%; margin: 0; }

/* Suche */
.navbar .tx-kesearch-pi1 form {float:right;margin-bottom:0;}
#xajax_form_kesearch_pi1 .form-control {margin-top:8px;height: auto;padding: 4px 12px;font-size: 14px;line-height: 1em;background:#e9e9fa;border-radius:0;border:1px solid #797986;width:150px;display:inline-block;}
#xajax_form_kesearch_pi1 .btn { font-family: var(--fontAwesome); padding: 4px 12px;font-size: 14px;line-height: 1;border-radius:0;vertical-align:baseline;}
#xajax_form_kesearch_pi1 .btn:after { content: "\f002"; font-weight:900; }
#xajax_form_kesearch_pi1 .input-group { display:inline-block; }
#xajax_form_kesearch_pi1 .input-group-btn { display:inline-block; margin:9px 0 0 5px;}

/* Social Box */
.social-nav {background:#e9e9e9;width:170px;height:42px;margin:0 auto 10px auto;border-radius:8px;padding:5px 16px;}
.social-nav a {margin-left:20px;}
.social-nav a:first-child {margin-left:0;}

/* Marginal-Boxen */
.box { border: 1px solid #dcdfe6; float: left; clear: both; margin-bottom: 30px; padding: 9px; width: 320px; background: url(../images/box_back.png) repeat-x scroll 0 0 #fff; }
.box h4 { font: bold 16px TheSansOffice, "TheSansCd LF9 Black", "TheSansCd LF8 ExtraBold", "TheSansCd LF7 Bold", "TheSansCd LF6 SemiBold", "TheSansCd LF5", "TheSansCd LF4 SemiLight", "TheSansCd LF3 Light", "TheSansCd LF2 ExtraLight"; margin: -2px 12px 7px 0; text-align: right; width: 300px; }
.box a, .box h4 { color: #4e4e52; }

/* Text-Boxen */
.box div.back { background-color:#e7e7e7; padding-bottom: 12px; width:300px; border-top: 1px solid #4e4e52; float: left; }
.linklist { padding-top: 5px; }
.linklist a, .linklist a:hover, .linklist-archiv ul li, .linklist-archiv ul li:hover, .linklist-archiv ul .itemactive { background: url(../images/sprites_trans.png) no-repeat left 0; clear: both; color: #083288; display: block; font-size: 14px; height: 21px;  margin: 4px 0 0 8px; padding: 2px 0 0 28px; }
.linklist a:hover, .linklist-archiv ul li:hover, .linklist-archiv ul .itemactive { background-position: left -51px; }
.linklist-archiv ul li { width:89px; display:inline-block !important;  }
.linklist span { color: #676b6f; font-size:12px; }
.linklist-archiv ul li a { display: block; position: relative; left: -28px; padding-left: 28px; }

/* M-Box Mehrspaltiger Inhalt */
.col-content-2, .col-content-3, .col-content-3-fa { border-top: 1px solid #4e4e52; }
.col-content-3-fa {display: flex;}
.col-content-2 a, .col-content-3 a, .col-content-3-fa a { width:150px; display:block; float:left; }
.col-content-3-fa a {float: unset; width: unset; margin: 12px auto auto 22px; }
.col-content-2 img { margin: 15px }
.col-content-3 img, .col-content-3 a { width: auto; margin: 5px }
.col-content-3-fa a { }
.col-content-3-fa a:hover, .col-content-2 a:hover, .col-content-3 a:hover { opacity: 0.5; }
/*.col-content-1 a  { float:right; width:auto }
.col-content-1, .col-content-1 a, .col-content-1 img, */

.container.overlay { padding: 10px 5px; }
.container.overlay .lead-button-big.btn.submit_form.pull-right{ background-color: #f1f1f1; }

.fa-youtube:before, .fa-facebook:before, .fa-twitter:before, .fa-instagram, .fa-whatsapp { font-size: 38px; color:#0076bd; font-family: var(--fontAwesome); font-style: normal; }
.fa-youtube:before { font-size: 39px; line-height:40px; content: "\f431"; margin-top:3px; }
.fa-facebook:before { content: "\f082"; }
.fa-twitter:before { content: "\e61a"; }
.fa-instagram:before { content: "\f16d"; }
.fa-whatsapp:before { content: "\f232"; }

@media (min-width: 576px) {

    .share-items {
        margin: 10px 42px 24px 0 !important;
    }

}

@media (min-width: 480px) {
    .footer-menu {float:none; margin-bottom: 20px; }
    .footer-menu-col {width:20%;}
    .footer-menu-col:first-child { padding-left: 15px; }
}

@media (min-width: 768px) {
    .header .claim { font-size: 16px; padding-right: 25px; }
    .header-menu { display: block; text-align:right; margin-top: 0; padding-right: 25px; }
    .header-menu li { display:inline-block; padding-left:25px; }
    .header-menu a { color:#6a6a6f; font-size:11px; }
    .header-menu a:hover {text-decoration:none;}
    .header-menu .star:before {font-family: var(--fontAwesome);font-size: 14px;content: "\f005"; padding-right:4px;}
    .header-menu .comment:before {font-family: var(--fontAwesome); font-weight:bold; font-size: 12px;content: '\f075'; padding-right:4px;}
    .header-menu .dpvkom {background:url(../images/dpvkom-mini.png) no-repeat 0 center; padding-left: 18px; }
    .container-dbb {width:767px;}
    .article { margin-top: 0; }
    .navbar-default .navbar-nav > li:hover .triangle, .navbar-default .navbar-nav > li.active > .triangle {display:block;}
    .navbar-default li.dropdown:hover .dropdown-menu {display:block;}
    .navbarSub {display:block;}
    footer .container-dbb > ul { margin-top:20px;}
    .footer-link-box { margin-top: 20px;}


}

@media (min-width: 960px) {
    .header { padding-left: 10px; }
    .header .claim { padding-right: 2px; padding-bottom: 10px; margin-top:25px}
    .header-menu { padding-right: 0; }

    /* Container */
    .container-dbb{ padding: 0; }

    /* Breadcrumb */
    .breadcrumb { margin: 0 0 10px 0; }

    .container-dbb { width:960px; }
    .col-dpvkom-lg  { width:630px; margin: 20px 10px 0 0; }
    .col-dpvkom-sm { width:320px; margin-top: 20px; }
    .prio1 { margin-top: 20px; }
    .prio1 .col-dpvkom-lg { margin-right:0; padding-right:10px; width:640px; }
    .footer-menu {float:left;display: block;}
    .footer-menu-col {width:130px;}
    .footer-menu-col:first-child { padding-left: 0; }
    .footer-link-box {float:right; margin-top: 0; }
}

/**** PRINT AUSGABE ***/

@media print {
    .noprint {display: none !important; height:0; overflow: hidden;}
}