#postaktuell .pa_boxcontent .col.right.product_options > h3 { font-size:18px; width: auto;}
footer.main address .col_left { width: 100%}
@media only screen and (max-width: 600px) {
  #slider #controlNav {
      display: none;
   }
}



.trade-groups .card img, .product-listing .card img {
   height: 150px;
   object-fit: cover;
}

.trade-groups .card:hover img, .product-listing .card:hover img {
-moz-transform: scale(1.1);
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}

#navbar .wrp > ul > li:nth-child(1) {
background:#ffb203;
height: 50px;
   margin-top: 0px;
   padding-top: 12px;
   border-radius:0px;
}

@media screen and (max-width: 1023px) {
#navbar .wrp>ul>li {
   height: 40px!important; }
#navbar .wrp > ul > li:nth-child(1) {
   padding-top: 10px;
}

}

#navbar .service-menu div {
   height: 50px;
   margin-top: 0px;
   border-radius: 0px;
}

.trade-groups .card:hover figcaption .h2 {
   color: #fff;
}


.input_text_gewicht,
.input_text_gewicht2 {
 width: 100% !important;
 height: 32px !important;
}

.accordion {
   background-color: #eee;
   color: #444;
   cursor: pointer;
   padding: 18px;
   width: 100%;
   border: none;
   text-align: left;
   outline: none;
   font-size: 15px;
   transition: 0.4s;
}

header.main {
   margin-bottom: 34px!important;
}

.rte_container .list {
    list-style-position: outside !important;
}

.rte_container .list li {
    margin-left: 1em !important;
    padding-left: 0.5em !important;
}

@media (max-width: 480px) {
 .card h2 {
   font-weight: 800 !important;
   font-size: 10px !important;
 }
}

@media (max-width: 768px) {
 .card h2 {
   font-weight: 800 !important;
   font-size: 15px !important;
 }
}

@media (min-width: 768px) {
 .card h2 {
   font-weight: 800 !important;
   font-size: 20px !important;
 }
}

.factsheet-icon {
 float: left;
 margin: 0px 10px 0px 0px !important;
}

.info-icon {
 float: left;
 margin: 5px 10px 0px 0px !important;
}

.float-left {
 float: left;
}

.accordion:hover {
   background-color: #1f6eac;
   color: #fff;
}

.panel {
   padding-left: 18px;
   padding-right: 18px;
   padding-top: 18px;
   background-color: white;
   max-height: inherit;
   overflow: hidden;
   transition: max-height 0.2s ease-out;
}

hr {
 border-bottom: solid 1px #e0e0e0 !important;
}

.download-img {
 margin-right: 7px !important;
 float: left !important;
 margin-top: 4px !important;
 margin-bottom: 0px !important;
}

.fussnote {
 font-size: 80%;
 font-style: italic;
}

#usp-bar {
 display: none !important;
}


.grey {
   color: dimgrey !important;
   font-weight: 700 !important;
}


/* - Padding entfernen - */
.element-first {
 padding-left: 0px !important;
}

.element-last {
 padding-right: 0px !important;
}

/* - Element Abstaende - */
.element-tall-top {
 margin-top: 96px !important;
}

.element-tall-bottom {
 margin-bottom: 96px !important;
}

.element-normal-top {
 margin-top: 72px !important;
}

.element-normal-bottom {
 margin-bottom: 72px !important;
}

.element-medium-top {
 margin-top: 48px !important;
}

.element-medium-bottom {
 margin-bottom: 48px !important;
}

.element-short-top {
 margin-top: 24px !important;
}

.element-short-bottom {
 margin-bottom: 24px !important;
}

.element-no-top {
 margin-top: 0px !important;
}

.element-no-bottom {
 margin-bottom: 0px !important;
}

.reihe {
 margin-left: -15px;
 margin-right: -15px
}

.head-container {
 background-color: #175281;
 margin-left: 0px;
 margin-right: 0px;
}

.orange {
 color: #f4a42b !important;
}

.reihe:after, .reihe:before {
 content: " ";
 display: table
}
.reihe:after {
 clear: both
}

.headillu {
 top: 50px;
}

.headillu-2 {
 top: 95px;
}

.headimage {
 margin-bottom: 0px !important;
}

.headmain {
 font-size: 24px !important;
 line-height: 36px !important;
 font-weight: bolder !important;
 color: white !important;
}

.headsub, .headsub strong, .headsub .orange {
 font-size: 21px !important;
 line-height: 1.5;
 color: white !important;
}

.headline-2 {
 font-size: 24px;
 line-height: 1.5;
}

.headline-2-center {
 font-size: 24px;
 line-height: 1.5;
 text-align: center;
}

.orange {
 color: #f4a42b !important;
}






/* - Columns - */

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
 position: relative;
 min-height: 1px;
 padding-right: 15px;
 padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
 float: left;
}
.col-xs-12 {
 width: 100%;
}
.col-xs-11 {
 width: 91.66666667%;
}
.col-xs-10 {
 width: 83.33333333%;
}
.col-xs-9 {
 width: 75%;
}
.col-xs-8 {
 width: 66.66666667%;
}
.col-xs-7 {
 width: 58.33333333%;
}
.col-xs-6 {
 width: 50%;
}
.col-xs-5 {
 width: 41.66666667%;
}
.col-xs-4 {
 width: 33.33333333%;
}
.col-xs-3 {
 width: 25%;
}
.col-xs-2 {
 width: 16.66666667%;
}
.col-xs-1 {
 width: 8.33333333%;
}
.col-xs-pull-12 {
 right: 100%;
}
.col-xs-pull-11 {
 right: 91.66666667%;
}
.col-xs-pull-10 {
 right: 83.33333333%;
}
.col-xs-pull-9 {
 right: 75%;
}
.col-xs-pull-8 {
 right: 66.66666667%;
}
.col-xs-pull-7 {
 right: 58.33333333%;
}
.col-xs-pull-6 {
 right: 50%;
}
.col-xs-pull-5 {
 right: 41.66666667%;
}
.col-xs-pull-4 {
 right: 33.33333333%;
}
.col-xs-pull-3 {
 right: 25%;
}
.col-xs-pull-2 {
 right: 16.66666667%;
}
.col-xs-pull-1 {
 right: 8.33333333%;
}
.col-xs-pull-0 {
 right: auto;
}
.col-xs-push-12 {
 left: 100%;
}
.col-xs-push-11 {
 left: 91.66666667%;
}
.col-xs-push-10 {
 left: 83.33333333%;
}
.col-xs-push-9 {
 left: 75%;
}
.col-xs-push-8 {
 left: 66.66666667%;
}
.col-xs-push-7 {
 left: 58.33333333%;
}
.col-xs-push-6 {
 left: 50%;
}
.col-xs-push-5 {
 left: 41.66666667%;
}
.col-xs-push-4 {
 left: 33.33333333%;
}
.col-xs-push-3 {
 left: 25%;
}
.col-xs-push-2 {
 left: 16.66666667%;
}
.col-xs-push-1 {
 left: 8.33333333%;
}
.col-xs-push-0 {
 left: auto;
}
.col-xs-offset-12 {
 margin-left: 100%;
}
.col-xs-offset-11 {
 margin-left: 91.66666667%;
}
.col-xs-offset-10 {
 margin-left: 83.33333333%;
}
.col-xs-offset-9 {
 margin-left: 75%;
}
.col-xs-offset-8 {
 margin-left: 66.66666667%;
}
.col-xs-offset-7 {
 margin-left: 58.33333333%;
}
.col-xs-offset-6 {
 margin-left: 50%;
}
.col-xs-offset-5 {
 margin-left: 41.66666667%;
}
.col-xs-offset-4 {
 margin-left: 33.33333333%;
}
.col-xs-offset-3 {
 margin-left: 25%;
}
.col-xs-offset-2 {
 margin-left: 16.66666667%;
}
.col-xs-offset-1 {
 margin-left: 8.33333333%;
}
.col-xs-offset-0 {
 margin-left: 0;
}


@media (min-width: 768px) {
 .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
   float: left;
 }
 .col-sm-12 {
   width: 100%;
 }
 .col-sm-11 {
   width: 91.66666667%;
 }
 .col-sm-10 {
   width: 83.33333333%;
 }
 .col-sm-9 {
   width: 75%;
 }
 .col-sm-8 {
   width: 66.66666667%;
 }
 .col-sm-7 {
   width: 58.33333333%;
 }
 .col-sm-6 {
   width: 50%;
 }
 .col-sm-5 {
   width: 41.66666667%;
 }
 .col-sm-4 {
   width: 33.33333333%;
 }
 .col-sm-3 {
   width: 25%;
 }
 .col-sm-2 {
   width: 16.66666667%;
 }
 .col-sm-1 {
   width: 8.33333333%;
 }
 .col-sm-pull-12 {
   right: 100%;
 }
 .col-sm-pull-11 {
   right: 91.66666667%;
 }
 .col-sm-pull-10 {
   right: 83.33333333%;
 }
 .col-sm-pull-9 {
   right: 75%;
 }
 .col-sm-pull-8 {
   right: 66.66666667%;
 }
 .col-sm-pull-7 {
   right: 58.33333333%;
 }
 .col-sm-pull-6 {
   right: 50%;
 }
 .col-sm-pull-5 {
   right: 41.66666667%;
 }
 .col-sm-pull-4 {
   right: 33.33333333%;
 }
 .col-sm-pull-3 {
   right: 25%;
 }
 .col-sm-pull-2 {
   right: 16.66666667%;
 }
 .col-sm-pull-1 {
   right: 8.33333333%;
 }
 .col-sm-pull-0 {
   right: auto;
 }
 .col-sm-push-12 {
   left: 100%;
 }
 .col-sm-push-11 {
   left: 91.66666667%;
 }
 .col-sm-push-10 {
   left: 83.33333333%;
 }
 .col-sm-push-9 {
   left: 75%;
 }
 .col-sm-push-8 {
   left: 66.66666667%;
 }
 .col-sm-push-7 {
   left: 58.33333333%;
 }
 .col-sm-push-6 {
   left: 50%;
 }
 .col-sm-push-5 {
   left: 41.66666667%;
 }
 .col-sm-push-4 {
   left: 33.33333333%;
 }
 .col-sm-push-3 {
   left: 25%;
 }
 .col-sm-push-2 {
   left: 16.66666667%;
 }
 .col-sm-push-1 {
   left: 8.33333333%;
 }
 .col-sm-push-0 {
   left: auto;
 }
 .col-sm-offset-12 {
   margin-left: 100%;
 }
 .col-sm-offset-11 {
   margin-left: 91.66666667%;
 }
 .col-sm-offset-10 {
   margin-left: 83.33333333%;
 }
 .col-sm-offset-9 {
   margin-left: 75%;
 }
 .col-sm-offset-8 {
   margin-left: 66.66666667%;
 }
 .col-sm-offset-7 {
   margin-left: 58.33333333%;
 }
 .col-sm-offset-6 {
   margin-left: 50%;
 }
 .col-sm-offset-5 {
   margin-left: 41.66666667%;
 }
 .col-sm-offset-4 {
   margin-left: 33.33333333%;
 }
 .col-sm-offset-3 {
   margin-left: 25%;
 }
 .col-sm-offset-2 {
   margin-left: 16.66666667%;
 }
 .col-sm-offset-1 {
   margin-left: 8.33333333%;
 }
 .col-sm-offset-0 {
   margin-left: 0;
 }
}
@media (min-width: 992px) {
 .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
   float: left;
 }
 .col-md-12 {
   width: 100%;
 }
 .col-md-11 {
   width: 91.66666667%;
 }
 .col-md-10 {
   width: 83.33333333%;
 }
 .col-md-9 {
   width: 75%;
 }
 .col-md-8 {
   width: 66.66666667%;
 }
 .col-md-7 {
   width: 58.33333333%;
 }
 .col-md-6 {
   width: 50%;
 }
 .col-md-5 {
   width: 41.66666667%;
 }
 .col-md-4 {
   width: 33.33333333%;
 }
 .col-md-3 {
   width: 25%;
 }
 .col-md-2 {
   width: 16.66666667%;
 }
 .col-md-1 {
   width: 8.33333333%;
 }
 .col-md-pull-12 {
   right: 100%;
 }
 .col-md-pull-11 {
   right: 91.66666667%;
 }
 .col-md-pull-10 {
   right: 83.33333333%;
 }
 .col-md-pull-9 {
   right: 75%;
 }
 .col-md-pull-8 {
   right: 66.66666667%;
 }
 .col-md-pull-7 {
   right: 58.33333333%;
 }
 .col-md-pull-6 {
   right: 50%;
 }
 .col-md-pull-5 {
   right: 41.66666667%;
 }
 .col-md-pull-4 {
   right: 33.33333333%;
 }
 .col-md-pull-3 {
   right: 25%;
 }
 .col-md-pull-2 {
   right: 16.66666667%;
 }
 .col-md-pull-1 {
   right: 8.33333333%;
 }
 .col-md-pull-0 {
   right: auto;
 }
 .col-md-push-12 {
   left: 100%;
 }
 .col-md-push-11 {
   left: 91.66666667%;
 }
 .col-md-push-10 {
   left: 83.33333333%;
 }
 .col-md-push-9 {
   left: 75%;
 }
 .col-md-push-8 {
   left: 66.66666667%;
 }
 .col-md-push-7 {
   left: 58.33333333%;
 }
 .col-md-push-6 {
   left: 50%;
 }
 .col-md-push-5 {
   left: 41.66666667%;
 }
 .col-md-push-4 {
   left: 33.33333333%;
 }
 .col-md-push-3 {
   left: 25%;
 }
 .col-md-push-2 {
   left: 16.66666667%;
 }
 .col-md-push-1 {
   left: 8.33333333%;
 }
 .col-md-push-0 {
   left: auto;
 }
 .col-md-offset-12 {
   margin-left: 100%;
 }
 .col-md-offset-11 {
   margin-left: 91.66666667%;
 }
 .col-md-offset-10 {
   margin-left: 83.33333333%;
 }
 .col-md-offset-9 {
   margin-left: 75%;
 }
 .col-md-offset-8 {
   margin-left: 66.66666667%;
 }
 .col-md-offset-7 {
   margin-left: 58.33333333%;
 }
 .col-md-offset-6 {
   margin-left: 50%;
 }
 .col-md-offset-5 {
   margin-left: 41.66666667%;
 }
 .col-md-offset-4 {
   margin-left: 33.33333333%;
 }
 .col-md-offset-3 {
   margin-left: 25%;
 }
 .col-md-offset-2 {
   margin-left: 16.66666667%;
 }
 .col-md-offset-1 {
   margin-left: 8.33333333%;
 }
 .col-md-offset-0 {
   margin-left: 0;
 }
}
@media (min-width: 1200px) {
 .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
   float: left;
 }
 .col-lg-12 {
   width: 100%;
 }
 .col-lg-11 {
   width: 91.66666667%;
 }
 .col-lg-10 {
   width: 83.33333333%;
 }
 .col-lg-9 {
   width: 75%;
 }
 .col-lg-8 {
   width: 66.66666667%;
 }
 .col-lg-7 {
   width: 58.33333333%;
 }
 .col-lg-6 {
   width: 50%;
 }
 .col-lg-5 {
   width: 41.66666667%;
 }
 .col-lg-4 {
   width: 33.33333333%;
 }
 .col-lg-3 {
   width: 25%;
 }
 .col-lg-2 {
   width: 16.66666667%;
 }
 .col-lg-1 {
   width: 8.33333333%;
 }
 .col-lg-pull-12 {
   right: 100%;
 }
 .col-lg-pull-11 {
   right: 91.66666667%;
 }
 .col-lg-pull-10 {
   right: 83.33333333%;
 }
 .col-lg-pull-9 {
   right: 75%;
 }
 .col-lg-pull-8 {
   right: 66.66666667%;
 }
 .col-lg-pull-7 {
   right: 58.33333333%;
 }
 .col-lg-pull-6 {
   right: 50%;
 }
 .col-lg-pull-5 {
   right: 41.66666667%;
 }
 .col-lg-pull-4 {
   right: 33.33333333%;
 }
 .col-lg-pull-3 {
   right: 25%;
 }
 .col-lg-pull-2 {
   right: 16.66666667%;
 }
 .col-lg-pull-1 {
   right: 8.33333333%;
 }
 .col-lg-pull-0 {
   right: auto;
 }
 .col-lg-push-12 {
   left: 100%;
 }
 .col-lg-push-11 {
   left: 91.66666667%;
 }
 .col-lg-push-10 {
   left: 83.33333333%;
 }
 .col-lg-push-9 {
   left: 75%;
 }
 .col-lg-push-8 {
   left: 66.66666667%;
 }
 .col-lg-push-7 {
   left: 58.33333333%;
 }
 .col-lg-push-6 {
   left: 50%;
 }
 .col-lg-push-5 {
   left: 41.66666667%;
 }
 .col-lg-push-4 {
   left: 33.33333333%;
 }
 .col-lg-push-3 {
   left: 25%;
 }
 .col-lg-push-2 {
   left: 16.66666667%;
 }
 .col-lg-push-1 {
   left: 8.33333333%;
 }
 .col-lg-push-0 {
   left: auto;
 }
 .col-lg-offset-12 {
   margin-left: 100%;
 }
 .col-lg-offset-11 {
   margin-left: 91.66666667%;
 }
 .col-lg-offset-10 {
   margin-left: 83.33333333%;
 }
 .col-lg-offset-9 {
   margin-left: 75%;
 }
 .col-lg-offset-8 {
   margin-left: 66.66666667%;
 }
 .col-lg-offset-7 {
   margin-left: 58.33333333%;
 }
 .col-lg-offset-6 {
   margin-left: 50%;
 }
 .col-lg-offset-5 {
   margin-left: 41.66666667%;
 }
 .col-lg-offset-4 {
   margin-left: 33.33333333%;
 }
 .col-lg-offset-3 {
   margin-left: 25%;
 }
 .col-lg-offset-2 {
   margin-left: 16.66666667%;
 }
 .col-lg-offset-1 {
   margin-left: 8.33333333%;
 }
 .col-lg-offset-0 {
   margin-left: 0;
 }
}



@-ms-viewport {
 width: device-width;
}

html {
 box-sizing: border-box;
 -ms-overflow-style: scrollbar;
}

.container {
 width: 100%;
 padding-right: 15px;
 padding-left: 15px;
 margin-right: auto;
 margin-left: auto;
}

@media (min-width: 576px) {
 .container {
   max-width: 540px;
 }
}

@media (min-width: 768px) {
 .container {
   max-width: 720px;
 }
}

@media (min-width: 992px) {
 .container {
   max-width: 960px;
 }
}

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

.container-fluid {
 width: 100%;
 padding-right: 15px;
 padding-left: 15px;
 margin-right: auto;
 margin-left: auto;
}

.reihe {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 margin-right: -15px;
 margin-left: -15px;
}



/*Serviceseiten Navigation auf der Startseite */

ul.horizontal {
   list-style-type: none !important;
   margin: 0;
   padding: 0;
   overflow: hidden;
   background-color: #333;
}

ul.horizontal li {
   float: left;
   list-style-type: none !important;
   padding: 0;
   padding: 0;
   font-weight: bold;
   font-size: 13px;
}

ul.horizontal li a {
   display: inline-block;
   color: white;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
}

ul.horizontal li a:hover:not(.active) {
   background-color: #000;
}

ul.horizontal li a.active {
   background-color:#4CAF50;
}

ul.horizontal2 {
   list-style-type: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
   border: 1px solid #e7e7e7;
   background-color: #f3f3f3;
}

ul.horizontal2 li {
   float: left;
}

ul.horizontal2 li a {
   display: inline-block;
   color: #666;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
}

ul.horizontal2 li a:hover:not(.active) {
   background-color: #ddd;
}

ul.horizontal2 a.active {
   color: white;
   background-color: #4CAF50;
}
.width94 {
width:94%;
}
@media screen and (max-width: 600px) {
   .width94 {
      width:100%;
   }

   ul.horizontal li {
       float: none;
       font-size: 16px;
   }
}

ul.vertical {
   list-style-type: none;
   margin: 0;
   padding: 0;
   width: 200px;
   background-color: #f1f1f1;
}

ul.vertical li a {
   display: block;
   color: #000;
   padding: 8px 0 8px 16px;
   text-decoration: none;
}

ul.vertical li a:hover:not(.active) {
   background-color: #555;
   color:white;
}

ul.vertical a.active {
   background-color: #4CAF50;
   color:white;
}

ul.gray {
border: 1px solid #e7e7e7;
   background-color: #f3f3f3;
}

ul.gray li a {
   display: block;
   color: #666;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
}

ul.gray li a:hover:not(.active) {
   background-color: #ddd;
}

ul.gray li a.active {
   color: white;
   background-color: #008CBA;
}
.rightli {
float:right;
}

@media screen and (max-width: 408px) {
   .rightli {
      display:none;
   }
}

ul.ex {
width:90%;
}
@media screen and (max-width: 600px) {
   ul.ex {
      width:100%;
   }
}

ul.divider li {
   float: left;
   border-right:1px solid #bbb;
}

ul.divider li:last-child {
   border-right: none;
}
ul.border {
   border: 1px solid #555;
}

ul.border li a {
   padding: 8px 16px;
}

ul.border li {
   text-align: center;
   border-bottom: 1px solid #555;
}

ul.border li:last-child {
   border-bottom: none;
}

/** trade-blocks Visuals **/

#trade-blocks .wrp figure h3 {
 color: #fff;
}

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

 #trade-blocks .card:nth-child(1) h3, #trade-blocks .card:nth-child(1) figcaption {
   text-indent: 0;
 }
 #trade-blocks .card:nth-child(1) figcaption {
   display: block;
 }
 #trade-blocks .card:hover figcaption {
   bottom: -40px;
   transition: all 0.25s ease-out 0s;
   display: block;
   padding: 10px 30px !important;
 }

}

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

 #trade-blocks .card {
   height: 300px;
   width: 100% !important;
   position: relative;
   margin-bottom: 20px;
 }
 #trade-blocks .card img {
   bottom: 10px;
   left: inherit;
   max-width: 100% !important;
   position: absolute !important;
   right: 0 !important;
   width: 90vw;
   z-index: 1;
 }
 #trade-blocks .card.double img {
   width: 90vw;
 }
 #trade-blocks .card.double.last-item img,
 #trade-blocks .card:nth-child(5n) img {
   width: 45vw;
 }
 #trade-blocks .card img {
   width: 45vw;
 }
 #trade-blocks .card h3 {
   background: none;
   top: 10px;
   left: 0;
   position: absolute;
   z-index: 3;
 }
 #trade-blocks .card:nth-child(1) h3 {
   text-indent: 0;
   bottom: inherit;
   top: 10px;
   left: 0;
 }
 #trade-blocks .card:nth-child(1) figcaption {
   text-indent: 0;
   bottom: inherit;
   top: 30px;
 }
 #trade-blocks .card figcaption {
   display: block;
   background: #175281 !important;
   bottom: inherit;
   top: 30px;
   height: auto;
   left: 0;
   margin-top: 30px;
   padding: 30px;
   position: absolute;
   z-index: 2;
   right: 0;
   transition: none;
   width: 50%;
 }
 #trade-blocks .card figcaption p {
   margin-bottom: 0;
 }
 #trade-blocks .card:hover img {
   right: 0 !important;
   top: 0;
   bottom: 10px;
   left: inherit;
   width: auto;
   transition: none;
 }
 #trade-blocks .card:hover:nth-child(5n) img {
    width: 45vw;
 }
 #trade-blocks .card:hover figcaption {
   bottom: 30px;
   transition: none;
 }

}

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

}

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

 #trade-blocks .card {
   height: 200px;
 }
 #trade-blocks .card img {
   display: none !important;
 }
 #trade-blocks .card figcaption {
   width: 100%;
   padding: 10px;
   margin-top: 20px;
 }
 #trade-blocks .card h3 {
   padding: 10px;
 }
 #trade-blocks .card:hover figcaption {
   transition: none;
   padding: 10px;
 }

}

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

 #trade-blocks .card,
 #trade-blocks .card.double,
 #trade-blocks .card.last-item {
   height: 200px;
   margin: 0 0 20px 0 !important;
 }

}

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

}
.rte_container a.white { color: white !important; }
.rte_container .no-margin-right-left { margin-left: 0;margin-right: 0; }


.label-newsletter {
 text-align: left!important;
 float: none!important;
 width: 100%!important;
}

.newsletter_input {
 width: 100%!important;
}

.newsletter_button {
 margin-left: 0px!important;
}
footer.main > .wrp > nav h3 {
   margin-bottom: 15px;
}
footer address .headline {
   margin-bottom: 15px;
}
@media screen and (max-width: 900px) {
 iframe.blog-feed-iframe { height: 900px !important; }
}
@media screen and (max-width: 550px) {
 iframe.blog-feed-iframe { height: 2000px !important; }
}
.margin-bottom-20 { margin-bottom:20px;}

@media screen and (max-width: 1023px) {
.slide figcaption {
   left: 0px!important;
}
}
section.grey{background:#f7f7f7;border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;}
.service-block {padding:40px;}
.service-block h1{font-size:30px;margin-bottom:0;}
.service-block h2{margin-bottom:0;font-weight:bold;}
.service-block a.btn {color:white !important;margin-top:10px;margin-bottom:0 !important;}

#ouibounce-modal .modal-title {
   background-color: #175281!important;
}

#ouibounce-modal .modal {
   height: 450px!important;
}

h1, h2, h3, .headline {
   margin-bottom: 10px!important;
}

#configurator .button {
background: #175281;
   color: white;
}

#configurator h1 {
font-weight: 800;
height: auto!important;
}

#postaktuell .pa-image .text {
   background: none;
   max-width: 100%;
}

#postaktuell .pa-image .text p {
   color: #175281;
}

#postaktuell .pa-image .text h1 {
   color: #175281;
}

#postaktuell .pa-image.config {
   height: 210px;
}

#configurator {
   padding-top: 128px;
}




/*PSH-4126*/
.ts-rating-light.skyscraper_horizontal .ts-reviews .ts-reviews-list li { padding-left: 0!important; position: static!important;}
.ts-rating-light.skyscraper_horizontal .ts-footer .footerReviewCount {color: #fff!important}

#visual_calculation .contentwrapper.right button[name="cmd_calc"]:before {
display: none;
}
#visual_calculation .contentwrapper.right #comments {
   display: block;
}




/* Standard Kalkulation */
#calculation #reseller_attributes .accordion {
   padding: 0px;
}
#calculation #reseller_attributes .container {
   padding-right: 0px!important;
   padding-left: 0px!important;
}

#upload #upload_section .btn.continue {
   width: 262px!important;
}

.trade-groups .card img, .product-listing .card img {
    height: 180px;
}

@media only screen and (max-width: 600px) {
  .trade-groups .card img, .product-listing .card img {
    height: 200px;
}
}
#visual_calculation .contentwrapper.right .row.total span.resellerPrice small { display: none}

.head-container-warengruppe ul li {
    list-style: "\2713\00A0" !important;
    list-style-position: outside !important;
    margin-left: 1em !important;
    padding-left: 0.5em !important;
}

.info-box {
    margin-top: 40px;
    background-color: #f7f7f7;
    margin-bottom: 20px;
    padding: 20px;
}

.info-box img {
 max-width: 100%;
text-align: center;
    width: 100px;
    margin-bottom: 0px;
margin: 0 auto;
}