/* ##### Abstandshalter ##### */

.staticpages.mb-50 { margin-bottom: 50px !important; }
.staticpages.mb-30 { margin-bottom: 30px !important; }
.staticpages.neutral-mp { margin: 0 !important; padding: 0 !important; }
.staticpages.p-0 { padding: 0; }
.staticpages.p10 { padding: 0 10px; }
.staticpages.p20 { padding: 0 20px; }
.staticpages.p30 { padding: 0 30px; }
.staticpages.p40 { padding: 0 40px; }
.staticpages.mh-150 { min-height: 150px; }
.staticpages.mh-200 { min-height: 200px; }
.staticpages.mh-40 { min-height: 40px; }
.staticpages.mh-350 { min-height: 350px; }
.staticpages.col-l { margin-right: 15px; }
.staticpages.col-m { margin: 0 15px; }
.staticpages.col-r { margin-left: 15px; }


/* ##### Verschiedenes: Weiten, Icons, Sprungmarken ##### */

.staticpages em { text-decoration: underline; font-style: normal; font-weight: bold; }

.staticpages a {
    color: #2a3355;
    font-family: OpenSans-Semibold,sans-serif,'Adobe Blank';
    text-decoration: none;}
.staticpages a:hover {
    color: #2241a8;
    text-decoration: none;}

.staticpages img.fullwidth { width: 100% !important; overflow: hidden !important; }
.staticpages.col-xs-12, .col-md-12 { position:relative; }

.staticpages.icon-zahlung { margin-top: 40px; }

.staticpages.sprungmarke-anker:before {
content:"";
display: block;
position: relative;
z-index: 1;
height:120px; /* fixed header height*/
margin:-120px 0 0; /* negative fixed header height */ }

.staticpages.fussnote { margin: 50px 0 30px; padding-top: 20px; border-top: 1px solid #d2d2d2; list-style-type: none; }
.staticpages.text-grau { color: #888; }

.staticpages.download-button {  }
.staticpages a.button-blue { color:#fff; text-decoration: none; }
.staticpages a:hover.button-blue { color:#fff; text-decoration: none; }
.staticpages a.button-vorteile {
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    padding: 0 50px;
    text-align: center;
    text-decoration: none;
    -webkit-appearance: none;
    margin-top: 30px; }
/*a.button-vorteile { color: #fff;}
a:hover.button-vorteile { color: #fff; }*/
.staticpages a.button33 { width: 30%; float: left; padding: 0 10px; margin: 10px; }
.staticpages a.button-zurueck { display: inline-block; margin-right: 15px; }
/*a.button-zurueck { color: #fff; text-decoration: none; }
a:hover.button-zurueck { color: #fff; text-decoration: none; }*/


.staticpages.bo-bo { border-bottom: 1px solid #d2d2d2; padding-bottom: 40px; margin-bottom: 20px; }
.staticpages.bo-to { border-top: 1px solid #d2d2d2; padding-top: 30px; margin-top: 40px; }
.staticpages.ankerleiste { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; padding: 10px 0; text-transform: uppercase; text-align: center; word-break: break-all; }
.staticpages.ankerleiste a { text-decoration: none; color: #2a3355; margin: 0 30px; line-height: 26px; font-family: OpenSans-Semibold,sans-serif,'Adobe Blank';  }
.staticpages.ankerleiste a:hover { color: #2240a8; }
.staticpages.vorteile-mb img { width: 100%; }
.staticpages.vorteile-mb i { color: #2a3355; font-size: 20vw; max-width: 263px; }
.staticpages.float25 { width: 25%; float: left; }
.staticpages.float50 { width: 50%; float: left; }
.staticpages.float75 { width: 75%; float: left; }

.staticpages.text-long .text-paragraph1 { line-height: 23px; }
.staticpages.text-long .text-paragraph1 p { margin-bottom: 25px; }

.staticpages.delivery.delivery_rot { color: #D70B0C; }
.staticpages.delivery.delivery_rot:before { display: none; /*background-color: #D70B0C;*/ }

.staticpages img.versand-carrier-logos { width:100%; }

.staticpages img.img-inline { display: inline-block; width: 15%; margin-left: 20px; }

/* ##### Listen Style ##### */

.staticpages.text-paragraph1 ul { margin: 25px 0 30px -10px !important; }
.staticpages.text-paragraph1 ul li { list-style-position: outside !important; margin-bottom: 10px !important; padding-left: 10px; }
.staticpages.text-paragraph1 ul.tuev { margin: 15px 0 15px -10px !important; }
.staticpages.text-paragraph1 ul.tuev li { list-style-position: outside !important; margin-bottom: 5px !important; padding-left: 10px; }

/*##### Liste Wilkommensseite #####*/

.staticpages.liste-haken { list-style: none !important; }
.staticpages.vorteil-haken {
    float: left;
    width: 34px;
    }
.staticpages.vorteil-haken + div {
    float: right;
    width: calc(100% - 34px);}


/* ##### Siegel Bestpreis-Garantie ##### */

.staticpages.badge-rotate { transform: rotate(-10deg); }
.staticpages.bestpreis-style { color: #fff; font-size: 26px; margin-top: -5px;}
.staticpages.vorteile-mb .bestpreis-style { color: #fff; font-size: 30px; margin-top: -5px;}
.staticpages.garantie-style { color: #fff; font-size: 22px; }
.staticpages.vorteile-mb .garantie-style { color: #fff; font-size: 24px; }

@media (min-width: 992px) and (max-width: 1199px) {
.staticpages.bestpreis-style { color: #fff; font-size: 22px; margin-top: -5px;}
.staticpages.garantie-style { color: #fff; font-size: 18px;}
}


/* ##### Über uns ##### */

.staticpages.logo-wrapper-marken {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
.staticpages.img-center-marken { position: relative; display: block; margin: auto; }

.staticpages.logo-wrapper-marken .hersteller-logo {
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    height: 50px;
    margin-left: 15px;
    margin-top: 5px;
    width: 120px;
}

.staticpages .gs-logo { margin-top: -25px; }

.table-row { overflow: auto; width: 100%; display: table; }
.table-cell { display: table-cell;
  vertical-align: bottom; float: none; }

.geschichte-auflistung img { width: 100%; height: auto; }

.staticpages.zindex100 { position: relative; z-index: 50; }
.staticpages.zindex3 { position: relative; z-index: 3; }
#sticky-content .content { z-index: 51 !important; }

.staticpages.pswp__button--share { display: none !important; }


/* ##### Responsive ##### */ 
 
@media (max-width: 991px) {
    .staticpages.nodisplay { display: none; }
    .staticpages.img-404 { width: 50%; margin: 0 auto; }

    }

@media(min-width:991px) {
    .staticpages a.tel { pointer-events:none; cusor:default; text-decoration:none; color: #2a3355;}
  
    }
    
@media (min-width: 520px) and (max-width: 991px) {
    .staticpages.ankerleiste-umbruch-tablet:after { content: "\A"; white-space: pre; }

    }

@media (min-width: 520px) and (max-width: 768px) {
    .staticpages.zahlungsmethoden .col-md-3 img, .vorteile .col-md-3 img { width: 50%; height: auto; }

    }
  
@media (max-width: 768px) {
    .staticpages.zahlungsmethoden .col-md-3 img, .vorteile .col-md-3 img { margin: 0 0 30px !important; padding: 0 !important; }
    .staticpages.zahlungsmethoden .col-md-3 ~ .col-md-3, .vorteile .col-md-3 ~ .col-md-3 { padding-top: 20px; border-top: 1px solid #d2d2d2; }
    .geschichte-auflistung img { margin-bottom: 50px; padding-bottom: 20px; border-bottom: 1px solid #d2d2d2; }
    .staticpages.newsletter-gutschein-badge { margin-top: 20px !important; }
    .staticpages.table-row { display: block; }
    .staticpages.table-cell { display: block; width: 100%; }
    .staticpages .pull-right { float: none !important; display: block; margin: 0 auto; }
    .staticpages.m-l-10 { margin-left: auto !important; }
    .staticpages.img-responsive.pull-right { margin-bottom: 20px; }
    .staticpages.vorteile-mb img { width: 70%; margin: 20px auto;}
    .staticpages.img-responsive { width: 70% !important; margin: 20px auto !important;}
    .staticpages img.img-inline { display: inline-block; width: 40%; margin-left: 20px; }
    .staticpages.img-404 { width: 80%; margin: 0 auto; }
    .staticpages a.button33 { width: 100%; margin: 10px 0; }
    .staticpages.col-l, .col-m, .col-r { margin: 15px 0; }
    .staticpages.sprungmarke-anker:before { content:""; display: block; position: relative; z-index: 1; height:20px; /* fixed header height*/ margin:-20px 0 0; /* negative fixed header height */ }
    .staticpages.img-inline { display: block; width: 25%; margin-left: 0px; margin-bottom: 15px; margin-top: 10px; }

  }
  
@media (max-width: 520px) {
    .staticpages.ankerleiste-umbruch-mobile:after { content: "\A"; white-space: pre; }

}
  

/* ##### Tabelle Zahlungsmethoden ##### */

.staticpages table {
  width: 100%;
  max-width: 100%;
  margin: 30px 0;
  border-width: 0; 
  border-collapse: collapse;
  text-align: center;
}
.staticpages table thead th,
.staticpages table tbody td {
  padding: 5px 15px 5px 10px;
  border: 0;
  background: #fff;
}
.staticpages table thead th {
  vertical-align: bottom;
  border: 0;
  background: #e4e4e4;
  font-weight: bold;
  text-align: center;
}
.staticpages table th p,
.staticpages table td p {
  margin: 0;
}
.staticpages table th p:nth-of-type(2n),
.staticpages table td p:nth-of-type(2n) {
  margin: 16px 0;
}

.staticpages table tbody tr {border-bottom: 1px solid #e4e4e4;}
.staticpages table tbody tr td img { display: block !important; margin: 0 auto !important; }
.staticpages table tbody td { text-align: right; }
.staticpages table tbody td ~ td { text-align: center; }

@media (max-width: 768px) {
.staticpages table { width:100%; }
.staticpages thead { display: none !important; }
.staticpages tr:nth-of-type(2n) { background-color: inherit; }
.staticpages tr td:first-child { background: #e4e4e4; font-weight: bold; }
.staticpages tbody tr { border: none !important; }
.staticpages tbody td { display: block; text-align: center !important; border-bottom: 1px solid #e4e4e4 !important; }
.staticpages tbody td:before { 
    content: attr(data-th) !important; 
    display: block !important;
    text-align: center !important;  
  }
  }