:root {
    --prim: #18297D;
    --sec:  #DE2818;
}

body {
    background-color: #F6F6F6 !important;
}

a {
    -webkit-transition: all .3s;
    -moz-transition:    all .3s;
    -ms-transition:     all .3s;
    -o-transition:      all .3s;
    transition:         all .3s;
    outline:            0;
    -moz-outline-color: transparent !important;
    text-decoration:    none !important;
}

a:focus {
    outline:            0;
    -moz-outline-color: transparent !important;
}

a:not([class]) {
    color: #18297D !important;
}

a:not([class]):hover {
    color: #DE2818 !important;
}

.clear {
    clear:   both;
    margin:  0;
    padding: 0;
}

.clearfix:after {
    visibility: hidden;
    display:    block;
    font-size:  0;
    content:    " ";
    clear:      both;
    height:     0;
}

* html .clearfix {
    zoom: 1;
}

input[type="text"],
input[type="password"],
textarea,
button {
    outline:         0 !important;
    -moz-appearance: none !important;
}

.topbannerfixed a {
    -webkit-transition: all .3s;
    transition:         all .3s;
    color:              #18297D !important;
    text-decoration:    none !important;
    text-transform:     initial !important;
    font-weight:        bold;
    padding:            1em .5em;
    display:            inline-block;
}

.topbannerfixed a:hover {
    color: #DE2818 !important;
}

.navibarcontainer {
    background-color: transparent !important;
    border:           none !important;
}

.navbar-nav {
    text-transform: none !important;
}

a.btn.btn-large.pull-right,
.navbar-nav a.nav-link {
    -webkit-transition: all .3s;
    transition:         all .3s;
    color:              #18297D !important;
}

.navbar-nav a.nav-link:hover {
    color: #DE2818 !important;
}

.navbar-nav .nav-item {
    position: relative;
}

.navbar-nav .nav-item:before {
    content:      '';
    position:     absolute;
    right:        0;
    top:          0;
    border-right: 1px solid #888;
    height:       20px;
}

.navbar-nav .nav-item:last-of-type:before {
    border-right: 0;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding: 0 1em !important;
}

.grouptumpheader {
    text-align: center !important;
    display:    block;
}

.grouptumpheader h5 {
    margin:    1em 0 !important;
    font-size: 1.3em;
}

.footercontainer2 {
    margin-top: 2em;
    background: #18297D;
}

.footer_content {
    padding-top: 2.5em;
    background:  none !important;
}

.bottom_menu ul.nav-list {
    padding:         0 !important;
    margin:          0 !important;
    list-style-type: none !important;
}

.bottom_menu ul.nav-list li {
    display: inline-block !important;
    margin:  0 !important;
    padding: 2em 1em;
}

.bottom_menu ul.nav-list li a {
    -webkit-transition: all .3s;
    transition:         all .3s;
    color:              #FFF !important;
    text-decoration:    none;
}

.bottom_menu ul.nav-list li a:hover {
    -webkit-transition: all .3s;
    transition:         all .3s;
    color:              #DE2818 !important;
}

.panel-heading {
    font-size: 1.3em;
    color:     #18297D !important;
    padding:   1em 1em 2em;
}

.productboxheight {
    height: auto !important;
}

.artikelnr {
    display: none;
}

.productgroupboxheight {
    height: auto !important;
}

.einleitung,
.caption {
    height:     auto !important;
    min-height: 0 !important;
}

.productbox {
    margin-bottom: 1em;
}

h1 {
    font-size:     2em;
    color:         #18297D;
    margin-bottom: 2em;
}

#layout-main-wrap {
    margin-top: 2em;
}

#articlegroup_image_big {
    margin-bottom: 3em;
}

#articlegroup_image_big img {
    display: none;
}

a.produkt_image_overview {
    display: block;
    margin:  1.5em 0 0;
}

.productboxtxt a.btn-primary.produkt-config-btn,
.basketButtons .btn-success,
.btn.vouchersubmit,
.btn-primary,
.articlegrouplistitem .thumbnail a.btn-success,
a.red.outline {
    -webkit-transition: all .3s;
    transition:         all .3s;
    background-color:   #18297D !important;
    color:              #FFF !important;
    padding:            1.3em !important;
    border:             none !important;
}

a.red.outline {
    background-color: #DE2818 !important;
    border:           1px solid #DE2818 !important;
    padding:          1.3em 2em !important;
    color:            #FFF !important;
}

button#in_basket {
    -webkit-transition: all .3s;
    transition:         all .3s;
    background-color:   #18297D !important;
    color:              #FFF !important;
    padding:            1.3em !important;
    border:             none !important;
    width:              100%;
}

button#in_basket:hover {
    background-color: #DE2818 !important;
}

.productboxtxt a.btn-primary.produkt-config-btn:hover,
.basketButtons .btn-success:hover,
.btn.vouchersubmit:hover,
.btn-primary:hover,
.articlegrouplistitem .thumbnail a.btn-success:hover,
a.red.outline:hover {
    background-color: #DE2818 !important;
    color:            #FFF !important;
    padding:          1.3em !important;
    border:           none !important;
}

a.red.outline:hover {
    background-color: #18297D !important;
    color:            #FFF;
    border:           1px solid #18297D !important;
    padding:          1.3em 2em !important;
}

.articlegrouplistitem a.btn.btn-primary.produkt-config-btn {
    position: relative;
    bottom:   initial;
    left:     initial !important;
    right:    initial !important;;
    display:  var(--articlebtn);
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color:              #18297D !important;
    cursor:             pointer;
    background-color:   #F1F1F1;
    border:             0;
    -webkit-transition: all .3s;
    transition:         all .3s;
    font-size:          1.2em !important;
}

.nav-tabs > li.active > a:hover {
    color: #DE2818 !important;
}

.nav > li > a {
    padding: 1em 2em;
}

ul.nav.nav-tabs {
    margin-bottom: 0;
    border-bottom: 0 !important;
}

.tab-content {
    background: #F1F1F1;
    padding:    2em 1em 1em;
}

.pagination ul > li > a,
.pagination ul > li > span {
    color: #18297D !important;
}

.pagination ul > li > a:hover {
    color: #DE2818 !important;
}

#footer-customer {
    display: none;
}

#details a,
#details a font {
    color:              #18297D !important;
    text-decoration:    none !important;
    -webkit-transition: all .3s;
    transition:         all .3s;
}

#details a:hover,
#details a:hover font {
    color: #DE2818 !important;
}

.calcBasket {
    margin-bottom: 1em;
    display:       flex;
    align-items:   center;
}

@media only screen and (max-width: 767px) {
    .andMobile {
        position:    relative;
        margin-left: 1em !important;
    }
}

input,
select,
.form-control input {
    padding:            1em 1em !important;
    height:             auto !important;
    font-size:          1em !important;
    border-radius:      0;
    background:         #FFF !important;
    border:             1px solid #888 !important;
    -webkit-transition: all .3s;
    transition:         all .3s;
}

input:hover,
select:hover,
.form-control input:hover {
    padding:    1em 1em !important;
    height:     auto !important;
    font-size:  1em !important;
    border:     1px solid #555 !important;
    background: #FAFAFA !important;
}

input:focus,
select:focus,
.form-control input:focus {
    background: #F4F4F4 !important;

}

select {

}

.form-control:focus {
    border-color: #333333 !important;
    box-shadow:   none !important;
}

.btn-success:focus {
    box-shadow: none !important;
}

.row {
    align-items: center !important;
}

#search .button-search {
    top: 25px !important;
}

.btn.btn-success.active {
    background-color: #18297D !important;
    border-color:     #18297D !important;
}

.bg-info {
    background-color: #18297D !important;
}

button.searchbutton {
    display:    inline-block;
    background: #18297D;
    border:     1px solid #18297D;
    color:      #FFF;
    padding:    1em 3em !important;
}

ul.topMenue {
    padding-left: 0;
}

ul.topMenue li {
    width: 100%;
}

button.navbar-toggler {
    background:         #18297D;
    border:             1px solid #18297D;
    padding:            1em;
    color:              #FFF !important;
    -webkit-transition: all .3s;
    -moz-transition:    all .3s;
    -ms-transition:     all .3s;
    -o-transition:      all .3s;
    transition:         all .3s;
}

button.navbar-toggler:hover {
    background: #DE2818;
    border:     1px solid #DE2818;
}

.kundenInfo {
    margin-bottom: 3em;
    line-height:   1.7em;
}

.kundenInfo h2 {
    margin-bottom: 1em;
}

.articlelistimg {
    width: auto !important;
}

label.produkttitel {
    height: 80px !important;
}

@media only screen and (min-width: 1120px) {
    label.produkttitel {
        height: 40px !important;
    }
}

.deskDevice img,
.mobDevice img {
    width: 100% !important;
}

.deskDevice {
    display: none;
}

@media only screen and (min-width: 768px) {
    .deskDevice {
        display: block;
    }

    .mobDevice {
        display: none;
    }
}

.thumbnail {
    background: transparent !important;
}