body { font: 16px PTSans-Regular, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color:#7c7c7c; background-color:#e7e5e0; }

h1, h2, h3, h4, h5 { font-weight: normal; margin:0; }
h1,h2 { font-size: 30px; color: #233588; }
h1 { margin-bottom: 24px; }
header>h1, .dbb-news h1 { font-size: 50px; background-color: #e7e5e0; text-align: center; padding-top: 30px;}
.dbb-news h1 {padding: 0 0 32px 0;}

a { color: #c20069; outline: none; }
a:hover {  color: #233588;}

/* Head */
header a.logo {  display: inline-block; width: 200px; height: 63px; background: url("../images/bte_logo.svg") no-repeat; text-align: center; margin: 65px 0 20px 0; float: left;}
.start header a.logo {position: absolute; z-index: 2; margin: 90px 0 0 0; }
header a.logo:after { content: 'Die Gewerkschaft für das Mess- und Eichwesen'; font: bold 16px PTSans-Regular, Arial, Helvetica, sans-serif; position: relative; left: 131px; top: 10px; color: #233588; }

/* Opener-Text */
#opener-text {background-color: #233588; color: #fff; font-size: 19px; padding: 50px 15px 70px 15px; }
#opener-text h1 {color: #fff; font-size: 30px; margin-bottom: 10px}

/* Zwischentitel, Kommentar */
.zw-titel { font-size: 20px; color: #233588; }
.comment {}

/* dbb-Links */
.dbb-sprites { background-color:#fff; margin-top: 56px; }
.dbb-sprites ul { list-style: none; margin: 0 0 0 30px; padding: 0; width: 100%;}
.dbb-sprites ul li { margin: 30px 0; }
.dbb-sprites a { background-image: url(../images/dbb_sprites.png); width:190px; height:48px; display:block; }
.dbb-sprites a:hover { background-position-y: -48px; }
a.dbb-logo2 { background-position: -190px 0; }
a.dbb-logo3 { background-position: -380px 0; }
a.dbb-logo4 { background-position: -570px 0; }

/* Magazin */
.magazin img { border: 1px solid #7c7c7c; }

@media (min-width: 576px) {

    /* dbb-Links */
    .dbb-sprites ul {}
    .dbb-sprites ul li{ }

}


@media (min-width: 768px) {

    header a.logo { width: 192px; height: 71px; margin: 15px 0;}
    header a.logo:after { top: 8px; font-size: 18px; left: 169px; }
    .start header a.logo { margin-top: 8%; width: 280px; height: 80px;  }
    .start header a.logo:after { font-size: 24px; left: 182px; }

    /* Opener-Text */
    #opener-text { font-size: 17px; padding: 40px 0 63px 0;}
    #opener-text h1 { font-size: 29px; }

    /* dbb-Links */
    .dbb-sprites { margin-top: 60px; }


}

@media (min-width: 992px) {

    header>h1 { padding-top: 50px;}
    .dbb-news h1 { padding-bottom: 50px ;}

    /* Head */
    header a.logo {}
    header a.logo:after { top: -6px; }
    .start header a.logo { width: 360px; height: 106px;  }
    .start header a.logo:after { top: 12px; font-size: 28px; left: 252px; }

    /* Opener-Text */
    #opener-text { font-size: 19px; padding: 50px 0 70px 0;}
    #opener-text h1 { font-size: 31px; }

    /* dbb-Links */
    .dbb-sprites { margin-top: 70px; }
    .dbb-sprites ul li{ margin: 54px 0;}

}

@media (min-width: 1200px) {

    header>h1 { padding-top: 70px;}
    .dbb-news h1 { padding-bottom: 70px ;}

    /* Head */
    header a.logo { }
    header a.logo:after { top: 11px; }
    .start header a.logo { width: 428px; height: 128px;  }
    .start header a.logo:after { font-size: 40px; left: 339px; }

    /* Opener-Text */
    #opener-text { font-size: 22px; padding: 67px 0 90px 0;}
    #opener-text h1 { font-size: 38px; }

    /* dbb-Links */
    .dbb-sprites { margin-top: 80px; }
    .dbb-sprites ul li{ margin: 64px 0;}

}