.container {
    width:1280px; margin:auto; height:100%;
}

.header { height:150px; padding-top:25px; border-bottom: 2px solid #999999;  }
.header a { color:#999999; }
.header a:active { color:#e5117f; }
.header .logo { display: inline; margin-left:20%; }
.header .links { float:left; padding-top:20px; color: #999999; }
.header .rechts { float:right; padding-top:20px; }
.header .rechts a { text-decoration: none; }

.menu {  }
.menu a { font-family: Arial; }
.menu .nav-link { font-size:26px; color:#999999 !important; }
.menu * { text-transform: uppercase; }

.active .nav-link {color:#e5117f !important;}
.headerbild { width:100%; min-height:730px; background: #dcdcdc url("media/background.png") top center no-repeat; background-size: contain; }

.content { width:100%; margin:25px 0; padding-bottom: 100px; }
.footer { background: #000; height:60px; color:#fff; position: fixed;
    bottom: 0px;
    width: 100%; margin-top:50px; }
.footer a {color:#fff; }

.druckbilder { margin-top:-25px; }
.druckbilder img { padding:10px; }
.druck-styles { display:block !important; }
.druck-styles div { float:left; width:100%;}
.navbar-toggler { margin-top:-120px;}
#navbarNav {margin-top:10px;}
.footer-mobile { display:none;}

.btn-primary{
    background:#e5117f;
    border-color: #e5117f;
}

a, a:hover, a:active { color:#e5117f; }
.content span { color:#e5117f; }


.navbar-light .navbar-toggler { border:0px !important; }



.navbar-nav .nav-link {
    padding:5px 130px !important;
}

.navbar-nav .nav-link:first-child {
    padding-left:0px !important;
}


@media only screen and (max-width: 1280px) {
    .container {
        width:100%; margin:auto;
    }

    #slider li, #slider2 li, #slider li img{
        /*
            define width and height of list item (slide)
            entire slider area will adjust according to the parameters provided here
        */
        width:960px !important;
        height:370px !important;
        overflow:hidden;
    }

    .headerbild { width:100%; min-height:500px; background: url("media/background.jpg") top center no-repeat; background-size: contain; }


    .footer-mobile { display:block; width:100%; background: #e5117f; color:#fff; height:70px; text-align: center; padding-top:10px; position: fixed; bottom:0;}
    .footer-mobile a { color:#fff; }

    .header .links { display: none; }
    .header .rechts { display: none; }
}


@media only screen and (max-width: 991px) {
    .container {
        width:100%; margin:auto;
    }

    #slider li, #slider2 li, #slider li img{
        /*
            define width and height of list item (slide)
            entire slider area will adjust according to the parameters provided here
        */
        width:720px !important;
        height:250px !important;
        overflow:hidden;
    }

    .headerbild { width:100%; min-height:350px; background: url("media/background.jpg") top center no-repeat; background-size: contain; }

    .header .links { display: none; }
    .header .rechts { display: none; }
}

@media only screen and (max-width: 640px) {

    .kontakt { display:block !important; }
    .kontakt div { width:100%; }
    .logo img { width:70%; margin-top:20px;}


    #slider li, #slider2 li, #slider li img{
        /*
            define width and height of list item (slide)
            entire slider area will adjust according to the parameters provided here
        */
        width:340px !important;
        height:120px !important;
        overflow:hidden;
    }
    .headerbild { width:100%; min-height:250px; background: url("media/background.jpg") top center no-repeat; background-size: contain; }
}

@media only screen and (max-width: 430px) {


    .headerbild { width:100%; min-height:200px; background: url("media/background.jpg") top center no-repeat; background-size: contain; }
}