html, body {
    font-family: Verdana, Arial, sans-serif;
    margin-bottom: 25px;
    background-color:#ffffff;
}

.navbar-default {
    background-color: transparent !important; 
    border-color: transparent !important; 
}

.navbar-default .navbar-nav>li>a {
    color: #ffffff;
    text-transform: uppercase;
}

.navbar-nav>li {
    
}

.navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
}
.navbar-nav>li>a:hover {
    background-color:#000000 !important;
    color:#ffffff !important;
}

#top {
    position:relative;
    height:49px;
}

#top img {
    position:absolute;
    margin:auto;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    z-index:1;
    top: 23px;
    width:280px;
}


#header {
    position: relative;
}

#header img {
    border-top:5px solid #fa9300;
    border-bottom:3px solid #575756;
}

#header #slogan {
    width:100%;
    text-align: center;
    position:absolute;
    margin-left:auto;
    margin-right:auto;
    left:0px;
    right:0px;
    color:#ffffff;
    font-size:20px;
    top:70px;
    font-weight:normal;
}

#news
{
    position: relative;
    margin: 20px;
    border:1px solid #fa9300;
}

#news-header
{
    position: absolute;
    width:140px;
    left:0px;
    right:0px;
    margin-left: auto;
    margin-right: auto;
    background-color:#fa9300;
    top: -50px;
    height: 50px;
    line-height: 40px;
    color:#ffffff;
    text-align:center;
}

.newsblock {
    margin:15px;
    padding: 10px 0px;
    border-bottom: 1px solid #fa9300;
}

.newsblock:last-child {
    border-bottom:0px;

}

.newsblock h1 
{
    margin:4px 0px;
    color: #646363;
    font-size:13px;
    font-weight: bold;
}
 
.newsblock h2
{
    margin:4px 0px;
    color:#000000;
    font-size:13px;
    font-weight: bold;
}            

.newsblock p 
{
    color:#575756;
    font-size:13px;
    font-weight:normal;
}           

nav.navbar {
    position:absolute;
    left:15px;
    right:15px;
    z-index:2;
}

.category-modal {
    min-height: 100vh;
    z-index:10000000;
    background-color:#ffffff;
    width:100%;
    margin:auto;
}

.category-modal .modal-content {
    min-height: 100vh;
    color: #646363;
    border-radius: 0px;
    box-shadow: none;
    border: 0px;

}

.category-modal h1.modal-headline
{
    margin:0px;
}

.category-modal .close-modal
{
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: transparent;
    top: 5px;
    right: 5px;
    cursor: pointer;
    z-index: 100000000;
}

.category-modal .close-modal .lr {
    height: 35px;
    width: 2px;
    margin-left: 35px;
    background-color: #fa9300;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: 1051;
}

.category-modal .close-modal .lr .rl {
    height: 35px;
    width: 2px;
    background-color: #fa9300;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    z-index: 1052;
}

.category-modal a {
    color:#fa9300;
    font-weight:bold;
}

.category-modal .modal-text-right
{
    text-align: left;
    margin-top:15px;
}


.navbar-default .navbar-collapse, .navbar-default .navbar-form {
        background-color: rgba(0,0,0,0.6);
}

.navbar-default .navbar-toggle
{
    border-color: #fa9300;
}

.navbar-default .navbar-toggle .icon-bar
{
    background-color: #fa9300;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover
{
    background-color:#ffffff;
}

.content-text
{
    margin-top:50px;
    padding:20px;
    margin: 30px;
}

.content-text.bordered
{
    border:1px solid #fa9300;
}

img.bordered
{
    border:2px solid #fa9300;
}

#news.content
{
    padding:15px;
}

.category-modal .container {
    width: 100%;
}

.category-modal .container .contentblock p {
    font-size: 12px;
}

.category-modal .container .contentblock {
    margin-top: 15px;
}

.show-mobile {
    display:block;
}

#imprintlink {
    display:none;
}

.btn-stolte {
    border: 2px solid #fa9300;
    border-radius: 0px;
    margin-top: 10px;
}

@media (min-width: 480px) {
    #top {
        position:relative;
        height:59px;
    }

    #top img {
        top: 26px;
        width:360px;
    }
    #header #slogan
    {
        font-size: 40px;
        top:140px;    
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
            background-color: transparent;
    }

    .category-modal {
        width:90%;
        margin:auto;
    }
    
}


@media (min-width: 768px) {
    nav.navbar
    {
        position:absolute;
        bottom:37px;
        width: 540px;
        
        left: 0px;
        right: 0px;
        margin-left: auto;
        margin-right: auto;
    }
    .navbar-nav {
        display:table;
        width:480px;
        margin: 0;
    }
    .navbar-nav > li {
        float:none;
        display:table-cell;
        text-align:center;
        margin:5px;
    }

    #top {
        position:relative;
        height:69px;
    }

    #top img {
        top: 23px;
        width:500px;
    }

    .navbar-default .navbar-nav>li>a
    {
        border: 2px solid #ffffff;
        margin:5px;
    }

   
    .category-modal .container {
        width: 540px;
    }


    #news
    {
        width:470px;
        margin:auto;
        margin-top:20px;
    }

    .category-modal .container .contentblock:nth(2n+3) {
        clear:both;
    }

    .category-modal .close-modal
    {

        top: 25px;
        right: 25px;
    
    }

    .show-mobile {
        display:none !important;
    }

    #imprintlink {
        display:block;
        position:absolute;
        right:15px;
        top:15px;
    }

    #imprintlink a {
        text-decoration: none;
        font-weight:bold;
        color:#000000;
    }

    .category-modal {
        width:70%;
        margin:auto;
    }
    

}

@media (min-width: 992px)
{
    nav.navbar {
        position:absolute;
        bottom:77px;
        width:690px;
    }

     .navbar-nav {
        width:630px;
    }

    #top {
        position:relative;
        height:100px;
    }

    #top img {
        top: 28px;
        max-width:100%;
        width:auto;
    }

     .category-modal .modal-text-right
    {
        text-align: right;
        margin-top:0px;
    }

    #header #slogan {
        top: 160px;
    }

    #news
    {
        width:620px;
        
    }
    .category-modal {
        width:800px;
        margin:auto;
    }
}

@media (min-width: 1200px)
{
    .container {
        width: 1024px;
    }

    #header #slogan {
        font-size:50px;
        top:200px;
    }

    .category-modal {
        width:800px;
        margin:auto;
    }

}



@media (min-width: 768px)
{
  
}