
ul.aufzaehlungspunkte {
 position:relative;
 left:-25px;
 line-height:22px;
 float: left;
 width: 100%;
}
ul.aufzaehlungspunkte li {
 background: url('./img/punkt.png') no-repeat 28px 3px transparent;
 padding: 3px 0px 3px 70px;
 list-style: none;
 margin: 0;
 margin-bottom:12px;
}
ul.aufzaehlungspunkte li {
 font-size:14px;
}
ul.aufzaehlungspunkte li strong {
 font-size:15px;
}
ul.aufzaehlungspunkte li a:before {
 content:'\25B6\00a0';
 text-decoration:none;
 display:inline-block;
 position:relative;
}
ul.aufzaehlungspunkte li a {
 display:block;
 /*background: url('./img/link1.png') no-repeat left 3px transparent;*/
 position:relative;
 top:1px;
}

ul.vorteile {
 background-color:#f0faf1;
 border-top:1px solid #b4e7b8;
 border-bottom:1px solid #b4e7b8;
 padding-right:10px;
}
ul.vorteile li {
 background: url('./img/vorteile.png') no-repeat left 3px transparent;
 padding: 3px 0px 7px 40px;
 list-style: none;
 margin: 0;
 margin-top:8px;
 margin-bottom:8px;
 position:relative;
 left:-15px;
 line-height:22px;
}

ul.nachteile {
 background-color:#ffe8e8;
 border-top:1px solid #ff8b8b;
 border-bottom:1px solid #ff8b8b;
 padding-right:10px;
}
ul.nachteile li {
 background: url('./img/nachteile.png') no-repeat left 3px transparent;
 padding: 3px 0px 7px 40px;
 list-style: none;
 margin: 0;
 margin-top:8px;
 margin-bottom:8px;
 position:relative;
 left:-15px;
 line-height:22px;
}

a.blocklink-links, a.blocklink-rechts {
 display:inline-block;
 width:47.7%;
 padding: 13px 0px 13px 53px;
 color:#FFFFFF;
 text-decoration:none;
 font-size:20px;
 margin-top:5px;
}
a.blocklink-links {
 margin-right:4%;
}
a.blocklink-rechts {
}
a.blocklink-links:before, a.blocklink-rechts:before  {
 content:'\25BA';
 color:#FFF;
 float:right;
 padding-right:12px;
}
a.blocklink-links.blau-0, a.blocklink-rechts.blau-0 {
 background-color:#003368;
}
a.blocklink-links.blau-1, a.blocklink-rechts.blau-1 {
 background-color:#1e4b7a;
}
a.blocklink-links.blau-2, a.blocklink-rechts.blau-2 {
 background-color:#3d658e;
}
a.blocklink-links.blau-3, a.blocklink-rechts.blau-3 {
 background-color:#6b8bac;
}
a.blocklink-links.orange-0, a.blocklink-rechts.orange-0 {
 background-color:#dd7a00;
}
.icon-dummy {
 background:url('./img/dummyicon.png') no-repeat 7px 3px transparent;
}

table {
 width:100%;
 border:0;
 margin:0;
 border-collapse: collapse;
 text-align:left;
}
thead {
 background-color:#547188;
 color:#FFF;
}
th {
 
}
th, td {
 padding:10px;
 border:0;
 
}
tr.nth {
 background-color:#f5f7ff;
}

.infobereich {
 width:100%;
 padding-top:15px;
 padding-bottom:15px;
 padding-left:12px;
 padding-right:12px;
 margin:20px 0;
 line-height:24px;
}
.infobereich.nostrong strong {
 display:inline !important;
}
.infobereich.float-left {
 float:left;
}
.infobereich h2, .infobereich strong {
 margin:0;
 margin-bottom:10px;
 display: block;
}
.infobereich.hellblau {
 background-color:#f3f5f8;
 border-left:6px solid #00326a;
}
.infobereich.hellgruen {
 background-color:#edf9dc;
 border-left:6px solid #156700;
}
.infobereich.grau {
 background-color:#f0f0f0;
 border-left:6px solid #ffba00;
}
.infobereich.hellblau.icon-info h2, .infobereich.hellblau.icon-info strong {
 background:url('./img/info.png') no-repeat left -3px transparent;
 padding:0px 0px 0px 25px;
 display: inline;
 font-size: 14px;
}
.infobereich.hellgruen.icon-gluehbirne h2, .infobereich.hellgruen.icon-gluehbirne strong {
 background:url('./img/birne.png') no-repeat left -3px transparent;
 padding:0px 0px 0px 25px;
 display: inline;
}
.infobereich p strong, .infobereich ul strong, .infobereich ol strong {
 background:transparent !important;
 padding:0 !important;
 display: inline;
 margin:0 !important;
}
.infobereich ul {
 position:relative;
 left:-40px;
}
.infobereich ul li {
 background: url('./img/check.png') no-repeat left 0px transparent;
 padding: 0px 0px 0px 30px;
 list-style: none;
 margin: 0;
}

.detailbox {
 width:100%;
}
.detailbox.float-left, .detailbox .float-left {
 float:left;
}
.detailbox .box {
 width:100%;
 margin-bottom:2px;
}
.detailbox .box-headline {
 background-color:#afcd00;
 color:#FFF;
}
.detailbox .box .box-headline a {
 display:block;
 width:100%;
 height:100%;
 color:#FFF;
 text-decoration:none;
 padding:11px 20px;
}
.detailbox .box.active .box-headline {
 background-color:#5d5d5d;
}
.detailbox .box .box-title {
 display:inline-block;
 width:80%;
}
.detailbox .box .box-control {
 display:inline-block;
 width:19%;
 text-align:right;
 padding-right:10px;
 /*font-size:25px;*/
 font-weight:strong;
}
.detailbox .box.active .box-control.minus {
 display:inline-block;
}
.detailbox .box.active .box-control.plus {
 display:none;
}
.detailbox .box .box-control.minus {
 display:none;
 padding-right:12px;
}
.detailbox .box .box-control.plus {
 display:inline-block;
}
.detailbox .box .box-content {
 display:none;
 background-color:#ededed;
 padding:10px 15px;
 font-size:14px;
 line-height:18px;
}
.detailbox .box.active .box-content {
 display:block;
}

.flatboxes {
 width:100%;
 padding:30px 0px;
}
.flatboxes.float-left {
 float:left;
}
.flatboxes.border {
 border-top:1px solid #d9dedf;
}

.flatboxes.first {
 background-color:#f8f8f8;
}
.flatboxes.second {
 background-color:#ffffff;
}
.flatboxes .img-box .pfeil {
 position:relative;
 top:-31px;
 left:32.5%;
 display:block;
}


.flatboxes .img-box {
 display:inline-block;
 vertical-align:top;
 text-align:center;
 width:19%;
}
.flatboxes .img-box img {
 float:initial;
}
.flatboxes .content-box {
 display:inline-block;
 vertical-align:top;
 width:80%;
 padding-right:10px;
}


.number {
    text-align: center;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    background-color: #68ac32;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 13px;
    display: inline-block;
    padding-top: 14px;
    padding-left: 0px;
    margin:0 15px 0 0;
}
.infobereich2 {
 padding-left:25px;
 padding-right:20px;
 padding-top:20px;
 padding-bottom:20px;
 line-height:22px;
}
.infobereich2.grau {
 background-color:#f0f0f0;
 border-left:6px solid #ffba00;
}

.tabellentab {
 width:100%;
 margin-bottom: 20px;
 float: left;
}
.tabellentab .tab {
 border-top: 2px solid #8fbb00;
 border-left: 1px solid #d8d8d8;
 border-right: 1px solid #d8d8d8;
 color:#71a813;
 font-size:16px;
 text-align:center;
 padding:12px 25px;
 position:relative;
 top: 1px;
 background-color: #FCFCFC;
 display:inline-block;
 font-weight:bold;
}
.tabellentab .tbl {
 border:1px solid #d8d8d8;
 background: #FCFCFC;
 padding:18px;
}
.tabellentab table {
 border-collapse:collapse;
 width:100%;
}
.tabellentab table .nth {
 background-color:#f8f8f8;
}
.tabellentab table td.left {
 width:40%;
}
.tabellentab table tr.small {
 font-size:12px;
}
.tabellentab table tr {
 padding-left:15px;
 padding-right:15px;
 vertical-align:top;
 font-size:14px;
}
.tabellentab table td {
 padding-left:0;
 padding-right:0;
 padding: 10px;
}
.tabellentab table tr.border {
 border-top:1px solid #d8d8d8;
}
.btn-cta-green {
 -webkit-box-shadow: -2px 6px 20px -4px rgba(191,191,191,1);
 -moz-box-shadow: -2px 6px 20px -4px rgba(191,191,191,1);
 box-shadow: -2px 6px 20px -4px rgba(191,191,191,1);
 color:#FFF;
 background: #96c000; /* Old browsers */
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk2YzAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MmE5MTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
 background: -moz-linear-gradient(top,  #96c000 0%, #72a914 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96c000), color-stop(100%,#72a914)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #96c000 0%,#72a914 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #96c000 0%,#72a914 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #96c000 0%,#72a914 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #96c000 0%,#72a914 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c000', endColorstr='#72a914',GradientType=0 ); /* IE6-8 */
 padding:12px 20px;
 text-decoration:none;
}

@media all and (max-width:1050px) {
 a.blocklink-links, a.blocklink-rechts {
  font-size:15px;
 }
}

@media all and (max-width:620px) {
 a.blocklink-links, a.blocklink-rechts {
  font-size:22px;
  width:100%;
  margin-right:0;
 }
 .detailbox .box .box-title {
  width:79%;
 }
 .flatboxes .img-box .pfeil {
  left: 32%;
 }
 .tabellentab {
  width:100%;
 }
}

@media all and (max-width:520px){
 a.blocklink-links, a.blocklink-rechts {
  font-size:19px;
 }
 /*ul.aufzaehlungspunkte {
  position: relative;
  left: -40px;
  width: 105%;
 }
 ul.aufzaehlungspunkte li {
  padding: 3px 0px 3px 36px;
 }*/
 ul.vorteile {
  padding-right: 0px;
 }
 ul.vorteile li {
  left: -28px;
 }
 ul.nachteile {
  padding-right: 0px;
 }
 ul.nachteile li {
  left: -28px;
 }
 .bis520 {
  display:none;
 }
 .infobereich, ul.vorteile li, ul.nachteile li, table, .detailbox .box .box-content, .flatboxes, p, .infobereich2, table td, .btn-cta-green {
  font-size:12px;
 }
 .infobereich h2, .infobereich  div {
  font-size:16px;
 }
 .infobereich ul li {
  width: 112%;
 }
 .flatboxes .img-box .pfeil {
  left: 27%;
 }
 .infobereich2 {
  padding-left: 15px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
 }
 table .left {
  padding-right:5px !important;
 }
}

@media all and (max-width:480px) {
 a.blocklink-links, a.blocklink-rechts {
  font-size:16px;
 }
 .flatboxes .img-box .pfeil,.flatboxes .img-box {
  display: none;
 }
 .flatboxes .content-box {
  width:100%;
  padding-left: 10px;
 }
 .flatboxes {
  padding:10px 0px;
 }
 .cta-holder {
  padding-top:20px;
  text-align:center;
 }
}

/*cutoff*/
@media all and (max-width:1200px) { .cutoff_1200px { display:none; } }
@media all and (max-width:1000px) { .cutoff_1000px { display:none; } }
@media all and (max-width:767px) { .cutoff_767px { display:none; } }
@media all and (max-width:620px) { .cutoff_620px { display:none; } }
@media all and (max-width:520px) { .cutoff_520px { display:none; } }
@media all and (max-width:480px) { .cutoff_480px { display:none; } }
@media all and (max-width:380px) { .cutoff_380px { display:none; } }