body { font: 14px OpenSans, Arial, Helvetica, sans-serif; margin: 0; padding: 0; line-height: normal; }

h1, h2, h3, h4, h5 { font-family: Share-Regular, Arial, Helvetica, sans-serif; color: #64696f; margin: 0; font-weight: normal; }
h1 { font-size: 23px; margin-bottom: 22px;}
.zw-titel, h2 { font-size: 19px; }
.zw-titel { color:#5d6166; font: 18px Share-Regular, Arial, helvetica, sans-serif; margin: 12px 0 4px 0; }
.vorspann p { margin: 0; }

a { color: #164194; }
a:hover { color: #941616; text-decoration: none; }

/* Comment */
.comment,.pdf-comment,.arrow-comment {font-size: 11px; color: #676b6f; clear: both; margin: 0 0 2px 0}
.comment{font-size:13px; }
.pdf-comment:before{font-family: var(--fontAwesome);font-size:16px;content:'\f1c1';padding-right:4px;color:#C00}
.arrow-comment { margin:10px 0 }
.arrow-comment a {margin:0 0 2px 0}

/* generelle Tabellenformatierung
table { width: 100%;}
th, td { padding: 6px 1.5%; text-align: left; }
th { color: #424649; }
*/

/* Logo */
header a.logo { display: block; width: 136px; height: 59px;  float: left; margin: 7px 0 8px 0; }

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



/* dbb events */
.event-row .date-box { margin: 0 5px 0 15px; }

/* Formular */
input[type="submit"] { float: right; color: #164194; padding: 3px 22px; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }
input[type="submit"]:hover { background-color: #ebebeb;  color: #941616; border-color: #941616; }

input#user, input#pass {background-color: #fff; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; font-size: 14px; height: 34px; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
input#user:focus, input#pass:focus  { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); outline: 0 none; }

/* Logo Sprite */
.service-logos a, .footer-logos a { background: url("../images/dpolg_alle_logos.png") no-repeat; }

/* Interner Bereich */
 aside .tx-felogin-pi1 { float: left; background-color: #fff; padding: 15px; width: 100%;  }

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


/* Service-Logos vorm Footer*/
section.container-fluid.service-logos { background-color: #fff; text-align: center; }
.service-logos a { display: block; margin: 26px 0 10px 50%; position: relative; bottom: 18px; width: 190px; transform: translate(-50%, 0);  }
.service-logos a:hover {background-position-x: -190px;  }
a.dpolg-stiftung { height: 115px; bottom: 0; }
a.dpolg-service { background-position: 0 -115px; height:79px; }
a.dpolg-markt { background-position: 0 -194px; height: 82px; }
a.dpolg-europa { background-position: 0 -276px; height: 93px; bottom: 12px; }
a.dpolg-bund { background-position: 0 -549px; height: 62px; bottom: 31px; }



@media (min-width: 768px) {
    body {  background-color: #f5f3ef; }

    /* Head */
    header a.logo {width: 150px; height: 65px; margin: 7px 0;}

    /* Service-Logos vorm Footer*/
    .service-logos a { display: inline-block; width: 178px; transform: scale(.6); margin-left: 0;}

    /* Vorsorgewerk  Ergänzung */
    .col-sm-8 .w_col_3, .col-md-8 .w_col_3, .col-sm-9 .w_col_3, .col-md-9 .w_col_3 {width: 33.3333%; }
    .col_w_news_title a {font-size: 17px; }
}

@media (min-width: 992px) {

    /* Head */
    header a.logo { width: 190px; height: 86px; top: 0; margin: 0 0 20px 0;}

    /* Service-Logos vorm Footer*/
    .service-logos a { display: inline-block; width: 190px; transform: scale(1); }
    .service-logos .container a + a { margin-left: 6%; }

}

@media (min-width: 1200px) {

    h1 { font-size: 26px; }

    /* Head */
    header a.logo { width: 220px; height: 95px;}

    /* Service-Logos vorm Footer*/
    .service-logos .container a + a { margin-left: 11%; }

    /* Vorsorgewerk  Ergänzung */
    .col_w_news_title a {font-size: 20px; }

}