.dnt-teaser-font .pane-content {
    background-color: #f0f0f0;
    padding: 8px 20px 20px 20px;
}

#traffective-ad-Skyscraper
{
display:none;
visibility:hidden;
}


.dnt-teaser-font .pane-content {
   font-size: 14px;
   line-height: 22px;
}

.dnt-teaser-font .pane-content h2 {
   font-size: 26px;
   line-height: 33px;
   margin-top: 15px;
    margin-bottom: 15px;
}

.dnt-blue-box .pane-content {
    background-color: #016fb4;
    padding: 10px 30px 20px 30px;
}
.dnt-blue-box h4 {
     color:#fff
}
.dnt-blue-box p {
     margin:0px
}

.inside {margin: 0em!important;}
.unit .inside {margin: 0em!important;}
.lastUnit .inside {margin: 0em!important;}

.checkout .view { padding: 23px!important; }

/*.onetz-benefits.onetz-section {display: inline-block; background-color: #f0f0f0; padding-top: 42px; margin-top: -50px; }*/

.onetz-benefits-name {color: #282828; font-size: 18px; line-height: 20px; height: 50px; font-weight: 800;}
p.onetz-benefits-description {padding-top: 6px; }

.onetz-benefits-item {
    display: block;
    float: left;
    padding-right: 15px;
    border-left: 1px solid #e0e0e0;
    width: 16%;
    margin-bottom: 55px;
    padding-left: 24px;
    height: 165px;
    min-width: 170px;
}

.onetz-benefits-headline {text-align: center; margin: 60px 0 55px 0; font-size: 22px; line-height: 44ppx!important;}
.onetz-benefits-headline b {font-weight: 900!important; color: #282828; font-family: "Open Sans", "Helvetica", sans-serif;}
/*.onetz-benefits-wrapper {padding: 25px;}*/

.onetz-plus-headline { justify-content: center; align-items: center; text-align: center; /*padding: 45px 0 25px 0; background-color: #f0f0f0; margin-top: -35px!important; margin-bottom: -30px!important;*/
}
.onetz-benefits-headline-img-size {display: inline; vertical-align: middle; width: 190px; height: auto;}
.onetz-benefits-headline-h2_style {display: inline; vertical-align: middle; font-size: 36px; font-weight: 900!important; color: #282828;}

hr.separator { text-align: center; margin: 0 auto; width: 85%; border-color: #e0e0e0;}
div.separator-text { text-align: center; font-size: 18px; font-weight: 400; margin-top: 25px;}



.grid-container {
  display: grid;
  grid-template-columns: 3% 59% 27% 0%;
  grid-gap: 10px;
    padding: 10px 0 1px 0;
    background-color: #eaebee;
    width: 94%;
    border-radius: 13px;
    margin: 0 auto;
-webkit-box-shadow: 0 1px 6px rgb(50 50 50 / 10%);
    box-shadow: 0 1px 6px rgb(50 50 50 / 10%);
}

.grid-container > div {
  text-align: center;
  font-size: 30px;
}

.fa {font-size: 1em;}
.pn-boilerplate__button  {margin-top: 13px;}

 .pn-boilerplate__button a	{

    text-decoration: none !important;   
    padding: 13px 18px 11px;
    display:block;
    max-width: 65%;
    text-align:center;
    background-color: #ffffff;
    cursor: pointer;
    margin-left:auto;
    margin-right:auto;
    border: 2px solid #016fb4;
    border-radius: 30px;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    color: #016fb4!important;
}

.pn-boilerplate__button a:hover {
   	color: #ffffff!important;
    background-color: #016FB4;
  transition: background-color 0.3s, color 0.2s;
  
}

.pn-boilerplate__button a::after {
    color: #016fb4;
    background-color: #ffffff;
  transition: background-color 0.3s, color 0.2s;
}

.pn-boilerplate__button:hover::after,
.pn-boilerplate__button:focus::after {
    width: 12px;
    margin-left: 13px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

@media only screen and (max-width: 700px) {
  .onetz-benefits-headline-h2_style{    font-size: 34px;  }
  .onetz-benefits-item {height: 150px; margin-bottom: 20px;}
  .onetz-benefits-name {    font-size: 17px;}
 .grid-container { grid-template-columns: 100%;}
}

.dnt_versteckt
{display:none!important}

.tp-backdrop
  {
    background-color: #eaebee;
    background-image: url(https://media.onetz.de/piano_static/checkout/backdrop.svg);
    background-position: center;
    background-repeat: no-repeat;
    opacity:1!important;
  }

.tp-iframe-wrapper
  {
    box-shadow:unset!important;
  }

.tp-backdrop.tp-active
  {
    z-index:6000000!important;
    background-color: #eaebee;
    background-image: url(https://media.onetz.de/piano_static/checkout/backdrop.svg);
    background-position: center;
    background-repeat: no-repeat;
  }

.tp-modal
  {
    z-index:6000001!important;
    display: grid
    justify-content: center;
    align-items: center;
    overflow:scroll;
  }

.tp-modal-centered
  {
    display: grid!important;
  }