/*Customizing styles for specific views*/
@media (max-width: 1600px) {
    .hidden-xs {
        display: none !important;
    }
    
    .bannerImage {
    background: url('/images/content/Layout-Bilder/header-content.jpg') no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
    float: left;
    height: 149px;
    width: 100%;
    background-size: cover;
    margin-top: 0px;
    margin-bottom: 9px;
    background-position: center 0px;
    background-size: cover;
}
.banner-slider.container-fluid {
    background: #f0f7ff;
    padding-top: 50px;
}
#navigation-wrapper {
    float: left;
    margin-top: 15px;
    margin-left: 0px;
}
.navigation li a {
    display: block;
    height: 49px;
    padding: 20px 6px 5px 5px;
    color: #004d9f;
    font-size: 18px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: 0 none;
    font-size: 15.5px;
}

    .answer img {
        width: 100%;
        height: auto;
    }
    #podcast .media div +div {
        padding-left: 0;
    }
    #podcast_container embed {
        width: 100% !important;
        height: auto !important;
    }
    #regkey {
        width: 58%;
    }
    .table .egov-btn {
        margin-bottom: 10px;
    }
    /*survey*/
    .survey td {
        float: left;
        width: 100%;
        padding-left: 0;
    }
    .questionBlock_button input {
        margin-left: 0 !important;
    }
    .radioText {
        word-wrap: break-word;
        width: 260px;
        float: left;
    }
    .item h1 {
        left: 7%;
        bottom: 27%;
        font-size: 18px;
    }
    h1 {
    font-size: 20px;
    line-height: 1.15;
}
h1.first {
    padding-top: 0;
    text-align: left;
}
h2 {
    font-size: 16px;
}
h3 {
    font-size: 14px;
}
    #page #mediadir .mapLarge{
        width: 100%;
    }
    .carousel-indicators {
        bottom: 0px;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    #page #shop button.add-to-cart {
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
    #page #shop div.price {
        -webkit-border-radius: 5px;
        border-radius: 5px;
        clear: both;
    }

    #home-boxes {
    padding: 0;
    float: left;
    width: 98%;
    padding-left: 10px;
    padding-right: 10px;
}
    #home-boxes .box1, #home-boxes .box2 {
        padding: 0;
    }
    #home-boxes .first .home-box {
        width: 98.5%;
        min-height:150px;
    }
    #home-boxes .middlebox .home-box {margin-left: 0;}
    #home-boxes .first, #home-boxes .middlebox, #home-boxes .lastbox {
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-header {
    float: right;
    margin-top: 0px;
}
    #subnavigation {display: none;}
    .login-content {
        padding: 0;
    }
    #calendar-boxes {
        padding: 0;
    }
    .voting td:last-of-type {
        width: 37%;
    }
    .voting td:first-of-type {
        width: 63%;
    }
    #mediadir .reference {margin-bottom: 20px;}
    #shop div.images a img {
        height: auto;
    }
    .searchform #searchfield p#fieldlast {
        padding-top: 0;
    }
    .searchform #searchfield p {
        width: 100%;
        margin-right: 0;
    }
    #home-page, #home-block {padding: 0 15px;}
    .home-box.col-md-4 {width: 100%;margin-bottom: 30px;}
    .social-foot {
        float: left;
        width: 78%;
        margin-top: 3px;
    }
    #shop .shopterms .row3 {
        display: none;
    }
    #footer-bottom .footer-left {
        float: left;
        width: auto;
        margin-right: auto;
        margin-left: 15px;
    }
    #media {
        font-size: 13px;
    }
    .footer-right {
        width: 100%;
        float: left;
    }
    form select[name="catId"] {
        width: 100%;
        margin-bottom: 15px;
    }
    .sidebar-block.contact-us a {
        float: left;
        width: 100%;
        height: 41px;
        padding: 6px 12px;
        color: #FFFFFF;
        font-size: 15px;
        font-weight: bold;
        background: url('images/contact-us-button.jpg') no-repeat;
        background-size: 100% 100%;
        text-align: center;
        background-position: 100%;
    }
    #content-wrapper {
        padding-bottom: 100px;
    }
    #page h1, .h1 {
        font-size: 26px;
        word-wrap: break-word;
    }
    #home-page-wrapper {
        padding: 20px 0;
        width:94%;
        padding-left: 10px;
        padding-right: 10px;
    }
    #footer-bottom ul {
        margin-left: 15px;
    }
    label[for="access_user_tos"] {
        width: 90%;
        float: left;
        margin-left: 10px;
    }
    #page {margin-right: 0;width: 100%;}
    #sidebar {margin-top: 20px;width: 100%;}
    #tagelement,#tagelement tr, #tagelement .row2  {
        float: left;
        width: 100%;
        font-size: 13px;
    }
    .member_list td {
        width: 100% !important;
    }
    #tagelement td {
        float: left;
        width: 100%;
        padding-left: 54%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    #tagelement td:nth-of-type(1):before {
        content: "Tabellenüberschrift 1";
        position: absolute;
        left: 20px;
        font-weight: 700;
    }
    #login form input.remember_me, #login form label.remember_me {
        width: auto;
    }
    #tagelement td:nth-of-type(2):before {
        content: "Tabellenüberschrift 2";
        position: absolute;
        left: 20px;
        font-weight: 700;
    }
    #tagelement td:nth-of-type(3):before {
        content: "Tabellenüberschrift 3";
        position: absolute;
        left: 20px;
        font-weight: 700;
    }
    .listrow .eachrow:nth-child(2) {
        width: 22px;
    }
    .listrow .eachrow:nth-child(2) {
        padding-left: 0;
    }
    #breadcrumb {
        padding-left: 15px;
        padding-right: 15px;
    }
    #tagelement tr:nth-of-type(1) {display: none;}
    .news-image {width: 50%;}
    .news-text {clear: both;margin-top: 10px;}
    #blog form p {padding-left: 0;}
    #blog form p label {margin: 0;}
    #page #blog div.search_date{padding: 0;}
    #news-social-media li {clear: both;}
    #news-social-media .facebook {margin-bottom: 5px;}
    #captcha #coreCaptchaLabel {white-space: normal;}
    #login p {
        padding-left: 0;
    }
    form p label {
        margin-right: 20px;
    }
    form p {
        width: 100%;
        padding-left: 0;
    }
    #login p label {
        margin-left: 0;
        width: 100%;
    }
    #login #sociallogin, #access #sociallogin {
        width: 100%;
        margin-left: 0;
    }
    .login-content #login {
        width: 100%;
        padding: 0px;
        border-bottom: 0;
        border-right: 0;
    }
    .login-bottom {padding-left: 15px;}
    #login a.lostpw, #login a.register {margin-left: 0}
    #sidebar.col-md-3, #page.col-md-9, #page-left, #page #shop div.details, #page #shop div.short-description {
        width: 100%;
        margin-right: 0px;
    }
    #page-right {
        width: 100%;
        padding: 0;
    }
    #page #shop figure a,#page #checkout .right,#page #checkout .left {width: 100%;}
    #page #shop figure a .categorie-image-wrapper {
        width: 100%;
        height: auto;
    }
    #page #downloads div.overview div.row div.category {
        width: 100%;
        padding: 0 0 15px 0;
    }
    .overview .row {
        width: 100%;
    }
    .member_list td {
        float: left;
        clear: both;
        width: 100%;
    }
    /*cart*/
    #cartlist #th_bg2 .cartrow:first-child {
        width: 100%;
        padding-left: 50%;
    }
    #cartlist #th_bg2 .cartrow:first-child:before {
        content: "Product";
        position: absolute;
        left: 20px;
        font-weight: 700;
    }
    #cartlist #th_bg2 .cartrow:nth-child(2):before {
        content: "Stückpreis";
        position: absolute;
        font-weight: 700;
        left: 20px;
    }
    #cartlist #th_bg2 .cartrow:nth-child(2) {
        width: 100%;
        padding-left: 50%;
    }
    #cartlist #th_bg2 .cartrow:nth-child(3):before {
        content: "Menge";
        position: absolute;
        font-weight: 700;
        left: 20px;
    }
    #cartlist #th_bg2 .cartrow:nth-child(3) {
        width: 100%;
        padding-left: 80%;
        font-weight: 700;
        padding-right: 0;
    }
    #page #shop input.shop_quantity {
        width: 28px;
    }
    #cartlist .row1 div {
        width: 50%;
    }
    #cartlist #th_bg2 .cartrow {
        width: 100%;
        padding-left: 50%;
        text-align: right;
    }
    #shop #th_bg2 .a_right {
        text-align: right;
        width: 100%;
    }
    #cartlist #th_bg2 .cartrow:nth-child(4):before {
        content: "inkl. MwSt.";
        position: absolute;
        font-weight: 700;
        left: 20px;
    }
    #cartlist #th_bg2 .cartrow:nth-child(6):before {
        content: "Total";
        position: absolute;
        left: 20px;
        font-weight: 700;
    }
    #cartlist #th_bg {
        display: none;
    }
    /*versandkonditions*/
    #shop {
        font-size: 13px;
    }
    #shop .shopterms .row2 .shoprow {
        float: left;
        width: 100%;
        padding-left: 56%;
        min-height: 27px;
        color: #000;
    }
    .row2.first .shoprow:first-child:before {
        content: "Versandart";
        position: absolute;
        left: 10px;
        font-weight: 700;
    }
    .row2.first .shoprow:nth-child(2):before {
        content: "Lieferländer";
        position: absolute;
        left: 10px;
        font-weight: 700;
    }
    .row2 .shoprow:nth-child(2):before {
        content: "Maximalgewicht";
        font-weight: 700;
        position: absolute;
        left: 15px;
    }
    .row2 .shoprow:nth-child(3):before {
        content: "Gebührenfrei ab";
        font-weight: 700;
        position: absolute;
        left: 15px;
    }
    .row2 .shoprow:last-child:before {
        content: "Gebühr";
        font-weight: 700;
        position: absolute;
        left: 15px;
    }
    /*Medien*/
    head .eachrow:nth-child(2) {
        width: 35%;
    }
    .head .eachrow:nth-child(3) {
        width: 32%;
        text-align: right;
    }
    .head .eachrow:nth-child(4) {
        display: none;
    }
    .head .eachrow:nth-child(5) {
        float: right;
        text-align: right;
        margin-right: 10px;
    }
    .row2 .eachrow, .homerow2 .eachrow {
        width: 89%;
        padding-left: 0px;
    }
    .listrow .eachrow:nth-child(3) {
        width: 28.5%;
        padding-left: 0px;
    }
    .listrow .eachrow:nth-child(4) {
        width: 20%;
        text-align: right;
    }
    .listrow .eachrow:nth-child(5) {
        display: none;
    }
    .listrow .eachrow:last-child {
        width: 28.2%;
        text-align: right;
        padding-right: 10px;
        float: right;
    }
    .head .eachrow:nth-child(2) {
        width: 36%;
    }
    .eachrow {
        width: 15%;
    }
    #page .login-content .login-social {
        margin-bottom: 10px;
        padding-bottom: 20px;
        border-right: 0;
        border-bottom: 0;
    }
    #access .login-social, .regForm {width: 100%}
    .regdivider span {
        top: -8px;
        left: -8px;
        padding: 0px 6px;
        left: 45%;
    }
    .regdivider {
        height: 1px;
        width: 100%;
        margin: 30px 0;
    }
    /*Shop*/
    #shop #bestelTable .row1, #shop_payment .row3, #shop_payment .row1 {
        float: left;
        width: 100%;
    }
    #bestelTable tbody, #shop_payment tbody {
        float: left;
    }
    #shop table#bestelTable tr.row3 {
        float: left;
        width: 100%;
        padding-left: 0;
    }
    #bestelTable .row3 td {
        padding-left: 0;
        width: 33%;
        word-wrap: break-word;
    }
    #shop #bestelTable .row1.price td, #shop #bestelTable .row1.tax td {
        padding-left: 0;
        width: 50%;
        text-align: left;
        padding-left: 10px;
    }
    #shop #bestelTable .row1.price, #shop #bestelTable .row1.tax {
        width: 100%;
    }
    #shop #bestelTable .row1.price td:before, #shop #bestelTable .row1.tax td:before {
        content: none;
    }
    #bestelTable .row3.total td {
        width: 50%;
        text-align: left;
        padding-left: 10px;
    }
    #bestelTable th, #shop_payment th {
        display: none;
    }
    #bestelTable td {
        float: left;
        width: 100%;
        padding-left: 50%;
        text-align: right;
    }
    #shop div.message p label {
        width: 260px;
    }
    #bestelTable .row1 td:nth-of-type(1):before {
        content: "ID";
        position: absolute;
        left: 22px;
    }
    #bestelTable .row1 td:nth-of-type(2):before {
        content: "Produkt";
        position: absolute;
        left: 22px;
    }
    #bestelTable .row1 td:nth-of-type(3):before {
        content: "Stückpreis";
        position: absolute;
        left: 22px;
    }
    #bestelTable .row1 td:nth-of-type(4):before {
        content: "Menge";
        position: absolute;
        left: 22px;
    }
    #bestelTable .row1 td:nth-of-type(5):before {
        content: "inkl. MwSt.";
        position: absolute;
        left: 22px;
    }
    #bestelTable .row1 td:nth-of-type(7):before {
        content: "Total";
        position: absolute;
        left: 22px;
    }
    /*shop*/
    #shop_payment .row1:first-child td {
        width: 100%;
        float: left;
        text-align: left !important;
    }
    #shop div.message p {
        padding-left: 0;
        min-height: 45px;
    }
    #shop #head td {
        float: left;
        width: 100%;
        text-align: left !important;
    }
    #shop .shop-price td {
        width: 50%;
    }
    #shop .shop-price td:nth-of-type(2) {
        text-align: right !important;
    }
    #profile-left {
        margin-left: 0px;
    }
    #subnavigation {display: none;}
    #profile-left-button {
        padding-left: 0;
    }
    .login-content .login-bottom > div {
        padding-left: 0;
    }
    .employee-left, .employee-middle, .employee-right {padding-bottom: 20px;}
    #page #gallery div.show_image img , #page #gallery div.category_image img, #page #gallery div.category_images img{width: auto;}
    #page #shop div.description{width: 100%;}
    /**/
    /*MediaDir Edit Start*/
    .mediadirSelector .mediadirSelectorCenter {
        padding: 5px 65px 0 !important;
    }
    /*MediaDir Edit End*/
    .row .image img {
        width: auto;
        height: auto;
    }
    .fields .selectorCenter{
        padding: 20px 10px 5px;
        float: none;
        height: auto;
    }
    #sociallogin {
        border-bottom: 1px solid #D8DCE0;
        padding-bottom: 30px;
    }
    .reg #sociallogin {
        border-bottom: 0;
        padding-bottom: 10px;
    }
    /*Forum*/
    #page #forum div.notification_center {
        padding: 20px 0px 20px 0px;
    }
    
    #logo {
    float: left;
    max-width:55%;
    margin-left:5px;
    z-index:9999;
}
#logo img {
    width: 70%;
    padding: 0px;
    margin-top: 5px;
    float:left;
}
}
@media (min-width: 768px) and (max-width: 979px) {
    #home-page {padding: 0 15px;}
    .home-box.col-md-4 {width: 100%;margin-bottom: 30px;}
    #content-wrapper {
        padding-bottom: 168px;
    }
    #media_div .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        -webkit-overflow-scrolling: touch;
    }
    #page #forum div.notification_center {
        padding: 20px 0px 20px 0px;
    }
    .fields .selectorCenter{
        padding: 20px 10px 20px;
        float: none;
        height: auto;
    }
    .row .image img {
        width: auto;
        height: auto;
    }
    .adminlist.table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        -webkit-overflow-scrolling: touch;
    }
    /*MediaDir Edit Start*/
    .mediadirSelector .mediadirSelectorCenter {
        padding: 5px 65px 0 !important;
    }
    #page #mediadir .mediadirSelector, #page #mediadir .mediadirGoogleMap {margin-top: 0;}
    /*MediaDir Edit End*/
    #mediadir .reference {margin-bottom: 20px;}
    .employee-left, .employee-middle, .employee-right {padding-bottom: 20px;}
    #page #gallery div.show_image img , #page #gallery div.category_image img, #page #gallery div.category_images img{width: auto;}
    #page #shop div.description{width: 100%;}
    .news-image {
        margin-right: 0;
        width: 100%;
        padding-right: 15px;
        margin-bottom: 10px;
    }
    #home-boxes {
    padding: 0;
    float: left;
    width: 97%;
    padding-left: 8px;
}
    #home-boxes .box1, #home-boxes .box2 {
        padding: 0;
    }
    #home-boxes .first .home-box {
        width: 100%;
    }
    #home-boxes .middlebox .home-box {margin-left: 0;}
    #home-boxes .first, #home-boxes .middlebox, #home-boxes .lastbox {
        padding-left: 0;
        padding-right: 0;
    }
    .social-foot {
        float: none;
        width: 30%;
        margin-top: 3px;
    }
    #shop div.message p {
        min-height: 50px;
    }
    #footer-bottom .footer-left {
        float: none;
        width: 50%;
    }
    #home-block {padding: 15px;}
    .footer-right {
        width: 77%;
        float: none;
    }
    #home-page-wrapper {
    padding: 20px 0;
    width:96%;
    
    }
    .col-sm-9 {width: 72.7%;}
    .contact-web a {word-wrap: break-word;}
    input[name="downloads_search_keyword"] {
        width: 82%;
    }
    .login-content #login {
        width: 100%;
        padding: 0px;
        border-right: 0;
    }
    .login-content .login-bottom > div {
        padding-left: 15px;
    }
    #page .login-content .login-social {
        margin-bottom: 10px;
        padding-bottom: 20px;
        border-right: 0;
        border-bottom: 0;
    }
    #sociallogin {
        border-bottom: 1px solid #D8DCE0;
        padding-bottom: 30px;
    }
    .reg #sociallogin {
        border-bottom: 0;
        padding-bottom: 10px;
    }
    #shop {
        font-size: 13px;
    }
    .sidebar-block.contact-us a {
        padding: 7% 0 0 13%;
        font-size: 13px;
    }
    .head .eachrow:nth-child(3) {width: 24%;}
    .head .eachrow:nth-child(2) {width: 46%;}
    .row2 .eachrow, .homerow2 .eachrow {width: 93%;}
    .listrow .eachrow:nth-child(3) {width: 42.5%;}
    #shop div.short-description, #shop div.details {width: 100%;}
    #page.col-md-9 {width: 75.3%;}
    #cartlist #th_bg .cartrow:first-child,#cartlist #th_bg2 .cartrow:first-child {width: 26%;}
    #cartlist #th_bg .cartrow:nth-child(2) {width: 21%;}
    .cartrow {width: 23%;}
    #shop #th_bg .a_right.cartrow {width: 13%;}
    #cartlist #th_bg .cartrow:nth-child(3) {width: 17%;}
    #cartlist #th_bg2 .cartrow:nth-child(2) {width: 18%;}
    #cartlist #th_bg2 .cartrow:nth-child(3) {width: 16%;}
    #cartlist #th_bg2 .cartrow {width: 11%;}
    #shop #th_bg2 .a_right {
        width: 15%;
        word-wrap: break-word;
        margin-left: 11px;
        padding-right: 5px;
    }
    #access .login-social, .regForm {width: 100%}
    .regdivider span {
        top: -8px;
        left: -8px;
        padding: 0px 6px;
        left: 45%;
    }
    .regdivider {
        height: 1px;
        width: 100%;
        margin: 30px 0;
    }
    #profile-left {
        margin-left: 0px;
    }
    #profile-left-button {
        padding-left: 0;
    }
    #page {
        width: 72.7%;
    }
    #sidebar {
        width: 25%;
    }
    #subnavigation {
        display: none;
    }
        #logo {
    float: left;
    width: auto;
}
#logo img {
    width: 65%;
    padding-left: 35px;
    margin-top: 20px;
    float: left;
}
}
@media (min-width: 980px) and (max-width: 1199px) {
    .home-box.col-md-4 {width: 31.4%;margin-right: 28px;}
    #content-wrapper {
        padding-bottom: 168px;
    }
    #shop div.message p label {
        min-height: 40px;
    }
    #page {
        width: 75.9%;
    }
    #sidebar {
        width: 22.566667%;
    }
    .social-foot {
        float: none;
        width: 24%;
        margin-top: 3px;
    }
    #shop div.message p {
        min-height: 40px;
    }
    #footer-bottom .footer-left {
        float: none;
        width: 50%;
    }
    .footer-right {
        width: 58%;
        float: none;
    }
    .col-md-9_5 {
        width: 75.9%;
    }
    input[name="downloads_search_keyword"] {
        width: 87%;
    }
    .listrow .eachrow:nth-child(3) {width: 44.5%;}
    .listrow .eachrow:last-child {width: 22.2%;}
    .row2 .eachrow, .homerow2 .eachrow {width: 93%;}
    #page.col-md-9 {
        width: 77.3%;
    }
    #sidebar.col-md-3 {
        width: 20.5%;
    }
    .shopterms {
        font-size: 13px;
    }
    .sidebar-block.contact-us a {
        padding: 5% 0 0 12%;
        font-size: 14px;
    }
    .regdivider {
        margin: 0 27px;
    }
    #cartlist {
        font-size: 12px;
    }
    #profile-left-button {
        padding-left: 35.5%;
    }
    #subnavigation {display: none;}
    
#logo {
    float: left;
    width: auto;
}
#logo img {
    width: 65%;
    padding-left: 45px;
    margin-top: 20px;
    float: left;
}
#home-boxes {
    padding-left: 10px;
}
.home-box {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
    padding: 10px 10px 10px 0px;
    margin: 0 28px 19px 0;
    overflow: hidden;
    border-top: 3px solid #0A85C8;
    background: #FFFFFF;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
}
@media (min-width: 1200px) {
    body .container {
        width: 1200px;
    }
}
@media (min-width: 768px) {
    .row .navbar-header {
        float: right;
    }
    .navbar-header .navbar-toggle {
        display: block;
    }
    .navbar-collapse.collapse {
        display: none !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .modal .modal-dialog {
        width: 917px;
        margin: 30px auto;
        margin-top: 60px;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-nav {
        margin: 0;
    }
}